chore: Update frontend dependencies

.github/scripts/package.json

@@ -14,11 +14,11 @@
     "semver": "^7.7.2"
   },
   "engines": {
-    "node": "^22.14.0",
-    "pnpm": "^10.6.4"
+    "node": "^22.16.0",
+    "pnpm": "^10.12.4"
   },
   "volta": {
-    "node": "22.14.0"
+    "node": "22.16.0"
   },
-  "packageManager": "pnpm@10.6.4"
+  "packageManager": "pnpm@10.12.4"
 }

.github/workflows/ci-build.yml

@@ -18,8 +18,8 @@ on:
 name: ci-build
 
 env:
-  PNPM_VERSION: 10.6.4
-  NODE_VERSION: 22.14.0
+  PNPM_VERSION: 10.12.4
+  NODE_VERSION: 22.16.0
   PYTHON_VERSION: 3.12
 
 jobs:

.github/workflows/get-vars.yml

@@ -10,11 +10,11 @@ on:
     inputs:
       pnpm-version:
         type: string
-        default: '10.6.4'
+        default: '10.12.4'
         description: 'The pnpm version to use'
       node-version:
         type: string
-        default: '22.14.0'
+        default: '22.16.0'
         description: 'The Node.js version to use'
     outputs:
       version:

frontend/.editorconfig

@@ -0,0 +1,10 @@
+[*]
+
+# Indentation
+indent_style = space
+indent_size = 2
+
+# Line endings
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

frontend/.gitattributes

@@ -0,0 +1,2 @@
+* text=auto eol=lf
+*.txt text eol=lf

frontend/.gitignore

@@ -1,5 +1,6 @@
 test-results
 node_modules
+playwright-report
 
 # Output
 .output
@@ -13,12 +14,16 @@ node_modules
 .DS_Store
 Thumbs.db
 
+# IDE
+.idea
+
 # Env
-.env
-.env.*
-!.env.example
-!.env.test
+.env*.local
 
 # Vite
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+
+# Other package managers
+package-lock.json
+yarn.lock

frontend/.nvmrc

@@ -1 +1 @@
-22.14.0
+22.16.0

frontend/.prettierignore

@@ -2,17 +2,16 @@
 node_modules
 /build
 /.svelte-kit
+/.vscode
 /package
+/src/lib/api/internal
+/src/lib/components/ui
+/static
 .env
 .env.*
 !.env.example
 
-# Package Managers
+# Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml
 package-lock.json
 yarn.lock
-
-# Generated or imported files
-/components.json
-/src/lib/_fbs
-/src/lib/components/ui

frontend/.prettierrc

@@ -5,7 +5,15 @@
   "singleQuote": true,
   "trailingComma": "es5",
   "printWidth": 100,
