Switch to vite app for settings server

.github/workflows/build.yml

@@ -29,22 +29,61 @@ jobs:
           source .venv/bin/activate
           pytest
 
+      - name: Build web app
+        run: |
+          cd gonotego/settings-server
+          npm install
+          npm run build
+          cd ../..
+
+      - name: Archive web app build
+        uses: actions/upload-artifact@v4
+        with:
+          name: web-app-dist
+          path: gonotego/settings-server/dist
+
   build_image:
     runs-on: ubuntu-latest
+    needs: build
     steps:
-      - uses: pguyot/arm-runner-action@v2
+      - name: Download web app build
+        uses: actions/download-artifact@v4
+        with:
+          name: web-app-dist
+          path: web-app-dist
+          # /home/runner/work/GoNoteGo/GoNoteGo/web-app-dist
+
+      - name: Verify web app download
+        run: |
+          echo "Checking contents of web-app-dist:"
+          ls -la web-app-dist
+          if [ ! -f "web-app-dist/index.html" ]; then
+            echo "ERROR: web-app-dist directory does not contain expected files!"
+            exit 1
+          fi
+
+      - uses: dbieber/arm-runner-action@v1.0.8
         id: build_image
         with:
           base_image: https://downloads.raspberrypi.com/raspios_armhf/images/raspios_armhf-2024-03-15/2024-03-15-raspios-bookworm-armhf.img.xz
           bootpartition: 1
           rootpartition: 2
-          image_additional_mb: 4000
+          image_additional_mb: 6000
+          extra_files_path: /home/runner/work/GoNoteGo/GoNoteGo/web-app-dist
+          extra_files_mnt_path: web-app-dist
           commands: |
-            echo "Updating!"
-            sudo apt update
+            echo "Updating package lists..."
+            sudo apt-get update
+
+            # Clean up apt cache to free up space
+            sudo apt-get clean
 
             echo "Installing dependencies!"
-            sudo apt install -y git firefox-esr xvfb portaudio19-dev libatlas-base-dev redis-server espeak rustc python3-dev libopenblas-dev iptables iptables-persistent
+            sudo apt install -y git firefox-esr xvfb portaudio19-dev libatlas-base-dev redis-server espeak \
+                rustc python3-dev libopenblas-dev iptables iptables-persistent nodejs npm
+
+            # Clean up after installation
+            sudo apt-get clean
 
             echo "Installing Go Note Go!"
             mkdir -p /home/pi/code/github/dbieber
@@ -54,6 +93,19 @@ jobs:
             # Checkout the specific commit
             git checkout $GITHUB_SHA
 
+            echo "Including web app"
+            echo "Checking web app files at /web-app-dist:"
+            ls -la /web-app-dist
+
+            echo "Creating settings-server directory:"
+            mkdir -p /home/pi/code/github/dbieber/GoNoteGo/gonotego/settings-server/
+
+            echo "Copying web app files:"
+            cp -r /web-app-dist /home/pi/code/github/dbieber/GoNoteGo/gonotego/settings-server/dist
+
+            echo "Verifying copied web app files:"
+            ls -la /home/pi/code/github/dbieber/GoNoteGo/gonotego/settings-server/dist
+
             echo "Setting up Python environment"
             python3 -m venv env
             ./env/bin/pip install -e .  # Install Python dependencies

gonotego/settings-server/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

gonotego/settings-server/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": false,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

gonotego/settings-server/eslint.config.js

@@ -0,0 +1,28 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)

gonotego/settings-server/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>Go Note Go Settings</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>