chore: update compatibility

package.json

@@ -38,12 +38,12 @@
     "@material-ui/system": "5.0.0-alpha.34",
     "@types/react": "^17.0.14",
     "@types/react-dom": "^17.0.9",
-    "i18next": "^20.3.2",
+    "i18next": "^20.3.4",
     "idb": "5.0.8",
     "jss": "10.5.1",
     "react": "=18.0.0-alpha-aecb3b6d1",
     "react-dom": "=18.0.0-alpha-aecb3b6d1",
-    "react-i18next": "^11.11.1"
+    "react-i18next": "^11.11.3"
   },
   "devDependencies": {
     "@commitlint/cli": "^12.1.4",
@@ -53,7 +53,7 @@
     "@magic-works/i18n-codegen": "^0.0.6",
     "@masknet/cli": "workspace:*",
     "@nice-labs/git-rev": "^3.5.0",
-    "eslint": "^7.30.0",
+    "eslint": "^7.31.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-lodash": "^7.1.0",
@@ -62,8 +62,8 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-unused-imports": "^1.1.2",
     "esm": "^3.2.25",
-    "husky": "^6.0.0",
-    "lint-staged": "^11.0.0",
+    "husky": "^7.0.1",
+    "lint-staged": "^11.1.0",
     "npm-run-all": "^4.1.5",
     "only-allow": "^1.0.0",
     "prettier": "^2.3.2",

packages/cli/package.json

@@ -9,7 +9,7 @@
     "webextensiom-shim-prebuilt": "./build/webextensiom-shim-prebuilt.ts"
   },
   "dependencies": {
-    "inquirer": "^8.1.1",
+    "inquirer": "^8.1.2",
     "lodash": "^4.17.21",
     "proper-lockfile": "^4.1.1"
   },

packages/dashboard/package.json

@@ -30,7 +30,7 @@
     "history": "^5.0.0",
     "json-stable-stringify": "^1.0.1",
     "lodash-es": "^4.17.21",
-    "react-hook-form": "^7.10.1",
+    "react-hook-form": "^7.11.1",
     "react-router": "^6.0.0-beta.0",
     "react-router-dom": "^6.0.0-beta.0",
     "react-use": "^17.2.4",
@@ -43,14 +43,14 @@
     "@babel/core": "^7.14.6",
     "@snowpack/plugin-dotenv": "^2.1.0",
     "@snowpack/plugin-react-refresh": "^2.5.0",
-    "@storybook/addon-actions": "^6.3.4",
-    "@storybook/addon-essentials": "^6.3.4",
-    "@storybook/addon-links": "^6.3.4",
-    "@storybook/addons": "^6.3.4",
-    "@storybook/react": "^6.3.4",
-    "@storybook/theming": "^6.3.4",
+    "@storybook/addon-actions": "^6.3.5",
+    "@storybook/addon-essentials": "^6.3.5",
+    "@storybook/addon-links": "^6.3.5",
+    "@storybook/addons": "^6.3.5",
+    "@storybook/react": "^6.3.5",
+    "@storybook/theming": "^6.3.5",
     "@types/snowpack-env": "^2.3.4",
     "babel-loader": "^8.2.2",
-    "snowpack": "^3.8.1"
+    "snowpack": "^3.8.3"
   }
 }

packages/external-plugin-previewer/package.json

@@ -12,6 +12,6 @@
     "ef.js": "^0.13.10"
   },
   "devDependencies": {
-    "snowpack": "^3.8.1"
+    "snowpack": "^3.8.3"
   }
 }

packages/icons/package.json

@@ -10,6 +10,6 @@
     "build": "node --es-module-specifier-resolution=node ./dist/utils/ssr.js"
   },
   "devDependencies": {
-    "snowpack": "^3.8.1"
+    "snowpack": "^3.8.3"
   }
 }

packages/maskbook/package.json

@@ -41,7 +41,7 @@
     "@types/json2csv": "^5.0.3",
     "@types/jsonwebtoken": "^8.5.4",
     "@types/lodash-es": "^4.17.4",
