@pajh/buldng 0.0.6 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pajh/buldng",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "main": "./src/buldng-lib.js",
   "files": [

package/src/buldng-html.js

@@ -94,7 +94,12 @@ function packageFileAbs(filename) {
 // --------------------------------------------------
 // buldngHTMLWrapper()
 // --------------------------------------------------
-export function buldngHTMLWrapper(source) {
+export function buldngHTMLWrapper(source, { title = "Buldng", logLabel = "Buldng" } = {}) {
+  for (const [name, value] of Object.entries({ title, logLabel })) {
+    if (typeof value !== "string" || !value.trim()) {
+      throw new Error(`buldngHTMLWrapper(): '${name}' must be a non-empty string`);
+    }
+  }
   const srcWF = ensureWorkFile(source, "source");
 
   // Compile buldng's layout.ts (lazy)
@@ -110,7 +115,16 @@ export function buldngHTMLWrapper(source) {
 
   // Wrap project shell in wrapper.html
   const wrapperWF = new WorkFile("file", { absPath: packageFileAbs("wrapper.html") }, []);
-  return replace(wrapperWF, "<!--CAMERA-STYLE-->", srcWF);
+  let html = replace(wrapperWF, "<!--TITLE-->", escapeHTML(title));
+  html = replace(html, "<!--LOG-LABEL-->", escapeHTML(logLabel));
+  return replace(html, "<!--CAMERA-STYLE-->", srcWF);
+}
+
+function escapeHTML(value) {
+  return value.replace(/[&<>"']/g, character => ({
+    "&": "&amp;", "<": "&lt;", ">": "&gt;",
+    '"': "&quot;", "'": "&#39;"
+  })[character]);
 }
 
 // --------------------------------------------------
@@ -146,7 +160,7 @@ export function pageHTML({ app, css = null, js = null, out }) {
   if (!projectCSS && !_warned.projectCSS) {
     console.warn(
       "pageHTML(): no 'projectCSS' registered — page will not include project CSS.\n" +
-      "To register project CSS use: reg('projectCSS', file`layout/buldr.css`)"
+      "To register project CSS use: reg('projectCSS', file`layout/project.css`)"
     );
     _warned.projectCSS = true;
   }

package/src/buldng-web.ts

@@ -1,9 +1,10 @@
 // buldng-web.ts
-// Runtime-only listener installer for BULDR.
+// Runtime-only listener installer for Buldng clients.
 // This module contains NO production logic and NO module-level state.
 // It is safe to be bundled multiple times.
 
 export { showModal } from "./buldng-modal";
+import { projectLogLabel } from "./log-label";
 export type {
   ModalIcon,
   ModalResult,
@@ -25,7 +26,7 @@ export function setErrorPage(page: string) {
     window.__error_handler?.(event, page);
   });
 
-  console.log(`BULDR: Error handler listener installed, redirect ${page}`);
+  console.log(`${projectLogLabel()}: Error handler listener installed, redirect ${page}`);
 
 }
 

package/src/layout-err.ts

@@ -1,6 +1,6 @@
 /**
  * ============================================================
- * BULDR PRODUCTION ERROR SUBSYSTEM  —  layout-err.ts
+ * BULDNG PRODUCTION ERROR SUBSYSTEM  —  layout-err.ts
  * ============================================================
  *
  * This module is bundled ONLY by layout.ts.
@@ -22,6 +22,8 @@
  * ============================================================
  */
 
+import { projectLogLabel } from "./log-label";
+
 const ERROR_STORAGE_PREFIX = "buldng:error:";
 
 // ------------------------------------------------------------
@@ -36,7 +38,7 @@ export function installErrorHandler() {
   window.__error_handler = (event, page) => {
     handleError(event, page);
   };
-  console.log("BULDR: Production error handler installed");
+  console.log(`${projectLogLabel()}: Production error handler installed`);
 }
 
 // ------------------------------------------------------------

package/src/layout.ts

@@ -1,4 +1,5 @@
 import { installErrorHandler } from "./layout-err";
+import { projectLogLabel } from "./log-label";
 
 installErrorHandler();
 
@@ -133,7 +134,7 @@ function updateViewportInfo() {
   buldrViewport.mode = mode;
 
   console.log(
-    `[BULDR] viewport ${buldrViewport.width}x${buldrViewport.height}, `
+    `[${projectLogLabel()}] viewport ${buldrViewport.width}x${buldrViewport.height}, `
     + `aspect=${buldrViewport.aspect.toFixed(3)}, `
     + `mode=${mode}`
   );
@@ -185,4 +186,4 @@ function initLayout() {
 
 // Run layout immediately
 initLayout();
-window.__ready._resolveA();
+window.__ready._resolveA();

package/src/log-label.ts

@@ -0,0 +1,7 @@
+// Read project metadata, not hostnames or environment labels.
+export function projectLogLabel(): string {
+  const metadata = document.querySelector<HTMLMetaElement>(
+    'meta[name="application-name"]'
+  );
+  return metadata?.content.trim() || "Buldng";
+}

package/src/wrapper.html

@@ -3,7 +3,8 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>BULDR.IO</title>
+  <title><!--TITLE--></title>
+  <meta name="application-name" content="<!--LOG-LABEL-->">
   <link rel="icon" type="image/svg+xml" href="/favicon.svg">
   <link rel="stylesheet" href="/buldng.css">