cicd/Updating the github workflow (#55)

* cicd/Updating the github workflow

* added Vitest testing setup
- Added vitest config to vite.config.ts
- Created basic test suite
- Included tests in precheck script and in cicd workflow too

Author: vipinpaul

.github/workflows/azure-static-web-apps-lively-smoke-0f1169200.yml

@@ -0,0 +1,50 @@
+# Deploys to Azure Static Web Apps after merge to main
+name: Post-merge Deploy
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+    inputs:
+      environment:
+        description: 'Deploy to'
+        required: true
+        default: 'production'
+        type: choice
+        options: [production, development]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    environment: ${{ github.event_name == 'workflow_dispatch' && github.event.inputs.environment || 'development' }}
+    
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: true
+
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22.15.0'
+
+      - name: Deploy to Azure
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
+          repo_token: ${{ secrets.GITHUB_TOKEN }}
+          action: upload
+          app_location: /
+          output_location: dist
+          app_build_command: npm install -g pnpm && pnpm install && pnpm build
+        env:
+          VITE_API_URL: ${{ secrets.VITE_API_URL }}
+          VITE_APP_INSIGHTS_KEY: ${{ secrets.VITE_APP_INSIGHTS_KEY }}
+          VITE_APP_INSIGHTS_CONNECTION_STRING: ${{ secrets.VITE_APP_INSIGHTS_CONNECTION_STRING }}
+          VITE_ENVIRONMENT: ${{ github.event_name == 'workflow_dispatch' && github.event.inputs.environment || 'development' }}
+          VITE_AUTH0_DOMAIN: ${{ secrets.VITE_AUTH0_DOMAIN }}
+          VITE_AUTH0_CLIENT_ID: ${{ secrets.VITE_AUTH0_CLIENT_ID }}
+          VITE_AUTH0_AUDIENCE: ${{ secrets.VITE_AUTH0_AUDIENCE }}

.github/workflows/post-merge-deploy.yml

@@ -0,0 +1,23 @@
+# Cleanup Azure Static Web Apps preview and delete branch
+name: PR Closed
+
+on:
+  pull_request:
+    types: [closed]
+
+jobs:
+  cleanup:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Close Azure Static Web Apps Preview
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_LIVELY_SMOKE_0F1169200 }}
+          action: "close"
+
+      - name: Delete merged branch
+        if: github.event.pull_request.merged == true
+        uses: dawidd6/action-delete-branch@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          branches: ${{ github.event.pull_request.head.ref }}

.github/workflows/pr-closed.yml

@@ -0,0 +1,43 @@
+# Validates Pull Requests
+name: Pre-merge
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, ready_for_review]
+    branches: [main]
+
+jobs:
+  validate:
+    runs-on: ubuntu-latest
+    if: ${{ !github.event.pull_request.draft }}
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.15.0
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Lint and format check
+        run: |
+          pnpm lint
+          pnpm format:check
+
+      - name: Type check
+        run: pnpm typecheck
+
+      - name: Run tests
+        run: pnpm test
+
+      - name: Build test
+        run: pnpm build

.github/workflows/pre-merge.yml

@@ -16,10 +16,11 @@
     "lint:fix": "eslint . --ext ts,tsx,js,jsx --fix --cache --no-error-on-unmatched-pattern",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
+    "test": "vitest run",
     "deps:clean": "pnpm prune && pnpm install",
     "deps:reset": "rm -rf node_modules && rm pnpm-lock.yaml && pnpm install",
     "typecheck": "tsc --noEmit",
-    "precheck": "pnpm lint && pnpm format:check && pnpm typecheck",
+    "precheck": "pnpm lint && pnpm format:check && pnpm typecheck && pnpm test",
     "prepare": "husky",
     "lint-staged": "lint-staged",
     "set-env": "node scripts/set-env.ts"
@@ -67,6 +68,7 @@
     "eslint-plugin-react-refresh": "^0.4.20",
     "eslint-plugin-unused-imports": "^4.1.4",
     "husky": "^9.0.11",
+    "jsdom": "^26.1.0",
     "lint-staged": "^15.2.2",
     "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
@@ -75,7 +77,8 @@
     "typescript": "5.5.3",
     "typescript-eslint": "^8.35.0",
     "vite": "^5.4.19",
-    "vite-tsconfig-paths": "^4.3.2"
+    "vite-tsconfig-paths": "^4.3.2",
+    "vitest": "^3.2.4"
   },
   "lint-staged": {
     "*.{ts,tsx}": [