Misc fixes

src/ui/.vscode/settings.json

@@ -74,4 +74,4 @@
 		"track",
 		"width"
 	]
-}
+}

src/ui/eslint.config.js

@@ -1,40 +1,33 @@
-import js from "@eslint/js";
-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";
+import js from '@eslint/js';
+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 [
-  js.configs.recommended,
-  ...tsEslint.configs.recommended,
-  ...eslintPluginSvelte.configs["flat/recommended"],
-  eslintConfigPrettier,
-  {
-    ...playwright.configs["flat/playwright"],
-    files: ["tests/**"]
-  },
-  vitest.configs.recommended,
-  ...eslintPluginSvelte.configs["flat/prettier"],
-  {
-    languageOptions: {
-      ecmaVersion: "latest",
-      sourceType: "module",
-      globals: { ...globals.node, ...globals.browser },
-      parserOptions: {
-        extraFileExtensions: [".svelte"]
-      }
-    }
-  },
-  {
-    ignores: [
-      ".svelte-kit",
-      "build",
-      "package",
-      "coverage",
-      "node_modules",
-      "playwright.config.js"
-    ]
-  }
+	js.configs.recommended,
+	...tsEslint.configs.recommended,
+	...eslintPluginSvelte.configs['flat/recommended'],
+	eslintConfigPrettier,
+	{
+		...playwright.configs['flat/playwright'],
+		files: ['tests/**']
+	},
+	vitest.configs.recommended,
+	...eslintPluginSvelte.configs['flat/prettier'],
+	{
+		languageOptions: {
+			ecmaVersion: 'latest',
+			sourceType: 'module',
+			globals: { ...globals.node, ...globals.browser },
+			parserOptions: {
+				extraFileExtensions: ['.svelte']
+			}
+		}
+	},
+	{
+		ignores: ['.svelte-kit', 'build', 'package', 'coverage', 'node_modules', 'playwright.config.js']
+	}
 ];

src/ui/package.json

@@ -21,7 +21,6 @@
 		"@sveltejs/kit": "^2.15.1",
 		"@sveltejs/vite-plugin-svelte": "^3.1.2",
 		"@tailwindcss/forms": "^0.5.9",
-		"@types/cookie": "^1.0.0",
 		"@types/d3": "^7.4.3",
 		"@types/node": "^22.9.1",
 		"@typescript-eslint/eslint-plugin": "^8.15.0",

src/ui/postcss.config.cjs

@@ -1,6 +1,6 @@
 module.exports = {
 	plugins: {
 		tailwindcss: {},
-		autoprefixer: {},
-	},
-}
+		autoprefixer: {}
+	}
+};

src/ui/src/app.postcss

@@ -4,4 +4,7 @@
 @tailwind variants;
 
 /*place global styles here */
-html, body { @apply h-full overflow-hidden; }
+html,
+body {
+	@apply h-full overflow-hidden;
+}

src/ui/src/lib/DevicesTable.svelte

@@ -23,7 +23,7 @@
 		{ key: 'fixes', title: 'Fixes', value: (d) => d.fixes ?? 'n/a', sortable: true },
 		{ key: 'scale', title: 'Scale', value: (d) => d.scale?.toFixed(3) ?? 'n/a', sortable: true },
 		{ key: 'confidence', title: 'Confidence', value: (d) => d.confidence ?? 'n/a', sortable: true },
-		{ key: 'lastHit', title: 'LastHit', value: (d) => ((d.lastHit ?? '') == '' ? 'n/a' : ago(new Date(d.lastHit)) ?? 'n/a'), sortable: true }
+		{ key: 'lastHit', title: 'LastHit', value: (d) => ((d.lastHit ?? '') == '' ? 'n/a' : (ago(new Date(d.lastHit)) ?? 'n/a')), sortable: true }
 	];
 
 	function onRowClick(e) {

src/ui/src/lib/Map.svelte

@@ -36,7 +36,9 @@
 
 	const handler = zoom()
 		.scaleExtent([0.5, 40])
-		.wheelDelta((event) => { return -(event.deltaY + event.deltaX * 0.25) * 0.002; })
+		.wheelDelta((event) => {
+			return -(event.deltaY + event.deltaX * 0.25) * 0.002;
+		})
 		.on('zoom', (e) => {
 			transform = e.transform;
 		});
@@ -52,12 +54,11 @@
 	}
 
 	function handleKeyboard(event: KeyboardEvent) {
-
 		const zoomFactor = event.shiftKey ? 1.005 : 1.1;
 		const translateAmount = event.shiftKey ? 1 : 50;
 		let newTransform = transform;
 
-		switch(event.key) {
+		switch (event.key) {
 			case '0':
 				event.preventDefault();
 				newTransform = zoomIdentity.translate(transform.x, transform.y);
@@ -117,14 +118,7 @@
 <svelte:window on:keydown={handleKeyboard} />
 
 {#if bounds}
-	<LayerCake
-		x="0"
-		y="1"
-		xRange={getXRange}
-		yRange={getYRange}
-		flatData={squareBounds}
-		padding={{ top: 16, left: 16, bottom: 16, right: 16 }}
-	>
+	<LayerCake x="0" y="1" xRange={getXRange} yRange={getYRange} flatData={squareBounds} padding={{ top: 16, left: 16, bottom: 16, right: 16 }}>
 		<Svg bind:element={svg}>
 			<MapCoordinates {transform} />
 			<AxisX {transform} />

src/ui/svelte.config.js

@@ -4,29 +4,29 @@ import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-  extensions: ['.svelte'],
+	extensions: ['.svelte'],
 
-  preprocess: [vitePreprocess()],
+	preprocess: [vitePreprocess()],
 
-  relative: true,
+	relative: true,
 
 	vitePlugin: {
-		inspector: true,
-  },
+		inspector: true
+	},
 
-  kit: {
-    embedded: true,
-    inlineStyleThreshold: 4096,
+	kit: {
+		embedded: true,
+		inlineStyleThreshold: 4096,
 		prerender: {
 			crawl: false
-    },
+		},
 		adapter: adapter({
 			strict: false
-    }),
-    version: {
-      name: child_process.execSync('git rev-parse HEAD').toString().trim(),
-      pollInterval: 5000
-    },
+		}),
+		version: {
+			name: child_process.execSync('git rev-parse HEAD').toString().trim(),
+			pollInterval: 5000
+		}
 	}
 };
 

src/ui/tailwind.config.ts

@@ -8,13 +8,10 @@ const config = {
 	content: [
 		'./src/**/*.{html,js,svelte,ts}',
 		// 3. Append the path to the Skeleton package
-		join(require.resolve(
-			'@skeletonlabs/skeleton'),
-			'../**/*.{html,js,svelte,ts}'
-		)
+		join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')
 	],
 	theme: {
-		extend: {},
+		extend: {}
 	},
 	plugins: [
 		forms,
@@ -23,16 +20,16 @@ const config = {
 				preset: [
 					{
 						name: 'skeleton',
-						enhancements: true,
+						enhancements: true
 					},
 					{
 						name: 'crimson',
-						enhancements: true,
-					},
-				],
-			},
-		}),
-	],
+						enhancements: true
+					}
+				]
+			}
+		})
+	]
 } satisfies Config;
 
-export default config;
+export default config;

src/ui/vite.config.ts

@@ -16,8 +16,8 @@ export default defineConfig({
 			'/ws': {
 				target: 'ws://localhost:5279',
 				ws: true
-			},
+			}
 		},
 		host: true
-	},
+	}
 });