feat: management ui

.github/workflows/build-image.yaml

@@ -34,7 +34,6 @@ jobs:
       matrix:
         platform:
           - linux/arm64/v8
-          - linux/arm
           - linux/arm64
           - linux/amd64
 

.github/workflows/lint.yaml

@@ -11,6 +11,7 @@ on:
       - 'deployments/**'
       - 'gen/**'
       - '*.md'
+      - 'ui/**'
 
   pull_request:
     branches:
@@ -23,6 +24,7 @@ on:
       - 'deployments/**'
       - 'gen/**'
       - '*.md'
+      - 'ui/**'
 
 jobs:
   lint:

.github/workflows/test.yaml

@@ -11,6 +11,7 @@ on:
       - 'deployments/**'
       - 'scripts/**'
       - '*.md'
+      - 'ui/**'
 
   pull_request:
     branches:
@@ -23,6 +24,7 @@ on:
       - 'deployments/**'
       - 'scripts/**'
       - '*.md'
+      - 'ui/**'
 
 jobs:
   tests:

.github/workflows/ui-ci.yml

@@ -0,0 +1,155 @@
+name: "UI CI/CD"
+
+on:
+  push:
+    branches:
+      - main
+      - v2
+    paths:
+      - 'ui/**'
+      - '.github/workflows/ui-ci.yml'
+
+  pull_request:
+    branches:
+      - main
+      - v2
+    types: [ opened, synchronize ]
+    paths:
+      - 'ui/**'
+      - '.github/workflows/ui-ci.yml'
+
+jobs:
+  # Lint job - runs on PR and push
+  lint:
+    name: "Lint"
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./ui
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.13.0
+          run_install: 'true'
+
+      - name: Run ESLint
+        run: pnpm lint
+
+  # Test job - runs on PR and push
+  test:
+    name: "Test"
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./ui
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.13.0
+          run_install: 'true'
+
+      - name: Run tests
+        run: |
+          if pnpm run test --if-present; then
+            echo "Tests completed successfully"
+          else
+            echo "No tests found or tests failed, but continuing..."
+          fi
+        continue-on-error: true
+
+      - name: Upload test results
+        uses: actions/upload-artifact@v4
+        with:
+          name: ui-test-results
+          path: ui/coverage/
+          if-no-files-found: ignore
+
+  # Build job - runs on PR and push
+  build:
+    name: "Build UI"
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./ui
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.13.0
+          run_install: 'true'
+
+      - name: Build application
+        run: pnpm run build
+
+      - name: Upload build artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: ui-build
+          path: ui/dist/
+          retention-days: 7
+
+  # Type check job - runs on PR and push
+  type-check:
+    name: "Type Check"
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./ui
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.13.0
+          run_install: 'true'
+
+      - name: Run TypeScript type check
+        run: pnpm tsc
+
+  # Test coverage report - runs only on PR
+  test-coverage:
+    name: "Test Coverage Report"
+    if: github.event_name == 'pull_request'
+    runs-on: ubuntu-latest
+    needs: [ test ]
+    continue-on-error: true
+    defaults:
+      run:
+        working-directory: ./ui
+
+    permissions:
+      contents: read
+      pull-requests: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 10.13.0
+          run_install: true
+
+      - name: Generate coverage report
+        uses: artiomtr/jest-coverage-report-action@v2
+        with:
+          test-script: pnpm jest --reporters="summary" --reporters="github-actions" --passWithNoTests --json --outputFile=report.json
+          package-manager: pnpm
+          github-token: ${{ secrets.GITHUB_TOKEN }}

build/Dockerfile

@@ -1,4 +1,4 @@
 FROM --platform=$TARGETPLATFORM golang:1.24.0-bookworm AS base
 
 WORKDIR /ChargePi/src
 COPY . /ChargePi/src
@@ -29,17 +29,21 @@
 RUN --mount=type=cache,target="/root/.cache/go-build" \
      go build -o ChargePi -v -tags="linux" .
 
-FROM --platform=$BUILDPLATFORM node:19 AS build-ui
+FROM node:24 AS build-ui
+
 WORKDIR /ui
 
-COPY ./ui/package*.json .
-COPY ./ui .
+RUN corepack enable pnpm
+RUN corepack install -g [email protected]
+COPY ./ui/pnpm-lock.yaml ./
+COPY ./ui/package*.json ./
+RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store pnpm install --frozen-lockfile
 
-RUN --mount=type=cache,target=/root/.npm npm install
-RUN npm run build
+COPY ./ui .
+RUN pnpm build
 
 # Test the client
 FROM --platform=$TARGETPLATFORM golang:1.24.0-bookworm AS test
 
 WORKDIR /ChargePi/src
 
@@ -71,7 +75,7 @@
 # Run tests
 ENTRYPOINT ["go", "test","-v","./...","-coverpkg=./...","-short" ,"-coverprofile=unit_coverage.out"]
 
 FROM --platform=$TARGETPLATFORM alpine AS chargepi
 
 WORKDIR /etc/ChargePi
 
@@ -87,10 +91,9 @@
 COPY --from=base /ChargePi/src/ChargePi /usr/bin/ChargePi
 
 # Copy the UI static files
-COPY --from=build-ui /ui/build/* /usr/bin/ui/build/*
+COPY --from=build-ui /ui/build /usr/bin/ui/build
 
 EXPOSE 8080
 HEALTHCHECK --interval=5s --timeout=3s CMD curl --fail http://localhost:8080/healthz || exit 1
 
-ENTRYPOINT ["ChargePi"]
-CMD ["-c", "/etc/ChargePi/configs/config.yaml", "run"]
+ENTRYPOINT ["ChargePi", "-c", "/etc/ChargePi/configs/config.yaml", "run"]

ui/.eslintrc.cjs

@@ -1,20 +1,17 @@
 module.exports = {
-    root: true,
-    parser: '@typescript-eslint/parser',
-    extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-    plugins: ['svelte3', '@typescript-eslint'],
-    ignorePatterns: ['*.cjs'],
-    overrides: [{files: ['*.svelte'], processor: 'svelte3/svelte3'}],
-    settings: {
-        'svelte3/typescript': () => require('typescript'),
-    },
-    parserOptions: {
-        sourceType: 'module',
-        ecmaVersion: 2020,
-    },
-    env: {
-        browser: true,
-        es2017: true,
-        node: true,
-    },
-};
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}