@hyperbook/markdown 0.11.2 → 0.12.1

package/dist/index.js

@@ -63433,6 +63433,9 @@ var rehypeTableOfContents_default = (ctx) => () => {
   return (tree, file) => {
     const headings = file.data.headings || [];
     const originalChildren = tree.children;
+    if (!showToc) {
+      return;
+    }
     const tocSidebar = [
       {
         type: "element",
@@ -64360,7 +64363,17 @@ HYPERBOOK_ASSETS = "${makeUrl("/", "assets")}"
                 tagName: "script",
                 properties: {
                   type: "module",
-                  src: makeUrl(["side-drawer.js"], "assets")
+                  src: makeUrl(["side-drawer.js"], "assets"),
+                  async: true
+                },
+                children: []
+              },
+              {
+                type: "element",
+                tagName: "script",
+                properties: {
+                  src: makeUrl(["qrcode.js"], "assets"),
+                  async: true
                 },
                 children: []
               },
@@ -65914,6 +65927,8 @@ var remarkDirectiveQr_default = (ctx) => () => {
           padding: 0,
           width: realSizes[safeSize],
           height: realSizes[safeSize],
+          join: true,
+          container: "svg-viewbox",
           color: "#000000",
           background: "#ffffff",
           ecl: "M"
@@ -72049,6 +72064,115 @@ var remarkDirectivePagelist_default = (ctx) => () => {
   };
 };
 
+// src/rehypeQrCode.ts
+var rehypeQrCode_default = (ctx) => () => {
+  const qrcode = ctx.config.qrcode || ctx.navigation.current?.qrcode || true;
+  return (tree, file) => {
+    const originalChildren = tree.children;
+    if (!qrcode || !ctx.navigation.current?.href) {
+      return;
+    }
+    const qrcodeDialog = [
+      {
+        type: "element",
+        tagName: "button",
+        properties: {
+          id: "qrcode-open",
+          onclick: "hyperbook.qrcodeOpen()",
+          title: "QR-Code"
+        },
+        children: [
+          {
+            type: "element",
+            tagName: "div",
+            properties: {
+              class: "qrcode-icon"
+            },
+            children: []
+          }
+        ]
+      },
+      {
+        type: "element",
+        tagName: "dialog",
+        properties: {
+          id: "qrcode-dialog"
+        },
+        children: [
+          {
+            type: "element",
+            tagName: "div",
+            properties: {
+              class: "container"
+            },
+            children: [
+              {
+                type: "element",
+                tagName: "div",
+                properties: {
+                  class: "name"
+                },
+                children: [
+                  {
+                    type: "text",
+                    value: ctx.navigation.current.name || ctx.config.name
+                  }
+                ]
+              },
+              {
+                type: "element",
+                tagName: "div",
+                properties: {
+                  class: "make-qrcode"
+                },
+                children: []
+              },
+              {
+                type: "element",
+                tagName: "div",
+                properties: {
+                  class: "url"
+                },
+                children: [
+                  {
+                    type: "text",
+                    value: `${ctx.makeUrl(
+                      ctx.navigation.current?.href || "",
+                      "public"
+                    )}`
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            type: "element",
+            tagName: "button",
+            properties: {
+              class: "close",
+              onclick: "hyperbook.qrcodeClose()"
+            },
+            children: [
+              {
+                type: "element",
+                tagName: "div",
+                properties: {
+                  class: "close-icon"
+                },
+                children: []
+              }
+            ]
+          }
+        ]
+      }
+    ];
+    if (originalChildren[0].type === "element" && originalChildren[0].tagName === "div") {
+      originalChildren[0].children.push(...qrcodeDialog);
+    }
+    tree.children = originalChildren;
+  };
+};
+
 // src/process.ts
 var remark = (ctx) => {
   const remarkPlugins = [
@@ -72091,6 +72215,7 @@ var remark = (ctx) => {
   ];
   const rehypePlugins = [
     rehypeTableOfContents_default(ctx),
+    rehypeQrCode_default(ctx),
     rehypeKatex,
     [
       src_default,