-    "@types/node": "^16.3.1",
+    "@types/node": "^16.4.1",
     "@types/qrcode": "^1.4.1",
     "@types/react-highlight-words": "^0.16.3",
     "@types/react-router-dom": "^5.1.8",
@@ -50,7 +50,6 @@
     "@types/tiny-secp256k1": "^1.0.0",
     "@types/use-subscription": "^1.0.0",
     "@types/uuid": "^8.3.1",
-    "@ungap/promise-all-settled": "^1.1.2",
     "@uniswap/sdk-core": "^3.0.0",
     "@uniswap/v2-sdk": "^3.0.0",
     "@walletconnect/client": "^1.2.2",
@@ -65,7 +64,7 @@
     "clipboard-polyfill": "^3.0.3",
     "crypto-browserify": "^3.12.0",
     "d3": "^5.16.0",
-    "date-fns": "^2.22.1",
+    "date-fns": "^2.23.0",
     "elliptic": "^6.5.3",
     "event-iterator": "^2.0.0",
     "fuse.js": "^6.4.3",
@@ -101,7 +100,6 @@
     "socket.io-client": "2.4.0",
     "stream-browserify": "^3.0.0",
     "stream-http": "^2.8.3",
-    "string.prototype.matchall": "^4.0.5",
     "tiny-secp256k1": "^1.1.5",
     "ts-results": "^3.3.0",
     "unstated-next": "^1.1.0",
@@ -136,8 +134,8 @@
     "@types/rimraf": "^3.0.1",
     "@types/socket.io-client": "^1.4.36",
     "@types/webpack-dev-server": "^3.11.5",
-    "@typescript-eslint/eslint-plugin": "^4.28.3",
-    "@typescript-eslint/parser": "^4.28.3",
+    "@typescript-eslint/eslint-plugin": "^4.28.4",
+    "@typescript-eslint/parser": "^4.28.4",
     "babel-loader": "^8.1.0",
     "chrome-launcher": "^0.14.0",
     "copy-webpack-plugin": "^9.0.1",
@@ -155,16 +153,16 @@
     "jest-puppeteer": "^5.0.4",
     "jest-webextension-mock": "^3.7.17",
     "openzeppelin-solidity": "^3.2.0",
-    "react-devtools-core": "^4.13.5",
+    "react-devtools-core": "^4.14.0",
     "react-refresh": "^0.10.0",
     "react-refresh-typescript": "^2.0.2",
     "react-test-renderer": "^17.0.1",
     "rimraf": "^3.0.2",
     "source-map-loader": "^3.0.0",
-    "ts-jest": "27.0.3",
+    "ts-jest": "27.0.4",
     "ts-loader": "^9.2.3",
     "type-coverage": "^2.18.0",
-    "webpack": "^5.44.0",
+    "webpack": "^5.46.0",
     "webpack-cli": "^4.7.2",
     "webpack-dev-server": "^3.11.0",
     "webpack-extension-manifest-plugin": "^0.7.0",

packages/maskbook/src/polyfill/README.md

@@ -1,6 +1,37 @@
 # Supporting browsers
 
-- Safari 12.2+
-- Chrome Last 2 versions (about 3 months) (83+ at 8/4/2020)
-- Firefox Last 2 versions (about 3 months) (78+ at 8/4/2020)
-- GeckoView (Version locked on 78.0.20200519112634-SNAPSHOT at 8/4/2020).
+- Safari 13.4+ (Released on Sept 2019)
+- Chrome Last 2 versions (about 3 months) (91+ at 7/23/2021)
+- Firefox Last 2 versions (about 3 months) (97+ at 7/23/2021)
+- GeckoView 91 (last updated at 7/23/2021).
+
+## ES Syntax and APIs
+
+We're targeting syntax and libraries to ES2020.
+
+Fell free to add polyfill (or install it from npm).
+For proposals, stage 2 or higher can be considered.
+
+### Caution
+
+- ES2017: SharedArrayBuffer and Atomics
+- ES2018: - (Syntax) RegExp Lookbehind Assertions (Safari not supported)
+- ES2020: BigInt (requires Safari 15)
+- ES2021:
+  - Promise.any (requires Safari 14)
+  - WeakReference (requires Safari 15)
+  - (Syntax) Logical Assignment (requires Safari 14)
+- ES2022: ⭐ C l a s s ⭐ F i e l d s ⭐ (requires Safari 15)
+
+## Web APIs and Intl APIs
+
+Check and polyfill before using.
+
+### Simply polyfilled
+
+- Intl.ListFormat
+- EventTarget.constructor (requires Safari 14)
+
+### Using polyfill
+
+- navigator.clipboard (with `ClipboardItem`) (Firefox not supported)

