feat(optimism): integrate optimism into Mask ecosystem

.vscode/schema/constants.json

@@ -30,7 +30,10 @@
                 "Matic",
                 "Mumbai",
                 "Arbitrum",
-                "Arbitrum_Rinkeby"
+                "Arbitrum_Rinkeby",
+                "Optimism",
+                "Optimism_Kovan",
+                "Optimism_Goerli"
             ]
         },
         "primitive": {

cspell.json

@@ -108,6 +108,7 @@
         "ipfshttp",
         "ittr",
         "jsbi",
+        "jsonml",
         "juicebox",
         "kdfparams",
         "keccak",
@@ -150,8 +151,11 @@
         "nftrss",
         "nftscan",
         "nums",
+        "oeth",
+        "opensea",
         "openswap",
         "openx",
+        "optimism",
         "overridable",
         "overscan",
         "pageable",

packages/dashboard/src/pages/Wallets/hooks/useGasConfig.ts

@@ -75,7 +75,7 @@ export const useGasConfig = (gasLimit: number, minGasLimit: number) => {
                   maxFeePerGas: toHex(new BigNumber(maxFee).integerValue().toFixed()),
                   maxPriorityFeePerGas: toHex(new BigNumber(priorityFee).integerValue().toFixed()),
               }
-            : { gas: gasLimit_, gasPrice: new BigNumber(gasPrice).toNumber() }
+            : { gas: gasLimit_, gasPrice: toHex(formatGweiToWei(gasPrice).toString()) }
     }, [is1559Supported, gasLimit_, maxFee, priorityFee, gasPrice, chainId])
 
     return {

packages/mask/shared-ui/locales/ko-KR.json

@@ -119,7 +119,6 @@
     "wallet_rename": "월렛 이름 바꾸기",
     "wallet_loading_nft_contract": "NFT 컨트렉트 로딩...",
     "wallet_search_contract_no_result": "검색 포준에 맞추는 결과나 컨트렉트 주소가 없습니다.",
-    "wallet_search_no_result": "결과 없음.",
     "wallet_airdrop_nft_unclaimed_title": "수령하지 않는 NFT 에어드랍:",
     "plugin_airdrop_nft_start_time": "시작 시간: {{date}}",
     "plugin_airdrop_nft_end_time": "종료 시간: {{date}}",

packages/mask/shared-ui/locales/qya-AA.json

@@ -221,7 +221,6 @@
     "wallet_rename": "crwdns4489:0crwdne4489:0",
     "wallet_loading_nft_contract": "crwdns8135:0crwdne8135:0",
     "wallet_search_contract_no_result": "crwdns8137:0crwdne8137:0",
-    "wallet_search_no_result": "crwdns8139:0crwdne8139:0",
     "wallet_confirm_with_password": "crwdns10141:0crwdne10141:0",
     "wallet_airdrop_nft_unclaimed_title": "crwdns8093:0crwdne8093:0",
     "plugin_external_unknown_plugin": "crwdns10143:0crwdne10143:0",

packages/mask/shared-ui/locales/zh-CN.json

@@ -213,7 +213,6 @@
     "wallet_rename": "重新命名钱包",
     "wallet_loading_nft_contract": "正在加载 NFT 合约...",
     "wallet_search_contract_no_result": "没有结果或合同地址不符合查询标准。",
-    "wallet_search_no_result": "没有任何结果。",
     "wallet_confirm_with_password": "使用密码确认",
     "wallet_airdrop_nft_unclaimed_title": "未认领的NFT Airdrop：",
     "plugin_external_unknown_plugin": "发现新的未知Mask插件，您想要加载它们吗？",

packages/mask/shared-ui/locales/zh-TW.json

@@ -98,7 +98,6 @@
     "wallet_name": "錢包名稱",
     "wallet_rename": "重新命名錢包",
     "wallet_loading_nft_contract": "加載NFT合約中...",
-    "wallet_search_no_result": "無結果",
     "wallet_confirm_with_password": "確認密碼",
     "wallet_airdrop_nft_unclaimed_title": "尚未認領的NFT空投",
     "plugin_external_loader_search_holder": "搜尋外部插件",

packages/mask/shared/flags.ts

@@ -31,6 +31,7 @@ export const Flags = {
     polygon_enabled: true,
     arbitrum_enabled: true,
     xdai_enabled: true,
+    optimism_enabled: true,
     avalanche_enabled: true,
     fantom_enabled: true,
     celo_enabled: true,

packages/mask/src/plugins/Approval/SNSAdaptor/pipes.ts

@@ -15,7 +15,7 @@ export const resolveNetworkOnRabby = createLookupTableResolver<NetworkType, stri
         [NetworkType.Fuse]: '',
         [NetworkType.Metis]: '',
         [NetworkType.Boba]: '',
-        [NetworkType.Optimistic]: '',
+        [NetworkType.Optimism]: '',
         [NetworkType.Celo]: '',
         [NetworkType.Conflux]: '',
     },

packages/mask/src/plugins/Gitcoin/SNSAdaptor/index.tsx

@@ -1,19 +1,15 @@
 import { useMemo } from 'react'
-import { ChainId } from '@masknet/web3-shared-evm'
+import { Trans } from 'react-i18next'
 import { usePostInfoDetails, Plugin, usePluginWrapper, PluginId } from '@masknet/plugin-infra/content-script'
-import { useChainId } from '@masknet/plugin-infra/web3'
-import { NetworkPluginID } from '@masknet/web3-shared-base'
 import { extractTextFromTypedMessage } from '@masknet/typed-message'
 import { parseURL } from '@masknet/shared-base'
 import { Icons } from '@masknet/icons'
 import { PreviewCard } from './PreviewCard'
-import { Trans } from 'react-i18next'
 import { base } from '../base'
-import { PLUGIN_NAME, PLUGIN_META_KEY } from '../constants'
+import { PLUGIN_META_KEY, PLUGIN_NAME } from '../constants'
 import { DonateDialog } from './DonateDialog'
 
 const isGitcoin = (x: string): boolean => /^https:\/\/gitcoin.co\/grants\/\d+/.test(x)
-const isGitCoinSupported = (chainId: ChainId) => [ChainId.Mainnet, ChainId.Matic].includes(chainId)
 
 const sns: Plugin.SNSAdaptor.Definition = {
     ...base,
@@ -56,7 +52,6 @@ const sns: Plugin.SNSAdaptor.Definition = {
 
 function Renderer(props: React.PropsWithChildren<{ url: string }>) {
     const [id = ''] = props.url.match(/\d+/) ?? []
-    const chainId = useChainId(NetworkPluginID.PLUGIN_EVM)
     usePluginWrapper(true)
     return <PreviewCard id={id} />
 }

packages/mask/src/plugins/ITO/base.ts

@@ -29,6 +29,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Avalanche,
                     ChainId.Fantom,
                     ChainId.Harmony,
+                    ChainId.Optimism,
                 ],
             },
             [NetworkPluginID.PLUGIN_FLOW]: { supportedChainIds: [] },

packages/mask/src/plugins/NextID/base.ts

@@ -31,6 +31,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Fantom,
                     ChainId.Harmony,
                     ChainId.Conflux,
+                    ChainId.Optimism,
                 ],
             },
             [NetworkPluginID.PLUGIN_FLOW]: { supportedChainIds: [] },

