chore(www): use typescript for config files

Author: CompeyDev

.dockerignore

@@ -2,3 +2,4 @@ Dockerfile
 target/
 node_modules/
 /www/build
+/www/svelte.config.ts

www/.gitignore

@@ -8,6 +8,9 @@ node_modules
 /.svelte-kit
 /build
 
+# Generated
+svelte.config.js
+
 # OS
 .DS_Store
 Thumbs.db

www/bun.lock

@@ -1,5 +1,6 @@
 import prettier from 'eslint-config-prettier';
 import { includeIgnoreFile } from '@eslint/compat';
+import { defineConfig } from 'eslint/config';
 import js from '@eslint/js';
 import svelte from 'eslint-plugin-svelte';
 import globals from 'globals';
@@ -9,7 +10,7 @@ import svelteConfig from './svelte.config.js';
 
 const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
 
-export default ts.config(
+export default defineConfig(
 	includeIgnoreFile(gitignorePath),
 	js.configs.recommended,
 	...ts.configs.recommended,

www/eslint.config.js renamed to www/eslint.config.ts

@@ -7,7 +7,7 @@
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
+		"prepare": "COMPILE_JS=true bun run svelte.config.ts && 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 .",
@@ -20,6 +20,8 @@
 		"@sveltejs/kit": "^2.37.0",
 		"@sveltejs/vite-plugin-svelte": "^6.1.4",
 		"@tailwindcss/vite": "^4.1.12",
+		"@types/node": "^24.3.0",
+		"esbuild": "^0.25.9",
 		"eslint": "^9.34.0",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-svelte": "^3.11.0",

www/package.json

@@ -0,0 +1,30 @@
+import adapter from '@sveltejs/adapter-static';
+import type { Config } from '@sveltejs/kit';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+export default <Config>{
+	// Consult https://svelte.dev/docs/kit/integrations
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+
+	kit: {
+		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
+		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
+		// See https://svelte.dev/docs/kit/adapters for more information about adapters.
+		adapter: adapter()
+	}
+};
+
+/* Self-compilation setup: Do not edit! */
+if (process.env.COMPILE_JS === 'true') {
+	const esbuild = await import('esbuild');
+	esbuild
+		.build({
+			entryPoints: ['svelte.config.ts'],
+			outfile: 'svelte.config.js',
+			minify: true,
+			platform: 'node',
+			banner: { js: '// This is an @generated config. Your changes will be overwritten. Please edit `svelte.config.ts` instead.' }
+		})
+		.catch(() => process.exit(1));
+}