app refactor (#259)

Author: aalavandhan

.yarn/install-state.gz

@@ -1,2 +1,3 @@
 ESLINT_NO_DEV_ERRORS=true
 SKIP_PREFLIGHT_CHECK=true
+ALCHEMY_PROJECT_ID=

frontend/.env.sample

@@ -0,0 +1,3 @@
+node_modules
+build
+src/assets/three.module.js

frontend/.eslintignore

@@ -29,9 +29,6 @@ module.exports = {
     'import/no-extraneous-dependencies': 'off', // allow dependencies from sdk
     'import/prefer-default-export': 'off',
     'no-plusplus': ['warn', { allowForLoopAfterthoughts: true }],
-    // allow logs
-    'no-console': 'off',
-    'no-alert': 'off',
     // TODO: enable before shipping
     'jsx-a11y/label-has-associated-control': 'off',
     'jsx-a11y/click-events-have-key-events': 'off',
@@ -40,6 +37,8 @@ module.exports = {
     'no-else-return': 'off', // seems to be buggy
     'no-await-in-loop': 'off',
     'guard-for-in': 'off',
+    'func-names': 'off',
+    'prefer-arrow-callback': 'off',
   },
   settings: {
     'import/resolver': {

frontend/.eslintrc.js

@@ -1 +1,2 @@
-src/sdk
+build
+node_modules

frontend/.prettierignore

@@ -1,8 +1,34 @@
-// https://tailwindcss.com/docs/guides/create-react-app
+const path = require('path')
+
 module.exports = {
   style: {
     postcss: {
       plugins: [require('tailwindcss'), require('autoprefixer')],
     },
   },
+
+  webpack: {
+    configure: (webpackConfig) => {
+      webpackConfig.module.rules.push({
+        test: /\.js$/,
+        include: [path.resolve(__dirname, 'node_modules/@web3-onboard'), path.resolve(__dirname, 'node_modules/viem')], // Include @web3-onboard and viem packages
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env'],
+            plugins: [
+              '@babel/plugin-proposal-numeric-separator',
+              '@babel/plugin-proposal-nullish-coalescing-operator',
+              '@babel/plugin-proposal-optional-chaining',
+            ],
+          },
+        },
+      })
+      return webpackConfig
+    },
+  },
+
+  babel: {
+    plugins: ['@babel/plugin-proposal-nullish-coalescing-operator', '@babel/plugin-proposal-optional-chaining'],
+  },
 }

frontend/.yarn/install-state.gz

@@ -7,7 +7,7 @@
     "@apollo/client": "^3.3.16",
     "@craco/craco": "^6.1.2",
     "@headlessui/react": "^1.4.1",
-    "@heroicons/react": "^1.0.4",
+    "@heroicons/react": "v1",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
@@ -16,11 +16,22 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/styled-components": "^5.1.9",
-    "bnc-onboard": "^1.25.0",
+    "@web3-onboard/coinbase": "^2.4.1",
+    "@web3-onboard/core": "^2.23.0",
+    "@web3-onboard/gas": "^2.2.1",
+    "@web3-onboard/gnosis": "^2.3.1",
+    "@web3-onboard/injected-wallets": "^2.11.2",
+    "@web3-onboard/ledger": "^2.7.1",
+    "@web3-onboard/metamask": "^2.1.1",
+    "@web3-onboard/react": "^2.10.0",
+    "@web3-onboard/wagmi": "^2.0.1",
+    "@web3-onboard/walletconnect": "^2.6.1",
+    "@web3-onboard/web3auth": "^2.3.1",
     "graphql": "^15.5.0",
     "numeral-es6": "^1.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-router-dom": "^6.6.0",
     "react-scripts": "4.0.3",
     "react-spring": "^9.2.3",
     "string_decoder": "^1.3.0",
@@ -68,6 +79,7 @@
     }
   },
   "devDependencies": {
+    "@babel/plugin-proposal-numeric-separator": "^7.18.6",
     "@types/coingecko-api": "^1.0.0",
     "@typescript-eslint/eslint-plugin": "^4.26.0",
     "@typescript-eslint/parser": "^4.26.0",
@@ -86,6 +98,7 @@
     "postcss": "^7.0.35",
     "prettier": "^2.3.0",
     "react-is": "^17.0.2",
+    "serve": "^14.2.4",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.1.2"
   }
 }