@danielsimonjr/sciengjs 0.6.0 → 0.7.1

package/dist/mesh/pinned-three.js

@@ -0,0 +1,21 @@
+import { createHash } from "node:crypto";
+import { THREE_MODULES } from "../browser/pinned.js";
+import { readAsset } from "../assets.js";
+import { RenderError } from "../errors.js";
+/**
+ * Reads the pinned Three.js files from the assets folder and checks the SHA-256 of each. A missing file rejects with
+ * E_STAGE_MISSING. A file with other bytes rejects with E_INTEGRITY, so a changed copy never runs in a page.
+ */
+export function pinnedThree(assetsUrl) {
+    const map = new Map();
+    for (const m of THREE_MODULES) {
+        const bytes = readAsset(assetsUrl, m.file);
+        const hash = createHash("sha256").update(bytes).digest("hex");
+        if (hash !== m.sha256) {
+            throw new RenderError("E_INTEGRITY", `${m.file} has the SHA-256 ${hash}, not the pinned ${m.sha256}`);
+        }
+        map.set(m.url, { bytes, mime: m.mime });
+    }
+    return map;
+}
+//# sourceMappingURL=pinned-three.js.map

package/dist/mesh/pinned-three.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinned-three.js","sourceRoot":"","sources":["../../src/mesh/pinned-three.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,SAAiB;IAC3C,MAAM,GAAG,GAAG,IAAI,GAAG,EAAuB,CAAC;IAC3C,KAAK,MAAM,CAAC,IAAI,aAAa,EAAE,CAAC;QAC9B,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9D,IAAI,IAAI,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;YACtB,MAAM,IAAI,WAAW,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,oBAAoB,IAAI,oBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;QACxG,CAAC;QACD,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/mesh/read.d.ts

@@ -0,0 +1,27 @@
+/** The CAD input formats that occt-import-js reads. */
+export type CadFormat = "step" | "iges" | "brep";
+/** The linear units that the STEP and IGES readers accept. The default is millimeter. */
+export type LinearUnit = "millimeter" | "meter";
+/** One face of a mesh. The triangles first to last (inclusive) belong to the face. */
+export interface CadFace {
+    first: number;
+    last: number;
+    /** The RGB colour in the range 0 to 1, or null when the face has no colour. */
+    color: [number, number, number] | null;
+}
+/** One mesh of a CAD file, as flat arrays. */
+export interface CadMesh {
+    name: string;
+    /** Vertex positions, three values per vertex. */
+    positions: Float32Array;
+    /** Vertex normals, three values per vertex, or undefined when the reader gives none. */
+    normals: Float32Array | undefined;
+    /** Triangle vertex indices, three per triangle. */
+    indices: Uint32Array;
+    faces: CadFace[];
+}
+/**
+ * Reads a STEP, IGES or BREP file to meshes. The linear unit applies to STEP and IGES only.
+ * A file that the reader does not accept rejects with E_INPUT.
+ */
+export declare function readCad(format: CadFormat, bytes: Uint8Array, linearUnit?: LinearUnit): Promise<CadMesh[]>;

package/dist/mesh/read.js