-  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+  "importOrder": ["^@.*", "^\\$.*", "^[a-zA-Z].*", "^\\..*"],
+  "importOrderSeparation": false,
+  "importOrderSortSpecifiers": true,
+  "importOrderSideEffects": false,
+  "plugins": [
+    "prettier-plugin-svelte",
+    "prettier-plugin-tailwindcss",
+    "@trivago/prettier-plugin-sort-imports"
+  ],
   "overrides": [
     { "files": "*.svelte", "options": { "parser": "svelte" } },
     { "files": "package*.json", "options": { "tabWidth": 2, "useTabs": true } }

frontend/components.json

@@ -1,17 +1,16 @@
 {
-	"$schema": "https://next.shadcn-svelte.com/schema.json",
-	"style": "default",
-	"tailwind": {
-		"config": "tailwind.config.ts",
-		"css": "src\\app.css",
-		"baseColor": "neutral"
-	},
-	"aliases": {
-		"components": "$lib/components",
-		"utils": "$lib/utils",
-		"ui": "$lib/components/ui",
-		"hooks": "$lib/hooks"
-	},
-	"typescript": true,
-	"registry": "https://next.shadcn-svelte.com/registry"
+  "$schema": "https://shadcn-svelte.com/schema.json",
+  "tailwind": {
+    "css": "src\\app.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"
 }

frontend/eslint.config.js

@@ -1,35 +1,58 @@
-import prettier from 'eslint-config-prettier';
-import js from '@eslint/js';
 import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import prettier from 'eslint-config-prettier';
 import svelte from 'eslint-plugin-svelte';
 import globals from 'globals';
 import { fileURLToPath } from 'node:url';
 import ts from 'typescript-eslint';
+import svelteConfig from './svelte.config.js';
+
 const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
 
 export default ts.config(
   includeIgnoreFile(gitignorePath),
   js.configs.recommended,
   ...ts.configs.recommended,
-  ...svelte.configs['flat/recommended'],
+  ...svelte.configs.recommended,
   prettier,
-  ...svelte.configs['flat/prettier'],
+  ...svelte.configs.prettier,
   {
     languageOptions: {
       globals: {
         ...globals.browser,
         ...globals.node,
       },
     },
+    rules: {
+      // typescript-eslint strongly recommend that you do not use the no-undef lint rule on TypeScript projects.
+      // see: https://typescript-eslint.io/troubleshooting/faqs/eslint/#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors
+      'no-undef': 'off',
+    },
   },
   {
-    files: ['**/*.svelte'],
-
+    files: ['**/*.svelte', '**/*.svelte.ts', '**/*.svelte.js'],
     languageOptions: {
       parserOptions: {
+        projectService: true,
+        extraFileExtensions: ['.svelte'],
         parser: ts.parser,
-        ecmaVersion: 2020,
+        svelteConfig,
       },
     },
+  },
+  {
+    ignores: [
+      '.DS_Store',
+      'node_modules',
+      '/build',
+      '/.svelte-kit',
+      '/package',
+      '.env',
+      '.env.*',
+      '!.env.example',
+      'pnpm-lock.yaml',
+      'package-lock.json',
+      'yarn.lock',
+    ],
   }
 );

frontend/package.json

@@ -7,58 +7,66 @@
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"format": "prettier --write .",
 		"lint": "prettier --check . && eslint .",
-		"test:unit": "vitest",
+		"format": "prettier --write .",
 		"test": "npm run test:unit -- --run && npm run test:e2e",
-		"test:e2e": "playwright test"
+		"test:e2e": "playwright test",
+		"test:unit": "vitest"
 	},
 	"devDependencies": {
-		"@eslint/compat": "^1.2.7",
-		"@eslint/js": "^9.22.0",
-		"@lucide/svelte": "^0.483.0",
-		"@playwright/test": "^1.51.1",
+		"@eslint/compat": "^1.3.1",
+		"@eslint/js": "^9.30.0",
+		"@lucide/svelte": "^0.515.0",
+		"@playwright/test": "^1.53.2",
 		"@sveltejs/adapter-static": "^3.0.8",
-		"@sveltejs/kit": "^2.20.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@sveltejs/kit": "^2.22.2",
+		"@sveltejs/vite-plugin-svelte": "^5.1.0",
 		"@tailwindcss/forms": "^0.5.10",
 		"@tailwindcss/typography": "^0.5.16",
-		"@tailwindcss/vite": "^4.0.14",
-		"bits-ui": "1.3.13",
+		"@tailwindcss/vite": "^4.1.11",
+		"@trivago/prettier-plugin-sort-imports": "^5.2.2",
+		"bits-ui": "2.8.10",
 		"clsx": "^2.1.1",
-		"eslint": "^9.22.0",
-		"eslint-config-prettier": "^10.1.1",
-		"eslint-plugin-svelte": "^3.3.2",
+		"eslint": "^9.30.0",
+		"eslint-config-prettier": "^10.1.5",
+		"eslint-plugin-svelte": "^3.10.1",
 		"flatbuffers": "^25.2.10",
-		"globals": "^16.0.0",
-		"prettier": "^3.5.3",
-		"prettier-plugin-svelte": "^3.3.3",
-		"prettier-plugin-tailwindcss": "^0.6.11",
-		"svelte": "^5.23.2",
-		"svelte-check": "^4.1.5",
-		"svelte-sonner": "^0.3.28",
-		"tailwind-merge": "^3.0.2",
+		"globals": "^16.2.0",
+		"prettier": "^3.6.2",
+		"prettier-plugin-svelte": "^3.4.0",
+		"prettier-plugin-tailwindcss": "^0.6.13",
+		"svelte": "^5.34.9",
+		"svelte-check": "^4.2.2",
+		"svelte-sonner": "^1.0.5",
+		"tailwind-merge": "^3.3.1",
 		"tailwind-variants": "^1.0.0",
-		"tailwindcss": "^4.0.14",
-		"tailwindcss-animate": "^1.0.7",
-		"typescript": "^5.8.2",
-		"typescript-eslint": "^8.26.1",
-		"vite": "^6.2.2",
-		"vitest": "^3.0.9"
+		"tailwindcss": "^4.1.11",
+		"tw-animate-css": "^1.3.4",
+		"typescript": "^5.8.3",
+		"typescript-eslint": "^8.35.1",
+		"vite": "^6.3.5",
+		"vite-plugin-devtools-json": "^0.2.0",
+		"vitest": "^3.2.4"
 	},
 	"engines": {
-		"node": "^22.14.0",
-		"pnpm": "^10.6.4"
+		"node": ">=22.16.0",
+		"pnpm": ">=10.12.4"
 	},
 	"volta": {
-		"node": "22.14.0"
+		"node": "22.16.0"
 	},
-	"packageManager": "pnpm@10.6.4",
+	"packageManager": "pnpm@10.12.4",
 	"pnpm": {
 		"onlyBuiltDependencies": [
-			"esbuild"
+			"@tailwindcss/oxide",
+			"esbuild",
+			"workerd"
+		],
+		"ignoredBuiltDependencies": [
+			"sharp"
 		]
 	}
 }

frontend/playwright.config.ts

@@ -1,10 +1,11 @@
 import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
+  reporter: process.env.CI ? 'github' : 'html',
   webServer: {
-    command: 'npm run build && npm run preview',
+    command: 'pnpm run build && pnpm run preview',
     port: 4173,
+    reuseExistingServer: !process.env.CI,
   },
-
   testDir: 'e2e',
 });