partforge 0.56.0 → 0.57.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "partforge",
-  "version": "0.56.0",
+  "version": "0.57.0",
   "description": "Turn a declarative part definition into a parametric-CAD web app (three.js + Manifold/Replicad). Requires a Vite-based consumer.",
   "type": "module",
   "license": "MIT",

package/src/framework/animation-controls.js

@@ -249,11 +249,19 @@ export function attachAnimationControls(viewer, part, { container, applyValues,
   scrubWrap.addEventListener("pointerleave", onWrapPointerLeave);
   scrubWrap.addEventListener("pointercancel", onWrapPointerLeave);
 
+  // Late-bound hook into the placement section below (a plain call would hit
+  // the TDZ on its `let placementRaf` — setup invokes syncStructure before the
+  // placement block runs). Wired to schedulePlacement once that block exists,
+  // so a view switch that shows/hides the bar re-publishes --pf-anim-clear
+  // even where ResizeObserver is absent.
+  let onStructureChanged = null;
+
   // Per-view + per-animation chrome: which chooser shows, the picker's options,
   // title, ⓘ description, pager labels, scrubber ticks. A view with no
   // animations hides the whole bar rather than showing an empty transport.
   function syncStructure() {
     bar.style.display = current ? "" : "none";
+    onStructureChanged?.();
     hideChapterBubble();
     if (!current) return;
     const paged = animations.length > 1;
@@ -536,10 +544,20 @@ export function attachAnimationControls(viewer, part, { container, applyValues,
     bar.style.maxWidth = "";
     bar.style.overflow = "";
     bar.classList.remove("pf-squeezed");
-    const vb = viewbarEl?.getBoundingClientRect();
+    const stageRect = container.getBoundingClientRect();
     const barRect = bar.getBoundingClientRect();
+    // Publish the bar's vertical claim on the stage as --pf-anim-clear: the
+    // distance from the stage's bottom edge to the bar's top, 0px when the bar
+    // is hidden (a view with no animations). Hosts that float their own chrome
+    // at the stage's bottom-centre (partforge-cloud's status/forging stack)
+    // read it to sit above the bar instead of under it; with no bar mounted
+    // the property is never set and a var() fallback of 0px applies.
+    const clear = bar.style.display === "none"
+      ? 0
+      : Math.max(0, Math.round(stageRect.bottom - barRect.top));
+    container.style.setProperty("--pf-anim-clear", `${clear}px`);
+    const vb = viewbarEl?.getBoundingClientRect();
     if (!vb || barRect.top >= vb.bottom || barRect.bottom <= vb.top) return;
-    const stageRect = container.getBoundingClientRect();
     const plan = planAnimBarPlacement({
       stageWidth: stageRect.width,
       barWidth: barRect.width,
@@ -581,6 +599,7 @@ export function attachAnimationControls(viewer, part, { container, applyValues,
     placementObserver.observe(bar);
     if (viewbarEl) placementObserver.observe(viewbarEl);
   }
+  onStructureChanged = schedulePlacement; // see the hook's declaration above
   schedulePlacement();
 
   const runtime = {
@@ -662,6 +681,7 @@ export function attachAnimationControls(viewer, part, { container, applyValues,
       scrubWrap.removeEventListener("pointercancel", onWrapPointerLeave);
       hideChapterBubble(); // also clears hoverInside
       chapterBubble.remove(); // a stage child, so the bar taking itself out misses it
+      container.style.removeProperty("--pf-anim-clear"); // no bar, no claim
       bar.remove();
     },
     __viewer: viewer, // test hook only

package/src/framework/chrome.css

@@ -234,7 +234,13 @@
    #viewbar's, so a host that re-anchors this bar still inherits its chrome.
    animation-controls.js may inline-override left/transform/max-width (and
    overflow while width-capped) to hold a 10px gap to #viewbar, and clears
-   the overrides whenever centered placement fits. */
+   the overrides whenever centered placement fits.
+
+   animation-controls.js also publishes --pf-anim-clear on the STAGE element:
+   the px distance from the stage's bottom edge to the visible bar's top (0px
+   while the active view has no animations; unset when no view declares any).
+   A host floating its own chrome at the stage's bottom-centre should anchor it
+   at calc(var(--pf-anim-clear, 0px) + <gap>) to stack above the bar. */
 .pf-anim-bar {
   position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%);
   z-index: 15; max-width: calc(100% - 24px);

package/src/framework/mount.js

@@ -453,8 +453,10 @@ export function mount(part, { createWorker, elements = {}, onBuild, onPick, onDo
       if (needed.every(isCurrent)) {
         showView(needed);
         ui.setExportEnabled(true);
-        const tris = needed.reduce((s, n) => s + viewer.subTriangles(n), 0);
-        ui.setStatus(`${tris.toLocaleString()} triangles`);
+        // The line used to read "N triangles" here; that debug readout now goes
+        // to the console (see the `meshes` case). Clearing keeps a stale
+        // "phase…" from outliving the build it described.
+        ui.setStatus("");
       } else if (needed.every((n) => viewer.hasSubMesh(n))) {
         showView(needed); // stale but present — keep it visible during regenerate
         ui.setExportEnabled(false);
@@ -498,7 +500,8 @@ export function mount(part, { createWorker, elements = {}, onBuild, onPick, onDo
             ui.hideBusy();
             refreshView();
             if (data.ms && missingParts().length === 0) {
-              ui.setStatus(`${ui.statusText()} · ${(data.ms / 1000).toFixed(1)} s`);
+              const tris = viewSubParts(part, view(), params).reduce((s, n) => s + viewer.subTriangles(n), 0);
+              console.debug(`partforge: built ${tris.toLocaleString()} triangles in ${(data.ms / 1000).toFixed(1)} s`);
             }
             dbg?.update({ ms: data.ms, hits: data.cache?.hits ?? 0, misses: data.cache?.misses ?? 0, skipped: lastGen.skipped, rebuilt: lastGen.rebuilt, posed: lastGen.posed });
             onBuild?.({ status: "success", ms: data.ms });
@@ -545,8 +548,10 @@ export function mount(part, { createWorker, elements = {}, onBuild, onPick, onDo
         case "error":
           loop.buildDone();
           ui.hideBusy();
-          ui.setStatus(`failed: ${data.message}`, true);
+          // refreshView FIRST: its all-current branch clears the status line,
+          // so writing the failure after it keeps the message on screen.
           refreshView();
+          ui.setStatus(`failed: ${data.message}`, true);
           onBuild?.({ status: "error", error: data.message });
           if (!readySettled) { readySettled = true; rejectReady(new Error(data.message)); }
           break;

package/src/framework/status-ui.js

@@ -10,6 +10,5 @@ export function createStatusUi({ status, busy, phase, exports = [] }) {
     showBusy(p) { phase.textContent = `${p}…`; busy.classList.add("show"); },
     hideBusy() { busy.classList.remove("show"); },
     setExportEnabled(on) { exportBtns.forEach((b) => { b.disabled = !on; }); },
-    statusText: () => status.textContent,
   };
 }