@@ -0,0 +1,56 @@
+import { RenderError } from "../errors.js";
+/** The name of each reader function, by input format. */
+const READER = {
+    step: "ReadStepFile",
+    iges: "ReadIgesFile",
+    brep: "ReadBrepFile",
+};
+/** The one WASM module of this process. It loads once and is shared by every read. */
+let occtPromise;
+/** Loads the WASM module once. A failed load clears the cache so that a later read tries again. */
+function loadOcct() {
+    if (occtPromise === undefined) {
+        const started = import("occt-import-js").then((mod) => mod.default({ print: () => { }, printErr: () => { } }));
+        occtPromise = started;
+        started.catch(() => {
+            if (occtPromise === started)
+                occtPromise = undefined;
+        });
+    }
+    return occtPromise;
+}
+/** Converts one mesh of the reader to flat typed arrays. */
+function toCadMesh(mesh) {
+    return {
+        name: mesh.name,
+        positions: Float32Array.from(mesh.attributes.position.array),
+        normals: mesh.attributes.normal === undefined ? undefined : Float32Array.from(mesh.attributes.normal.array),
+        indices: Uint32Array.from(mesh.index.array),
+        faces: mesh.brep_faces.map((f) => ({
+            first: f.first,
+            last: f.last,
+            color: f.color === null ? null : [f.color[0], f.color[1], f.color[2]],
+        })),
+    };
+}
+/**
+ * Reads a STEP, IGES or BREP file to meshes. The linear unit applies to STEP and IGES only.
+ * A file that the reader does not accept rejects with E_INPUT.
+ */
+export async function readCad(format, bytes, linearUnit = "millimeter") {
+    const occt = await loadOcct();
+    const read = occt[READER[format]];
+    const params = format === "brep" ? null : { linearUnit };
+    let result;
+    try {
+        result = read(bytes, params);
+    }
+    catch (error) {
+        throw new RenderError("E_INPUT", `the ${format} reader failed: ${error instanceof Error ? error.message : String(error)}`);
+    }
+    if (!result.success) {
+        throw new RenderError("E_INPUT", `the ${format} reader did not accept the file`);
+    }
+    return result.meshes.map(toCadMesh);
+}
+//# sourceMappingURL=read.js.map

package/dist/mesh/read.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"read.js","sourceRoot":"","sources":["../../src/mesh/read.ts"],"names":[],"mappings":"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"}

