hyperbook 0.71.5 → 0.72.1

package/dist/assets/directive-multievent/multievent.js

@@ -964,6 +964,8 @@ var multievent = {
     }
 
     SK[clNr].style.display = "block";
+    SK[clNr].style.visibility = "visible";
+    SK[clNr].style.opacity = "1";
     
     // Add event listeners to save state on changes
     var allInputs = SK[clNr].getElementsByTagName("input");

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

@@ -8,6 +8,7 @@
 }
 
 .directive-multievent {
+  transition: opacity 0.2s ease-in;
 
   .MECheckbox:not(first-child),
   .MERadio:not(first-child) {

package/dist/index.js

@@ -155917,6 +155917,12 @@ var en_default = {
   "slideshow-next": "Next",
   "slideshow-jump-to": "Jump to {{index}}",
   "toggle-bookmark": "Toggle Bookmark",
+  "shell-share": "Share",
+  "share-dialog-title": "Create Shareable URL",
+  "share-dialog-standalone": "Standalone Mode",
+  "share-dialog-select-sections": "Select Sections",
+  "share-dialog-copy-url": "Copy Shareable URL",
+  "share-dialog-url-copied": "URL copied to clipboard!",
   "webide-code-preview": "Code Preview",
   "webide-html": "HTML",
   "webide-css": "CSS",
@@ -155970,6 +155976,12 @@ var de_default = {
   "slideshow-next": "Weiter",
   "slideshow-jump-to": "Springe zu {{index}}",
   "toggle-bookmark": "Lesezeichen umschalten",
+  "shell-share": "Teilen",
+  "share-dialog-title": "Teilbare URL erstellen",
+  "share-dialog-standalone": "Standalone-Modus",
+  "share-dialog-select-sections": "Abschnitte ausw\xE4hlen",
+  "share-dialog-copy-url": "Teilbare URL kopieren",
+  "share-dialog-url-copied": "URL in Zwischenablage kopiert!",
   "webide-code-preview": "Code-Vorschau",
   "webide-html": "HTML",
   "webide-css": "CSS",
@@ -156132,105 +156144,115 @@ var rehypeTableOfContents_default = (ctx) => () => {
   return (tree, file) => {
     const headings = file.data.headings || [];
     const originalChildren = tree.children;
-    const tocSidebar = [
-      {
-        type: "element",
-        tagName: "button",
-        properties: {
-          id: "toc-toggle",
-          onclick: "hyperbook.tocToggle()",
-          title: i18n.get("table-of-contents")
+    const tocButton = {
+      type: "element",
+      tagName: "button",
+      properties: {
+        id: "toc-toggle",
+        onclick: "hyperbook.tocToggle()",
+        title: i18n.get("table-of-contents")
+      },
+      children: [
+        {
+          type: "element",
+          tagName: "div",
+          properties: {
+            class: "bar1"
+          },
+          children: []
         },
-        children: [
-          {
-            type: "element",
-            tagName: "div",
-            properties: {
-              class: "bar1"
-            },
-            children: []
+        {
+          type: "element",
+          tagName: "div",
+          properties: {
+            class: "bar2"
           },
-          {
-            type: "element",
-            tagName: "div",
-            properties: {
-              class: "bar2"
-            },
-            children: []
+          children: []
+        },
+        {
+          type: "element",
+          tagName: "div",
+          properties: {
+            class: "bar3"
           },
-          {
-            type: "element",
-            tagName: "div",
-            properties: {
-              class: "bar3"
-            },
-            children: []
+          children: []
+        },
+        {
+          type: "element",
+          tagName: "div",
+          properties: {
+            class: "bar4"
           },
-          {
-            type: "element",
-            tagName: "div",
-            properties: {
-              class: "bar4"
-            },
-            children: []
-          }
-        ]
+          children: []
+        }
+      ]
+    };
+    const tocDrawer = {
+      type: "element",
+      tagName: "side-drawer",
+      properties: {
+        id: "toc-drawer",
+        right: true
       },
+      children: [
+        {
+          type: "element",
+          tagName: "div",
+          properties: {
+            class: "toc-drawer-content"
+          },
+          children: [
+            {
+              type: "element",
+              tagName: "nav",
+              properties: {
+                class: "toc"
+              },
+              children: [
+                {
+                  type: "element",
+                  tagName: "ul",
+                  properties: {},
+                  children: headings.map((heading3) => ({
+                    type: "element",
+                    tagName: "li",
+                    properties: {
+                      class: `level-${heading3.level}`
+                    },
+                    children: [
+                      {
+                        type: "element",
+                        tagName: "a",
+                        properties: {
+                          href: `#${heading3.anchor}`
+                        },
+                        children: [
+                          {
+                            type: "text",
+                            value: heading3.label
+                          }
+                        ]
+                      }
+                    ]
+                  }))
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    };
+    const tocSidebar = [
       {
         type: "element",
-        tagName: "side-drawer",
+        tagName: "div",
         properties: {
-          id: "toc-drawer",
-          right: true
+          class: "floating-buttons-container",
+          id: "floating-buttons-container"
         },
-        children: [
-          {
-            type: "element",
-            tagName: "div",
-            properties: {
-              class: "toc-drawer-content"
-            },
-            children: [
-              {
-                type: "element",
-                tagName: "nav",
-                properties: {
-                  class: "toc"
-                },
-                children: [
-                  {
-                    type: "element",
-                    tagName: "ul",
-                    properties: {},
-                    children: headings.map((heading3) => ({
-                      type: "element",
-                      tagName: "li",
-                      properties: {
-                        class: `level-${heading3.level}`
-                      },
-                      children: [
-                        {
-                          type: "element",
-                          tagName: "a",
-                          properties: {
-                            href: `#${heading3.anchor}`
-                          },
-                          children: [
-                            {
-                              type: "text",
-                              value: heading3.label
-                            }
-                          ]
-                        }
-                      ]
-                    }))
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      }
+        children: [tocButton]
+      },
+      tocDrawer
     ];
     tree.children = [
       {
@@ -156845,11 +156867,13 @@ body::-webkit-scrollbar {
   font-family: hyperbook-heading;
   src: url(${makeUrl(parseFont(font)[0], "public")});
   size-adjust: ${parseFont(font)[1]};
+  font-display: swap;
 }
 @font-face {
   font-family: hyperbook-body;
   src: url(${makeUrl(parseFont(font)[0], "public")});
   size-adjust: ${parseFont(font)[1]};
+  font-display: swap;
 }
 `;
   }
@@ -156859,6 +156883,7 @@ body::-webkit-scrollbar {
   font-family: hyperbook-body;
   src: url(${makeUrl(parseFont(fonts.body)[0], "public")});
   size-adjust: ${parseFont(fonts.body)[1]};
+  font-display: swap;
 }
 `;
   }
@@ -156868,6 +156893,7 @@ body::-webkit-scrollbar {
   font-family: hyperbook-heading;
   src: url(${makeUrl(parseFont(fonts.heading)[0], "public")});
   size-adjust: ${parseFont(fonts.heading)[1]};
+  font-display: swap;
 }
 `;
   }
@@ -156877,6 +156903,7 @@ body::-webkit-scrollbar {
   font-family: hyperbook-code;
   src: url(${makeUrl(parseFont(fonts.code)[0], "public")});
   size-adjust: ${parseFont(fonts.code)[1]};
+  font-display: swap;
 }
 `;
   }
@@ -157088,7 +157115,8 @@ var rehypeHtmlStructure_default = (ctx) => () => {
                 type: "element",
                 tagName: "script",
                 properties: {
-                  src: makeUrl(["i18n.js"], "assets")
+                  src: makeUrl(["i18n.js"], "assets"),
+                  defer: true
                 },
                 children: []
               },
@@ -157096,7 +157124,8 @@ var rehypeHtmlStructure_default = (ctx) => () => {
                 type: "element",
                 tagName: "script",
                 properties: {
-                  src: makeUrl(["dexie.min.js"], "assets")
+                  src: makeUrl(["dexie.min.js"], "assets"),
+                  defer: true
                 },
                 children: []
               },
@@ -157104,7 +157133,8 @@ var rehypeHtmlStructure_default = (ctx) => () => {
                 type: "element",
                 tagName: "script",
                 properties: {
-                  src: makeUrl(["dexie-export-import.js"], "assets")
+                  src: makeUrl(["dexie-export-import.js"], "assets"),
+                  defer: true
                 },
                 children: []
               },
@@ -157112,7 +157142,8 @@ var rehypeHtmlStructure_default = (ctx) => () => {
                 type: "element",
                 tagName: "script",
                 properties: {
-                  src: makeUrl(["store.js"], "assets")
+                  src: makeUrl(["store.js"], "assets"),
+                  defer: true
                 },
                 children: []
               },
@@ -157133,7 +157164,8 @@ window.Prism.manual = true;`
                 type: "element",
                 tagName: "script",
                 properties: {
-                  src: makeUrl(["prism", "prism.js"], "assets")
+                  src: makeUrl(["prism", "prism.js"], "assets"),
+                  defer: true
                 },
                 children: []
               },
@@ -157793,7 +157825,8 @@ var makeHeaderElements = (ctx) => {
           tagName: "img",
           properties: {
             alt: "logo",
-            src: ctx.makeUrl(ctx.config.logo, "public")
+            src: ctx.makeUrl(ctx.config.logo, "public"),
+            height: "40"
           },
           children: []
         }
@@ -158033,6 +158066,26 @@ var makeHeaderElements = (ctx) => {
       ]
     });
   }
+  elements.push({
+    type: "element",
+    tagName: "button",
+    properties: {
+      id: "share-button",
+      class: "icon-button",
+      title: i18n.get("shell-share"),
+      onclick: "hyperbook.shareOpen()"
+    },
+    children: [
+      {
+        type: "element",
+        tagName: "div",
+        properties: {
+          class: "share-icon"
+        },
+        children: []
+      }
+    ]
+  });
   elements.push({
     type: "element",
     tagName: "dark-mode-toggle",
@@ -165340,10 +165393,178 @@ var rehypeQrCode_default = (ctx) => () => {
         ]
       }
     ];
+    const qrcodeButton = qrcodeDialog[0];
+    const qrcodeDialogElement = qrcodeDialog[1];
     if (originalChildren[0].type === "element" && originalChildren[0].tagName === "div") {
-      originalChildren[0].children.push(...qrcodeDialog);
+      const floatingContainer = originalChildren[0].children.find(
+        (child) => child.type === "element" && child.properties?.id === "floating-buttons-container"
+      );
+      if (floatingContainer && floatingContainer.type === "element") {
+        floatingContainer.children.push(qrcodeButton);
+      } else {
+        originalChildren[0].children.push(qrcodeButton);
+      }
+    }
+    tree.children = [...originalChildren, qrcodeDialogElement];
+  };
+};
+
+// src/rehypeShareDialog.ts
+var rehypeShareDialog_default = (ctx) => () => {
+  return (tree, file) => {
+    const originalChildren = tree.children;
+    const headings = file.data.headings || [];
+    if (!ctx.navigation.current?.href) {
+      return;
     }
-    tree.children = originalChildren;
+    const headingCheckboxes = headings.map((heading3) => ({
+      type: "element",
+      tagName: "label",
+      properties: {
+        class: `heading-item level-${heading3.level}`
+      },
+      children: [
+        {
+          type: "element",
+          tagName: "input",
+          properties: {
+            type: "checkbox",
+            value: heading3.anchor,
+            "data-anchor": heading3.anchor,
+            onchange: "hyperbook.shareUpdatePreview()"
+          },
+          children: []
+        },
+        {
+          type: "text",
+          value: ` ${heading3.label}`
+        }
+      ]
+    }));
+    const shareDialog = [
+      {
+        type: "element",
+        tagName: "dialog",
+        properties: {
+          id: "share-dialog"
+        },
+        children: [
+          {
+            type: "element",
+            tagName: "div",
+            properties: {
+              class: "container"
+            },
+            children: [
+              {
+                type: "element",
+                tagName: "h2",
+                properties: {
+                  class: "title"
+                },
+                children: [
+                  {
+                    type: "text",
+                    value: i18n.get("share-dialog-title")
+                  }
+                ]
+              },
+              {
+                type: "element",
+                tagName: "label",
+                properties: {
+                  class: "standalone-option"
+                },
+                children: [
+                  {
+                    type: "element",
+                    tagName: "input",
+                    properties: {
+                      type: "checkbox",
+                      id: "share-standalone-checkbox",
+                      onchange: "hyperbook.shareUpdatePreview()"
+                    },
+                    children: []
+                  },
+                  {
+                    type: "text",
+                    value: ` ${i18n.get("share-dialog-standalone")}`
+                  }
+                ]
+              },
+              {
+                type: "element",
+                tagName: "h3",
+                properties: {
+                  class: "sections-title"
+                },
+                children: [
+                  {
+                    type: "text",
+                    value: i18n.get("share-dialog-select-sections")
+                  }
+                ]
+              },
+              {
+                type: "element",
+                tagName: "div",
+                properties: {
+                  class: "sections-list"
+                },
+                children: headingCheckboxes
+              },
+              {
+                type: "element",
+                tagName: "div",
+                properties: {
+                  class: "url-preview",
+                  id: "share-url-preview"
+                },
+                children: [
+                  {
+                    type: "text",
+                    value: ""
+                  }
+                ]
+              },
+              {
+                type: "element",
+                tagName: "button",
+                properties: {
+                  class: "copy-button",
+                  onclick: "hyperbook.shareCopyUrl()"
+                },
+                children: [
+                  {
+                    type: "text",
+                    value: i18n.get("share-dialog-copy-url")
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "element",
+            tagName: "button",
+            properties: {
+              class: "close",
+              onclick: "hyperbook.shareClose()"
+            },
+            children: [
+              {
+                type: "element",
+                tagName: "div",
+                properties: {
+                  class: "close-icon"
+                },
+                children: []
+              }
+            ]
+          }
+        ]
+      }
+    ];
+    tree.children = [...originalChildren, ...shareDialog];
   };
 };
 
@@ -166451,7 +166672,8 @@ var remarkDirectiveMultievent_default = (ctx) => () => {
         registerDirective(file, name, ["multievent.js"], ["style.css"], []);
         data.hName = "div";
         data.hProperties = {
-          class: "directive-multievent multievent"
+          class: "directive-multievent multievent",
+          style: "visibility: hidden; opacity: 0;"
         };
       }
     });
@@ -173214,6 +173436,7 @@ var process2 = (md, ctx) => {
     rehypeUnwrapImages,
     rehypeTableOfContents_default(ctx),
     rehypeQrCode_default(ctx),
+    rehypeShareDialog_default(ctx),
     rehypeKatex,
     rehypeDirectiveP5_default(ctx),
     [
@@ -173263,7 +173486,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"application/1d-interleaved-parityfec
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"hyperbook","version":"0.71.5","author":"Mike Barkmin","homepage":"https://github.com/openpatch/hyperbook#readme","license":"MIT","bin":{"hyperbook":"./dist/index.js"},"files":["dist"],"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/openpatch/hyperbook.git","directory":"packages/hyperbook"},"bugs":{"url":"https://github.com/openpatch/hyperbook/issues"},"engines":{"node":">=12.22.0"},"scripts":{"version":"pnpm build","lint":"tsc --noEmit","dev":"ncc build ./index.ts -w -o dist/","build":"rimraf dist && ncc build ./index.ts -o ./dist/ --no-cache --no-source-map-register --external favicons --external sharp && node postbuild.mjs"},"dependencies":{"favicons":"^7.2.0"},"devDependencies":{"create-hyperbook":"workspace:*","@hyperbook/fs":"workspace:*","@hyperbook/markdown":"workspace:*","@hyperbook/types":"workspace:*","@pnpm/exportable-manifest":"1000.0.6","@types/archiver":"6.0.3","@types/async-retry":"1.4.9","@types/cross-spawn":"6.0.6","@types/lunr":"^2.3.7","@types/prompts":"2.4.9","@types/tar":"6.1.13","@types/ws":"^8.5.14","@vercel/ncc":"0.38.3","archiver":"7.0.1","async-retry":"1.3.3","chalk":"5.4.1","chokidar":"4.0.3","commander":"12.1.0","cpy":"11.1.0","cross-spawn":"7.0.6","domutils":"^3.2.2","extract-zip":"^2.0.1","got":"12.6.0","htmlparser2":"^10.0.0","lunr":"^2.3.9","lunr-languages":"^1.14.0","mime":"^4.0.6","prompts":"2.4.2","rimraf":"6.0.1","tar":"7.4.3","update-check":"1.5.4","ws":"^8.18.0"}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"hyperbook","version":"0.72.1","author":"Mike Barkmin","homepage":"https://github.com/openpatch/hyperbook#readme","license":"MIT","bin":{"hyperbook":"./dist/index.js"},"files":["dist"],"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/openpatch/hyperbook.git","directory":"packages/hyperbook"},"bugs":{"url":"https://github.com/openpatch/hyperbook/issues"},"engines":{"node":">=12.22.0"},"scripts":{"version":"pnpm build","lint":"tsc --noEmit","dev":"ncc build ./index.ts -w -o dist/","build":"rimraf dist && ncc build ./index.ts -o ./dist/ --no-cache --no-source-map-register --external favicons --external sharp && node postbuild.mjs"},"dependencies":{"favicons":"^7.2.0"},"devDependencies":{"create-hyperbook":"workspace:*","@hyperbook/fs":"workspace:*","@hyperbook/markdown":"workspace:*","@hyperbook/types":"workspace:*","@pnpm/exportable-manifest":"1000.0.6","@types/archiver":"6.0.3","@types/async-retry":"1.4.9","@types/cross-spawn":"6.0.6","@types/lunr":"^2.3.7","@types/prompts":"2.4.9","@types/tar":"6.1.13","@types/ws":"^8.5.14","@vercel/ncc":"0.38.3","archiver":"7.0.1","async-retry":"1.3.3","chalk":"5.4.1","chokidar":"4.0.3","commander":"12.1.0","cpy":"11.1.0","cross-spawn":"7.0.6","domutils":"^3.2.2","extract-zip":"^2.0.1","got":"12.6.0","htmlparser2":"^10.0.0","lunr":"^2.3.9","lunr-languages":"^1.14.0","mime":"^4.0.6","prompts":"2.4.2","rimraf":"6.0.1","tar":"7.4.3","update-check":"1.5.4","ws":"^8.18.0"}}');
 
 /***/ })
 

package/dist/locales/de.json

@@ -40,6 +40,12 @@
     "slideshow-next": "Weiter",
     "slideshow-jump-to": "Springe zu {{index}}",
     "toggle-bookmark": "Lesezeichen umschalten",
+    "shell-share": "Teilen",
+    "share-dialog-title": "Teilbare URL erstellen",
+    "share-dialog-standalone": "Standalone-Modus",
+    "share-dialog-select-sections": "Abschnitte auswählen",
+    "share-dialog-copy-url": "Teilbare URL kopieren",
+    "share-dialog-url-copied": "URL in Zwischenablage kopiert!",
     "webide-code-preview": "Code-Vorschau",
     "webide-html": "HTML",
     "webide-css": "CSS",

package/dist/locales/en.json

@@ -40,6 +40,12 @@
     "slideshow-next": "Next",
     "slideshow-jump-to": "Jump to {{index}}",
     "toggle-bookmark": "Toggle Bookmark",
+    "shell-share": "Share",
+    "share-dialog-title": "Create Shareable URL",
+    "share-dialog-standalone": "Standalone Mode",
+    "share-dialog-select-sections": "Select Sections",
+    "share-dialog-copy-url": "Copy Shareable URL",
+    "share-dialog-url-copied": "URL copied to clipboard!",
     "webide-code-preview": "Code Preview",
     "webide-html": "HTML",
     "webide-css": "CSS",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperbook",
-  "version": "0.71.5",
+  "version": "0.72.1",
   "author": "Mike Barkmin",
   "homepage": "https://github.com/openpatch/hyperbook#readme",
   "license": "MIT",
@@ -58,7 +58,7 @@
     "ws": "^8.18.0",
     "create-hyperbook": "0.3.0",
     "@hyperbook/fs": "0.21.0",
-    "@hyperbook/markdown": "0.43.5",
+    "@hyperbook/markdown": "0.44.1",
     "@hyperbook/types": "0.18.0"
   },
   "scripts": {