@pajh/buldng 0.0.2 → 0.0.3

package/dist/layout.ts

@@ -0,0 +1,184 @@
+/* --------------------------------------------------
+   GLOBAL VIEWPORT STATE
+-------------------------------------------------- */
+function applyCameraSize(mode: string) {
+  const cam = document.getElementById("b-camera");
+  if (!cam) return;
+
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+
+  let width, height;
+
+  if (mode === "PORTRAIT") {
+    height = vh;
+    width = vw;
+  } else if (mode === "LANDSCAPE_A") {
+    height = vh;
+    width = vh * 4/3;
+  } else {
+    // LANDSCAPE_B
+    width = vw;
+    height = vw * 3/4;
+  }
+
+  cam.style.width = `${width}px`;
+  cam.style.height = `${height}px`;
+
+  // Center WITHOUT transform (no containing-block issues)
+  cam.style.position = "absolute";
+  cam.style.top = "0";
+  cam.style.bottom = "0";
+  cam.style.left = "0";
+  cam.style.right = "0";
+  cam.style.margin = "auto";
+}
+
+export const buldrViewport = {
+  width: window.innerWidth,
+  height: window.innerHeight,
+  aspect: window.innerWidth / window.innerHeight,   // w/h
+  mode: "PORTRAIT", // PORTRAIT | LANDSCAPE_A | LANDSCAPE_B
+};
+
+/* --------------------------------------------------
+   MODE COMPUTATION
+-------------------------------------------------- */
+
+function computeMode() {
+  const a = buldrViewport.aspect;
+
+  if (a >= 4/3) return "LANDSCAPE_A";
+  if (a <= 3/4) return "PORTRAIT";
+  return "LANDSCAPE_B";
+}
+
+/* --------------------------------------------------
+   APPLY CAMERA MODE CLASS
+-------------------------------------------------- */
+
+function applyCameraMode(mode: string) {
+  const cam  = document.getElementById("b-camera");
+  if (!cam) return;
+  const style = document.getElementById("b-camera-style");
+  if (!style) return;
+
+  // Remove all camera classes
+  cam.classList.remove("CAM-PORTRAIT", "CAM-LANDSCAPE-A", "CAM-LANDSCAPE-B");
+  style.classList.remove("CAM-PORTRAIT", "CAM-LANDSCAPE-A", "CAM-LANDSCAPE-B");
+  // Add the new one
+  if (mode === "PORTRAIT") {
+    cam.classList.add("CAM-PORTRAIT");
+    style.classList.add("CAM-PORTRAIT");  
+  } else if (mode === "LANDSCAPE_A") {
+    cam.classList.add("CAM-LANDSCAPE-A");
+    style.classList.add("CAM-LANDSCAPE-A");
+  } else {
+    cam.classList.add("CAM-LANDSCAPE-B");
+    style.classList.add("CAM-LANDSCAPE-B");
+  }
+}
+
+/* --------------------------------------------------
+   APPLY GLOBAL CSS MODE (PORTRAIT / LANDSCAPE)
+-------------------------------------------------- */
+function applyCssMode(mode: string) {
+  const html = document.documentElement;
+
+  if (mode === "PORTRAIT") {
+    html.classList.remove("LANDSCAPE");
+    html.classList.add("PORTRAIT");
+  } else {
+    html.classList.remove("PORTRAIT");
+    html.classList.add("LANDSCAPE");
+  }
+}
+/* --------------------------------------------------
+   FONT SIZE COMPUTATION (NEW)
+-------------------------------------------------- */
+
+const FACTOR_PORTRAIT     = 0.035;
+const FACTOR_LANDSCAPE_B  = 0.035;
+const FACTOR_LANDSCAPE_A  = 0.020;
+
+function applyFontSize(mode: string) {
+  const cam = document.getElementById("b-camera");
+  if (!cam) return;
+
+  const camWidth = cam.getBoundingClientRect().width;
+
+  let factor = FACTOR_PORTRAIT;
+  if (mode === "LANDSCAPE_A") factor = FACTOR_LANDSCAPE_A;
+  else if (mode === "LANDSCAPE_B") factor = FACTOR_LANDSCAPE_B;
+
+  const size = camWidth * factor;
+
+  document.documentElement.style.setProperty("--std-font-size", `${size}px`);
+}
+
+/* --------------------------------------------------
+   UPDATE + DEBUG
+-------------------------------------------------- */
+
+function updateViewportInfo() {
+  buldrViewport.width = window.innerWidth;
+  buldrViewport.height = window.innerHeight;
+  buldrViewport.aspect = window.innerWidth / window.innerHeight;
+
+  const mode = computeMode();
+  buldrViewport.mode = mode;
+
+  console.log(
+    `[BULDR] viewport ${buldrViewport.width}x${buldrViewport.height}, `
+    + `aspect=${buldrViewport.aspect.toFixed(3)}, `
+    + `mode=${mode}`
+  );
+
+  applyCameraMode(mode);
+  applyCssMode(mode);
+  applyCameraSize(mode); 
+  applyFontSize(mode);  
+}
+
+/* --------------------------------------------------
+   THEME
+-------------------------------------------------- */
+
+function initTheme() {
+  const btn = document.getElementById("theme-toggle");
+  if (!btn) return;
+
+  const current = localStorage.getItem("theme") || "light";
+  document.documentElement.dataset.theme = current;
+
+  btn.addEventListener("click", () => {
+    const next = document.documentElement.dataset.theme === "light" ? "dark" : "light";
+    document.documentElement.dataset.theme = next;
+    localStorage.setItem("theme", next);
+  });
+}
+
+/* --------------------------------------------------
+   VIEWPORT LISTENER
+-------------------------------------------------- */
+
+function initViewportListener() {
+  updateViewportInfo(); // initial
+
+  window.addEventListener("resize", () => {
+    updateViewportInfo();
+  });
+}
+
+/* --------------------------------------------------
+   LAYOUT INIT
+-------------------------------------------------- */
+
+function initLayout() {
+  initTheme();
+  initViewportListener();
+}
+
+// Run layout immediately
+initLayout();
+window.__ready._resolveA();