package/dist/mesh/viewer-script.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The module script of the viewer page. The page builder replaces three markers before it writes the page:
+ * the two import addresses, the glb text and the flag that shows the panel. The script reports its result in
+ * window.__sciengDone, so the browser stage waits for the first drawn frame.
+ */
+export declare const VIEWER_SCRIPT = "\nimport * as THREE from \"three\";\nimport { OrbitControls } from \"@@ORBIT@@\";\nimport { GLTFLoader } from \"@@GLTF@@\";\n\nconst GLB_BASE64 = \"@@GLB@@\";\nconst SHOW_CONTROLS = @@CONTROLS@@;\nconst AXIS_KEYS = [\"x\", \"y\", \"z\"];\n\nfunction fail(err) {\n  window.__sciengDone = { ok: false, internal: true, message: String((err && err.message) || err) };\n}\n\ntry {\n  const renderer = new THREE.WebGLRenderer({ antialias: true });\n  renderer.setSize(window.innerWidth, window.innerHeight);\n  renderer.setPixelRatio(window.devicePixelRatio || 1);\n  renderer.domElement.style.display = \"block\";\n  document.body.appendChild(renderer.domElement);\n\n  const scene = new THREE.Scene();\n  scene.background = new THREE.Color(0xf2f4f7);\n  scene.add(new THREE.HemisphereLight(0xffffff, 0x8d939b, 1.2));\n  const keyLight = new THREE.DirectionalLight(0xffffff, 2.0);\n  keyLight.position.set(1.0, 2.0, 1.5);\n  scene.add(keyLight);\n  const fillLight = new THREE.DirectionalLight(0xffffff, 0.7);\n  fillLight.position.set(-1.5, 0.8, -1.2);\n  scene.add(fillLight);\n\n  const camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.1, 1000);\n  camera.position.set(3.0, 2.0, 4.0);\n\n  // The controls fire the change event inside update, so render must not call update.\n  function render() {\n    renderer.render(scene, camera);\n  }\n\n  const controls = new OrbitControls(camera, renderer.domElement);\n  controls.enableDamping = false;\n  controls.addEventListener(\"change\", render);\n\n  window.addEventListener(\"resize\", function () {\n    camera.aspect = window.innerWidth / window.innerHeight;\n    camera.updateProjectionMatrix();\n    renderer.setSize(window.innerWidth, window.innerHeight);\n    render();\n  });\n\n  // The plane keeps the part of the model with a coordinate below its value.\n  const sectionPlanes = [\n    new THREE.Plane(new THREE.Vector3(-1, 0, 0), 0),\n    new THREE.Plane(new THREE.Vector3(0, -1, 0), 0),\n    new THREE.Plane(new THREE.Vector3(0, 0, -1), 0)\n  ];\n  const sectionEnabled = [false, false, false];\n  const sectionFraction = [0.5, 0.5, 0.5];\n  let modelBox = null;\n  const parts = [];\n\n  function setSection(axis, enabled, fraction) {\n    if (!modelBox) return;\n    const axisIndex = axis | 0;\n    if (axisIndex < 0 || axisIndex > 2) return;\n    sectionEnabled[axisIndex] = !!enabled;\n    if (fraction !== undefined && fraction !== null) {\n      const parsed = Number(fraction);\n      if (isFinite(parsed)) sectionFraction[axisIndex] = parsed;\n    }\n    const axisMin = modelBox.min[AXIS_KEYS[axisIndex]];\n    const axisMax = modelBox.max[AXIS_KEYS[axisIndex]];\n    sectionPlanes[axisIndex].constant = axisMin + sectionFraction[axisIndex] * (axisMax - axisMin);\n    const activePlanes = [];\n    for (let k = 0; k < 3; k++) {\n      if (sectionEnabled[k]) activePlanes.push(sectionPlanes[k]);\n    }\n    renderer.clippingPlanes = activePlanes;\n  }\n\n  function setExplode(f) {\n    const amount = Number(f);\n    if (!isFinite(amount)) return;\n    for (let i = 0; i < parts.length; i++) {\n      const part = parts[i];\n      part.object.position.copy(part.base).addScaledVector(part.dir, amount * 1.5);\n    }\n  }\n\n  function buildControlsPanel() {\n    const panel = document.createElement(\"div\");\n    panel.id = \"sciengjs-controls\";\n    panel.style.cssText =\n      \"position:fixed;top:10px;left:10px;padding:10px;background:#fff;color:#222;font:12px system-ui,Arial,sans-serif;\" +\n      \"border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.25);z-index:1000\";\n\n    function range(value) {\n      const input = document.createElement(\"input\");\n      input.type = \"range\";\n      input.min = \"0\";\n      input.max = \"1\";\n      input.step = \"0.01\";\n      input.value = value;\n      input.style.width = \"140px\";\n      return input;\n    }\n\n    const explodeRow = document.createElement(\"div\");\n    const explodeLabel = document.createElement(\"label\");\n    explodeLabel.textContent = \"Exploded \";\n    const explodeInput = range(\"0\");\n    explodeInput.id = \"sciengjs-explode\";\n    explodeInput.addEventListener(\"input\", function () {\n      setExplode(parseFloat(explodeInput.value));\n      render();\n    });\n    explodeLabel.appendChild(explodeInput);\n    explodeRow.appendChild(explodeLabel);\n    panel.appendChild(explodeRow);\n\n    const axisNames = [\"X\", \"Y\", \"Z\"];\n    for (let i = 0; i < axisNames.length; i++) {\n      const row = document.createElement(\"div\");\n      const label = document.createElement(\"label\");\n      const checkbox = document.createElement(\"input\");\n      checkbox.type = \"checkbox\";\n      checkbox.id = \"sciengjs-section-\" + axisNames[i].toLowerCase();\n      label.appendChild(checkbox);\n      label.appendChild(document.createTextNode(\" Section \" + axisNames[i] + \" \"));\n      const slider = range(\"0.5\");\n      const update = function () {\n        setSection(i, checkbox.checked, parseFloat(slider.value));\n        render();\n      };\n      checkbox.addEventListener(\"change\", update);\n      slider.addEventListener(\"input\", update);\n      row.appendChild(label);\n      row.appendChild(slider);\n      panel.appendChild(row);\n    }\n    document.body.appendChild(panel);\n  }\n\n  window.__sciengViewer = { setExplode, setSection, render, scene, camera, renderer };\n\n  const binary = atob(GLB_BASE64);\n  const bytes = new Uint8Array(binary.length);\n  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);\n\n  new GLTFLoader().parse(\n    bytes.buffer,\n    \"\",\n    function (gltf) {\n      try {\n        const model = gltf.scene;\n        model.traverse(function (object) {\n          if (!object.isMesh) return;\n          if (!object.geometry.attributes.normal) object.geometry.computeVertexNormals();\n          const materials = Array.isArray(object.material) ? object.material : [object.material];\n          for (const material of materials) material.side = THREE.DoubleSide;\n        });\n        scene.add(model);\n        model.updateMatrixWorld(true);\n\n        const box = new THREE.Box3().setFromObject(model);\n        const centre = box.getCenter(new THREE.Vector3());\n        const boxSize = box.getSize(new THREE.Vector3());\n        let size = Math.max(boxSize.x, boxSize.y, boxSize.z);\n        if (!isFinite(size) || size <= 0) size = 1;\n        modelBox = box;\n\n        camera.position.set(centre.x + 0.95 * size, centre.y + 0.7 * size, centre.z + 0.95 * size);\n        camera.near = size / 1000;\n        camera.far = size * 100;\n        camera.updateProjectionMatrix();\n        controls.target.copy(centre);\n        camera.lookAt(centre);\n        controls.update();\n\n        for (const child of model.children) {\n          const dir = new THREE.Vector3(0, 0, 0);\n          const childBox = new THREE.Box3().setFromObject(child);\n          if (!childBox.isEmpty()) {\n            dir.copy(childBox.getCenter(new THREE.Vector3())).sub(centre);\n            if (dir.length() < 1e-9) dir.set(0, 0, 0);\n          }\n          parts.push({ object: child, base: child.position.clone(), dir: dir });\n        }\n\n        if (SHOW_CONTROLS) buildControlsPanel();\n        render();\n        window.__sciengDone = { ok: true, svg: \"\" };\n      } catch (err) {\n        fail(err);\n      }\n    },\n    fail\n  );\n} catch (err) {\n  fail(err);\n}\n";

