feat(snaefell-ui): ui deployment (#17227)

Co-authored-by: Daniel Wang <99078276+dantaik@users.noreply.github.com>

.github/workflows/snaefell-ui--ci.yml

@@ -0,0 +1,44 @@
+name: Snaefell UI
+
+on: workflow_call
+
+jobs:
+  build:
+    runs-on: [taiko-runner]
+    steps:
+      - name: Cancel previous runs
+        uses: styfle/cancel-workflow-action@0.12.1
+        with:
+          access_token: ${{ github.token }}
+
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          submodules: recursive
+
+      - name: Install pnpm dependencies
+        uses: ./.github/actions/install-pnpm-dependencies
+      # This step is needed because the .env file is not committed to the repository
+      # and the Svelte check complains about not finding the exports from $env/static/public,
+      # which will be generated based on the .env file when running `svelte-kit sync`
+      - name: Copy .env.example to .env
+        working-directory: ./packages/snaefell-ui
+        run: cp .env.example .env
+
+      - name: Frontend build
+        working-directory: ./packages/snaefell-ui
+        run: pnpm build
+
+      - name: Svelte check
+        working-directory: ./packages/snaefell-ui
+        run: pnpm check
+
+      - name: Check formatting
+        working-directory: ./packages/snaefell-ui
+        run: pnpm lint
+
+      - name: Unit tests
+        env:
+          SKIP_ENV_VALIDATION: "true"
+        working-directory: ./packages/snaefell-ui
+        run: pnpm test:unit

.github/workflows/snaefell-ui.yml

@@ -0,0 +1,40 @@
+name: Snaefell UI CI/CD
+
+on:
+  push:
+    branches-ignore:
+      - release-please-*
+    paths:
+      - "packages/snaefell-ui/**"
+  pull_request:
+    paths:
+      - "packages/snaefell-ui/**"
+
+jobs:
+  build-and-test:
+    uses: ./.github/workflows/snaefell-ui--ci.yml
+
+  # Deployment name follow the pattern: deploy_<appname(snaefell-ui)>_<network(devnet|hekla|mainnet)>_<environment(preview|production)>
+  deploy_snaefell-ui_mainnet_preview:
+    if: ${{ github.ref_name != 'main' }}
+    needs: build-and-test
+    uses: ./.github/workflows/repo--vercel-deploy.yml
+    with:
+      environment: "preview"
+      flags: ""
+    secrets:
+      vercel_project_id: ${{ secrets.VERCEL_PROJECT_ID_TAIKOON_UI_MAINNET }}
+      vercel_org_id: ${{ secrets.VERCEL_ORG_ID }}
+      vercel_token: ${{ secrets.VERCEL_TOKEN }}
+
+  deploy_snaefell-ui_mainnet_production:
+    if: ${{ github.ref_name == 'main' && contains(github.ref, 'refs/tags/snaefell-ui-') }}
+    needs: build-and-test
+    uses: ./.github/workflows/repo--vercel-deploy.yml
+    with:
+      environment: "production"
+      flags: "--prod"
+    secrets:
+      vercel_project_id: ${{ secrets.VERCEL_PROJECT_ID_TAIKOON_UI_MAINNET }}
+      vercel_org_id: ${{ secrets.VERCEL_ORG_ID }}
+      vercel_token: ${{ secrets.VERCEL_TOKEN }}

packages/snaefell-ui/.env.example

@@ -0,0 +1 @@
+BAR=FOO

packages/snaefell-ui/package.json

@@ -4,7 +4,11 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "echo 'Unimplemented'",
+    "check": "echo 'Unimplemented'",
+    "lint": "echo 'Unimplemented'",
+    "test:unit": "echo 'Unimplemented'"
   },
   "author": "",
   "license": "ISC"