hyperbook 0.99.1 → 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

@@ -34695,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;
@@ -34756,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);
@@ -34836,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;
@@ -35256,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;
+}