package/dist/mesh/viewer-script.js

@@ -0,0 +1,207 @@
+/**
+ * The module script of the viewer page. The page builder replaces three markers before it writes the page:
+ * the two import addresses, the glb text and the flag that shows the panel. The script reports its result in
+ * window.__sciengDone, so the browser stage waits for the first drawn frame.
+ */
+export const VIEWER_SCRIPT = `
+import * as THREE from "three";
+import { OrbitControls } from "@@ORBIT@@";
+import { GLTFLoader } from "@@GLTF@@";
+
+const GLB_BASE64 = "@@GLB@@";
+const SHOW_CONTROLS = @@CONTROLS@@;
+const AXIS_KEYS = ["x", "y", "z"];
+
+function fail(err) {
+  window.__sciengDone = { ok: false, internal: true, message: String((err && err.message) || err) };
+}
+
+try {
+  const renderer = new THREE.WebGLRenderer({ antialias: true });
+  renderer.setSize(window.innerWidth, window.innerHeight);
+  renderer.setPixelRatio(window.devicePixelRatio || 1);
+  renderer.domElement.style.display = "block";
+  document.body.appendChild(renderer.domElement);
+
+  const scene = new THREE.Scene();
+  scene.background = new THREE.Color(0xf2f4f7);
+  scene.add(new THREE.HemisphereLight(0xffffff, 0x8d939b, 1.2));
+  const keyLight = new THREE.DirectionalLight(0xffffff, 2.0);
+  keyLight.position.set(1.0, 2.0, 1.5);
+  scene.add(keyLight);
+  const fillLight = new THREE.DirectionalLight(0xffffff, 0.7);
+  fillLight.position.set(-1.5, 0.8, -1.2);
+  scene.add(fillLight);
+
+  const camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.1, 1000);
+  camera.position.set(3.0, 2.0, 4.0);
+
+  // The controls fire the change event inside update, so render must not call update.
+  function render() {
+    renderer.render(scene, camera);
+  }
+
+  const controls = new OrbitControls(camera, renderer.domElement);
+  controls.enableDamping = false;
+  controls.addEventListener("change", render);
+
+  window.addEventListener("resize", function () {
+    camera.aspect = window.innerWidth / window.innerHeight;
+    camera.updateProjectionMatrix();
+    renderer.setSize(window.innerWidth, window.innerHeight);
+    render();
+  });
+
+  // The plane keeps the part of the model with a coordinate below its value.
+  const sectionPlanes = [
+    new THREE.Plane(new THREE.Vector3(-1, 0, 0), 0),
+    new THREE.Plane(new THREE.Vector3(0, -1, 0), 0),
+    new THREE.Plane(new THREE.Vector3(0, 0, -1), 0)
+  ];
+  const sectionEnabled = [false, false, false];
+  const sectionFraction = [0.5, 0.5, 0.5];
+  let modelBox = null;
+  const parts = [];
+
+  function setSection(axis, enabled, fraction) {
+    if (!modelBox) return;
+    const axisIndex = axis | 0;
+    if (axisIndex < 0 || axisIndex > 2) return;
+    sectionEnabled[axisIndex] = !!enabled;
+    if (fraction !== undefined && fraction !== null) {
+      const parsed = Number(fraction);
+      if (isFinite(parsed)) sectionFraction[axisIndex] = parsed;
+    }
+    const axisMin = modelBox.min[AXIS_KEYS[axisIndex]];
+    const axisMax = modelBox.max[AXIS_KEYS[axisIndex]];
+    sectionPlanes[axisIndex].constant = axisMin + sectionFraction[axisIndex] * (axisMax - axisMin);
+    const activePlanes = [];
+    for (let k = 0; k < 3; k++) {
+      if (sectionEnabled[k]) activePlanes.push(sectionPlanes[k]);
+    }
+    renderer.clippingPlanes = activePlanes;
+  }
+
+  function setExplode(f) {
+    const amount = Number(f);
+    if (!isFinite(amount)) return;
+    for (let i = 0; i < parts.length; i++) {
+      const part = parts[i];
+      part.object.position.copy(part.base).addScaledVector(part.dir, amount * 1.5);
+    }
+  }
+
+  function buildControlsPanel() {
+    const panel = document.createElement("div");
+    panel.id = "sciengjs-controls";
+    panel.style.cssText =
+      "position:fixed;top:10px;left:10px;padding:10px;background:#fff;color:#222;font:12px system-ui,Arial,sans-serif;" +
+      "border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.25);z-index:1000";
+
+    function range(value) {
+      const input = document.createElement("input");
+      input.type = "range";
+      input.min = "0";
+      input.max = "1";
+      input.step = "0.01";
+      input.value = value;
+      input.style.width = "140px";
+      return input;
+    }
+
+    const explodeRow = document.createElement("div");
+    const explodeLabel = document.createElement("label");
+    explodeLabel.textContent = "Exploded ";
+    const explodeInput = range("0");
+    explodeInput.id = "sciengjs-explode";
+    explodeInput.addEventListener("input", function () {
+      setExplode(parseFloat(explodeInput.value));
+      render();
+    });
+    explodeLabel.appendChild(explodeInput);
+    explodeRow.appendChild(explodeLabel);
+    panel.appendChild(explodeRow);
+
+    const axisNames = ["X", "Y", "Z"];
+    for (let i = 0; i < axisNames.length; i++) {
+      const row = document.createElement("div");
+      const label = document.createElement("label");
+      const checkbox = document.createElement("input");
+      checkbox.type = "checkbox";
+      checkbox.id = "sciengjs-section-" + axisNames[i].toLowerCase();
+      label.appendChild(checkbox);
+      label.appendChild(document.createTextNode(" Section " + axisNames[i] + " "));
+      const slider = range("0.5");
+      const update = function () {
+        setSection(i, checkbox.checked, parseFloat(slider.value));
+        render();
+      };
+      checkbox.addEventListener("change", update);
+      slider.addEventListener("input", update);
+      row.appendChild(label);
+      row.appendChild(slider);
+      panel.appendChild(row);
+    }
+    document.body.appendChild(panel);
+  }
+
+  window.__sciengViewer = { setExplode, setSection, render, scene, camera, renderer };
+
+  const binary = atob(GLB_BASE64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+
+  new GLTFLoader().parse(
+    bytes.buffer,
+    "",
+    function (gltf) {
+      try {
+        const model = gltf.scene;
+        model.traverse(function (object) {
+          if (!object.isMesh) return;
+          if (!object.geometry.attributes.normal) object.geometry.computeVertexNormals();
+          const materials = Array.isArray(object.material) ? object.material : [object.material];
+          for (const material of materials) material.side = THREE.DoubleSide;
+        });
+        scene.add(model);
+        model.updateMatrixWorld(true);
+
+        const box = new THREE.Box3().setFromObject(model);
+        const centre = box.getCenter(new THREE.Vector3());
+        const boxSize = box.getSize(new THREE.Vector3());
+        let size = Math.max(boxSize.x, boxSize.y, boxSize.z);
+        if (!isFinite(size) || size <= 0) size = 1;
+        modelBox = box;
+
+        camera.position.set(centre.x + 0.95 * size, centre.y + 0.7 * size, centre.z + 0.95 * size);
+        camera.near = size / 1000;
+        camera.far = size * 100;
+        camera.updateProjectionMatrix();
+        controls.target.copy(centre);
+        camera.lookAt(centre);
+        controls.update();
+
+        for (const child of model.children) {
+          const dir = new THREE.Vector3(0, 0, 0);
+          const childBox = new THREE.Box3().setFromObject(child);
+          if (!childBox.isEmpty()) {
+            dir.copy(childBox.getCenter(new THREE.Vector3())).sub(centre);
+            if (dir.length() < 1e-9) dir.set(0, 0, 0);
+          }
+          parts.push({ object: child, base: child.position.clone(), dir: dir });
+        }
+
+        if (SHOW_CONTROLS) buildControlsPanel();
+        render();
+        window.__sciengDone = { ok: true, svg: "" };
+      } catch (err) {
+        fail(err);
+      }
+    },
+    fail
+  );
+} catch (err) {
+  fail(err);
+}
+`;
+//# sourceMappingURL=viewer-script.js.map

