add dev server (bun run dev → http://localhost:3000)

2026-06-18 12:58:22 +03:00
parent b947fbb7fb
commit 46dc9f2fad
4 changed files with 1145 additions and 8 deletions
@@ -7,15 +7,14 @@ Built with TypeScript and Canvas 2D, bundled with **Bun**.

 ```bash
 bun install        # install deps (none currently required)
-bun start          # build + prepare dist/
+bun start          # production build → dist/
 open dist/index.html
 ```

-Or for development with watch mode:
+Or for development with live reload:

 ```bash
-bun run dev        # watches src/ and rebuilds dist/main.js
-# then open dist/index.html manually
+bun run dev        # starts dev server at http://localhost:3000 + watch mode
 ```

 ## Controls
@@ -0,0 +1,51 @@
+import { spawn } from "bun";
+
+// Ensure dist/ has the HTML shell
+await Bun.write(
+  "./dist/index.html",
+  `<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Dungeon Crawl — Ranged / Melee</title>
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{background:#0a0a0a;display:flex;justify-content:center;align-items:center;height:100vh;font-family:monospace;overflow:hidden;user-select:none}
+canvas{display:block;border:1px solid #222;border-radius:2px;cursor:none}
+</style>
+</head>
+<body>
+<canvas id="game" width="880" height="660"></canvas>
+<script src="main.js"></script>
+</body>
+</html>`
+);
+
+// Start build watcher
+const builder = spawn(["bun", "build", "src/main.ts", "--outdir", "dist", "--target", "browser", "--watch"], {
+  stdout: "inherit",
+  stderr: "inherit",
+});
+
+// Start dev server
+const port = 3000;
+const server = Bun.serve({
+  port,
+  async fetch(req) {
+    const url = new URL(req.url);
+    let path = url.pathname === "/" ? "/index.html" : url.pathname;
+    const file = Bun.file("./dist" + path);
+    return new Response(file);
+  },
+});
+
+console.log(`\n  Dev server:  http://localhost:${port}`);
+console.log(`  Watching:    src/\n`);
+
+// Graceful shutdown
+process.on("SIGINT", () => {
+  builder.kill();
+  server.stop();
+  process.exit(0);
+});
@@ -4,9 +4,8 @@
  "private": true,
  "type": "module",
  "scripts": {
-    "dev": "bun build src/main.ts --outdir dist --target browser --watch",
+    "dev": "bun run dev.ts",
    "build": "bun run build.ts",
-    "serve": "bun build src/main.ts --outdir dist --target browser && cp src/index.html dist/",
    "start": "bun run build && echo 'open dist/index.html'"
  }
 }