Add depcheck, remove unused and add missing dependencies

Author: noisekit

.depcheckrc.json

@@ -0,0 +1,25 @@
+{
+  "ignorePatterns": [".yarn", ".next", "out"],
+  "ignores": [
+    "@microsoft/eslint-formatter-sarif",
+    "jest-environment-jsdom",
+
+    "assets",
+    "components",
+    "containers",
+    "content",
+    "contracts",
+    "hoc",
+    "hooks",
+    "i18n",
+    "lib",
+    "mutations",
+    "queries",
+    "sections",
+    "store",
+    "styles",
+    "test-utils",
+    "translations",
+    "utils"
+  ]
+}

next.config.js

@@ -43,7 +43,7 @@ module.exports = withPlugins([withBundleAnalyzer], {
 
     config.module.rules.push({
       test: /\.svg$/,
-      use: '@svgr/webpack',
+      use: require.resolve('@svgr/webpack'),
     });
 
     config.module.rules.push({

package.json

@@ -17,29 +17,25 @@
     "lint:fix": "eslint . --ext ts,.tsx --fix",
     "test": "NODE_ENV=test jest",
     "test:unit": "yarn test",
-    "test:synpress:run": "env-cmd -f .env.local synpress run",
-    "test:synpress:open": "env-cmd -f .env.local synpress open",
-    "test:e2e": "start-server-and-test 'yarn build && yarn start' http-get://localhost:3000 'synpress run'",
-    "test:e2e:ci": "synpress run --group smoke-tests --record --parallel",
     "upgrade-synthetix": "yarn up $(./scripts/resolve-synthetix-versions.js latest) --exact",
     "upgrade-synthetix:dev": "yarn up $(./scripts/resolve-synthetix-versions.js dev) --exact",
-    "upgrade-browsers": "yarn up caniuse-lite --recursive"
+    "upgrade-browsers": "yarn up caniuse-lite --recursive",
+    "deps": "depcheck --config=.depcheckrc.json"
   },
   "dependencies": {
     "@artsy/fresnel": "^1.8.0",
     "@reach/dialog": "^0.15.3",
     "@socket.tech/widget": "^0.0.9",
-    "@synthetixio/assets": "^2.0.13",
     "@synthetixio/contracts-interface": "^2.74.3",
     "@synthetixio/optimism-networks": "^2.74.2",
     "@synthetixio/providers": "^2.74.5",
     "@synthetixio/queries": "^2.74.8",
     "@synthetixio/transaction-notifier": "^2.74.6",
     "@synthetixio/wei": "^2.74.2",
     "@tippyjs/react": "^4.1.0",
-    "@uniswap/router-sdk": "^1.0.5",
-    "@uniswap/sdk-core": "^3.0.1",
-    "@uniswap/smart-order-router": "^2.5.13",
+    "@uniswap/sdk-core": "^3.0.0",
+    "@uniswap/v3-core": "^1.0.0",
+    "@uniswap/v3-periphery": "^1.0.0",
     "@uniswap/v3-sdk": "^3.6.3",
     "@web3-onboard/coinbase": "^2.0.9",
     "@web3-onboard/core": "^2.5.0",
@@ -48,14 +44,11 @@
     "@web3-onboard/ledger": "^2.1.6",
     "@web3-onboard/portis": "^2.0.6",
     "@web3-onboard/torus": "^2.0.7",
-    "@web3-onboard/trezor": "^2.1.6",
     "@web3-onboard/walletconnect": "^2.0.7",
     "axios": "^0.21.1",
-    "bignumber.js": "^9.0.0",
     "color": "^3.1.3",
     "date-fns": "^2.15.0",
     "ethers": "^5.5.3",
-    "graphql": "^15.5.0",
     "i18next": "^19.7.0",
     "lodash": "^4.17.20",
     "next": "^12.2.2",
@@ -79,21 +72,20 @@
     "remarkable": "^2.0.1",
     "styled-components": "^5.3.5",
     "styled-media-query": "^2.1.2",
+    "synthetix": "^2.0.0",
+    "tippy.js": "^6.3.1",
     "unstated-next": "^1.1.0"
   },
   "devDependencies": {
     "@metamask/providers": "^8.1.1",
     "@microsoft/eslint-formatter-sarif": "^3.0.0",
     "@next/bundle-analyzer": "^10.2.3",
     "@svgr/webpack": "^6.2.1",
-    "@synthetixio/synpress": "^1.1.1",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.2.1",
     "@types/color": "^3.0.1",
     "@types/date-fns": "^2.6.0",
-    "@types/jest": "^28.1.4",
     "@types/lodash": "^4.14.159",
     "@types/node": "^14.0.13",
     "@types/react": "^17.0.2",
@@ -110,29 +102,25 @@
     "@types/styled-components": "^5.1.2",
     "@typescript-eslint/eslint-plugin": "^5.28.0",
     "@typescript-eslint/parser": "^5.28.0",
-    "browserslist": "^4.20.4",
-    "caniuse-lite": "^1.0.30001364",
-    "csvtojson": "^2.0.10",
-    "env-cmd": "^10.1.0",
+    "depcheck": "^1.4.3",
     "eslint": "^8.22.0",
     "eslint-plugin-import": "^2.23.2",
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "ethereum-blockies-base64": "^1.0.2",
-    "file-loader": "^6.2.0",
-    "graph-results-pager": "^1.0.3",
     "husky": "^8.0.1",
     "jest": "^28.1.2",
-    "jest-environment-jsdom": "^28.1.2",
+    "jest-environment-jsdom": "^28.1.3",
     "lint-staged": "^13.0.2",
     "prettier": "^2.7.1",
-    "react-test-renderer": "^17.0.2",
     "remarkable-external-link": "^1.1.0",
-    "typescript": "^4.7.4",
-    "url-loader": "^4.1.1"
+    "typescript": "^4.7.4"
   },
   "resolutions": {
-    "eslint-plugin-prettier": "^4.0.0",
+    "synthetix": "^2.0.0",
+    "@uniswap/sdk-core": "^3.0.0",
+    "@uniswap/v3-core": "^1.0.0",
+    "@uniswap/v3-periphery": "^1.0.0",
     "ethers": "^5.6.4",
     "sharp": "0.29.3",
     "browserslist": "^4.20.4",