Vue 3 migration

.github/dependabot.yml

@@ -18,6 +18,15 @@ updates:
         update-types: ["version-update:semver-major"]
     versioning-strategy: increase
     target-branch: dev
+  - package-ecosystem: "npm"
+    directory: "/client-v3"
+    schedule:
+      interval: "daily"
+    ignore:
+      - dependency-name: "*"
+        update-types: ["version-update:semver-major"]
+    versioning-strategy: increase
+    target-branch: dev
   - package-ecosystem: "npm"
     directory: "/electron"
     schedule:

.github/labeler.yml

@@ -33,6 +33,9 @@ labels:
 - label: "client"
   files:
     - "electron/.*"
+- label: "client-v3"
+  files:
+    - "client-v3/.*"
 - label: "server"
   files:
     - "server/.*"

.github/workflows/build-server.yml

@@ -34,6 +34,23 @@ jobs:
           cd client
           npm run build
 
+      - name: Setup Node.js (V3)
+        uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+          cache: 'npm'
+          cache-dependency-path: 'client-v3/package-lock.json'
+
+      - name: Install dependencies (V3)
+        run: |
+          cd client-v3
+          npm ci
+
+      - name: Build frontend (V3)
+        run: |
+          cd client-v3
+          npm run build
+
       - name: Upload frontend build
         uses: actions/upload-artifact@v4
         with:

.github/workflows/client-test.yml

@@ -26,4 +26,24 @@ jobs:
         if: always()
         with:
           check_name: 'Client Test Results'
-          junit_files: '**/client/junit/*.xml'
+          junit_files: '**/client/junit/*.xml'
+  run-client-v3-tests:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./client-v3
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 24
+      - name: Install dependencies
+        run: npm ci
+      - name: Run tests
+        run: npm run test:run
+      - name: Publish Test Results
+        uses: EnricoMi/publish-unit-test-result-action@v2
+        if: always()
+        with:
+          check_name: 'Client V3 Test Results'
+          junit_files: '**/client-v3/junit/*.xml'

.github/workflows/nodelint.yml

@@ -53,3 +53,28 @@ jobs:
           node-version: 24
       - run: npm ci
       - run: npm run typecheck
+  run-node-lint-client-v3:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./client-v3
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24
+      - run: npm ci
+      - run: npm run ci-lint
+  run-typecheck-client-v3:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./client-v3
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24
+      - run: npm ci
+      - run: npm run typecheck
+

Dockerfile

@@ -1,8 +1,6 @@
-FROM node:24-bookworm AS node_build
+FROM node:24-bookworm AS build_v2
 
-# npm 11 bundled with Node 24, no separate install needed
 RUN mkdir -p /server/static
-
 COPY /client/package.json /client/package.json
 COPY /client/package-lock.json /client/package-lock.json
 COPY /client/.npmrc /client/.npmrc
@@ -12,7 +10,15 @@ COPY /client /client
 COPY /docs /docs
 RUN npm run build
 
-COPY /server /server
+FROM node:24-bookworm AS build_v3
+
+RUN mkdir -p /server/static/ui-new
+COPY /client-v3/package.json /client-v3/package.json
+COPY /client-v3/package-lock.json /client-v3/package-lock.json
+WORKDIR /client-v3
+RUN npm ci
+COPY /client-v3 /client-v3
+RUN npm run build
 
 FROM python:3.13-bookworm
 
@@ -22,8 +28,10 @@ RUN pip install -r requirements.txt
 RUN apt update
 RUN apt install -y nano
 
-COPY --from=node_build /server /server
+COPY /server /server
+COPY --from=build_v2 /server/static /server/static
+COPY --from=build_v3 /server/static/ui-new /server/static/ui-new
 WORKDIR /server
 RUN mkdir conf
 EXPOSE 8080
-ENTRYPOINT ["python3", "main.py"]
+ENTRYPOINT ["python3", "main.py"]

client-v3/.gitignore

@@ -0,0 +1,7 @@
+node_modules/
+dist/
+dist-electron/
+junit/
+coverage/
+*.backup
+components.d.ts

client-v3/.prettierignore

@@ -0,0 +1,13 @@
+# Dependencies
+node_modules/
+
+# Build outputs
+dist/
+../server/static/
+
+# Test outputs
+coverage/
+junit/
+
+# Backups
+*.backup

client-v3/eslint.config.ts

@@ -0,0 +1,97 @@
+import js from '@eslint/js';
+import pluginVue from 'eslint-plugin-vue';
+import vueParser from 'vue-eslint-parser';
+import globals from 'globals';
+import tsParser from '@typescript-eslint/parser';
+import tsPlugin from '@typescript-eslint/eslint-plugin';
+import prettierConfig from 'eslint-config-prettier';
+import prettierPlugin from 'eslint-plugin-prettier';
+import tseslint from 'typescript-eslint';
+
+const sharedRules = {
+  'prettier/prettier': 'error',
+  ...prettierConfig.rules,
+  'max-len': 'off',
+  'no-unused-vars': 'off',
+  'vue/no-unused-vars': 'off',
+  'no-plusplus': 'off',
+  'no-param-reassign': [
+    'error',
+    {
+      props: true,
+      ignorePropertyModificationsFor: ['state', 'acc', 'e'],
+    },
+  ],
+};
+
+const tsRules = {
+  ...Object.assign({}, ...tseslint.configs.recommended.map((c) => c.rules ?? {})),
+  '@typescript-eslint/no-explicit-any': 'off',
+  '@typescript-eslint/no-unused-vars': 'off',
+};
+
+const sharedGlobals = {
+  ...globals.browser,
+  ...globals.node,
+  ...globals.es2021,
+};
+
+export default [
+  {
+    ignores: [
+      '**/node_modules/**',
+      '**/dist/**',
+      '../server/static/**',
+      'junit/**',
+      '*.backup',
+    ],
+  },
+  js.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  // TypeScript source files
+  {
+    files: ['**/*.ts'],
+    plugins: {
+      '@typescript-eslint': tsPlugin,
+      prettier: prettierPlugin,
+    },
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: { ecmaVersion: 2022, sourceType: 'module' },
+      globals: sharedGlobals,
+    },
+    rules: { ...tsRules, ...sharedRules },
+  },
+  // Vue SFCs — all use <script lang="ts">
+  {
+    files: ['**/*.vue'],
+    plugins: {
+      '@typescript-eslint': tsPlugin,
+      prettier: prettierPlugin,
+    },
+    languageOptions: {
+      parser: vueParser,
+      parserOptions: {
+        parser: tsParser,
+        ecmaVersion: 2022,
+        sourceType: 'module',
+      },
+      globals: sharedGlobals,
+    },
+    rules: { ...tsRules, ...sharedRules },
+  },
+  // Test files — declare vitest globals
+  {
+    files: ['**/*.test.ts'],
+    languageOptions: {
+      globals: {
+        describe: 'readonly',
+        it: 'readonly',
+        expect: 'readonly',
+        vi: 'readonly',
+        beforeEach: 'readonly',
+        afterEach: 'readonly',
+      },
+    },
+  },
+];

client-v3/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>DigiScript</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./src/main.ts"></script>
+  </body>
+</html>