Refactor/tables

.dockerignore

@@ -0,0 +1,12 @@
+node_modules
+.git
+.next
+.vscode
+.idea
+*.log
+npm-debug.log*
+.DS_Store
+.env
+README.md
+Dockerfile*
+.dockerignore 

.env.example

@@ -0,0 +1,3 @@
+SSV_NETWORKS='[{"networkId":560048,"apiVersion":"v4","apiNetwork":"hoodi","api":"https://api.stage.ops.ssvlabsinternal.com/api","explorerUrl":"https://hoodi.explorer.ssv.network","insufficientBalanceUrl":"https://faucet.ssv.network","googleTagSecret":"GTM-K3GR7M5","tokenAddress":"0x9F5d4Ec84fC4785788aB44F9de973cF34F7A038e","setterContractAddress":"0x58410Bef803ECd7E63B23664C586A6DB72DAf59c","getterContractAddress":"0x5AdDb3f1529C5ec70D77400499eE4bbF328368fe"}]'
+NEXT_PUBLIC_SSV_NETWORKS='[{"networkId":560048,"apiVersion":"v4","apiNetwork":"hoodi","api":"https://api.stage.ops.ssvlabsinternal.com/api","explorerUrl":"https://hoodi.explorer.ssv.network","insufficientBalanceUrl":"https://faucet.ssv.network","googleTagSecret":"GTM-K3GR7M5","tokenAddress":"0x9F5d4Ec84fC4785788aB44F9de973cF34F7A038e","setterContractAddress":"0x58410Bef803ECd7E63B23664C586A6DB72DAf59c","getterContractAddress":"0x5AdDb3f1529C5ec70D77400499eE4bbF328368fe"}]'
+SITE_URL='http://localhost:3000'

.env.production

@@ -0,0 +1,7 @@
+REACT_APP_DEBUG=
+REACT_APP_API_BASE_URL=$API_BASE_URL
+REACT_APP_LINK_SSV_WEBAPP=$LINK_SSV_WEBAPP
+REACT_APP_GOOGLE_TAG_SECRET=$GOOGLE_TAG_SECRET
+REACT_APP_GOOGLE_TAG_URL=https://www.googletagmanager.com/gtm.js?id=
+REACT_APP_ANNOUNCEMENT=$ANNOUNCEMENT
+REACT_APP_MIXPANEL_TOKEN=$MIXPANEL_TOKEN

.github/workflows/lint_build.yml

@@ -0,0 +1,100 @@
+name: Build & deploy
+
+on:
+  push:
+    branches:
+      - "**"
+  pull_request:
+    branches:
+      - "**"
+
+  workflow_dispatch:
+
+jobs:
+  lint-and-build:
+    runs-on: ubuntu-latest
+
+    env:
+      STAGE_SSV_NETWORKS: >
+        [
+          {
+            "networkId": 560048,
+            "apiVersion": "v4",
+            "apiNetwork": "hoodi",
+            "api": "https://api.stage.ops.ssvlabsinternal.com/api",
+            "explorerUrl": "https://hoodi-explorer.stage.ssv.network",
+            "insufficientBalanceUrl": "https://faucet.stage.ssv.network",
+            "googleTagSecret": "87987987987",
+            "tokenAddress": "0x746c33ccc28b1363c35c09badaf41b2ffa7e6d56",
+            "bAppContractAddress": "0x40d959B95e7c56962D6d388d87921c03734b9C2C",
+            "setterContractAddress": "0x746c33ccc28b1363c35c09badaf41b2ffa7e6d56",
+            "getterContractAddress": "0x746c33ccc28b1363c35c09badaf41b2ffa7e6d56"
+          }
+        ]
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20.12.2
+
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 9.0.6
+
+      - uses: actions/cache@v3
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run lint
+        run: pnpm lint
+        env:
+          SKIP_ENV_VALIDATION: true
+
+      # <explorer.stage.ssv.network>
+      - name: Run stage build
+        if: github.ref == 'refs/heads/stage'
+        env:
+          SSV_NETWORKS: "${{ env.STAGE_SSV_NETWORKS }}"
+          NEXT_PUBLIC_SSV_NETWORKS: "${{ env.STAGE_SSV_NETWORKS }}"
+          SITE_URL: "https://explorer.stage.ssv.network"
+
+        run: pnpm build
+      # </explorer.stage.ssv.network>
+
+      # <explorer.ssv.network>
+      - name: Run prod build
+        if: github.ref == 'refs/heads/main'
+        env:
+          NODE_OPTIONS: "--openssl-legacy-provider"
+          API_BASE_URL: ${{ secrets.PROD_API_BASE_URL_V4 }}
+          ANNOUNCEMENT: ${{ secrets.PROD_ANNOUNCEMENT_V4 }}
+          LINK_SSV_WEBAPP: ${{ secrets.PROD_LINK_SSV_WEBAPP_V4 }}
+          GOOGLE_TAG_SECRET: ${{ secrets.PROD_GOOGLE_TAG_SECRET_V4 }}
+          MIXPANEL_TOKEN: ${{ secrets.MIXPANEL_TOKEN_PROD }}
+          SITE_URL: "https://explorer.ssv.network"
+        run: pnpm build
+
+      - name: Deploy prod
+        if: github.ref == 'refs/heads/main'
+        uses: jakejarvis/s3-sync-action@v0.5.0
+        with:
+          args: --acl public-read --follow-symlinks --delete
+        env:
+          NODE_OPTIONS: "--openssl-legacy-provider"
+          AWS_S3_BUCKET: ${{ secrets.PROD_AWS_S3_BUCKET_V4 }}
+          ANNOUNCEMENT: ${{ secrets.PROD_ANNOUNCEMENT_V4 }}
+          AWS_ACCESS_KEY_ID: ${{ secrets.PROD_AWS_SECRET_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.PROD_AWS_SECRET_ACCESS_KEY }}
+          AWS_REGION: "us-west-2"
+          SOURCE_DIR: "build/"
+      # </explorer.ssv.network>

.gitignore

@@ -5,6 +5,9 @@
 /.pnp
 .pnp.js
 
+# yml
+.github/workflows/test.yml
+
 # testing
 /coverage
 
@@ -15,7 +18,6 @@
 # next.js
 /.next/
 /out/
-next-env.d.ts
 
 # production
 /build
@@ -25,9 +27,6 @@ next-env.d.ts
 *.pem
 
 # debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
 .pnpm-debug.log*
 
 # local env files
@@ -40,3 +39,5 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
+/.vscode/
+/.idea/

Dockerfile

@@ -0,0 +1,28 @@
+# Use an official Node.js runtime as a base image
+FROM node:20.10-alpine
+
+# Set working directory
+WORKDIR /usr/app
+
+# Install PM2 globally
+RUN npm install -g pnpm
+
+# Copy package files for dependency installation
+# Utilise Docker cache to save re-installing dependencies if unchanged
+COPY ./package*.json ./pnpm-lock.yaml ./
+
+# Install dependencies
+RUN pnpm install
+
+# Copy all files
+COPY ./ ./
+COPY .env.example .env
+
+# Build app
+RUN pnpm docker-build
+
+# Expose the listening port
+EXPOSE 3000
+
+# Launch app with PM2
+CMD [ "pnpm", "start" ]

README.md

@@ -1,4 +1,3 @@
-
 # SSV Web
 
 # Development
@@ -98,4 +97,3 @@ On every push attempt tests are running to check that changes are not break anyt
 The ssv-api is licensed under the
 [GNU General Public License v3.0](https://www.gnu.org/licenses/gpl-3.0.en.html),
 also included in our repository in the `LICENSE` file.
-

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.