原创

二次开发uniswap-01-SDK


uniswap V2

  • 官网 https://uniswap.org/
  • swap https://app.uniswap.org/#/swap
  • 文档 https://docs.uniswap.org/sdk/2.0.0/guides/pricing
  • github https://github.com/Uniswap

需要的资源文件

https://github.com/Uniswap github拉代码(v2版本)

https://web03-1252477692.cos.ap-guangzhou.myqcloud.com/blog/images/f1a33b0a3f7c48fb8497142f1498fa9c.png

本章节只修改以下文件

  1. token-list
  2. default-token-list
  3. sdk-core
  4. sdk
  5. core

一. 修改token-list

1. 修改package.json: 包名,github地址

2. 修改其他关键字

如遇到提交git报错husky。。。
将package.json中的husk干掉

干掉以下代码👇(提交没报错,或者有其他方式解决的忽略)

  "husky": {
    "hooks": {
      "pre-commit": "tsdx lint"
    }
  },
  
  "husky": "^4.2.5",

别忘了将包发到npm,发到npm之前别忘了build和重置版本号

// 假设发布的npm包为
@web03/token-list

二.修改default-token-list

1. 修改src/tokens/mainnet.json 中的token列表(此处的列表将影响swap下面部分)

2. 修改 src/buildList.js 里面的log等其他关键字

3. 修改package.json下的 token-list 依赖包为

"@web03/token-list": "^1.0.0",
// 别忘了修改代码中的import

别忘了将包发到npm,发到npm之前别忘了build和重置版本号

// 假设发布的npm包为
@web03/default-token-list

三.修改sdk-core

1. 修改src/entities/weth9.ts

如果你是新链,那么这里务必加上

[链id]: new Token(链id, '0x0123...', 18, '名称', '名称'),

如swap是基于币安链的,那么需要添加WBNB

[56]: new Token(56, '0xbb4CdB9CBd36B01bD1cBaEBF2De08d9173bc095c', 18, 'WBNB', 'WBNB')

2. 修改package.json相关内容

别忘了将包发到npm,发到npm之前别忘了build和重置版本号

// 假设发布的npm包为
@web03/sdk-core

四. 修改sdk

1. 修改src/entities/token.js

添加WETH字段,如你是在bsc链,需要添加WBNB

export const WETH = {
...,
[ChainId.BSC]: new Token(ChainId.BSC, '0xbb4CdB9CBd36B01bD1cBaEBF2De08d9173bc095c', 18, 'WBNB', 'WBNB'),
}

此处修改将直接影响这里

备注:影响此处还需要改interface

  1. src/swap/hooks.ts
//...
// 此处假设是WBNB,修改
  const onCurrencySelection = useCallback(
    (field: Field, currency: Currency) => {
      dispatch(
        selectCurrency({
          field,
          currencyId: currency instanceof Token ? currency.address : currency === ETHER ? 'WBNB' : ''
        })
      )
    },
    [dispatch]
  )

//...
function parseCurrencyFromURLParameter(urlParam: any): string {
  if (typeof urlParam === 'string') {
    const valid = isAddress(urlParam)
    if (valid) return valid
    if (urlParam.toUpperCase() === 'WBNB') return 'WBNB'
    if (valid === false) return 'WBNB'
  }
  return 'WBNB' ?? ''
}
  1. src/hooks/Tokens.ts
export function useCurrency(currencyId: string | undefined): Currency | null | undefined {
  const isETH = currencyId?.toUpperCase() === 'WBNB'
  const token = useToken(isETH ? undefined : currencyId)
  return isETH ? ETHER : token
}
  1. src/components/CurrencyLogo/index.ts 此处修改WBNB的代币图标
import BNBLogo from '../../assets/images/ethtoken-logo.png'
// ...
  if (currency === ETHER) {
    return <StyledEthereumLogo src={BNBLogo} size={size} style={style} />
  }

2. 修改src/constants.ts

修改FACTORY_ADDRESS字段为你的工厂合约

export const FACTORY_ADDRESS = '0x123...'

修改INIT_CODE_HASH字段

获取INIT_CODE_HASH,在区块链浏览器打开你的FACTORY_ADDRESS(工厂合约地址),找到pairCodeHash就是INIT_CODE_HASH

export const INIT_CODE_HASH = '0xb246eb934a1ac5ead44e465bee3877074c8672f76e3a9a07e7b9a6725b075bf1'

修改ChainId如果当前链没有在枚举中需要加上

export enum ChainId {
BSC = 56
}

4. 修改src/fetcher.ts文件

去uniswap的git上找到core这个项目,将IUniswapV2Pair.json与UniswapV2Pair.json拷贝到当前项目,修改两处的引用 分别是src/fetcher.ts,test/constants.test.ts

因为core项目除了这两个abi文件可用,其他文件几乎没用,且core项目很大,build很慢,所以直接把它舍去只要abi就行

别忘了将包发到npm,发到npm之前别忘了build和重置版本号

// 假设发布的npm包为
@web03/sdk

下一步修改swap(interface项目)https://web03.cn/blog/290

以太坊
  • 作者:零三(联系作者)
  • 最后更新时间:2022-05-21 15:11
  • 版权声明:自由转载-非商用-非衍生-保持署名
  • 转载声明:来源地址 https://web03.cn
  • 评论