@jsnchn/buntastic 0.0.8 → 0.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsnchn/buntastic",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "A simple static site generator built with Bun",
   "type": "module",
   "bin": {

package/src/index.ts

@@ -1,5 +1,6 @@
 import { mkdir, writeFile, readFile, copyFile, exists } from "fs/promises";
-import { watch as fsWatch } from "fs/promises";
+import { watch as fsWatch } from "node:fs";
+import { spawn } from "node:child_process";
 import { join, relative, dirname, extname } from "path";
 import { Glob } from "bun";
 
@@ -8,6 +9,28 @@ const LAYOUTS_DIR = join(process.cwd(), "src/layouts");
 const PUBLIC_DIR = join(process.cwd(), "public");
 const DIST_DIR = join(process.cwd(), "dist");
 
+const MIME_TYPES: Record<string, string> = {
+  ".html": "text/html",
+  ".css": "text/css",
+  ".js": "application/javascript",
+  ".json": "application/json",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".svg": "image/svg+xml",
+  ".ico": "image/x-icon",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+  ".ttf": "font/ttf",
+  ".eot": "application/vnd.ms-fontobject",
+};
+
+function getMimeType(filePath: string): string {
+  const ext = extname(filePath).toLowerCase();
+  return MIME_TYPES[ext] || "application/octet-stream";
+}
+
 interface Frontmatter {
   title?: string;
   date?: string;
@@ -263,6 +286,16 @@ async function dev(): Promise<void> {
       const url = new URL(req.url);
       let path = url.pathname;
 
+      const distPath = join(DIST_DIR, path);
+
+      if (await exists(distPath)) {
+        const file = Bun.file(distPath);
+        const mimeType = getMimeType(distPath);
+        return new Response(file, {
+          headers: { "Content-Type": mimeType },
+        });
+      }
+
       if (path === "/") {
         path = "/index";
       }
@@ -294,48 +327,36 @@ async function dev(): Promise<void> {
 
   await build(false);
 
-  const watcher1 = fsWatch(CONTENT_DIR, { recursive: true });
-  const watcher2 = fsWatch(LAYOUTS_DIR, { recursive: true });
-  const watcher3 = fsWatch(PUBLIC_DIR, { recursive: true });
+  let buildRunning = false;
+  let debounceTimer: ReturnType<typeof setTimeout> | undefined;
 
-  const watchers = [watcher1, watcher2, watcher3];
+  function runBuild() {
+    if (buildRunning) return;
+    buildRunning = true;
+    console.log("Rebuilding...");
+    const proc = spawn("bun", ["run", "build"], {
+      stdio: "inherit",
+      env: { ...process.env, NODE_ENV: "development" },
+    });
+    proc.on("exit", () => {
+      buildRunning = false;
+    });
+  }
 
-  let isBuilding = false;
-  let debounceTimer: ReturnType<typeof setTimeout> | undefined;
-  const rebuild = () => {
-    clearTimeout(debounceTimer);
-    debounceTimer = setTimeout(async () => {
-      if (isBuilding) return;
-      isBuilding = true;
-      console.log("Rebuilding...");
-      try {
-        await build(false);
-      } finally {
-        isBuilding = false;
-      }
-    }, 100);
-  };
+  function scheduleBuild() {
+    if (debounceTimer) clearTimeout(debounceTimer);
+    debounceTimer = setTimeout(runBuild, 100);
+  }
 
-  (async () => {
-    for (const watcher of watchers) {
-      (async () => {
-        for await (const event of watcher) {
-          const filename = event.filename || "";
-          const isPublicFile = filename.includes("public");
-
-          if (isPublicFile) {
-            const ext = filename.split(".").pop()?.toLowerCase();
-            if (ext !== "css" && ext !== "js" && ext !== "ts") {
-              continue;
-            }
-          }
-
-          console.log(`[${event.eventType}] ${event.filename} - rebuilding...`);
-          rebuild();
-        }
-      })();
-    }
-  })();
+  const watchDirs = [CONTENT_DIR, LAYOUTS_DIR, PUBLIC_DIR];
+  for (const dir of watchDirs) {
+    fsWatch(dir, { recursive: true }, (eventType, filename) => {
+      if (!filename) return;
+      if (filename.endsWith("~") || filename.startsWith(".")) return;
+      console.log(`[${eventType}] ${filename} - rebuilding...`);
+      scheduleBuild();
+    });
+  }
 }
 
 async function preview(): Promise<void> {
@@ -348,6 +369,16 @@ async function preview(): Promise<void> {
       const url = new URL(req.url);
       let path = url.pathname;
 
+      const distPath = join(DIST_DIR, path);
+
+      if (await exists(distPath)) {
+        const file = Bun.file(distPath);
+        const mimeType = getMimeType(distPath);
+        return new Response(file, {
+          headers: { "Content-Type": mimeType },
+        });
+      }
+
       if (path === "/") {
         path = "/index";
       }