@pajh/buldng 0.0.1 → 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

@@ -0,0 +1,69 @@
+// --------------------------------------------------
+// WorkFile — immutable, lazy, tree-structured build node
+// --------------------------------------------------
+
+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 = [], 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() {
+      return OPS[this.op](this.config, this.children);
+    
+  }
+  
+  // --------------------------------------------------
+  // save(): write output to disk
+  // --------------------------------------------------
+  save(target) {
+    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");
+    // 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,10 +1,19 @@
 {
   "name": "@pajh/buldng",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/buldng-lib.js",
   "files": ["dist"],
   "scripts": {
-    "build": "cp src/buldng-lib.js dist/buldng-lib.js"
-  }
+    "build": "node build.js"
+  },
+  "dependencies": {
+   "esbuild": "^0.28.1",
+   "typescript": "^7.0.2"
+  },
+  "devDependencies": {
+   "stylelint": "^17.14.1",
+   "stylelint-config-standard": "^40.0.0"
+}
+
 }