packages/maskbook/src/polyfill/ecmascript/index.ts

@@ -1,18 +1 @@
-/**
- * We're targeting syntax and libraries to ES2020.
- *
- * Fell free to add polyfill (or install it from npm).
- * For proposals, stage 2 or higher can be considered.
- */
-import './es2020'
-/**
- * Intl APIs are separate from the language features: (last updated 8/4/2020)
- *
- * Here is the missing APIs:
- * Intl.DisplayNames (Firefox, Safari)
- * Intl.ListFormat (Safari 11.2 ~ 13)
- * Intl.Locale (Firefox for Android)
- * Intl.RelativeTimeFormat (Safari)
- * Intl.PluralRules (Safari 11.2 ~ 12)
- */
 import './Intl'

packages/maskbook/src/polyfill/global.d.ts

@@ -10,15 +10,3 @@ declare namespace Intl {
         format(str: string[]): string
     }
 }
-
-declare module '@ungap/promise-all-settled' {
-    const AllSettledPolyfill: typeof Promise.allSettled
-    export default AllSettledPolyfill
-}
-
-declare module 'string.prototype.matchall' {
-    const shimAPI: {
-        shim(): void
-    }
-    export default shimAPI
-}

packages/maskbook/src/polyfill/index.ts

@@ -1,4 +1,5 @@
 /// <reference path="./global.d.ts" />
+// See ./README.md
 import './ecmascript/index'
 import './web-apis/index'
 if (import.meta.webpackHot) import.meta.webpackHot.accept()

packages/maskbook/src/polyfill/web-apis/implementation/EventTarget.constructor.ts

@@ -10,9 +10,7 @@ if (typeof globalThis.EventTarget?.call === 'function') {
 function shim() {
     globalThis.EventTarget = new Proxy(EventTarget, {
         construct() {
-            // Obviously an HTMLElement is a EventTarget,
-            // TODO: but we need to find another side-effect free subclass of EventTarget because DOM is not available in the WorkerGlobalScope
-            return document.createElement('div')
+            return new AbortController().signal
         },
     })
 }

packages/maskbook/src/polyfill/web-apis/index.ts

@@ -1,3 +1,5 @@
-// WorkerGlobalScope + DOM
+// DOM polyfills
 import 'clipboard-polyfill/overwrite-globals'
+
+// WorkerGlobalScope polyfills
 import './worker'

packages/storybook-shared/package.json

@@ -3,8 +3,8 @@
   "private": true,
   "types": "./index.d.ts",
   "devDependencies": {
-    "@storybook/addons": "^6.3.4",
-    "@storybook/react": "^6.3.4"
+    "@storybook/addons": "^6.3.5",
+    "@storybook/react": "^6.3.5"
   },
   "peerDependencies": {
     "@storybook/addons": "^6",

packages/theme/package.json

@@ -24,12 +24,12 @@
   },
   "devDependencies": {
     "@babel/core": "^7.14.6",
-    "@storybook/addon-actions": "^6.3.4",
-    "@storybook/addon-essentials": "^6.3.4",
-    "@storybook/addon-links": "^6.3.4",
-    "@storybook/addons": "^6.3.4",
-    "@storybook/react": "^6.3.4",
-    "@storybook/theming": "^6.3.4",
+    "@storybook/addon-actions": "^6.3.5",
+    "@storybook/addon-essentials": "^6.3.5",
+    "@storybook/addon-links": "^6.3.5",
+    "@storybook/addons": "^6.3.5",
+    "@storybook/react": "^6.3.5",
+    "@storybook/theming": "^6.3.5",
     "@types/qrcode": "^1.4.1",
     "@types/tinycolor2": "^1.4.3",
     "babel-loader": "^8.2.2",