packages/mask/src/plugins/RedPacket/SNSAdaptor/NftList.tsx

@@ -3,9 +3,9 @@ import { ChainId, formatTokenId, SchemaType } from '@masknet/web3-shared-evm'
 import { List, ListItem, ListProps, Typography } from '@mui/material'
 import classnames from 'classnames'
 import { FC, HTMLProps, useState } from 'react'
-import { useI18N } from '../../../utils'
 import { NFTCardStyledAssetPlayer } from '@masknet/shared'
 import type { NonFungibleTokenContract } from '@masknet/web3-shared-base'
+import { useI18N } from '../locales'
 
 const useStyles = makeStyles()((theme) => {
     const smallQuery = `@media (max-width: ${theme.breakpoints.values.sm}px)`
@@ -100,7 +100,7 @@ interface NftItemProps extends HTMLProps<HTMLDivElement> {
 }
 
 export const NftItem: FC<NftItemProps> = ({ contract, tokenId, className, claimed, renderOrder, ...rest }) => {
-    const { t } = useI18N()
+    const t = useI18N()
     const { classes } = useStyles()
     const [name, setName] = useState(formatTokenId(tokenId, 2))
 
@@ -117,7 +117,7 @@ export const NftItem: FC<NftItemProps> = ({ contract, tokenId, className, claime
                 setERC721TokenName={setName}
             />
             <Typography className={classes.name}>{name}</Typography>
-            {claimed && <Typography className={classes.claimedBadge}>{t('plugin_red_packet_claimed')}</Typography>}
+            {claimed && <Typography className={classes.claimedBadge}>{t.claimed()}</Typography>}
         </div>
     )
 }

packages/mask/src/plugins/RedPacket/base.ts

@@ -28,6 +28,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Arbitrum,
                     ChainId.xDai,
                     ChainId.Fantom,
+                    ChainId.Optimism,
                     ChainId.Avalanche,
                     ChainId.Aurora,
                     ChainId.Harmony,

packages/mask/src/plugins/Savings/base.ts

@@ -28,6 +28,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Aurora,
                     ChainId.Avalanche,
                     ChainId.Fantom,
+                    ChainId.Optimism,
                     ChainId.Harmony,
                 ],
             },

packages/mask/src/plugins/Trader/apis/trader/index.ts

@@ -16,6 +16,7 @@ export async function getAvailableTraderProviders(chainId: ChainId) {
                 TradeProvider.DODO,
                 TradeProvider.BANCOR,
                 TradeProvider.OPENOCEAN,
+                TradeProvider.MDEX,
             ]
         case NetworkType.Polygon:
             return [
@@ -42,12 +43,12 @@ export async function getAvailableTraderProviders(chainId: ChainId) {
             return [TradeProvider.SUSHISWAP, TradeProvider.OPENOCEAN]
         case NetworkType.Avalanche:
             return [TradeProvider.SUSHISWAP, TradeProvider.OPENOCEAN, TradeProvider.TRADERJOE, TradeProvider.PANGOLIN]
-        case NetworkType.xDai:
-            return [TradeProvider.SUSHISWAP, TradeProvider.OPENOCEAN]
         case NetworkType.Celo:
             return [TradeProvider.SUSHISWAP]
         case NetworkType.Fantom:
             return [TradeProvider.SUSHISWAP]
+        case NetworkType.Optimism:
+            return [TradeProvider.UNISWAP_V3]
         case NetworkType.Aurora:
             return [TradeProvider.DODO, TradeProvider.WANNASWAP, TradeProvider.TRISOLARIS]
         case NetworkType.Harmony:
@@ -60,7 +61,6 @@ export async function getAvailableTraderProviders(chainId: ChainId) {
         case NetworkType.Boba:
         case NetworkType.Fuse:
         case NetworkType.Metis:
-        case NetworkType.Optimistic:
         case NetworkType.Conflux:
             console.error('To be implement network: ', networkType)
             return []

packages/mask/src/plugins/Trader/base.ts

@@ -24,6 +24,7 @@ export const base: Plugin.Shared.Definition<ChainId> = {
                     ChainId.Aurora,
                     ChainId.Avalanche,
                     ChainId.Fantom,
+                    ChainId.Optimism,
                     ChainId.Harmony,
                 ],
             },

packages/mask/src/plugins/Trader/constants/0x.ts

@@ -6,14 +6,14 @@ export const ZRX_BASE_URL: Record<NetworkType, string> = {
     [NetworkType.Polygon]: 'https://polygon.api.0x.org/',
     [NetworkType.Arbitrum]: 'https://arbitrum.api.0x.org/',
     [NetworkType.xDai]: 'https://xdai.api.0x.org/',
+    [NetworkType.Optimism]: 'https://optimism.api.0x.org/',
     [NetworkType.Avalanche]: 'https://avalanche.api.0x.org/',
     [NetworkType.Celo]: 'https://celo.api.0x.org/',
     [NetworkType.Fantom]: 'https://fantom.api.0x.org/',
     [NetworkType.Aurora]: 'https://aurora.api.0x.org/',
     [NetworkType.Boba]: '',
     [NetworkType.Fuse]: '',
     [NetworkType.Metis]: '',
-    [NetworkType.Optimistic]: '',
     [NetworkType.Harmony]: '',
     [NetworkType.Conflux]: '',
 }

packages/mask/src/plugins/Trader/constants/dodo.ts

@@ -8,14 +8,15 @@ export const networkNames: Record<NetworkType, string> = {
     [NetworkType.Polygon]: 'matic',
     [NetworkType.Arbitrum]: 'arbitrum',
     [NetworkType.xDai]: 'xdai',
+    [NetworkType.Optimism]: 'Optimism',
     [NetworkType.Avalanche]: 'avalanche',
     [NetworkType.Celo]: 'celo',
     [NetworkType.Fantom]: 'fantom',
     [NetworkType.Aurora]: 'aurora',
     [NetworkType.Boba]: '',
     [NetworkType.Fuse]: '',
     [NetworkType.Metis]: '',
-    [NetworkType.Optimistic]: '',
+    [NetworkType.Optimism]: '',
     [NetworkType.Harmony]: 'harmony',
     [NetworkType.Conflux]: '',
 }

packages/mask/src/plugins/Trader/constants/openocean.ts

@@ -15,7 +15,8 @@ export const networkNames: Record<NetworkType, string> = {
     [NetworkType.Boba]: '',
     [NetworkType.Fuse]: '',
     [NetworkType.Metis]: '',
-    [NetworkType.Optimistic]: '',
+    [NetworkType.Optimism]: 'Optimism',
+    [NetworkType.Optimism]: '',
     [NetworkType.Harmony]: '',
     [NetworkType.Conflux]: '',
 }

packages/mask/src/plugins/Trader/constants/sushiswap.ts

@@ -34,4 +34,5 @@ export const SUSHISWAP_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
     [ChainId.Fantom]: [WNATIVE, DAI, USDC, fUSDT, WBTC].map((x) => x[ChainId.Fantom]),
     [ChainId.Avalanche]: [WNATIVE, DAI, USDC, WBTC, USDT].map((x) => x[ChainId.Avalanche]),
     [ChainId.Harmony]: [WNATIVE, DAI, USDC, WBTC, USDT].map((x) => x[ChainId.Harmony]),
+    [ChainId.Optimism]: [WNATIVE, DAI, USDC, WBTC, USDT].map((x) => x[ChainId.Optimism]),
 }

packages/mask/src/plugins/Trader/constants/uniswap.ts

@@ -1,4 +1,4 @@
-import { ChainId, AMPL, DAI, USDC, USDT, WBTC, WNATIVE, WNATIVE_ONLY } from '@masknet/web3-shared-evm'
+import { ChainId, AMPL, DAI, USDC, USDT, WBTC, WNATIVE, WNATIVE_ONLY, OP } from '@masknet/web3-shared-evm'
 import { Percent } from '@uniswap/sdk-core'
 import JSBI from 'jsbi'
 import type { ERC20AgainstToken, ERC20TokenCustomizedBase } from './types'
@@ -20,6 +20,7 @@ export const UNISWAP_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
     ...WNATIVE_ONLY,
     [ChainId.Mainnet]: [WNATIVE, DAI, USDC, USDT, WBTC].map((x) => x[ChainId.Mainnet]),
     [ChainId.Matic]: [WNATIVE, DAI, USDC, USDT, WBTC].map((x) => x[ChainId.Matic]),
+    [ChainId.Optimism]: [WNATIVE, DAI, USDC, USDT, WBTC, OP].map((x) => x[ChainId.Optimism]),
 }
 
 export const MAX_HOP = 3

packages/mask/src/plugins/Trader/trader/0x/useTrade.ts

@@ -26,7 +26,7 @@ export function getNativeTokenLabel(networkType: NetworkType) {
         case NetworkType.Fuse:
         case NetworkType.Metis:
         case NetworkType.Avalanche:
-        case NetworkType.Optimistic:
+        case NetworkType.Optimism:
         case NetworkType.Harmony:
         case NetworkType.Conflux:
             return NATIVE_TOKEN_ADDRESS

packages/mask/src/plugins/Trader/trader/uniswap/useV3SwapPools.ts

@@ -1,9 +1,9 @@
+import { useMemo } from 'react'
 import type { Currency, Token } from '@uniswap/sdk-core'
 import { FeeAmount, Pool } from '@uniswap/v3-sdk'
-import { useMemo } from 'react'
+import { TradeProvider } from '@masknet/public-api'
 import { useAllCurrencyCombinations } from './useAllCommonPairs'
 import { PoolState, usePools } from './usePools'
-import { TradeProvider } from '@masknet/public-api'
 
 /**
  * Returns all the existing pools that should be considered for swapping between an input currency and an output currency

packages/mask/src/plugins/Trader/trader/useTradeCallback.ts

@@ -1,3 +1,4 @@
+import { noop } from 'lodash-unified'
 import type { Trade as V2Trade } from '@uniswap/v2-sdk'
 import type { Trade as V3Trade } from '@uniswap/v3-sdk'
 import type { Currency, TradeType } from '@uniswap/sdk-core'
@@ -24,7 +25,6 @@ import { isNativeTokenWrapper } from '../helpers'
 import { useGetTradeContext } from './useGetTradeContext'
 import { TargetChainIdContext } from '@masknet/plugin-infra/web3-evm'
 import type { GasOptionConfig } from '@masknet/web3-shared-evm'
-import { noop } from 'lodash-unified'
 import type { AsyncFnReturn } from 'react-use/lib/useAsyncFn'
 
 export function useTradeCallback(

packages/mask/src/plugins/UnlockProtocol/constants.ts

@@ -12,6 +12,7 @@ export const graphEndpointKeyVal = {
     [ChainId.xDai]: 'https://api.thegraph.com/subgraphs/name/unlock-protocol/xdai',
     [ChainId.Matic]: 'https://api.thegraph.com/subgraphs/name/unlock-protocol/polygon',
     [ChainId.Avalanche]: '',
+    [ChainId.Optimism]: '',
 }
 
 export const keyServerEndpoint = 'https://unlock.r2d2.to/'

packages/mask/src/plugins/Wallet/services/account.ts

@@ -78,6 +78,7 @@ export async function getSupportedNetworks() {
         Flags.polygon_enabled ? NetworkType.Polygon : undefined,
         Flags.arbitrum_enabled ? NetworkType.Arbitrum : undefined,
         Flags.xdai_enabled ? NetworkType.xDai : undefined,
+        Flags.optimism_enabled ? NetworkType.Optimism : undefined,
         Flags.celo_enabled ? NetworkType.Celo : undefined,
         Flags.fantom_enabled ? NetworkType.Fantom : undefined,
         Flags.avalanche_enabled ? NetworkType.Avalanche : undefined,

packages/web3-constants/compile-constants.ts

@@ -53,6 +53,9 @@ compileConstants(path.join(__dirname, 'evm'), [
     'Arbitrum',
     'Arbitrum_Rinkeby',
     'xDai',
+    'Optimism',
+    'Optimism_Kovan',
+    'Optimism_Goerli',
     'Avalanche',
     'Avalanche_Fuji',
     'Celo',

packages/web3-constants/evm/aave.json

@@ -12,6 +12,9 @@
         "Arbitrum": "",
         "Arbitrum_Rinkeby": "",
         "xDai": "",
+        "Optimism": "",
+        "Optimism_Kovan": "",
+        "Optimism_Goerli": "",
         "Avalanche": "",
         "Avalanche_Fuji": "",
         "Celo": "",
@@ -35,6 +38,9 @@
         "Arbitrum": "",
         "Arbitrum_Rinkeby": "",
         "xDai": "",
+        "Optimism": "",
+        "Optimism_Kovan": "",
+        "Optimism_Goerli": "",
         "Avalanche": "",
         "Avalanche_Fuji": "",
         "Celo": "",
@@ -58,6 +64,9 @@
         "Arbitrum": "",
         "Arbitrum_Rinkeby": "",
         "xDai": "",
+        "Optimism": "",
+        "Optimism_Kovan": "",
+        "Optimism_Goerli": "",
         "Avalanche": "",
         "Avalanche_Fuji": "",
         "Celo": "",

packages/web3-constants/evm/airdrop.json

@@ -12,6 +12,9 @@
         "Arbitrum": "",
         "Arbitrum_Rinkeby": "",
         "xDai": "",
+        "Optimism": "",
+        "Optimism_Kovan": "",
+        "Optimism_Goerli": "",
         "Avalanche": "",
         "Avalanche_Fuji": "",
         "Celo": "",

packages/web3-constants/evm/artblocks.json

@@ -12,6 +12,9 @@
         "Arbitrum": "",
         "Arbitrum_Rinkeby": "",
         "xDai": "",
+        "Optimism": "",
+        "Optimism_Kovan": "",
+        "Optimism_Goerli": "",
         "Avalanche": "",
         "Avalanche_Fuji": "",
         "Celo": "",