@hyperbook/markdown 0.28.4 → 0.29.0

package/dist/index.d.ts

@@ -4,6 +4,7 @@ declare module "vfile" {
         directives: Record<string, {
             scripts: string[];
             styles: string[];
+            addditionalDirective: string[];
         }>;
         js: string[][];
         css: string[][];

package/dist/index.js

@@ -65098,13 +65098,14 @@ var findFlat = (node3, predicate) => {
   inner2(node3);
   return nodes;
 };
-var registerDirective = (file, directive2, scripts = [], styles2 = []) => {
+var registerDirective = (file, directive2, scripts = [], styles2 = [], additionalDirective = []) => {
   if (!file.data.directives) {
     file.data.directives = {};
   }
   file.data.directives[directive2] = {
     scripts,
-    styles: styles2
+    styles: styles2,
+    addditionalDirective: additionalDirective || []
   };
 };
 var requestJS = (file, js) => {
@@ -65183,7 +65184,7 @@ var remarkDirectiveVideo_default = (ctx) => () => {
         const attributes4 = node3.attributes || {};
         const { src, title, author, poster } = attributes4;
         expectLeafDirective(node3, file, name);
-        registerDirective(file, name, [], ["style.css"]);
+        registerDirective(file, name, [], ["style.css"], []);
         const information = [];
         if (title) {
           information.push({
@@ -65247,8 +65248,16 @@ var remarkDirectiveVideo_default = (ctx) => () => {
                 tagName: "video",
                 properties: {
                   controls: true,
-                  src: src ? ctx.makeUrl(src, "public") : void 0,
-                  poster: poster ? ctx.makeUrl(poster, "public") : void 0,
+                  src: src ? ctx.makeUrl(
+                    src,
+                    "public",
+                    ctx.navigation.current || void 0
+                  ) : void 0,
+                  poster: poster ? ctx.makeUrl(
+                    poster,
+                    "public",
+                    ctx.navigation.current || void 0
+                  ) : void 0,
                   width: "100%"
                 },
                 children: [
@@ -65291,7 +65300,7 @@ var remarkDirectiveYoutube_default = (ctx) => () => {
             node3
           );
         }
-        registerDirective(file, name, [], ["style.css"]);
+        registerDirective(file, name, [], ["style.css"], []);
         data.hName = "div";
         data.hProperties = {
           class: "directive-youtube",
@@ -65329,7 +65338,7 @@ var remarkDirectiveTiles_default = (ctx) => () => {
           data.hProperties = {
             class: "directive-tiles"
           };
-          registerDirective(file, "tiles", [], ["style.css"]);
+          registerDirective(file, "tiles", [], ["style.css"], ["tile"]);
           const tilesChildren = [];
           node3.children.filter(isDirective).forEach((node4) => {
             if (node4.name !== "tile") {
@@ -65512,6 +65521,15 @@ function remarkDirectiveTabs_default(ctx) {
       const tabsNodes = [];
       visit(tree, function(node3) {
         if (isDirective(node3)) {
+          if (node3.name == "tab") {
+            registerDirective(
+              file,
+              "tabs",
+              ["client.js"],
+              ["style.css"],
+              ["tab"]
+            );
+          }
           if (node3.name !== "tabs") return;
           tabsNodes.push(node3);
           return;
@@ -65525,7 +65543,13 @@ function remarkDirectiveTabs_default(ctx) {
           if (!tabsId) {
             tabsId = hash(node3);
           }
-          registerDirective(file, "tabs", ["client.js"], ["style.css"]);
+          registerDirective(
+            file,
+            "tabs",
+            ["client.js"],
+            ["style.css"],
+            ["tab"]
+          );
           data.hName = "div";
           data.hProperties = {
             class: "directive-tabs"
@@ -65600,7 +65624,7 @@ var remarkDirectiveSqlIde_default = (ctx) => () => {
           height = ctx.config.elements?.sqlide?.height || "600px"
         } = attributes4;
         expectContainerDirective(node3, file, name);
-        registerDirective(file, name, ["client.js"], ["style.css"]);
+        registerDirective(file, name, ["client.js"], ["style.css"], []);
         const codes = node3.children?.filter(isCode).map((n) => ({
           type: "element",
           tagName: "script",
@@ -65828,7 +65852,7 @@ var remarkDirectiveSlideshow_default = (_) => () => {
         const data = node3.data || (node3.data = {});
         const { height = "300px", id = hash(node3) } = node3.attributes || {};
         expectContainerDirective(node3, file, "slideshow");
-        registerDirective(file, "slideshow", ["client.js"], ["style.css"]);
+        registerDirective(file, "slideshow", ["client.js"], ["style.css"], []);
         const images = findFlat(node3, isImage);
         data.hName = "div";
         data.hProperties = {
@@ -68201,7 +68225,7 @@ var remarkDirectiveBookmarks_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectLeafDirective(node3, file, name);
-        registerDirective(file, name, ["client.js"], ["style.css"]);
+        registerDirective(file, name, ["client.js"], ["style.css"], []);
         data.hName = "ul";
         data.hProperties = {
           class: "directive-bookmarks"
@@ -68281,7 +68305,7 @@ var remarkDirectiveAlert_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectContainerDirective(node3, file, name);
-        registerDirective(file, name, [], ["style.css"]);
+        registerDirective(file, name, [], ["style.css"], []);
         const type = Object.keys(node3.attributes || {}).join(" ");
         data.hName = "div";
         data.hProperties = {
@@ -68312,7 +68336,8 @@ var remarkDirectiveAudio_default = (ctx) => () => {
           file,
           name,
           ["wavesurfer.min.js", "client.js"],
-          ["style.css"]
+          ["style.css"],
+          []
         );
         const id = hash(node3);
         node3.attributes = {};
@@ -68328,7 +68353,11 @@ var remarkDirectiveAudio_default = (ctx) => () => {
               tagName: "div",
               properties: {
                 class: "thumbnail",
-                style: `background-image: url("${ctx.makeUrl(thumbnail, "public")}")`
+                style: `background-image: url("${ctx.makeUrl(
+                  thumbnail,
+                  "public",
+                  ctx.navigation.current || void 0
+                )}")`
               },
               children: []
             });
@@ -68350,7 +68379,11 @@ var remarkDirectiveAudio_default = (ctx) => () => {
           properties: {
             class: "wave",
             id,
-            "data-src": src
+            "data-src": ctx.makeUrl(
+              src || "",
+              "public",
+              ctx.navigation.current || void 0
+            )
           },
           children: []
         });
@@ -68371,7 +68404,11 @@ var remarkDirectiveAudio_default = (ctx) => () => {
               tagName: "div",
               properties: {
                 class: "thumbnail",
-                style: `background-image: url("${ctx.makeUrl(thumbnail, "public")}")`
+                style: `background-image: url("${ctx.makeUrl(
+                  thumbnail,
+                  "public",
+                  ctx.navigation.current || void 0
+                )}")`
               },
               children: []
             });
@@ -68503,7 +68540,7 @@ var remarkDirectiveCollapsible_default = (ctx) => () => {
       const data = node3.data || (node3.data = {});
       const { title = "", id = hash(node3) } = node3.data.hProperties || {};
       expectContainerDirective(node3, file, name);
-      registerDirective(file, name, [], ["style.css"]);
+      registerDirective(file, name, [], ["style.css"], []);
       node3.attributes = {};
       data.hName = "div";
       data.hProperties = {
@@ -68550,7 +68587,7 @@ var remarkDirectiveArchive_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectTextDirective(node3, file, name);
-        registerDirective(file, name, ["client.js"], ["style.css"]);
+        registerDirective(file, name, ["client.js"], ["style.css"], []);
         const { name: archiveName = "" } = node3.attributes || {};
         data.hName = "a";
         data.hProperties = {
@@ -68596,14 +68633,18 @@ var remarkDirectiveDownload_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectTextDirective(node3, file, name);
-        registerDirective(file, name, ["client.js"], ["style.css"]);
+        registerDirective(file, name, ["client.js"], ["style.css"], []);
         const { src = "" } = node3.attributes || {};
         data.hName = "a";
         data.hProperties = {
           class: "directive-download",
           target: "_blank",
           rel: "noopener noreferrer",
-          href: ctx.makeUrl(src, "public")
+          href: ctx.makeUrl(
+            src,
+            "public",
+            ctx.navigation.current || void 0
+          )
         };
         data.hChildren = [
           {
@@ -68642,7 +68683,7 @@ var remarkDirectiveEmbed_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectLeafDirective(node3, file, name);
-        registerDirective(file, name, [], ["style.css"]);
+        registerDirective(file, name, [], ["style.css"], []);
         const {
           aspectRatio,
           width = "100%",
@@ -68682,7 +68723,7 @@ var remarkDirectiveProtect_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectContainerDirective(node3, file, name);
-        registerDirective(file, name, ["client.js"], ["style.css"]);
+        registerDirective(file, name, ["client.js"], ["style.css"], []);
         const {
           password = "",
           description = "",
@@ -68772,7 +68813,7 @@ var remarkDirectiveQr_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectLeafDirective(node3, file, name);
-        registerDirective(file, name, [], ["style.css"]);
+        registerDirective(file, name, [], ["style.css"], []);
         const { value = "", size = "M", label: label4 } = node3.attributes || {};
         const safeSize = size;
         const qr = new import_qrcode_svg.default({
@@ -68786,7 +68827,6 @@ var remarkDirectiveQr_default = (ctx) => () => {
           background: "#ffffff",
           ecl: "M"
         }).svg();
-        console.log(qr);
         const labelElement = [];
         if (label4) {
           labelElement.push({
@@ -68842,7 +68882,8 @@ var remarkDirectiveExcalidraw_default = (ctx) => () => {
           file,
           name,
           ["client.js", "hyperbook-excalidraw.umd.js"],
-          ["style.css", "excalidraw.css"]
+          ["style.css", "excalidraw.css"],
+          []
         );
         const {
           aspectRatio = "16/9",
@@ -68863,7 +68904,11 @@ var remarkDirectiveExcalidraw_default = (ctx) => () => {
             properties: {
               "auto-zoom": autoZoom,
               edit,
-              src: ctx.makeUrl(src, "public"),
+              src: ctx.makeUrl(
+                src,
+                "public",
+                ctx.navigation.current || void 0
+              ),
               onlinkopen
             },
             children: []
@@ -68887,7 +68932,8 @@ var remarkDirectiveScratchblock_default = (ctx) => () => {
           file,
           name,
           ["scratchblocks.min.js", "translations.js", "client.js"],
-          ["style.css"]
+          ["style.css"],
+          []
         );
         data.hName = "pre";
         data.hProperties = {
@@ -68912,7 +68958,8 @@ var remarkDirectiveMermaid_default = (ctx) => () => {
           file,
           name,
           ["mermaid.min.js", "client.js"],
-          ["style.css"]
+          ["style.css"],
+          []
         );
         const value = node3.value || toString2(node3.children);
         const {} = node3.attributes || {};
@@ -73295,7 +73342,7 @@ var remarkDirectivePlantuml_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectContainerDirective(node3, file, name);
-        registerDirective(file, name, [], ["style.css"]);
+        registerDirective(file, name, [], ["style.css"], []);
         const text9 = toString2(node3.children);
         const url = `https://kroki.io/plantuml/svg/${encode2(text9)}`;
         const { alt, width } = node3.attributes || {};
@@ -73341,7 +73388,7 @@ var remarkDirectiveOnlineIde_default = (ctx) => () => {
           id = hash(node3)
         } = attributes4;
         expectContainerDirective(node3, file, name);
-        registerDirective(file, name, ["client.js"], ["style.css"]);
+        registerDirective(file, name, ["client.js"], ["style.css"], []);
         const codes = node3.children?.filter(isCode).map((n) => ({
           type: "element",
           tagName: "script",
@@ -74613,7 +74660,7 @@ var remarkDirectiveStruktog_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectLeafDirective(node3, file, name);
-        registerDirective(file, name, [], ["style.css"]);
+        registerDirective(file, name, [], ["style.css"], []);
         const { data: stRawData = "" } = node3.attributes || {};
         const stData = (stRawData || "").replace(
           new RegExp("https://struktog.openpatch.org/?#"),
@@ -74690,7 +74737,7 @@ var remarkDirectiveTerm_default = (ctx) => () => {
             node3
           );
         }
-        registerDirective(file, "term", [], ["style.css"]);
+        registerDirective(file, "term", [], ["style.css"], ["t"]);
         const value = node3.children[0].value;
         const data = node3.data || (node3.data = {});
         const attributes4 = node3.attributes || {};
@@ -74724,7 +74771,11 @@ var remarkLink_default = (ctx) => () => {
     visit(tree, (node3, index2) => {
       if (typeof index2 === "number" && (node3.type === "link" || node3.type === "linkReference" || node3.type === "image" || node3.type === "imageReference" || node3.type === "definition")) {
         if (node3.url) {
-          node3.url = ctx.makeUrl(node3.url, "public");
+          node3.url = ctx.makeUrl(
+            node3.url,
+            "public",
+            ctx.navigation.current || void 0
+          );
         }
       }
     });
@@ -74773,7 +74824,7 @@ var remarkDirectivePagelist_default = (ctx) => () => {
           source = "href(.*)"
         } = attributes4;
         expectLeafDirective(node3, file, name);
-        registerDirective(file, name, [], ["style.css"]);
+        registerDirective(file, name, [], ["style.css"], []);
         data.hName = "div";
         data.hProperties = {
           class: "directive-pagelist"
@@ -75369,7 +75420,8 @@ var remarkDirectiveGeogebra_default = (ctx) => () => {
             "geogebra-web-component.js",
             "client.js"
           ],
-          ["style.css"]
+          ["style.css"],
+          []
         );
         data.hName = "div";
         data.hProperties = {
@@ -75386,7 +75438,11 @@ var remarkDirectiveGeogebra_default = (ctx) => () => {
               height,
               width,
               borderRadius: 8,
-              material: src ? ctx.makeUrl(src, "public") : void 0,
+              material: src ? ctx.makeUrl(
+                src,
+                "public",
+                ctx.navigation.current || void 0
+              ) : void 0,
               language: ctx.config.language || "en",
               "data-id": id,
               showFullscreenButton,
@@ -75421,7 +75477,8 @@ var remarkDirectiveAbcMusic_default = (ctx) => () => {
           file,
           name,
           ["abcjs-basic-min.js", "client.js"],
-          ["style.css"]
+          ["style.css"],
+          []
         );
         requestJS(file, ["code-input", "code-input.min.js"]);
         requestCSS(file, ["code-input", "code-input.min.css"]);
@@ -75543,7 +75600,7 @@ var remarkDirectivePyide_default = (ctx) => () => {
         const data = node3.data || (node3.data = {});
         const { src = "", id = hash(node3) } = node3.attributes || {};
         expectContainerDirective(node3, file, name);
-        registerDirective(file, name, ["client.js"], ["style.css"]);
+        registerDirective(file, name, ["client.js"], ["style.css"], []);
         requestJS(file, ["code-input", "code-input.min.js"]);
         requestCSS(file, ["code-input", "code-input.min.css"]);
         requestJS(file, ["code-input", "auto-close-brackets.min.js"]);
@@ -75784,7 +75841,7 @@ html, body {
         const { height = 400, id = hash(node3) } = node3.attributes || {};
         const data = node3.data || (node3.data = {});
         expectContainerDirective(node3, file, name);
-        registerDirective(file, name, ["client.js"], ["style.css"]);
+        registerDirective(file, name, ["client.js"], ["style.css"], []);
         requestJS(file, ["code-input", "code-input.min.js"]);
         requestCSS(file, ["code-input", "code-input.min.css"]);
         requestJS(file, ["code-input", "auto-close-brackets.min.js"]);
@@ -76022,13 +76079,14 @@ var remarkDirectiveH5P_default = (ctx) => () => {
           file,
           name,
           ["main.bundle.js", "client.js"],
-          ["style.css"]
+          ["style.css"],
+          []
         );
         const {} = node3.attributes || {};
         data.hName = "div";
         data.hProperties = {
           class: "directive-h5p",
-          "data-src": src ? ctx.makeUrl(src, "public") : void 0,
+          "data-src": src ? ctx.makeUrl(src, "public", ctx.navigation.current || void 0) : void 0,
           "data-id": id
         };
         data.hChildren = [
@@ -76071,7 +76129,8 @@ var remarkDirectiveJSXGraph_default = (ctx) => () => {
           file,
           name,
           ["client.js"],
-          ["jsxgraph.css", "style.css"]
+          ["jsxgraph.css", "style.css"],
+          []
         );
         requestJS(file, ["directive-jsxgraph", "jsxgraphcore.js"]);
         data.hName = "div";
@@ -76124,7 +76183,7 @@ var remarkDirectiveMultievent_default = (ctx) => () => {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
         expectContainerDirective(node3, file, name);
-        registerDirective(file, name, ["multievent.js"], ["style.css"]);
+        registerDirective(file, name, ["multievent.js"], ["style.css"], []);
         data.hName = "div";
         data.hProperties = {
           class: "directive-multievent multievent"
@@ -76196,6 +76255,30 @@ function supersub() {
   };
 }
 
+// src/remarkDirectiveUnpack.ts
+var remarkDirectiveUnpack_default = (ctx) => () => {
+  return (tree, file) => {
+    const directives = Object.keys(file.data.directives || {}).flatMap((n) => [
+      ...file.data?.directives?.[n].addditionalDirective || [],
+      n
+    ]);
+    directives.push("p5");
+    visit(tree, (node3) => {
+      if ((node3.type === "textDirective" || node3.type === "leafDirective" || node3.type === "containerDirective") && !directives.includes(node3.name)) {
+        if (node3.type === "textDirective") {
+          node3.value = `:${node3.name}`;
+        } else if (node3.type === "leafDirective") {
+          node3.value = `::${node3.name}`;
+        } else if (node3.type === "containerDirective") {
+          node3.value = `:::${node3.name}`;
+        }
+        node3.type = "text";
+        node3.data = {};
+      }
+    });
+  };
+};
+
 // src/process.ts
 var remark = (ctx) => {
   i18n.init(ctx.config.language || "en");
@@ -76242,6 +76325,8 @@ var remark = (ctx) => {
     remarkMath,
     /* needs to be last directive */
     remarkDirectiveProtect_default(ctx),
+    /* needs to be after all directives */
+    remarkDirectiveUnpack_default(ctx),
     remarkCollectHeadings_default(ctx),
     remarkCollectSearchDocuments_default(ctx)
   ];