@pajh/buldng 0.0.4 → 0.0.6

package/src/serve.js

@@ -0,0 +1,194 @@
+#!/usr/bin/env node
+// serve.js
+import http from "node:http";
+import fs from "node:fs";
+import path from "node:path";
+import { exec } from "node:child_process";
+import MIME from "./MIME.json" with { type: "json" };
+
+import {
+  createState,
+  initHotReload,
+  initDevErrors,
+  handleHttpRequest,
+  processArgs,
+  registerInject,
+  sanitiseRoot,
+  sanitisePort,
+  stopHotReload,
+  local,
+  ARGS
+} from "./serve-lib.js";
+
+// --------------------------------------------------
+// CONFIG + STATIC DATA
+// --------------------------------------------------
+
+const DEFAULT_PORT = 5173;
+const DEFAULT_ROOT = "dist";
+
+// --------------------------------------------------
+// HTML INJECTIONS
+// --------------------------------------------------
+
+function registerHtmlInjections(state) {
+
+  if (state.DEV_ERRORS) {
+    console.log("[dev-errors] creating injection for dev-errors.js");
+
+    // add mapping entry
+    state.MAPPINGS.push({
+      from: "/dev-errors.js",
+      to: "buldng://dev-errors.js",
+      type: "file"
+    });
+
+    registerInject(state, "html", "<!--POSTLAYOUT-->", `
+      <script type="module" src="/dev-errors.js"></script>
+    `, "post");
+  }
+
+  if (state.hotEnabled) {
+    registerInject(state, "html", "</head>", `
+      <script>
+        const es = new EventSource("/__hot");
+        es.onmessage = () => location.reload();
+      </script>
+    `, "pre");
+  }
+}
+
+
+// --------------------------------------------------
+// INITIALIZATION
+// --------------------------------------------------
+
+function init() {
+
+  processArgs();
+  let ROOT = ARGS.get("root");
+  let PORT = ARGS.get("port");
+
+  if (!ROOT) {
+    ROOT = DEFAULT_ROOT;
+    console.log(`[args] root: ${ROOT} (DEFAULT)`);
+  } else {
+    console.log(`[args] root: ${ROOT}`);
+  }
+
+  ROOT = sanitiseRoot(ROOT);
+
+  if (!PORT) {
+    PORT = DEFAULT_PORT;
+    console.log(`[args] port: ${PORT} (DEFAULT)`);
+  } else {
+    console.log(`[args] port: ${PORT}`);
+  }
+
+  PORT = sanitisePort(PORT);
+
+  const state = createState({
+    ROOT: ROOT,
+    PORT: PORT,
+    MAPPINGS: [],
+    MIME: MIME,
+    LOG_ALL: ARGS.get("log"),
+    DEV_ERRORS: ARGS.get("dev-errors"),
+    NO_HOT: ARGS.get("no-hot")
+  });
+
+  loadMappings(state);
+  initHotReload(state);
+  initDevErrors(state);
+  registerHtmlInjections(state);
+
+  return state;
+}
+
+function loadMappings(state) {
+  const mapPath = ARGS.get("map");
+
+  if (!mapPath) {
+    console.log("[map] OFF");
+    state.MAPPINGS = [];
+    return;
+  }
+
+  try {
+    const full = path.resolve(mapPath);
+    const json = JSON.parse(fs.readFileSync(full, "utf8"));
+    state.MAPPINGS = json;
+    console.log(`[map] ${full} (${json.length} rules)`);
+  } catch (err) {
+    console.log(`[map] FAILED to load ${mapPath}`);
+    process.exit(13);
+  }
+}
+
+
+// --------------------------------------------------
+// SERVE LOOP (VISIBLE SKELETON)
+// --------------------------------------------------
+
+function serve(state) {
+  const server = http.createServer((req, res) => {
+    // -----------------------------
+    // The bones of the loop stay here
+    // -----------------------------
+
+    state.running = true;
+
+    // 1. Receive request
+    const urlPath = req.url;
+
+    // 2. Delegate to serve-lib.js to produce a response object
+    const response = handleHttpRequest(urlPath, req, state);
+
+    // 3. Send response
+    response.send(res);
+  });
+
+  let shuttingDown = false;
+  const shutdown = () => {
+    if (shuttingDown) return;
+    shuttingDown = true;
+    teardown(state);
+    server.close(() => process.exit(0));
+    server.closeAllConnections();
+  };
+
+  process.once("SIGTERM", shutdown);
+  process.once("SIGINT", shutdown);
+
+  server.listen(state.PORT, () => {
+    console.log(`[serve] root: ${state.ROOT} at http://localhost:${state.PORT}`);
+    const browser = ARGS.get("browser");
+    if (browser)
+      exec(`${browser} http://localhost:${state.PORT}`);
+  });
+
+  return server;
+}
+
+// --------------------------------------------------
+// TEARDOWN
+// --------------------------------------------------
+
+function teardown(state) {
+  state.running = false;
+  stopHotReload(state);
+  console.log("Server shutting down.");
+}
+
+// --------------------------------------------------
+// MAIN
+// --------------------------------------------------
+
+function main() {
+  const state = init();
+  const server = serve(state);
+
+
+}
+
+main();

