Repair yarn build and break up the monorepo (#1072)

* Break up monorepo and update build action

* Fix husky

* Feedback applied

.github/workflows/dapp-tests.yaml

@@ -11,18 +11,18 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
         with:
           node-version: '20'
-          cache: 'yarn'
-      - uses: actions/cache@v3
-        with:
-          path: './node_modules'
-          key: ${{ runner.os }}-modules-${{ hashFiles('yarn.lock') }}
-      - uses: actions/cache@v3
+      - name: Cache Dependencies
+        uses: actions/cache@v3
         with:
           path: 'apps/dapp/node_modules'
           key: ${{ runner.os }}-modules-${{ hashFiles('apps/dapp/yarn.lock') }}
-      - run: yarn install
-      - run: NODE_OPTIONS="--max_old_space_size=4096" yarn build
+      - name: Install Dependencies
+        run: yarn install
+        working-directory: apps/dapp
+      - name: Build
+        run: NODE_OPTIONS="--max_old_space_size=4096" yarn build
         working-directory: apps/dapp

apps/dapp/.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit → apps/dapp/.husky/pre-commit

@@ -2,4 +2,4 @@
 . "$(dirname -- "$0")/_/husky.sh"
 
 echo 'Linting...'
-npx lint-staged
+cd apps/dapp && npx lint-staged

apps/dapp/package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "typechain": "typechain --target=ethers-v5 --out-dir src/types/typechain --glob abi/**/*.json",
     "lint": "eslint ./src",
-    "prepare": "yarn typechain && yarn codegen:safe-api-v1",
+    "prepare": "yarn typechain && yarn codegen:safe-api-v1 && cd ../.. && husky apps/dapp/.husky",
     "dev": "vite",
     "compile": "tsc",
     "vite:build": "vite build",
@@ -80,14 +80,17 @@
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-styled-components": "^2.1.4",
     "env-cmd": "^10.1.0",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "husky": "^9.1.4",
     "lint-staged": ">=10",
     "openapi-typescript-codegen": "^0.25.0",
     "prettier": "^2.5.0",
     "standard-version": "^9.3.2",
     "terser": "^5.30.4",
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "typechain": "^8.1.1",
-    "typescript": "^4.9.4",
+    "typescript": "^5.5.4",
     "vite": "^5.2.10",
     "vite-plugin-svgr": "^4.2.0"
   }

apps/dapp/src/components/Charts/LineChart.tsx

@@ -181,7 +181,7 @@ export default function LineChart<T>(
             }}
             height={20}
             formatter={legendFormatter}
-            onClick={(e) => toggleLineVisibility(e.dataKey)}
+            onClick={(e) => toggleLineVisibility(e.dataKey?.toString() || '')}
           />
         ) : null}
       </ComposedChart>

apps/dapp/tsconfig.json

@@ -1,11 +1,28 @@
 {
-  "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "module": "ESNext",
+    "target": "ES6",
+    "composite": true,
+    "declaration": true,
+    "declarationMap": true,
+    "incremental": true,
+    "sourceMap": true,
+    "noEmitOnError": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "types": [],
+    "noEmit": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
     "useDefineForClassFields": true,
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "jsx": "react-jsx",
     "baseUrl": "src",
-    "resolveJsonModule": true,
     "paths": {
       "components/*": ["./components/*"],
       "pages/*": ["./pages/*"],