fix github actions workflow

.github/workflows/dashboard.yml

@@ -18,13 +18,31 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Set up Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: "20"
 
+      - name: Install yarn
+        run: npm install -g yarn
+
+      - name: Prepare L1
+        run: |
+          npm install
+          npm run build
+        working-directory: l1
+
+      - name: Prepare Operator
+        run: |
+          npm install
+          npm run compile
+        working-directory: operator
+
       - name: Install dependencies
         run: yarn install
         working-directory: dashboard
+        env:
+          # We have to disable immutable installs because the hash of operator will change
+          YARN_ENABLE_IMMUTABLE_INSTALLS: false
 
       - name: Format Check
         run: yarn format:check
@@ -41,3 +59,5 @@ jobs:
       - name: Build the project
         run: yarn build
         working-directory: dashboard
+        env:
+          OPERATOR_STATE_PATH: ./public/state.json

dashboard/README.md

@@ -5,6 +5,20 @@ It is built using [NextJS](https://nextjs.org/), [React](https://react.dev/), [T
 
 ## Development
 
+### Prepare L1 package
+
+- CD into the `l1` directory
+- Run `npm install`
+- Run `npm run build`
+
+### Prepare Operator package
+
+- CD into the `operator` directory
+- Run `npm install`
+- Run `npm run compile`
+
+### Run Dashboard
+
 Create an `.env` file in the root directory of the project and fill in the required values from the `.env.example` file.
 
 Install the dependencies by running:
@@ -36,8 +50,9 @@ To start the production server, run:
 yarn start
 ```
 
-# Deployment to Cloud Services (Vercel, Netlify, AWS Amplify etc.)
+## Deployment to Cloud Services (Vercel, Netlify, AWS Amplify etc.)
 
 - Set up the deployment environment variables in the cloud service provider's dashboard.
 - Either deploy the project manually or set up automatic deployments from git branches.
 - If the project is not recognized as a NextJS project, you may need to set up the build command and the output directory manually.
+- Setup build scripts to include the L1 and Operator packages in the build process.

dashboard/next.config.ts

@@ -6,10 +6,6 @@ const nextConfig: NextConfig = {
       ssr: true,
     },
   },
-  typescript: {
-    // TODO: Remove this when the issue is fixed
-    ignoreBuildErrors: true,
-  },
 };
 
 export default nextConfig;

dashboard/package.json

@@ -35,6 +35,7 @@
     "@uniswap/eslint-config": "^1.2.0",
     "eslint": "^8.55.0",
     "eslint-config-next": "15.2.0",
+    "operator": "file:../operator",
     "prettier": "^3.5.2",
     "typescript": "^5.7.3"
   },

dashboard/src/types/state.ts

@@ -1,8 +1,8 @@
 // We can disregard this rule since it's type-only export
 // eslint-disable-next-line no-restricted-syntax
-export type * from '../../../operator/src/state';
+export type * from 'operator';
 
-import {DepositBatch, L1TxStatus, L2TxStatus, WithdrawalBatch} from '../../../operator/src/state';
+import {DepositBatch, L1TxStatus, L2TxStatus, WithdrawalBatch} from 'operator';
 
 export type TxStatus = L1TxStatus['status'] | L2TxStatus['status'];