package/dist/mesh/viewer-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer-script.js","sourceRoot":"","sources":["../../src/mesh/viewer-script.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwM5B,CAAC"}

package/dist/mesh/viewer.d.ts

@@ -0,0 +1,14 @@
+/** The options of a viewer page. */
+export interface ViewerOptions {
+    /** The page title. */
+    title?: string;
+    /** True shows the panel with the section and exploded view controls. A png render hides the panel. */
+    controls?: boolean;
+}
+/**
+ * A page that views one glTF binary. The page embeds the glb as base64 text and loads the pinned Three.js modules
+ * from their exact URLs. An import map maps the name three to the pinned URL and holds the integrity value of every
+ * module. A modulepreload link with the same integrity value starts each download. The page draws one frame and then
+ * sets window.__sciengDone, so the browser stage knows when to take the screenshot.
+ */
+export declare function viewerPageHtml(glb: Uint8Array, options?: ViewerOptions): string;

package/dist/mesh/viewer.js

@@ -0,0 +1,39 @@
+import { THREE_MAIN_URL, THREE_MODULES } from "../browser/pinned.js";
+import { VIEWER_SCRIPT } from "./viewer-script.js";
+const PAGE_STYLE = "html,body{margin:0;height:100%;overflow:hidden;background:#f2f4f7}";
+/** Escapes text for an HTML element body. */
+function escapeHtmlText(text) {
+    return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+/** The pinned module with a path inside the three package. */
+function moduleOf(path) {
+    const found = THREE_MODULES.find((m) => m.path === path);
+    if (found === undefined)
+        throw new Error(`the pinned module ${path} is missing`);
+    return found;
+}
+/**
+ * A page that views one glTF binary. The page embeds the glb as base64 text and loads the pinned Three.js modules
+ * from their exact URLs. An import map maps the name three to the pinned URL and holds the integrity value of every
+ * module. A modulepreload link with the same integrity value starts each download. The page draws one frame and then
+ * sets window.__sciengDone, so the browser stage knows when to take the screenshot.
+ */
+export function viewerPageHtml(glb, options = {}) {
+    const orbit = moduleOf("examples/jsm/controls/OrbitControls.js");
+    const loader = moduleOf("examples/jsm/loaders/GLTFLoader.js");
+    const integrity = {};
+    for (const m of THREE_MODULES)
+        integrity[m.url] = m.sri;
+    const importMap = JSON.stringify({ imports: { three: THREE_MAIN_URL }, integrity }).replace(/</g, "\u003c");
+    const preload = THREE_MODULES.map((m) => `<link rel="modulepreload" href="${m.url}" integrity="${m.sri}" crossorigin="anonymous">`).join("");
+    const script = VIEWER_SCRIPT.replace("@@ORBIT@@", orbit.url)
+        .replace("@@GLTF@@", loader.url)
+        .replace("@@GLB@@", Buffer.from(glb).toString("base64"))
+        .replace("@@CONTROLS@@", options.controls === false ? "false" : "true");
+    return ('<!DOCTYPE html><html><head><meta charset="utf-8">' +
+        '<meta name="viewport" content="width=device-width, initial-scale=1">' +
+        `<title>${escapeHtmlText(options.title ?? "model")}</title><style>${PAGE_STYLE}</style>` +
+        `<script type="importmap">${importMap}</script>${preload}</head><body>` +
+        `<script type="module">${script}</script></body></html>`);
+}
+//# sourceMappingURL=viewer.js.map

package/dist/mesh/viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.js","sourceRoot":"","sources":["../../src/mesh/viewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAUnD,MAAM,UAAU,GAAG,oEAAoE,CAAC;AAExF,6CAA6C;AAC7C,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACjF,CAAC;AAED,8DAA8D;AAC9D,SAAS,QAAQ,CAAC,IAAY;IAC5B,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IACzD,IAAI,KAAK,KAAK,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,IAAI,aAAa,CAAC,CAAC;IACjF,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,GAAe,EAAE,OAAO,GAAkB,EAAE;IACzE,MAAM,KAAK,GAAG,QAAQ,CAAC,wCAAwC,CAAC,CAAC;IACjE,MAAM,MAAM,GAAG,QAAQ,CAAC,oCAAoC,CAAC,CAAC;IAC9D,MAAM,SAAS,GAA2B,EAAE,CAAC;IAC7C,KAAK,MAAM,CAAC,IAAI,aAAa;QAAE,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IACxD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC5G,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAC/B,CAAC,CAAC,EAAE,EAAE,CAAC,mCAAmC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,GAAG,4BAA4B,CACjG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACX,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC;SACzD,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC;SAC/B,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACvD,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1E,OAAO,CACL,mDAAmD;QACnD,sEAAsE;QACtE,UAAU,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,kBAAkB,UAAU,UAAU;QACxF,4BAA4B,SAAS,YAAY,OAAO,eAAe;QACvE,yBAAyB,MAAM,yBAAyB,CACzD,CAAC;AACJ,CAAC"}

package/dist/registry.js

@@ -22,6 +22,15 @@ export const DEFAULT_REGISTRY = {
     "html:png": { backend: "browser/chromium", moduleUrl: backendUrl("browser/backend-png") },
     "html:pdf": { backend: "browser/chromium", moduleUrl: backendUrl("browser/backend-pdf") },
     "html:md": { backend: "html/md", moduleUrl: backendUrl("html/backend-md") },
+    "step:glb": { backend: "mesh/occt+glb", moduleUrl: backendUrl("mesh/backend-glb") },
+    "iges:glb": { backend: "mesh/occt+glb", moduleUrl: backendUrl("mesh/backend-glb") },
+    "brep:glb": { backend: "mesh/occt+glb", moduleUrl: backendUrl("mesh/backend-glb") },
+    "step:html": { backend: "mesh/occt+viewer", moduleUrl: backendUrl("mesh/backend-html") },
+    "iges:html": { backend: "mesh/occt+viewer", moduleUrl: backendUrl("mesh/backend-html") },
+    "brep:html": { backend: "mesh/occt+viewer", moduleUrl: backendUrl("mesh/backend-html") },
+    "step:png": { backend: "mesh/occt+viewer+browser/chromium", moduleUrl: backendUrl("mesh/backend-png") },
+    "iges:png": { backend: "mesh/occt+viewer+browser/chromium", moduleUrl: backendUrl("mesh/backend-png") },
+    "brep:png": { backend: "mesh/occt+viewer+browser/chromium", moduleUrl: backendUrl("mesh/backend-png") },
 };
 /** Builds the registry key of a pair. */
 export function registryKey(type, format) {

package/dist/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAazC,iHAAiH;AACjH,SAAS,UAAU,CAAC,IAAY;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,OAAO,IAAI,GAAG,CAAC,KAAK,IAAI,GAAG,SAAS,EAAE,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;AAChE,CAAC;AAED,kCAAkC;AAClC,MAAM,CAAC,MAAM,gBAAgB,GAAa;IACxC,SAAS,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC,EAAE;IAC/E,SAAS,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC,EAAE;IAC5F,UAAU,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE;IAClF,UAAU,EAAE,EAAE,OAAO,EAAE,2BAA2B,EAAE,SAAS,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE;IAC/F,UAAU,EAAE,EAAE,OAAO,EAAE,+BAA+B,EAAE,SAAS,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE;IACnG,UAAU,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE;IAC9E,UAAU,EAAE,EAAE,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE;IAC3F,WAAW,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC,EAAE;IACnF,aAAa,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAAE;IAC1F,aAAa,EAAE,EAAE,OAAO,EAAE,6BAA6B,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAAE;IACvG,SAAS,EAAE,EAAE,OAAO,EAAE,4BAA4B,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC,EAAE;IAChG,aAAa,EAAE,EAAE,OAAO,EAAE,0BAA0B,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAAE;IACpG,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAAE;IACzF,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAAE;IACzF,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,EAAE;CAC5E,CAAC;AAEF,yCAAyC;AACzC,MAAM,UAAU,WAAW,CAAC,IAAY,EAAE,MAAc;IACtD,OAAO,GAAG,IAAI,IAAI,MAAM,EAAE,CAAC;AAC7B,CAAC"}
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"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"}

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const ENGINE_VERSION = "0.6.0";
+export declare const ENGINE_VERSION = "0.7.1";

package/dist/version.js

@@ -1,3 +1,3 @@
 // Generated by scripts/prepare-build.mjs from package.json. Do not edit this file by hand.
-export const ENGINE_VERSION = "0.6.0";
+export const ENGINE_VERSION = "0.7.1";
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielsimonjr/sciengjs",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "private": false,
   "description": "A local rendering engine for science and engineering diagrams, documents and models",
   "license": "MIT",
@@ -41,6 +41,10 @@
       "types": "./dist/html/index.d.ts",
       "default": "./dist/html/index.js"
     },
+    "./mesh": {
+      "types": "./dist/mesh/index.d.ts",
+      "default": "./dist/mesh/index.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -56,7 +60,7 @@
     "test": "bun test",
     "smoke": "node test/smoke/smoke.mjs",
     "clean": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
-    "test:node": "node --test test/node/worker.node.mjs test/node/eval-render.node.mjs test/node/worker-execargv.node.mjs test/node/math.node.mjs"
+    "test:node": "node --test test/node/worker.node.mjs test/node/eval-render.node.mjs test/node/worker-execargv.node.mjs test/node/math.node.mjs test/node/mesh.node.mjs"
   },
   "keywords": [
     "graphviz",
@@ -84,12 +88,14 @@
     "@types/node": "^22",
     "mermaid": "11.17.2",
     "plotly.js-dist-min": "4.2.0",
+    "three": "0.187.0",
     "typescript": "^7.0.2"
   },
   "dependencies": {
     "@mathjax/src": "4.1.3",
     "@resvg/resvg-wasm": "2.6.2",
     "@viz-js/viz": "3.31.0",
+    "occt-import-js": "0.0.23",
     "parse5": "8.1.0"
   }
 }