feat(web): scaffold SvelteKit SPA with Tailwind + adapter-static

- SvelteKit 2.x + Svelte 5 + TypeScript + Vite 5 - adapter-static with fallback:'index.html' for SPA deep-link routing - Tailwind configured with dark-only palette matching spec - Placeholder landing page at / - Committed web/build/index.html placeholder (via .gitignore negation) so go:embed works before the SvelteKit build has been run
2026-04-22 09:26:36 -04:00
parent 8600b253fd
commit 86b024dc47
14 changed files with 3961 additions and 0 deletions
@@ -0,0 +1,4 @@
+node_modules/
+.svelte-kit/
+build/*
+!build/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Minstrel</title>
+  </head>
+  <body>
+    <p>
+      Minstrel SPA has not been built. Run
+      <code>cd web &amp;&amp; npm install &amp;&amp; npm run build</code> or
+      build the container image, which runs the web build during
+      <code>docker build</code>.
+    </p>
+  </body>
+</html>
@@ -0,0 +1,28 @@
+{
+  "name": "minstrel-web",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "test": "svelte-kit sync && vitest run"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-static": "^3.0.6",
+    "@sveltejs/kit": "^2.8.0",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "autoprefixer": "^10.4.20",
+    "jsdom": "^25.0.1",
+    "postcss": "^8.4.49",
+    "svelte": "^5.1.9",
+    "svelte-check": "^4.0.5",
+    "tailwindcss": "^3.4.14",
+    "tslib": "^2.8.0",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10",
+    "vitest": "^2.1.4"
+  }
+}
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+};
@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  color-scheme: dark;
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+}
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en" class="dark">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minstrel</title>
+    %sveltekit.head%
+  </head>
+  <body class="bg-surface-900 text-text-primary">
+    <div style="display: contents">%sveltekit.body%</div>
+  </body>
+</html>
@@ -0,0 +1,5 @@
+<script lang="ts">
+  import '../app.css';
+</script>
+
+<slot />
@@ -0,0 +1,8 @@
+<main class="flex h-screen items-center justify-center">
+  <div class="text-center">
+    <h1 class="text-4xl font-semibold">Minstrel</h1>
+    <p class="mt-2 text-text-secondary">
+      Scaffold &mdash; UI features land in subsequent plans.
+    </p>
+  </div>
+</main>
@@ -0,0 +1,18 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+export default {
+  preprocess: vitePreprocess(),
+  kit: {
+    adapter: adapter({
+      pages: 'build',
+      assets: 'build',
+      fallback: 'index.html',
+      precompress: false,
+      strict: false
+    }),
+    files: {
+      assets: 'static'
+    }
+  }
+};
@@ -0,0 +1,20 @@
+export default {
+  content: ['./src/**/*.{html,js,ts,svelte}'],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        surface: {
+          900: '#14161a',
+          800: '#1a1d22',
+          700: '#2a2f36'
+        },
+        text: {
+          primary: '#e8ecf2',
+          secondary: '#cdd3db'
+        }
+      }
+    }
+  },
+  plugins: []
+};
@@ -0,0 +1,14 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "moduleResolution": "bundler"
+  }
+}
@@ -0,0 +1,19 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [sveltekit()],
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:4533',
+        changeOrigin: true
+      },
+      '/rest': {
+        target: 'http://localhost:4533',
+        changeOrigin: true
+      }
+    }
+  }
+});