Add linting and type checking to the CI/CD pipeline

.github/workflows/build-deploy-[all].yml → .github/workflows/check-build-deploy-[all].yml

@@ -1,5 +1,5 @@
-name: Build & Deploy / [all]
-run-name: Build & Deploy (${{ github.ref_name }}/[all])
+name: Check & Build & Deploy / [all]
+run-name: Check & Build & Deploy (${{ github.ref_name }}/[all])
 
 on:
   push:
@@ -12,8 +12,8 @@ on:
       - '.eslintrc.js'
 
 jobs:
-  build-deploy:
-    name: Build & Deploy / ${{ matrix.package }}
+  check-build-deploy:
+    name: Check & Build & Deploy / ${{ matrix.package }}
     strategy:
       fail-fast: false
       matrix:
@@ -22,7 +22,7 @@ jobs:
             package_cap: HOME
           - package: admin
             package_cap: ADMIN
-    uses: ./.github/workflows/build-deploy.yml
+    uses: ./.github/workflows/check-build-deploy.yml
     with:
       package: ${{ matrix.package }}
       package_cap: ${{ matrix.package_cap }}

.github/workflows/check-build-deploy-admin.yml

@@ -0,0 +1,16 @@
+name: Check & Build & Deploy / admin
+run-name: Check & Build & Deploy (${{ github.ref_name }}/admin)
+
+on:
+  push:
+    paths:
+      - 'packages/admin/**'
+
+jobs:
+  check-build-deploy-admin:
+    name: Check & Build & Deploy
+    uses: ./.github/workflows/check-build-deploy.yml
+    with:
+      package: admin
+      package_cap: ADMIN
+    secrets: inherit

.github/workflows/check-build-deploy-home.yml

@@ -0,0 +1,16 @@
+name: Check & Build & Deploy / home
+run-name: Check & Build & Deploy (${{ github.ref_name }}/home)
+
+on:
+  push:
+    paths:
+      - 'packages/home/**'
+
+jobs:
+  check-build-deploy-home:
+    name: Check & Build & Deploy
+    uses: ./.github/workflows/check-build-deploy.yml
+    with:
+      package: home
+      package_cap: HOME
+    secrets: inherit

.github/workflows/build-deploy.yml → .github/workflows/check-build-deploy.yml

@@ -23,6 +23,31 @@ on:
       PROD_ADMIN_PM2_CONF_ENV:
 
 jobs:
+  check:
+    name: Check
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 9
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          check-latest: true
+          cache: pnpm
+          cache-dependency-path: pnpm-lock.yaml
+      - name: Install dependencies
+        run: pnpm -F ${{ inputs.package }} install
+      - name: Run ESLint
+        run: 'pnpm run lint:${{ inputs.package }}'
+      - name: Check types
+        # vue-tsc always runs at the workspace root
+        run: pnpm run typecheck
+
   build:
     name: Build
     runs-on: ubuntu-latest
@@ -87,7 +112,7 @@ jobs:
   deploy-prod:
     name: Deploy to production
     if: github.repository == 'ThrRip/mzg.fan' && github.ref == 'refs/heads/main'
-    needs: build
+    needs: [check, build]
     concurrency: deploy-prod-${{ github.ref }}-${{ inputs.package }}
     runs-on: ubuntu-latest
     env:

package.json

@@ -13,13 +13,16 @@
     "build": "pnpm -r exec nuxt build",
     "preview": "pnpm -r exec nuxt preview",
     "lint": "eslint",
-    "postinstall": "nuxt prepare && pnpm -r exec nuxt prepare",
+    "typecheck": "nuxt typecheck",
     "dev:home": "pnpm -F home exec nuxt dev",
     "build:home": "pnpm -F home exec nuxt build",
     "preview:home": "pnpm -F home exec nuxt preview",
+    "lint:home": "pnpm -F home exec eslint",
     "dev:admin": "pnpm -F admin exec nuxt dev",
     "build:admin": "pnpm -F admin exec nuxt build",
-    "preview:admin": "pnpm -F admin exec nuxt preview"
+    "preview:admin": "pnpm -F admin exec nuxt preview",
+    "lint:admin": "pnpm -F admin exec eslint",
+    "postinstall": "nuxt prepare && pnpm -r exec nuxt prepare"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.6.0",
@@ -39,6 +42,7 @@
     "eslint": "^9.9.0",
     "postcss": "^8.4.41",
     "tailwind-scrollbar": "^3.0.5",
-    "tailwindcss": "^3.4.9"
+    "tailwindcss": "^3.4.9",
+    "vue-tsc": "^2.0.29"
   }
 }