feat(optimism): integrate optimism into Mask ecosystem #4868

Author: developerfred

.vscode/schema/constants.json

@@ -30,7 +30,10 @@
                 "Matic",
                 "Mumbai",
                 "Arbitrum",
-                "Arbitrum_Rinkeby"
+                "Arbitrum_Rinkeby",
+                "Optimistic",
+                "Optimistic_Kovan",
+                "Optimistic_Goerli"
             ]
         },
         "primitive": {

cspell.json

@@ -47,6 +47,7 @@
         "ampl",
         "anchorme",
         "arbitrum",
+        "optimistic",
         "arweave",
         "bgcolor",
         "bignumber",

packages/dashboard/src/pages/Labs/components/SwapSettingDialog.tsx

@@ -9,6 +9,7 @@ import {
     usePolygonNetworkTradeProvider,
     useArbitrumNetworkTradeProvider,
     useXDaiNetworkTradeProvider,
+    useOptimisticNetworkTradeProvider,
 } from '../../Settings/api'
 
 import SettingItem from './SettingItem'
@@ -45,6 +46,8 @@ export default function SwapSettingDialog({ open, onClose }: SettingDialogProps)
 
     const arbitrumOptions = [{ label: 'UniSwap V3', value: TradeProvider.UNISWAP_V3 }]
 
+    const optimisticOptions = [{ label: 'UniSwap V3', value: TradeProvider.UNISWAP_V3 }]
+
     const xDaiOptions = [{ label: 'SushiSwap', value: TradeProvider.SUSHISWAP }]
 
     const t = useDashboardI18N()
@@ -80,6 +83,12 @@ export default function SwapSettingDialog({ open, onClose }: SettingDialogProps)
             options: xDaiOptions,
             onChange: (value: any) => Services.Settings.setxDaiNetworkTradeProvider(+value),
         },
+        {
+            legend: t.labs_settings_swap_network({ network: 'Optimism' }),
+            value: useOptimisticNetworkTradeProvider(),
+            options: optimisticOptions,
+            onChange: (value: any) => Services.Settings.setOptimisticNetworkTradeProvider(+value),
+        },
     ]
 
     return (

packages/dashboard/src/pages/Settings/api.ts

@@ -34,6 +34,11 @@ export const [useXDaiNetworkTradeProvider] = createGlobalState(
     Messages.events.xdaiNetworkTradeProviderSettings.on,
 )
 
+export const [useOptimistcNetworkTradeProvider] = createGlobalState(
+    Services.Settings.getOptimisticNetworkTradeProvider,
+    Messages.events.optimisticNetworkTradeProviderSettings.on,
+)
+
 const BASE_RUL = 'https://vaalh28dbi.execute-api.ap-east-1.amazonaws.com/api'
 
 interface BackupBaseRequest {

packages/maskbook/src/extension/background-script/SettingsService.ts

@@ -14,6 +14,7 @@ import {
     polygonNetworkTradeProviderSettings,
     arbitrumNetworkTradeProviderSettings,
     xdaiNetworkTradeProviderSettings,
+    optimismNetworkTradeProviderSettings,
 } from '../../plugins/Trader/settings'
 import { queryMyPersonas } from './IdentityService'
 import {
@@ -70,6 +71,10 @@ export const [getArbitrumNetworkTradeProvider, setArbitrumNetworkTradeProvider]
 )
 export const [getxDaiNetworkTradeProvider, setxDaiNetworkTradeProvider] = create(xdaiNetworkTradeProviderSettings)
 
+export const [getOptimismNetworkTradeProvider, setOptimismNetworkTradeProvider] = create(
+    optimismNetworkTradeProviderSettings,
+)
+
 export const [getCurrentSelectedWalletProvider, setCurrentSelectedWalletProvider] = create(currentProviderSettings)
 
 export const [getCurrentSelectedWalletNetwork, setCurrentSelectedWalletNetwork] = create(currentNetworkSettings)

packages/maskbook/src/plugins/ITO/SNSAdaptor/ClaimAllDialog.tsx

@@ -224,7 +224,9 @@ export function ClaimAllDialog(props: ClaimAllDialogProps) {
     } = useSpaceStationCampaignInfo(account, Flags.nft_airdrop_enabled)
 
     const [chainId, setChainId] = useState(
-        [ChainId.Mainnet, ChainId.BSC, ChainId.Matic, ChainId.Arbitrum, ChainId.xDai].includes(currentChainId)
+        [ChainId.Mainnet, ChainId.BSC, ChainId.Matic, ChainId.Arbitrum, ChainId.xDai, ChainId.Optimistic].includes(
+            currentChainId,
+        )
             ? currentChainId
             : ChainId.Mainnet,
     )
@@ -352,8 +354,16 @@ export function ClaimAllDialog(props: ClaimAllDialogProps) {
             createTabItem('Polygon/Matic', ChainId.Matic),
             createTabItem('Arbitrum', ChainId.Arbitrum),
             createTabItem('xDai', ChainId.xDai),
+            createTabItem('Optimistic', ChainId.Optimistic),
         ],
-        index: [ChainId.Mainnet, ChainId.BSC, ChainId.Matic, ChainId.Arbitrum, ChainId.xDai].indexOf(chainId),
+        index: [
+            ChainId.Mainnet,
+            ChainId.BSC,
+            ChainId.Matic,
+            ChainId.Arbitrum,
+            ChainId.xDai,
+            ChainId.Optimistic,
+        ].indexOf(chainId),
         classes,
         hasOnlyOneChild: true,
     }

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

@@ -22,6 +22,7 @@ export const base: Plugin.Shared.Definition = {
                 ChainId.Mumbai,
                 ChainId.Arbitrum,
                 ChainId.xDai,
+                ChainId.Optimistic,
             ],
         },
     },

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

@@ -16,7 +16,14 @@ export const base: Plugin.Shared.Definition = {
         networks: { type: 'opt-out', networks: {} },
         target: 'stable',
         web3: {
-            operatingSupportedChains: [ChainId.Mainnet, ChainId.BSC, ChainId.Matic, ChainId.Arbitrum, ChainId.xDai],
+            operatingSupportedChains: [
+                ChainId.Mainnet,
+                ChainId.BSC,
+                ChainId.Matic,
+                ChainId.Arbitrum,
+                ChainId.xDai,
+                ChainId.Optimistic,
+            ],
         },
     },
 }

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

@@ -25,6 +25,8 @@ export async function getAvailableTraderProviders(chainId: ChainId) {
             return [TradeProvider.UNISWAP_V3]
         case NetworkType.xDai:
             return [TradeProvider.SUSHISWAP]
+        case NetworkType.Optimistic:
+            return [TradeProvider.UNISWAP_V3]
         default:
             safeUnreachable(networkType)
             return []

packages/maskbook/src/plugins/Trader/apis/trending/hotfix.ts

@@ -95,13 +95,15 @@ const ID_NETWORK_MAP: Record<DataProvider, Record<string, NetworkType>> = {
         'polygon-pos': NetworkType.Polygon,
         'arbitrum-one': NetworkType.Arbitrum,
         xdai: NetworkType.xDai,
+        optimistic: NetworkType.Optimistic,
     },
     [DataProvider.COIN_MARKET_CAP]: {
         '1027': NetworkType.Ethereum,
         '1839': NetworkType.Binance,
         '3890': NetworkType.Polygon,
         '11841': NetworkType.Arbitrum,
         '5601': NetworkType.xDai,
+        '10': NetworkType.Optimistic,
     },
     [DataProvider.UNISWAP_INFO]: {},
 }