refactor: update vercel and migrate to vitest

.github/workflows/ci.yml

@@ -12,9 +12,11 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
     - name: Use Node.js
-      uses: actions/setup-node@v2
+      uses: actions/setup-node@v4
+      with:
+        node-version: 24
     - name: Install dependencies
       run: npm ci
     - name: Run checks

api/generate.ts

@@ -2,7 +2,7 @@ import { VercelRequest, VercelResponse } from '@vercel/node'
 import PKPassGenerator from 'passkit-generator'
 import { join } from 'path'
 
-import * as certs from './certs.enc.js'
+import * as certs from './certs.js'
 import { decrypt } from '../lib/encryption.js'
 
 const { PKPass } = PKPassGenerator

lib/encryption.test.ts

@@ -1,3 +1,4 @@
+import { describe, it, expect } from 'vitest'
 import { encrypt, decrypt } from './encryption'
 
 describe('encryption', () => {

package.json

@@ -10,44 +10,44 @@
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
     "build": "tsc && vite build",
     "serve": "vite preview",
-    "test": "jest",
+    "test": "vitest",
     "encrypt-certs": "tsx tools/encrypt-certs.ts"
   },
   "dependencies": {
-    "@iconify-json/fa-brands": "^1.0.2",
-    "@iconify-json/fa-solid": "^1.0.2",
-    "@svgr/core": "^5.5.0",
-    "@types/jest": "^27.0.3",
-    "@types/node": "^16.11.12",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@typescript-eslint/eslint-plugin": "^5.59.8",
     "@typescript-eslint/parser": "^5.59.8",
-    "@vercel/node": "^2.14.5",
+    "@vercel/node": "5.6.16",
     "@vitejs/plugin-react": "^1.1.1",
     "eslint": "^8.42.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.32.2",
-    "jest": "^29.5.0",
     "passkit-generator": "^3.1.9",
     "query-string": "^7.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-ga4": "^1.4.1",
     "react-qr-code": "^2.0.3",
     "react-router-dom": "^6.2.1",
-    "ts-jest": "^29.1.0",
-    "typescript": "^4.5.2",
-    "unplugin-icons": "^0.12.23",
-    "vercel": "^30.1.0",
-    "vite": "^2.7.0",
-    "vite-plugin-windicss": "^1.5.4",
-    "windicss": "^3.2.1"
+    "typescript": "5.9.3"
   },
   "devDependencies": {
-    "tsx": "^4.19.2"
+    "@iconify-json/fa-brands": "1.2.2",
+    "@iconify-json/fa-solid": "1.2.2",
+    "@svgr/core": "8.1.0",
+    "@svgr/plugin-jsx": "8.1.0",
+    "@tailwindcss/forms": "0.5.11",
+    "@types/node": "25.5.0",
+    "tsx": "4.21.0",
+    "unplugin-icons": "23.0.1",
+    "vercel": "50.33.0",
+    "vite": "7.3.1",
+    "vite-plugin-windicss": "1.9.4",
+    "vitest": "4.1.0",
+    "windicss": "3.5.6"
   }
 }

tools/encrypt-certs.ts

@@ -21,8 +21,8 @@ const signerKey = readFileSync(join(__dirname, 'pass.run.dfyb.key'))
 const signerKeyEncrypted = encrypt(signerKey, key)
 output += `export const signerKey = '${signerKeyEncrypted.data}'\n`
 
-writeFileSync(join(__dirname, '..', 'api', 'certs.enc.js'), output)
+writeFileSync(join(__dirname, '..', 'api', 'certs.ts'), output)
 
-console.log('Successfully encrypted to /pass-models/certs.enc.json')
+console.log('Successfully encrypted to /pass-models/certs.ts')
 console.log('The following encryption key will only be shown once - make sure to copy it')
 console.log(`Key: ${key.toString('base64')}`)

tsconfig.json

@@ -1,19 +1,11 @@
 {
   "compilerOptions": {
     "target": "esnext",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
     "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
     "isolatedModules": true,
     "jsx": "react-jsx",
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "noEmit": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedIndexedAccess": true,
@@ -22,13 +14,14 @@
     "strict": true,
     "types": [
       "node",
-      "jest",
       "unplugin-icons/types/react"
-    ],
-    "useDefineForClassFields": true
+    ]
   },
-  "include": ["./**/*", ".*"],
-  "ts-node": {
-    "esm": true
-  }
-}
+  "include": [
+    "api",
+    "lib",
+    "tools",
+    "web",
+    "vite.config.ts"
+  ],
+}

vite.config.ts

@@ -1,14 +1,17 @@
 import React from '@vitejs/plugin-react'
 import Icons from 'unplugin-icons/vite'
-import { defineConfig } from 'vite'
+import { defineConfig } from 'vitest/config'
 import WindiCSS from 'vite-plugin-windicss'
 
 export default defineConfig({
-  root: 'web',
+  root: process.env.VITEST ? '.' : 'web',
   plugins: [
     React(),
     Icons({ compiler: 'jsx', jsx: 'react' }),
     WindiCSS()
   ],
-  publicDir: './assets'
+  publicDir: './assets',
+  test: {
+    include: ['**/*.test.{ts,tsx}']
+  }
 })

web/windi.config.ts

@@ -17,7 +17,7 @@ export default defineConfig({
         secondary: '#ECD95F',
         warning: '#D36525',
         success: '#59C9A5',
-        gray: colors.trueGray
+        gray: colors.neutral
       },
       fontFamily: {
         header: ['"Barlow Semi Condensed"', 'sans-serif']

web/windicss-fix.d.ts

@@ -0,0 +1,16 @@
+declare module 'windicss/colors' {
+  interface ColorScale {
+    [key: string | number]: string
+  }
+
+  interface WindiColors {
+    [key: string]: string | ColorScale
+  }
+
+  const colors: WindiColors
+  export default colors
+}
+
+declare module 'windicss/helpers' {
+  export function defineConfig(config: object): object
+}