fix: improve Vite configuration for development mode (#136)

# Description

- update Node.js version in workflows and Dockerfiles
- add pre-build checks
- update file encoding method
- improve Vite configuration for development mode
- bump package versions to 3.3.2

Fixes #135 

## Type of change

Please delete options that are not relevant.

- [x] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected)
- [ ] This change requires a documentation update

## Checklist

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [ ] I have commented my code, particularly in hard-to-understand areas
- [x] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [x] Any dependent changes have been merged and published in downstream
modules

Author: WCY-dt

.github/workflows/check.yml

@@ -23,7 +23,7 @@ jobs:
           fetch-depth: 0
 
       - name: Set up Node.js
-        uses: actions/setup-node@v5
+        uses: actions/setup-node@v6
         with:
           node-version: latest
 

.github/workflows/deploy.yml

@@ -1,10 +1,14 @@
 name: Deploy Client
+
+permissions:
+  contents: write
+
 on:
   push:
     branches:
       - main
-permissions:
-  contents: write
+  workflow_dispatch:
+
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
@@ -13,7 +17,7 @@ jobs:
         uses: actions/checkout@v5
 
       - name: Set up Node.js
-        uses: actions/setup-node@v5
+        uses: actions/setup-node@v6
         with:
           node-version: latest
 

.github/workflows/pre-build.yml

@@ -0,0 +1,37 @@
+name: Pre-build Checks
+
+permissions:
+  contents: read
+
+on:
+  pull_request:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  pre-build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v5
+        with:
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: latest
+
+      - name: Pre-build server
+        run: |
+          cd server
+          npm install
+          npm run build
+
+      - name: Pre-build client
+        run: |
+          cd client
+          npm install
+          npm run build

CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to this project will be documented in this file.
 
+## [3.3.2] - 2025-10-21
+
+### Added
+
+- Add GitHub Actions workflow to run pre build checks
+
+### Changed
+
+- Bump dependencies to fix security vulnerabilities
+
 ## [3.3.1] - 2025-08-19
 
 ### Fixed

client/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20-alpine as build
+FROM node:22-alpine as build
 
 WORKDIR /app
 

client/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "client",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "private": true,
   "type": "module",
   "scripts": {

client/package.json

@@ -115,7 +115,7 @@ export class FileProtocol {
     const message = TRANSFER_CONFIG.retryPrefix + JSON.stringify(retryData)
     const encoder = new TextEncoder()
     const encoded = encoder.encode(message)
-    return encoded.buffer.slice(
+    return (encoded.buffer as ArrayBuffer).slice(
       encoded.byteOffset,
       encoded.byteOffset + encoded.byteLength,
     )

client/src/utils/fileProtocol.ts

@@ -5,17 +5,28 @@
     "strict": true,
     "jsx": "preserve",
     "importHelpers": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "experimentalDecorators": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     },
-    "lib": ["esnext", "dom"]
+    "lib": [
+      "esnext",
+      "dom"
+    ]
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "vite.config.js"],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "vite.config.js"
+  ],
   "exclude": []
 }

client/tsconfig.json

@@ -2,19 +2,24 @@ import { fileURLToPath, URL } from 'node:url'
 import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-import vueDevTools from 'vite-plugin-vue-devtools'
 import fs from 'fs'
 
 const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf-8'))
 
-export default defineConfig(({ mode }) => {
+export default defineConfig(async ({ mode }) => {
   const env = loadEnv(mode, process.cwd(), '')
 
+  let devToolsPlugin = null
+  if (mode === 'development') {
+    const { default: vueDevTools } = await import('vite-plugin-vue-devtools')
+    devToolsPlugin = vueDevTools()
+  }
+
   return {
     plugins: [
       vue(),
       vueJsx(),
-      vueDevTools(),
+      ...(devToolsPlugin ? [devToolsPlugin] : []),
     ],
     resolve: {
       alias: {
@@ -27,7 +32,10 @@ export default defineConfig(({ mode }) => {
       jsxInject: `import { h } from 'vue'`
     },
     define: {
-      'process.env': env,
+      'process.env': {
+        VITE_SIGNAL_SERVER_URL: env.VITE_SIGNAL_SERVER_URL,
+        VITE_API_SERVER_URL: env.VITE_API_SERVER_URL,
+      },
       'process.package_version': JSON.stringify(packageJson.version),
     }
   }