package/src/types/global.d.ts

@@ -6,5 +6,14 @@ declare global {
       a: Promise<void>;
       _resolveA: () => void;
     };
+
+    __error_handler?: (
+      event: ErrorEvent | PromiseRejectionEvent,
+      page: string
+    ) => void;
+
+    __buldngErrorOverlay?: boolean;
+
+    __buldng_listenersInstalled?: boolean;
   }
 }

package/src/wrapper.html

@@ -13,6 +13,7 @@
     window.__ready.a = new Promise((resolve) => { window.__ready._resolveA = resolve; });
   </script>
   <script type="module" src="/layout.js"></script>
+  <!--POSTLAYOUT-->
   <!--SCRIPTS-->
 </head>
 <body>
@@ -20,5 +21,6 @@
       <!-- Project outline (camera-style) will be stitched here -->
       <!--CAMERA-STYLE-->
     </div>
+    <div id="b-modal-root"></div>
 </body>
 </html>

package/src/buldng-dev-errors.js

@@ -1,84 +0,0 @@
-// Development-only error overlay installed by the local preview server.
-// The production build never references this file from its HTML.
-
-window.__buldngErrorOverlay = true;
-
-let shown = false;
-
-window.addEventListener("error", (event) => {
-  showError(event.error ?? event.message, "error");
-});
-
-window.addEventListener("unhandledrejection", (event) => {
-  showError(event.reason, "unhandledrejection");
-});
-
-function showError(reason, type) {
-  if (shown) return;
-  shown = true;
-
-  const message = getMessage(reason);
-  const stack = getStack(reason);
-  const overlay = document.createElement("aside");
-  overlay.id = "buldng-dev-error-overlay";
-  overlay.style.cssText = [
-    "position: fixed",
-    "z-index: 2147483647",
-    "left: 1rem",
-    "right: 1rem",
-    "bottom: 1rem",
-    "max-height: 70vh",
-    "overflow: auto",
-    "padding: 1rem 1.25rem",
-    "border: 2px solid #d33",
-    "border-radius: 8px",
-    "background: #240b0b",
-    "color: #fff",
-    "font: 16px/1.4 monospace",
-    "box-shadow: 0 4px 24px #0008",
-  ].join(";");
-
-  const close = document.createElement("button");
-  close.type = "button";
-  close.textContent = "Close";
-  close.style.cssText = "float:right; padding:.35rem .6rem; cursor:pointer";
-  close.addEventListener("click", () => overlay.remove());
-
-  const title = document.createElement("strong");
-  title.textContent = "BULDR preview: something broke";
-
-  const hint = document.createElement("p");
-  hint.textContent = `(${type}) Check the DevTools console for the full mapped stack.`;
-
-  const text = document.createElement("p");
-  text.textContent = message;
-
-  overlay.append(close, title, hint, text);
-  if (stack) {
-    const details = document.createElement("details");
-    const summary = document.createElement("summary");
-    summary.textContent = "Raw stack";
-    const pre = document.createElement("pre");
-    pre.textContent = stack;
-    pre.style.cssText = "white-space:pre-wrap; overflow-wrap:anywhere";
-    details.append(summary, pre);
-    overlay.appendChild(details);
-  }
-
-  document.body?.appendChild(overlay);
-}
-
-function getMessage(reason) {
-  if (reason instanceof Error && reason.message) return reason.message;
-  if (typeof reason === "string" && reason) return reason;
-  try {
-    const text = JSON.stringify(reason);
-    return text || "Unknown error";
-  } catch {
-    return String(reason) || "Unknown error";
-  }
-}
-
-function getStack(reason) {
-  return reason && typeof reason.stack === "string" ? reason.stack : "";
-}