feat(Metis): add Metis Optimistic Layer2

cspell.json

@@ -12,53 +12,17 @@
         "*.snap"
     ],
     "words": [
-        "AMPL",
-        "Adai",
-        "Amountstate",
-        "Ampleforth",
-        "ARETH",
-        "Bolivarian",
-        "Bouvet",
-        "Burkina",
-        "CAIP",
-        "Caicos",
-        "Celo",
-        "Checksummed",
-        "Cunha",
-        "Cura",
-        "DHEDGE",
-        "Darussalam",
-        "ECID",
-        "Eustatius",
-        "Exchangetoken",
-        "Faso",
-        "Futuna",
-        "IDBP",
-        "IHDR",
-        "Kitts",
-        "Leste",
-        "Maarten",
-        "Marino",
-        "Maskbook",
-        "Mastdon",
-        "Mayen",
-        "Merkle",
-        "Mutex",
-        "Plurinational",
-        "Polkadot",
-        "Pooltogether",
-        "Rhonin",
-        "Rica",
-        "Sint",
-        "Tokelau",
-        "Transak",
-        "Vcent",
-        "Viet",
         "aave",
+        "Adai",
         "addrs",
+        "Amountstate",
         "ampl",
+        "AMPL",
+        "Ampleforth",
         "anchorme",
+        "apikey",
         "arbitrum",
+        "ARETH",
         "arweave",
         "bgcolor",
         "bignumber",
@@ -67,9 +31,17 @@
         "blockie",
         "blockies",
         "bluebar",
+        "Bolivarian",
+        "Bouvet",
         "builtins",
+        "Burkina",
+        "Caicos",
+        "CAIP",
         "canonify",
         "cashtag",
+        "Celo",
+        "Checksummed",
+        "Choudhary",
         "cipherparams",
         "ciphertext",
         "clearfix",
@@ -78,40 +50,56 @@
         "commentid",
         "consolas",
         "contenteditable",
+        "contrib",
+        "contribs",
         "cooldown",
+        "counterparty",
         "crwdne",
+        "Cunha",
+        "Cura",
         "d'Ivoire",
+        "Darussalam",
         "datas",
         "debank",
         "denorm",
         "describedby",
         "deserialization",
         "destory",
         "dfyn",
+        "DHEDGE",
         "dimensiondev",
         "dklen",
         "dompurify",
+        "ECID",
         "ecsign",
         "elec",
         "encryptedmsg",
         "endregion",
         "ethersproject",
+        "Eustatius",
         "everytime",
+        "Exchangetoken",
+        "Faso",
         "fbid",
         "filelist",
         "fileservice",
         "formating",
         "fullfilled",
         "furucombo",
+        "Futuna",
         "gasnow",
         "geckoview",
         "gltf",
         "goodghosting",
+        "Görli",
         "gundb",
         "hashmasks",
+        "hexlify",
         "holoflows",
         "iconbar",
+        "IDBP",
         "ifclaimed",
+        "IHDR",
         "imagebitmap",
         "immer",
         "importmap",
@@ -120,27 +108,40 @@
         "ipfs",
         "ipfsurl",
         "ittr",
+        "jailbroken",
         "jsbi",
         "jsonml",
         "kdfparams",
         "keccak",
+        "Kitts",
         "kred",
         "labelledby",
         "languagedetector",
         "lemy",
+        "Leste",
         "linkedin",
         "linkswap",
         "locationchange",
         "lowercased",
+        "Maarten",
+        "macbinary",
+        "majeure",
+        "Marino",
+        "Maskbook",
         "maskbookjsonrpc",
         "maskface",
         "masknet",
         "masknetwork",
         "masknightly",
         "masktext",
+        "Mastdon",
+        "Mayen",
+        "Merkle",
         "messagepack",
         "metas",
+        "metaverse",
         "millify",
+        "misoperation",
         "monofont",
         "monospace",
         "mooniswap",
@@ -150,18 +151,26 @@
         "mskc",
         "multicall",
         "multihop",
+        "Mutex",
+        "NETSWAP",
         "newsfeed",
+        "NFTRSS",
+        "nftscan",
         "nowallet",
         "nums",
         "opensea",
         "overridable",
         "overscan",
+        "Pageable",
         "pagelet",
         "pancakeswap",
         "pathnames",
         "perma",
         "pid",
         "pids",
+        "Plurinational",
+        "Polkadot",
+        "Pooltogether",
         "popper",
         "popperjs",
         "porportion",
@@ -170,7 +179,6 @@
         "promi",
         "proxied",
         "pushstate",
-        "unstyled",
         "pvtsutils",
         "qrcode",
         "quickswap",
@@ -180,14 +188,20 @@
         "redpacket",
         "replacestate",
         "repost",
+        "resizer",
+        "Rhonin",
+        "Rica",
         "rindexed",
         "rpid",
         "rpids",
         "sablier",
         "sashimiswap",
         "scroller",
         "secp",
+        "Serializers",
         "shink",
+        "Sint",
+        "solana",
         "steelblue",
         "steganographic",
         "steganography",
@@ -196,13 +210,17 @@
         "superrare",
         "sushiswap",
         "swappable",
+        "Swither",
         "tabindex",
         "tablist",
         "testid",
         "textbox",
         "thegraph",
         "timelock",
         "timelocked",
+        "Tokelau",
+        "tokenid",
+        "Transak",
         "twimg",
         "txid",
         "typechain",
@@ -211,9 +229,12 @@
         "unencrypted",
         "unreviewed",
         "unstake",
+        "unstyled",
         "untrusted",
         "urlcat",
         "usermenu",
+        "Vcent",
+        "Viet",
         "viewbox",
         "visualcompletion",
         "walletconnect",

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

@@ -10,6 +10,7 @@ import {
     useArbitrumNetworkTradeProvider,
     useXDaiNetworkTradeProvider,
     useCeloNetworkTradeProvider,
+    useMetisNetworkTradeProvider,
     useFantomNetworkTradeProvider,
 } from '../../Settings/api'
 
@@ -52,6 +53,11 @@ export default function SwapSettingDialog({ open, onClose }: SettingDialogProps)
 
     const celoOptions = [{ label: 'SushiSwap', value: TradeProvider.SUSHISWAP }]
 
+    const metisOptions = [
+        { label: 'SushiSwap', value: TradeProvider.SUSHISWAP },
+        { label: 'NetSwap', value: TradeProvider.NETSWAP },
+    ]
+
     const t = useDashboardI18N()
 
     const items = [
@@ -91,6 +97,12 @@ export default function SwapSettingDialog({ open, onClose }: SettingDialogProps)
             options: celoOptions,
             onChange: (value: string) => Services.Settings.setCeloNetworkTradeProvider(Number.parseInt(value, 10)),
         },
+        {
+            legend: t.labs_settings_swap_network({ network: 'Metis' }),
+            value: useMetisNetworkTradeProvider(),
+            options: metisOptions,
+            onChange: (value: string) => Services.Settings.setMetisNetworkTradeProvider(Number.parseInt(value, 10)),
+        },
         {
             legend: t.labs_settings_swap_network({ network: 'Fantom' }),
             value: useFantomNetworkTradeProvider(),

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

@@ -43,6 +43,11 @@ export const [useCeloNetworkTradeProvider] = createGlobalState(
     Messages.events.celoNetworkTradeProviderSettings.on,
 )
 
+export const [useMetisNetworkTradeProvider] = createGlobalState(
+    Services.Settings.getMetisNetworkTradeProvider,
+    Messages.events.metisNetworkTradeProviderSettings.on,
+)
+
 const BASE_RUL = 'https://vaalh28dbi.execute-api.ap-east-1.amazonaws.com/api'
 
 interface BackupBaseRequest {

packages/mask/shared/flags.ts

@@ -54,6 +54,7 @@ export const Flags = {
     fantom_enabled: true,
     flow_enabled: true,
     celo_enabled: true,
+    metis_enabled: true,
     nft_airdrop_enabled: false,
 
     //#region Functionality missing / broken

packages/mask/src/components/shared/ApplicationBoard.tsx

@@ -288,6 +288,7 @@ export function ApplicationBoard({ secondEntries, secondEntryChainTabs }: MaskAp
                         ChainId.Arbitrum,
                         ChainId.xDai,
                         ChainId.Celo,
+                        ChainId.Metis,
                         ChainId.Fantom,
                     ],
                 ),
@@ -315,6 +316,7 @@ export function ApplicationBoard({ secondEntries, secondEntryChainTabs }: MaskAp
                         ChainId.Arbitrum,
                         ChainId.xDai,
                         ChainId.Celo,
+                        ChainId.Metis,
                         ChainId.Fantom,
                     ],
                 ),

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

@@ -16,6 +16,7 @@ import {
     arbitrumNetworkTradeProviderSettings,
     xdaiNetworkTradeProviderSettings,
     celoNetworkTradeProviderSettings,
+    metisNetworkTradeProviderSettings,
     fantomNetworkTradeProviderSettings,
 } from '../../plugins/Trader/settings'
 import { queryMyPersonas } from './IdentityService'
@@ -77,6 +78,8 @@ export const [getxDaiNetworkTradeProvider, setxDaiNetworkTradeProvider] = create
 
 export const [getCeloNetworkTradeProvider, setCeloNetworkTradeProvider] = create(celoNetworkTradeProviderSettings)
 
+export const [getMetisNetworkTradeProvider, setMetisNetworkTradeProvider] = create(metisNetworkTradeProviderSettings)
+
 export const [getFantomNetworkTradeProvider, setFantomNetworkTradeProvider] = create(fantomNetworkTradeProviderSettings)
 
 export const [getCurrentSelectedWalletProvider, setCurrentSelectedWalletProvider] = create(currentProviderSettings)

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

@@ -137,6 +137,16 @@ export const PLUGIN_NETWORKS: Web3Plugin.NetworkDescriptor[] = [
         iconColor: 'rgb(53, 208, 127)',
         isMainnet: true,
     },
+    {
+        ID: `${PLUGIN_ID}_metis`,
+        networkSupporterPluginID: PLUGIN_ID,
+        chainId: ChainId.Metis,
+        type: NetworkType.Metis,
+        name: 'Metis',
+        icon: new URL('./assets/metis.png', import.meta.url),
+        iconColor: 'rgb(2, 223, 206)',
+        isMainnet: true,
+    },
     {
         ID: `${PLUGIN_ID}_fantom`,
         networkSupporterPluginID: PLUGIN_ID,