package/dist/types/global.d.ts

@@ -0,0 +1,10 @@
+export {};
+
+declare global {
+  interface Window {
+    __ready: {
+      a: Promise<void>;
+      _resolveA: () => void;
+    };
+  }
+}

package/dist/workfile.js

@@ -6,142 +6,28 @@ import fs from "node:fs";
 import path from "node:path";
 import esbuild from "esbuild";
 import { assertDestWrite } from "./buldng-lib.js";
+import { OPS } from "./buldng-ops.js";
 
 export class WorkFile {
-  constructor(op, config = {}, children = []) {
+  constructor(op, config = {}, children = [], tag = null) {
+    if (!OPS[op]) {
+        throw new Error(`Invalid WorkFile op "${op}" — not one of: ${Object.keys(OPS).join(", ")}`);
+    }
     this.op = op;               // "file", "literal", "append", "replace", "compile"
     this.config = Object.freeze(config);
     this.children = Object.freeze(children);
-
+    this.tag = tag;             // optional tag
     Object.freeze(this);        // full immutability
   }
-
+  
   // --------------------------------------------------
   // execute(): recursively produce output string
   // --------------------------------------------------
   execute() {
-    switch (this.op) {
-
-      // ----------------------------------------------
-      // FILE — lazy read from disk
-      // ----------------------------------------------
-      case "file": {
-        const abs = this.config.absPath;
-        return fs.readFileSync(abs, "utf8");
-      }
-
-      // ----------------------------------------------
-      // LITERAL — inline text
-      // ----------------------------------------------
-      case "literal": {
-        return this.config.value;
-      }
-
-      // ----------------------------------------------
-      // APPEND — concat children in order
-      // ----------------------------------------------
-      case "append": {
-        let out = "";
-
-        for (const child of this.children) {
-          const chunk = child.execute();
-
-          if (out.length > 0 &&
-              !out.endsWith("\n") &&
-              !chunk.startsWith("\n")) {
-            out += "\n";
-          }
-
-          out += chunk;
-        }
-
-        return out;
-      }
-
-      // ----------------------------------------------
-      // REPLACE — replace tag with replacement
-      // ----------------------------------------------
-      case "replace": {
-        if (this.children.length !== 3) {
-          throw new Error(`replace(): expected 3 children, got ${this.children.length}`);
-        }
-
-        const [srcWF, tagWF, repWF] = this.children;
-
-        const src = srcWF.execute();
-        const tag = tagWF.execute();
-        const rep = repWF.execute();
-
-        if (!src.includes(tag)) {
-          throw new Error(`replace(): tag "${tag}" not found in source`);
-        }
-
-        return src.replace(tag, rep);
-      }
-
-      // ----------------------------------------------
-      // COMPILE — esbuild wrapper
-      // ----------------------------------------------
-      case "compile": {
-        if (this.children.length !== 1) {
-          throw new Error(`compile(): expected 1 child, got ${this.children.length}`);
-        }
-
-        const child = this.children[0];
-
-        // If child is a file WorkFile, use its absolute path directly
-        if (child.op === "file" && child.config.absPath) {
-          const entry = child.config.absPath;
-
-          const result = esbuild.buildSync({
-            entryPoints: [entry],
-            bundle: true,
-            minify: true,
-            sourcemap: true,
-            format: "esm",
-            target: "esnext",
-            write: false
-          });
-
-          if (result.errors?.length) {
-            throw new Error("Build failed:\n" + result.errors.map(e => e.text).join("\n"));
-          }
-
-          return result.outputFiles[0].text;
-        }
-
-        // Otherwise compile from stdin
-        const srcText = child.execute();
-
-        const result = esbuild.buildSync({
-          stdin: {
-            contents: srcText,
-            resolveDir: process.cwd(),
-            sourcefile: "input.ts"
-          },
-          bundle: true,
-          minify: true,
-          sourcemap: true,
-          format: "esm",
-          target: "esnext",
-          write: false
-        });
-
-        if (result.errors?.length) {
-          throw new Error("Build failed:\n" + result.errors.map(e => e.text).join("\n"));
-        }
-
-        return result.outputFiles[0].text;
-      }
-
-      // ----------------------------------------------
-      // Unknown op
-      // ----------------------------------------------
-      default:
-        throw new Error(`WorkFile.execute(): unknown op "${this.op}"`);
-    }
+      return OPS[this.op](this.config, this.children);
+    
   }
-
+  
   // --------------------------------------------------
   // save(): write output to disk
   // --------------------------------------------------
@@ -149,14 +35,35 @@ export class WorkFile {
     if (!target) {
       throw new Error("WorkFile.save(): target filename required");
     }
-
+    
     const abs = assertDestWrite(target);
     const out = this.execute();
-
+    
+    // If file exists, enforce integrity rule
+    if (fs.existsSync(abs)) {
+      const existing = fs.readFileSync(abs, "utf8");
+      
+      if (existing === out) {
+        // Byte-identical → warn but allow
+        console.warn(
+          `WorkFile.save(): attempted to overwrite '${target}' with identical content — continuing`
+        );
+        return "/" + target;
+      }
+      
+      // Different → fatal error
+      throw new Error(
+        `WorkFile.save(): cannot overwrite '${target}' — existing file differs from generated output`
+      );
+    }
+    
+    // File does not exist → write it
     fs.mkdirSync(path.dirname(abs), { recursive: true });
     fs.writeFileSync(abs, out, "utf8");
-
-    console.log(`Saved: ${abs}`);
-    return abs;
+    // NEW: mark file read-only
+    fs.chmodSync(abs, 0o444);
+    
+    console.log(`save: ${abs}`);
+    return "/" + target;
   }
-}
+}

package/dist/wrapper.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>BULDR.IO</title>
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="stylesheet" href="/buldng.css">
+
+  <!--CSS-->
+  <script>
+    window.__ready = {};
+    window.__ready.a = new Promise((resolve) => { window.__ready._resolveA = resolve; });
+  </script>
+  <script type="module" src="/layout.js"></script>
+  <!--SCRIPTS-->
+</head>
+<body>
+    <div id="b-camera">
+      <!-- Project outline (camera-style) will be stitched here -->
+      <!--CAMERA-STYLE-->
+    </div>
+</body>
+</html>

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pajh/buldng",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
-  "main": "dist/init.js",
+  "main": "dist/buldng-lib.js",
   "files": ["dist"],
   "scripts": {
     "build": "node build.js"