pruning and adding shadcn

Author: kimit0310

.github/actions/setup-venv/action.yaml

@@ -48,16 +48,27 @@ runs:
         path: |
           ~/Library/Caches/Homebrew
           /opt/homebrew/Cellar/lsl
+          /opt/homebrew/Cellar/pugixml
           /opt/homebrew/Frameworks/LSL.framework
+          /opt/homebrew/opt/pugixml
           /usr/local/Cellar/lsl
+          /usr/local/Cellar/pugixml
           /usr/local/Frameworks/LSL.framework
-        key: brew-${{ runner.os }}-${{ hashFiles('.github/actions/setup-venv/action.yaml') }}
+          /usr/local/opt/pugixml
+        key: brew-lsl-pugixml-${{ runner.os }}-${{ hashFiles('.github/actions/setup-venv/action.yaml') }}
 
     - name: Install LSL (macOS)
       if: runner.os == 'macOS' && inputs.install-lsl == 'true'
       shell: bash
       run: |
         BREW_PREFIX=$(brew --prefix)
+
+        if ! brew list pugixml &>/dev/null; then
+          echo "Installing pugixml..."
+          brew install pugixml
+        else
+          echo "pugixml already installed"
+        fi
         
         # Check if LSL is already installed.
         # Homebrew's lsl formula may install as a framework (LSL.framework) rather
@@ -89,6 +100,7 @@ runs:
         if [[ -n "$LSL_LIB" ]]; then
           echo "LSL library found at: $LSL_LIB"
           echo "PYLSL_LIB=$LSL_LIB" >> $GITHUB_ENV
+          echo "DYLD_LIBRARY_PATH=${BREW_PREFIX}/lib:${BREW_PREFIX}/opt/pugixml/lib:${DYLD_LIBRARY_PATH:-}" >> $GITHUB_ENV
         else
           echo "ERROR: LSL library not found after installation"
           find "${BREW_PREFIX}" -name "liblsl.*" -type f 2>/dev/null || true

.github/workflows/test.yaml

@@ -124,18 +124,6 @@ jobs:
     - name: Check frontend formatting
       working-directory: frontend
       run: npm run format:check
-    - name: Lint frontend
-      working-directory: frontend
-      run: npm run lint
-    - name: Run frontend unit tests
-      working-directory: frontend
-      run: npm run test:unit -- --run
-    - name: Install Playwright browser
-      working-directory: frontend
-      run: npx playwright install --with-deps chromium
-    - name: Run frontend E2E tests
-      working-directory: frontend
-      run: npm run test:e2e
     - name: Build frontend static assets
       working-directory: frontend
-      run: npm run build
+      run: npm run build

.gitignore

@@ -1,6 +1,9 @@
 .ruff_cache
 .DS_Store
 
+# Frontend static build output
+src/MoBI_View/web/static/
+
 # Byte-compiled / optimized / DLL files
 __pycache__/
 *.py[cod]

frontend/.gitignore

@@ -7,8 +7,6 @@ node_modules
 .wrangler
 /.svelte-kit
 /build
-/playwright-report
-/test-results
 
 # OS
 .DS_Store

frontend/.oxlintrc.json

@@ -1,5 +0,0 @@
-.svelte-kit
-node_modules
-playwright-report
-test-results
-../src/MoBI_View/web/static

frontend/.prettierignore

@@ -1,11 +1,12 @@
 {
-  "plugins": ["prettier-plugin-svelte"],
+  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
   "overrides": [
     {
       "files": "*.svelte",
       "options": {
         "parser": "svelte"
       }
     }
-  ]
+  ],
+  "tailwindStylesheet": "./src/routes/layout.css"
 }

frontend/.prettierrc

@@ -6,14 +6,15 @@ The app is built as static HTML, JavaScript, and CSS with `@sveltejs/adapter-sta
 Production assets are emitted directly to `../src/MoBI_View/web/static`, which is
 the directory served by the Python WebSocket/HTTP server.
 
+UI styling is initialized with Tailwind CSS v4 and shadcn-svelte. No shadcn
+components are checked in yet; add them only when a feature needs them.
+
 ## Commands
 
 ```sh
 npm run dev
 npm run check
 npm run format:check
-npm run test:unit -- --run
-npm run test:e2e
 npm run build
 ```
 

frontend/.vscode/extensions.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://shadcn-svelte.com/schema.json",
+  "tailwind": {
+    "css": "src/routes/layout.css",
+    "baseColor": "neutral"
+  },
+  "aliases": {
+    "components": "$lib/components",
+    "utils": "$lib/utils",
+    "ui": "$lib/components/ui",
+    "hooks": "$lib/hooks",
+    "lib": "$lib"
+  },
+  "typescript": true,
+  "registry": "https://shadcn-svelte.com/registry",
+  "style": "vega",
+  "iconLibrary": "lucide",
+  "menuColor": "default",
+  "menuAccent": "subtle"
+}