1 files changed, 76 insertions, 0 deletions
diff --git a/web/serve.mjs b/web/serve.mjs
new file mode 100644
index 0000000..64d6339
--- /dev/null
+++ b/web/serve.mjs
@@ -0,0 +1,76 @@
+#!/usr/bin/env node
+// Zero-dependency static file server for the TyperPunk web app.
+// Replaces the Vite dev server so the web app has no npm runtime dependency.
+import { createServer } from 'node:http';
+import { readFile, stat } from 'node:fs/promises';
+import { extname, join, normalize, resolve, sep } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const ROOT = resolve(fileURLToPath(new URL('.', import.meta.url)));
+const PORT = Number(process.env.PORT) || 4173;
+const HOST = process.env.HOST || '0.0.0.0';
+
+const MIME_TYPES = {
+    '.html': 'text/html; charset=utf-8',
+    '.js': 'text/javascript; charset=utf-8',
+    '.mjs': 'text/javascript; charset=utf-8',
+    '.css': 'text/css; charset=utf-8',
+    '.json': 'application/json; charset=utf-8',
+    '.wasm': 'application/wasm',
+    '.svg': 'image/svg+xml',
+    '.png': 'image/png',
+    '.ico': 'image/x-icon',
+};
+
+async function resolveFile(urlPath) {
+    let decoded;
+    try {
+        decoded = decodeURIComponent(urlPath.split('?')[0]);
+    } catch {
+        return null;
+    }
+    const safePath = normalize(join(ROOT, decoded));
+    if (safePath !== ROOT && !safePath.startsWith(ROOT + sep)) return null;
+
+    let target = safePath;
+    try {
+        const info = await stat(target);
+        if (info.isDirectory()) target = join(target, 'index.html');
+    } catch {
+        return null;
+    }
+
+    try {
+        await stat(target);
+        return target;
+    } catch {
+        return null;
+    }
+}
+
+const server = createServer(async (req, res) => {
+    const filePath = (await resolveFile(req.url)) || (await resolveFile('/index.html'));
+    if (!filePath) {
+        res.writeHead(404, { 'Content-Type': 'text/plain' });
+        res.end('Not found');
+        return;
+    }
+    try {
+        const body = await readFile(filePath);
+        const type = MIME_TYPES[extname(filePath)] || 'application/octet-stream';
+        // This replaces a dev server, and the app is under active
+        // development - no cache headers at all left the browser free to
+        // hold onto old JS/CSS indefinitely with no way to tell it changed,
+        // which has already caused a real "why don't I see the fix" report.
+        res.writeHead(200, { 'Content-Type': type, 'Cache-Control': 'no-cache' });
+        res.end(body);
+    } catch (err) {
+        res.writeHead(500, { 'Content-Type': 'text/plain' });
+        res.end('Internal server error');
+        console.error(err);
+    }
+});
+
+server.listen(PORT, HOST, () => {
+    console.log(`TyperPunk web running at http://localhost:${PORT}`);
+});