@hyperbook/markdown 0.10.0 → 0.11.0

package/dist/assets/client.js

@@ -4,7 +4,7 @@ var hyperbook = (function () {
   const calcMaxHeight = (elem) => {
     const content = elem.nextElementSibling;
     if (content) {
-      if (elem.classList.contains("active")) {
+      if (elem.classList.contains("expanded")) {
         content.style.maxHeight = content.scrollHeight + "px";
       } else {
         content.style.maxHeight = "0";
@@ -20,9 +20,13 @@ var hyperbook = (function () {
   };
   for (let collapsible of collapsibles) {
     collapsible.addEventListener("click", () => {
-      collapsible.classList.toggle("active");
+      collapsible.classList.toggle("expanded");
       calcMaxHeight(collapsible);
     });
+
+    if (collapsible.classList.contains("expanded")) {
+      calcMaxHeight(collapsible);
+    }
   }
 
   function tocToggle() {

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

@@ -11,7 +11,7 @@
   margin-bottom: 10px;
 }
 
-.directive-collapsible button.active {
+.directive-collapsible button.expanded {
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   margin-bottom: 0px;
@@ -25,7 +25,7 @@
   margin-left: 5px;
 }
 
-.directive-collapsible button.active:after {
+.directive-collapsible button.expanded:after {
   content: "\2796";
   /* Unicode character for "minus" sign (-) */
 }
@@ -39,7 +39,7 @@
   display: none;
 }
 
-.directive-collapsible button.active+.collapsible-content {
+.directive-collapsible button.expanded+.collapsible-content {
   display: block;
   border-style: solid;
   border-width: 1px;

package/dist/assets/shell.css

@@ -615,11 +615,11 @@ nav li+li {
   margin-left: 5px;
 }
 
-.collapsible.active:after {
+.collapsible.expanded:after {
   content: "\2212";
 }
 
-.collapsible.active+.collapsible-content {
+.collapsible.expanded+.collapsible-content {
   max-height: 9999px;
 }
 

package/dist/index.js

@@ -62910,7 +62910,7 @@ var remarkDirectiveVideo_default = (ctx) => () => {
 };
 
 // src/remarkDirectiveYoutube.ts
-var remarkDirectiveYoutube_default = (_) => () => {
+var remarkDirectiveYoutube_default = (ctx) => () => {
   const name = "youtube";
   return (tree, file) => {
     visit(tree, function(node2) {
@@ -62921,7 +62921,10 @@ var remarkDirectiveYoutube_default = (_) => () => {
         const { id } = attributes5;
         expectLeafDirective(node2, file, name);
         if (id == null) {
-          file.fail(`Missing id, use ::youtube{#iasd}`, node2);
+          file.fail(
+            `[youtube] Missing id, use ::youtube{#iasd} (${ctx.navigation.current?.href})`,
+            node2
+          );
         }
         registerDirective(file, name, [], ["style.css"]);
         data.hName = "div";
@@ -62970,9 +62973,11 @@ var remarkDirectiveTiles_default = (ctx) => () => {
             const { title, size = "M", icon, href } = node3.attributes || {};
             expectLeafDirective(node3, file, "tile");
             if (!title) {
-              file.fail("A title is required", node3);
+              file.fail(
+                `[tiles] A title is required (${ctx.navigation.current?.href})`,
+                node3
+              );
             }
-            registerDirective(file, "tile");
             const tileChildren = [
               {
                 type: "element",
@@ -64459,8 +64464,9 @@ var makeNavigationPageElement = (ctx, page) => {
   };
 };
 var makeNavigationSectionElement = (ctx, section) => {
-  const { virtual, isEmpty, href, name, pages, sections } = section;
+  const { virtual, isEmpty, href, name, pages, sections, expanded } = section;
   const children = [];
+  let isExpanded = ctx.navigation.current?.href?.startsWith(href || "") || expanded;
   if (!virtual && isEmpty) {
     children.push({
       type: "element",
@@ -64470,7 +64476,8 @@ var makeNavigationSectionElement = (ctx, section) => {
           "collapsible",
           "name",
           "empty",
-          ctx.navigation.current?.href?.includes(href || "") ? "active" : ""
+          ctx.navigation.current?.href === href ? "active" : "",
+          isExpanded ? "expanded" : ""
         ].join(" ")
       },
       children: [
@@ -64497,7 +64504,8 @@ var makeNavigationSectionElement = (ctx, section) => {
         class: [
           "collapsible",
           "name",
-          ctx.navigation.current?.href === section.href ? "active" : ""
+          ctx.navigation.current?.href === href ? "active" : "",
+          isExpanded ? "expanded" : ""
         ].join(" ")
       },
       children: [
@@ -64586,10 +64594,14 @@ var makeMetaElements = (ctx) => {
     });
   }
   const copyrightChildren = [];
-  copyrightChildren.push({
-    type: "raw",
-    value: ctx.config.license ? linkLicense(ctx) : `\xA9 Copyright ${(/* @__PURE__ */ new Date()).getFullYear()}`
-  });
+  if (ctx.config.license) {
+    copyrightChildren.push(linkLicense(ctx));
+  } else {
+    copyrightChildren.push({
+      type: "text",
+      value: `\xA9 Copyright ${(/* @__PURE__ */ new Date()).getFullYear()}`
+    });
+  }
   if (ctx.config.author) {
     copyrightChildren.push({
       type: "text",
@@ -64630,7 +64642,7 @@ var makeMetaElements = (ctx) => {
 };
 var linkLicense = (ctx) => {
   const license = ctx.config.license;
-  if (!license) return "";
+  if (!license) return { type: "text", value: "" };
   let href = null;
   let label4 = "";
   switch (license.toLowerCase()) {
@@ -64671,9 +64683,24 @@ var linkLicense = (ctx) => {
     }
   }
   if (href) {
-    return `<a href="${href}">${label4}</a>`;
+    return {
+      type: "element",
+      tagName: "a",
+      properties: {
+        href
+      },
+      children: [
+        {
+          type: "text",
+          value: label4
+        }
+      ]
+    };
   }
-  return license;
+  return {
+    type: "raw",
+    value: license
+  };
 };
 var makeHeaderElements = (ctx) => {
   const { config: config2 } = ctx;
@@ -71759,7 +71786,7 @@ var remarkDirectiveTerm_default = (ctx) => () => {
         expectTextDirective(node2, file, "term");
         if (node2.children[0]?.type !== "text") {
           file.fail(
-            "Only plain text is supported, use :term[my text]{#my-id}",
+            `[term] Only plain text is supported, use :term[my text]{#my-id} (${ctx.navigation.current?.href})`,
             node2
           );
         }