Skeleton UI v3 upgrade (#1247)

Author: DTTerastar

ESPresense-companion-architecture.md

@@ -339,7 +339,9 @@ async function updateDevice(id, data) {
     body: JSON.stringify(data)
   });
 
-  if (!response.ok) throw new Error('Failed to update device');
+  if (!response.ok) {
+    throw new Error('Failed to update device');
+  }
 
   // No need to update local store - WebSocket will handle it
 }

src/ui/eslint.config.js

@@ -3,7 +3,6 @@ import eslintConfigPrettier from 'eslint-config-prettier';
 import eslintPluginSvelte from 'eslint-plugin-svelte';
 import globals from 'globals';
 import tsEslint from 'typescript-eslint';
-import vitest from 'eslint-plugin-vitest';
 import playwright from 'eslint-plugin-playwright';
 
 export default [
@@ -15,7 +14,6 @@ export default [
 		...playwright.configs['flat/playwright'],
 		files: ['tests/**']
 	},
-	vitest.configs.recommended,
 	...eslintPluginSvelte.configs['flat/prettier'],
 	{
 		languageOptions: {
@@ -27,6 +25,15 @@ export default [
 			}
 		}
 	},
+	{
+		rules: {
+			'@typescript-eslint/no-explicit-any': 'off',
+			'@typescript-eslint/no-unused-vars': 'off',
+			'svelte/require-each-key': 'off',
+			'prefer-const': 'off',
+			'no-var': 'off'
+		}
+	},
 	{
 		ignores: ['.svelte-kit', 'build', 'package', 'coverage', 'node_modules', 'playwright.config.js']
 	}

src/ui/package.json

@@ -17,12 +17,14 @@
 		"@floating-ui/dom": "^1.7.3",
 		"@playwright/test": "^1.54.2",
 		"@skeletonlabs/floating-ui-svelte": "^0.3.9",
-		"@skeletonlabs/skeleton": "^2.11.0",
 		"@skeletonlabs/tw-plugin": "^0.4.1",
 		"@sveltejs/adapter-static": "^3.0.9",
+		"@skeletonlabs/skeleton": "^3.1.1",
+		"@skeletonlabs/skeleton-svelte": "^1.0.0",
 		"@sveltejs/kit": "^2.21.5",
 		"@sveltejs/vite-plugin-svelte": "^6.1.2",
 		"@tailwindcss/forms": "^0.5.10",
+		"@tailwindcss/vite": "^4.0.17",
 		"@types/d3": "^7.4.3",
 		"@types/node": "^24.0.7",
 		"@types/three": "^0.175.0",
@@ -35,24 +37,25 @@
 		"d3-zoom": "^3.0.0",
 		"eslint": "^9.35.0",
 		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-playwright": "^1.8.0",
 		"eslint-plugin-svelte": "^3.9.2",
 		"globals": "^16.3.0",
 		"layercake": "^10.0.1",
 		"ol": "^10.6.1",
 		"prettier": "^3.6.2",
 		"prettier-plugin-svelte": "^3.3.3",
 		"s-ago": "^2.2.0",
-		"svelte": "^5.38.1",
-		"svelte-check": "^4.2.2",
-		"svelte-eslint-parser": "^1.3.1",
-		"three": "^0.179.1",
+		"svelte": "^5.25.3",
+		"svelte-check": "^4.1.5",
+		"svelte-eslint-parser": "^1.1.1",
+		"svelte-table": "^0.6.4",
+		"tailwindcss": "^4.0.17",
+		"three": "^0.175.0",
 		"tslib": "^2.8.1",
-		"typescript": "^5.8.3",
-		"typescript-eslint": "^8.39.0",
-		"vite": "^6.3.5",
-		"vite-plugin-devtools-json": "^0.4.1",
-		"vite-plugin-tailwind-purgecss": "^0.3.5",
-		"vitest": "^3.2.4"
+		"typescript": "^5.8.2",
+		"typescript-eslint": "^8.29.0",
+		"vite": "^6.2.5",
+		"vitest": "^3.1.1"
 	},
 	"type": "module"
 }

src/ui/playwright.config.ts

@@ -1,13 +1,13 @@
 import type { PlaywrightTestConfig } from '@playwright/test';
 
 const config: PlaywrightTestConfig = {
-    use: {
-        baseURL: 'http://localhost:4173'
-    },
-    webServer: {
-        command: 'pnpm run build && pnpm run preview -- --port 4173',
-        url: 'http://localhost:4173'
-    }
+	use: {
+		baseURL: 'http://localhost:4173'
+	},
+	webServer: {
+		command: 'pnpm run build && pnpm run preview -- --port 4173',
+		url: 'http://localhost:4173'
+	}
 };
 
 export default config;