@hyperbook/markdown 0.28.4 → 0.28.5

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({
@@ -65291,7 +65292,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 +65330,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 +65513,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 +65535,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 +65616,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 +65844,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 +68217,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 +68297,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 +68328,8 @@ var remarkDirectiveAudio_default = (ctx) => () => {
           file,
           name,
           ["wavesurfer.min.js", "client.js"],
-          ["style.css"]
+          ["style.css"],
+          []
         );
         const id = hash(node3);
         node3.attributes = {};
@@ -68503,7 +68520,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 +68567,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,7 +68613,7 @@ 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 = {
@@ -68642,7 +68659,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 +68699,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 +68789,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 +68803,6 @@ var remarkDirectiveQr_default = (ctx) => () => {
           background: "#ffffff",
           ecl: "M"
         }).svg();
-        console.log(qr);
         const labelElement = [];
         if (label4) {
           labelElement.push({
@@ -68842,7 +68858,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",
@@ -68887,7 +68904,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 +68930,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 +73314,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 +73360,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 +74632,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 +74709,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 || {};
@@ -74773,7 +74792,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 +75388,8 @@ var remarkDirectiveGeogebra_default = (ctx) => () => {
             "geogebra-web-component.js",
             "client.js"
           ],
-          ["style.css"]
+          ["style.css"],
+          []
         );
         data.hName = "div";
         data.hProperties = {
@@ -75421,7 +75441,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 +75564,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 +75805,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,7 +76043,8 @@ var remarkDirectiveH5P_default = (ctx) => () => {
           file,
           name,
           ["main.bundle.js", "client.js"],
-          ["style.css"]
+          ["style.css"],
+          []
         );
         const {} = node3.attributes || {};
         data.hName = "div";
@@ -76071,7 +76093,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 +76147,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 +76219,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 +76289,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)
   ];