hyperbook 0.99.0 → 0.100.0

package/dist/assets/directive-abc-music/style.css

@@ -249,3 +249,26 @@
 .directive-abc-music .buttons button:hover {
   background-color: var(--color-spacer);
 }
+
+/* Icon-only toolbar: the written labels made this row wrap on narrow screens,
+   so the wording moved into title/aria-label. */
+.directive-abc-music .buttons.bottom button {
+  flex: 0 0 auto;
+  min-width: 42px;
+  width: 42px;
+  padding: 8px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.directive-abc-music .buttons.bottom button .icon {
+  width: 18px;
+  height: 18px;
+  display: block;
+}
+
+/* Fullscreen sits apart, at the trailing edge of the toolbar. */
+.directive-abc-music .buttons.bottom button.fullscreen {
+  margin-inline-start: auto;
+}

package/dist/assets/directive-archive/style.css

@@ -12,7 +12,7 @@
   background: transparent;
 }
 
-.directive-archive>.icon {
+.directive-archive > .icon {
   display: flex;
   border-right-color: var(--color-spacer);
   align-items: center;
@@ -22,11 +22,17 @@
   border-right-width: 1px;
 }
 
-.directive-archive>.label {
+.directive-archive > .label {
   flex: 1;
   padding: 12px 16px;
 }
 
-.directive-archive>.offline {
+.directive-archive > .offline {
   text-decoration: line-through;
 }
+
+.directive-archive > .icon .icon {
+  width: 26px;
+  height: 26px;
+  display: block;
+}

package/dist/assets/directive-download/style.css

@@ -12,7 +12,7 @@
   background: transparent;
 }
 
-.directive-download>.icon {
+.directive-download > .icon {
   display: flex;
   border-right-color: var(--color-spacer);
   align-items: center;
@@ -22,11 +22,17 @@
   border-right-width: 1px;
 }
 
-.directive-download>.label {
+.directive-download > .label {
   flex: 1;
   padding: 12px 16px;
 }
 
-.directive-download>.offline {
+.directive-download > .offline {
   text-decoration: line-through;
 }
+
+.directive-download > .icon .icon {
+  width: 26px;
+  height: 26px;
+  display: block;
+}

package/dist/assets/directive-openscad/client.js

@@ -34436,12 +34436,68 @@ void main() {
     }
     return { vertices, faces, colors };
   };
+  var splitByColor = (vertices, faces, colorCount) => {
+    const groups = Array.from({ length: colorCount }, () => ({ faceIndices: [] }));
+    faces.forEach((face, faceIdx) => {
+      groups[face.colorIndex].faceIndices.push(faceIdx);
+    });
+    return groups.filter((g) => g.faceIndices.length > 0).map(({ faceIndices }, groupIdx) => {
+      const oldToNew = /* @__PURE__ */ new Map();
+      const groupVertices = [];
+      for (const faceIdx of faceIndices) {
+        for (const vIdx of faces[faceIdx].vertices) {
+          if (!oldToNew.has(vIdx)) {
+            oldToNew.set(vIdx, groupVertices.length);
+            groupVertices.push(vertices[vIdx]);
+          }
+        }
+      }
+      const groupFaces = faceIndices.map((faceIdx) => ({
+        ...faces[faceIdx],
+        vertices: faces[faceIdx].vertices.map((vIdx) => oldToNew.get(vIdx))
+      }));
+      return { vertices: groupVertices, faces: groupFaces };
+    });
+  };
   var exportIndexedPolyhedronTo3mf = (polyhedron) => {
-    const objectUuid = createUuid();
     const buildUuid = createUuid();
     const extruderIndexByColorIndex = polyhedron.colors.map(
       (_, idx) => idx % PAINT_COLOR_MAP.length
     );
+    const materialsId = 1;
+    const components = splitByColor(polyhedron.vertices, polyhedron.faces, polyhedron.colors.length);
+    const objectXmls = components.map((comp, compIdx) => {
+      const objectId = compIdx + 2;
+      const objectUuid = createUuid();
+      const colorIndex = comp.faces[0]?.colorIndex ?? 0;
+      const paintColor = PAINT_COLOR_MAP[extruderIndexByColorIndex[colorIndex]];
+      return [
+        `<object id="${objectId}" name="OpenSCAD Model ${compIdx + 1}" type="model" p:UUID="${objectUuid}" pid="${materialsId}" pindex="${colorIndex}">`,
+        "<mesh>",
+        "<vertices>",
+        ...comp.vertices.map(
+          (vertex2) => `<vertex x="${vertex2.x}" y="${vertex2.y}" z="${vertex2.z}" />`
+        ),
+        "</vertices>",
+        "<triangles>",
+        ...comp.faces.map((face) => {
+          const [v1, v2, v3] = face.vertices;
+          const attrs = [`v1="${v1}"`, `v2="${v2}"`, `v3="${v3}"`];
+          if (paintColor) {
+            attrs.push(`paint_color="${paintColor}"`);
+          }
+          return `<triangle ${attrs.join(" ")} />`;
+        }),
+        "</triangles>",
+        "</mesh>",
+        "</object>"
+      ].join("\n");
+    });
+    const buildItems = components.map((_, compIdx) => {
+      const objectId = compIdx + 2;
+      const objectUuid = createUuid();
+      return `<item objectid="${objectId}" p:UUID="${objectUuid}"/>`;
+    });
     const modelXml = [
       '<?xml version="1.0" encoding="utf-8"?>',
       '<model unit="millimeter" xml:lang="en-US" xmlns="http://schemas.microsoft.com/3dmanufacturing/core/2015/02" xmlns:p="http://schemas.microsoft.com/3dmanufacturing/production/2015/06">',
@@ -34449,37 +34505,15 @@ void main() {
       '<meta name="slic3rpe:Version3mf" value="1"/>',
       '<meta name="slic3rpe:MmPaintingVersion" value="1"/>',
       "<resources>",
-      '<basematerials id="2">',
+      `<basematerials id="${materialsId}">`,
       ...polyhedron.colors.map(
         (color, i) => `<base name="color_${i}" displaycolor="${colorToDisplayColor(color)}"/>`
       ),
       "</basematerials>",
-      `<object id="1" name="OpenSCAD Model" type="model" p:UUID="${objectUuid}" pid="2" pindex="0">`,
-      "<mesh>",
-      "<vertices>",
-      ...polyhedron.vertices.map(
-        (vertex2) => `<vertex x="${vertex2.x}" y="${vertex2.y}" z="${vertex2.z}" />`
-      ),
-      "</vertices>",
-      "<triangles>",
-      ...polyhedron.faces.map((face) => {
-        const [v1, v2, v3] = face.vertices;
-        const attrs = [`v1="${v1}"`, `v2="${v2}"`, `v3="${v3}"`];
-        if (face.colorIndex > 0) {
-          attrs.push(`pid="2"`, `p1="${face.colorIndex}"`);
-        }
-        const paintColor = PAINT_COLOR_MAP[extruderIndexByColorIndex[face.colorIndex]];
-        if (paintColor) {
-          attrs.push(`paint_color="${paintColor}"`);
-        }
-        return `<triangle ${attrs.join(" ")} />`;
-      }),
-      "</triangles>",
-      "</mesh>",
-      "</object>",
+      ...objectXmls,
       "</resources>",
       `<build p:UUID="${buildUuid}">`,
-      `<item objectid="1" p:UUID="${objectUuid}"/>`,
+      ...buildItems,
       "</build>",
       "</model>"
     ].join("\n");
@@ -34661,10 +34695,7 @@ void main() {
     const applySplitSize = (rawSize, isHorizontal) => {
       const total = isHorizontal ? elem.clientWidth : elem.clientHeight;
       const splitterSize = isHorizontal ? splitter.offsetWidth : splitter.offsetHeight;
-      const maxSize = Math.max(
-        minPanelSize,
-        total - splitterSize - minPanelSize
-      );
+      const maxSize = Math.max(minPanelSize, total - splitterSize - minPanelSize);
       const clamped = Math.max(minPanelSize, Math.min(rawSize, maxSize));
       previewContainer.style.flex = `0 0 ${clamped}px`;
       return clamped;
@@ -34722,7 +34753,6 @@ void main() {
     if (!elem || !button) return;
     const isFullscreen = document.fullscreenElement === elem;
     const label = i18nGet("ide-fullscreen-enter", "Fullscreen");
-    button.textContent = "\u26F6";
     button.title = label;
     button.setAttribute("aria-label", label);
     button.classList.toggle("active", isFullscreen);
@@ -34802,7 +34832,9 @@ void main() {
         bottomButtons.insertBefore(downloadFormatSelect, downloadBtn);
       }
       if (downloadBtn) {
-        downloadBtn.textContent = i18nGet("openscad-download", "Download");
+        const downloadLabel = i18nGet("openscad-download", "Download");
+        downloadBtn.title = downloadLabel;
+        downloadBtn.setAttribute("aria-label", downloadLabel);
       }
       const normalizeBinaryDest = (dest) => {
         if (typeof dest !== "string") return null;
@@ -35222,14 +35254,19 @@ void main() {
             userBinaryFiles,
             buildAutoBinaryFiles(cm?.getValue() || "", basePath, pagePath)
           );
-          const result = await callWorker("render", "render", {
-            code: cm?.getValue() || "",
-            format,
-            libraryNames: libraryNames2,
-            binaryFiles: resolvedBinaryFiles,
-            paramDefinitions: [],
-            isPreview
-          }, _scriptBase);
+          const result = await callWorker(
+            "render",
+            "render",
+            {
+              code: cm?.getValue() || "",
+              format,
+              libraryNames: libraryNames2,
+              binaryFiles: resolvedBinaryFiles,
+              paramDefinitions: [],
+              isPreview
+            },
+            _scriptBase
+          );
           const stderr = getInvocationStderr(result);
           if (result?.error || result?.exitCode !== 0) {
             const error = new Error(

package/dist/assets/directive-openscad/style.css

@@ -131,7 +131,9 @@
 }
 
 @keyframes openscad-spin {
-  to { transform: rotate(360deg); }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 /* Splitter between canvas and parameters card */
@@ -246,6 +248,31 @@
   border-top-right-radius: 0;
 }
 
+/* Icon-only toolbar: the written labels (Reset/Copy/Download) made this row
+   wrap on narrow screens, so the wording moved into title/aria-label. */
+.directive-openscad .buttons.bottom button {
+  flex: 0 0 auto;
+  min-width: 42px;
+  width: 42px;
+  padding: 8px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.directive-openscad .buttons.bottom button .icon {
+  width: 18px;
+  height: 18px;
+  display: block;
+}
+
+/* Fullscreen sits apart, at the trailing edge of the toolbar. */
+.directive-openscad .buttons.bottom button.fullscreen {
+  margin-inline-start: auto;
+  border-right: none;
+  border-left: 1px solid var(--color-spacer);
+}
+
 .directive-openscad button {
   flex: 1;
   padding: 8px 16px;
@@ -303,8 +330,14 @@
 
 .directive-openscad .binary-files-section summary .summary-indicator {
   transition: transform 0.2s;
-  display: inline-block;
-  font-size: 0.75rem;
+  display: inline-flex;
+  align-items: center;
+}
+
+.directive-openscad .binary-files-section summary .summary-indicator .icon {
+  width: 14px;
+  height: 14px;
+  display: block;
 }
 
 .directive-openscad .binary-files-section[open] summary .summary-indicator {

package/dist/assets/directive-p5/client.js

@@ -29,8 +29,13 @@ hyperbook.p5 = (function () {
 
     const applySplitSize = (rawSize, isHorizontal) => {
       const total = isHorizontal ? elem.clientWidth : elem.clientHeight;
-      const splitterSize = isHorizontal ? splitter.offsetWidth : splitter.offsetHeight;
-      const maxSize = Math.max(minPanelSize, total - splitterSize - minPanelSize);
+      const splitterSize = isHorizontal
+        ? splitter.offsetWidth
+        : splitter.offsetHeight;
+      const maxSize = Math.max(
+        minPanelSize,
+        total - splitterSize - minPanelSize,
+      );
       const clamped = Math.max(minPanelSize, Math.min(rawSize, maxSize));
       container.style.flex = `0 0 ${clamped}px`;
       return clamped;
@@ -90,7 +95,6 @@ hyperbook.p5 = (function () {
     if (!elem || !button) return;
     const isFullscreen = document.fullscreenElement === elem;
     const label = hyperbook.i18n.get("ide-fullscreen-enter");
-    button.textContent = "⛶";
     button.title = label;
     button.setAttribute("aria-label", label);
     button.classList.toggle("active", isFullscreen);
@@ -219,10 +223,7 @@ hyperbook.p5 = (function () {
   const observer = new MutationObserver((mutations) => {
     mutations.forEach((mutation) => {
       mutation.addedNodes.forEach((node) => {
-        if (
-          node.nodeType === 1 &&
-          node.classList.contains("directive-p5")
-        ) {
+        if (node.nodeType === 1 && node.classList.contains("directive-p5")) {
           initElement(node);
         }
       });

package/dist/assets/directive-p5/style.css

@@ -100,6 +100,31 @@ code-input {
   border-top-right-radius: 0;
 }
 
+/* Icon-only toolbar: the written labels (Reset/Copy/Download) made this row
+   wrap on narrow screens, so the wording moved into title/aria-label. */
+.directive-p5 .buttons.bottom button {
+  flex: 0 0 auto;
+  min-width: 42px;
+  width: 42px;
+  padding: 8px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.directive-p5 .buttons.bottom button .icon {
+  width: 18px;
+  height: 18px;
+  display: block;
+}
+
+/* Fullscreen sits apart, at the trailing edge of the toolbar. */
+.directive-p5 .buttons.bottom button.fullscreen {
+  margin-inline-start: auto;
+  border-right: none;
+  border-left: 1px solid var(--color-spacer);
+}
+
 .directive-p5 button {
   flex: 1;
   padding: 8px 16px;

package/dist/assets/directive-protect/style.css

@@ -12,7 +12,7 @@
   border-width: 1px;
 }
 
-.directive-protect .password-input>input {
+.directive-protect .password-input > input {
   text-align: center;
   border-radius: 10px;
   font-size: 1.125rem;
@@ -20,7 +20,7 @@
   border-style: solid;
 }
 
-.directive-protect .password-input>.icon {
+.directive-protect .password-input > .icon {
   position: absolute;
   user-select: none;
   left: -14px;
@@ -33,17 +33,17 @@
   margin-bottom: 10px;
 }
 
-.directive-protect .password-input>.description {
+.directive-protect .password-input > .description {
   margin-bottom: 10px;
 }
 
-.directive-protect .password-input>input {
+.directive-protect .password-input > input {
   color: var(--color-text);
   background: var(--color-nav);
   border-color: var(--color-spacer);
 }
 
-.directive-protect .password-input>.icon {
+.directive-protect .password-input > .icon {
   background: white;
   border-color: var(--color-spacer);
 }
@@ -52,3 +52,9 @@
   visibility: hidden;
   display: none;
 }
+
+.directive-protect .password-input > .icon .icon {
+  width: 16px;
+  height: 16px;
+  display: block;
+}