hyperbook 0.72.0 → 0.72.2

package/dist/index.js

@@ -155707,6 +155707,7 @@ function remarkDirectiveTabs_default(ctx) {
           if (!tabsId) {
             tabsId = hash(node3);
           }
+          const instanceId = hash(node3);
           registerDirective(
             file,
             "tabs",
@@ -155733,8 +155734,23 @@ function remarkDirectiveTabs_default(ctx) {
             }
             tabTitleElements.push({
               type: "element",
-              tagName: "button",
+              tagName: "input",
               properties: {
+                type: "radio",
+                name: `tabs-${instanceId}`,
+                id: `tab-${instanceId}-${tabId}`,
+                "data-tab-id": tabId,
+                "data-tabs-id": tabsId,
+                class: "tab-input",
+                checked: first
+              },
+              children: []
+            });
+            tabTitleElements.push({
+              type: "element",
+              tagName: "label",
+              properties: {
+                for: `tab-${instanceId}-${tabId}`,
                 "data-tab-id": tabId,
                 "data-tabs-id": tabsId,
                 class: "tab" + (first ? " active" : "")
@@ -155754,7 +155770,15 @@ function remarkDirectiveTabs_default(ctx) {
             });
             first = false;
           }
+          const radioInputs = [];
+          const labelElements = [];
+          for (let i = 0; i < tabTitleElements.length; i += 2) {
+            radioInputs.push(tabTitleElements[i]);
+            labelElements.push(tabTitleElements[i + 1]);
+          }
           data.hChildren = [
+            ...radioInputs,
+            // Radio inputs as direct children
             {
               type: "element",
               tagName: "div",
@@ -155762,7 +155786,8 @@ function remarkDirectiveTabs_default(ctx) {
                 class: "tabs",
                 "data-tabs-id": tabsId
               },
-              children: tabTitleElements
+              children: labelElements
+              // Only labels in tabs div
             },
             ...tabContentElements
           ];
@@ -156867,11 +156892,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;
 }
 `;
   }
@@ -156881,6 +156908,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;
 }
 `;
   }
@@ -156890,6 +156918,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;
 }
 `;
   }
@@ -156899,6 +156928,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;
 }
 `;
   }
@@ -156946,7 +156976,8 @@ var rehypeHtmlStructure_default = (ctx) => () => {
         type: "element",
         tagName: "html",
         properties: {
-          lang: config2.language || "es"
+          lang: config2.language || "es",
+          class: "no-js"
         },
         children: [
           {
@@ -157086,6 +157117,19 @@ var rehypeHtmlStructure_default = (ctx) => () => {
                   }
                 ]
               },
+              {
+                type: "element",
+                tagName: "script",
+                properties: {},
+                children: [
+                  {
+                    type: "raw",
+                    value: `
+// Remove no-js class as soon as JavaScript is available
+document.documentElement.classList.remove('no-js');`
+                  }
+                ]
+              },
               {
                 type: "element",
                 tagName: "script",
@@ -157110,7 +157154,8 @@ var rehypeHtmlStructure_default = (ctx) => () => {
                 type: "element",
                 tagName: "script",
                 properties: {
-                  src: makeUrl(["i18n.js"], "assets")
+                  src: makeUrl(["i18n.js"], "assets"),
+                  defer: true
                 },
                 children: []
               },
@@ -157118,7 +157163,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: []
               },
@@ -157126,7 +157172,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: []
               },
@@ -157134,7 +157181,8 @@ var rehypeHtmlStructure_default = (ctx) => () => {
                 type: "element",
                 tagName: "script",
                 properties: {
-                  src: makeUrl(["store.js"], "assets")
+                  src: makeUrl(["store.js"], "assets"),
+                  defer: true
                 },
                 children: []
               },
@@ -157155,7 +157203,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: []
               },
@@ -157411,69 +157460,7 @@ var makeNavigationPageElement = (ctx, page) => {
 };
 var makeNavigationSectionElement = (ctx, section) => {
   const { virtual, isEmpty, href, name, pages, sections, expanded } = section;
-  const children = [];
   let isExpanded = ctx.navigation.current?.href?.startsWith(href || "") || expanded;
-  if (!virtual) {
-    if (isEmpty) {
-      children.push({
-        type: "element",
-        tagName: "div",
-        properties: {
-          class: [
-            "collapsible",
-            "name",
-            "empty",
-            ctx.navigation.current?.href === href ? "active" : "",
-            isExpanded ? "expanded" : ""
-          ].join(" ")
-        },
-        children: [
-          {
-            type: "element",
-            tagName: "span",
-            properties: {
-              class: "label"
-            },
-            children: [
-              {
-                type: "text",
-                value: name
-              }
-            ]
-          }
-        ]
-      });
-    } else {
-      children.push({
-        type: "element",
-        tagName: "div",
-        properties: {
-          class: [
-            "collapsible",
-            "name",
-            ctx.navigation.current?.href === href ? "active" : "",
-            isExpanded ? "expanded" : ""
-          ].join(" ")
-        },
-        children: [
-          {
-            type: "element",
-            tagName: "a",
-            properties: {
-              href: ctx.makeUrl(href || "", "book"),
-              class: "label"
-            },
-            children: [
-              {
-                type: "text",
-                value: name
-              }
-            ]
-          }
-        ]
-      });
-    }
-  }
   const pagesElements = pages.filter((page) => !page.hide).map((page) => makeNavigationPageElement(ctx, page));
   const linksElements = [];
   if (pagesElements.length > 0) {
@@ -157488,22 +157475,86 @@ var makeNavigationSectionElement = (ctx, section) => {
   }
   const sectionElements = sections.filter((s3) => !s3.hide).map((s3) => makeNavigationSectionElement(ctx, s3));
   linksElements.push(...sectionElements);
-  children.push({
-    type: "element",
-    tagName: "div",
-    properties: {
-      class: virtual ? "links" : "collapsible-content links"
-    },
-    children: linksElements
-  });
+  if (virtual) {
+    return {
+      type: "element",
+      tagName: "div",
+      properties: {
+        class: "virtual-section"
+      },
+      children: [
+        {
+          type: "element",
+          tagName: "div",
+          properties: {
+            class: "links"
+          },
+          children: linksElements
+        }
+      ]
+    };
+  }
+  const summaryChildren = [];
+  if (isEmpty) {
+    summaryChildren.push({
+      type: "element",
+      tagName: "span",
+      properties: {
+        class: "label"
+      },
+      children: [
+        {
+          type: "text",
+          value: name
+        }
+      ]
+    });
+  } else {
+    summaryChildren.push({
+      type: "element",
+      tagName: "a",
+      properties: {
+        href: ctx.makeUrl(href || "", "book"),
+        class: "label"
+      },
+      children: [
+        {
+          type: "text",
+          value: name
+        }
+      ]
+    });
+  }
   return {
     type: "element",
-    tagName: "div",
+    tagName: "details",
     properties: {
       "data-id": `_nav:${href}`,
-      class: virtual ? "virtual-section" : "section"
+      class: [
+        "section",
+        ctx.navigation.current?.href === href ? "active" : "",
+        isEmpty ? "empty" : ""
+      ].join(" "),
+      open: isExpanded
     },
-    children
+    children: [
+      {
+        type: "element",
+        tagName: "summary",
+        properties: {
+          class: "name"
+        },
+        children: summaryChildren
+      },
+      {
+        type: "element",
+        tagName: "div",
+        properties: {
+          class: "links"
+        },
+        children: linksElements
+      }
+    ]
   };
 };
 var makeNavigationElements = (ctx) => {
@@ -157815,7 +157866,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: []
         }
@@ -158769,10 +158821,8 @@ var remarkDirectiveCollapsible_default = (ctx) => () => {
       return [
         {
           type: "element",
-          tagName: "button",
-          properties: {
-            class: "collapsible"
-          },
+          tagName: "summary",
+          properties: {},
           children: [
             {
               type: "text",
@@ -158784,7 +158834,7 @@ var remarkDirectiveCollapsible_default = (ctx) => () => {
           type: "element",
           tagName: "div",
           properties: {
-            class: "collapsible-content"
+            class: "content"
           },
           children: element5.children.flatMap(transformCollapsible)
         }
@@ -158807,7 +158857,7 @@ var remarkDirectiveCollapsible_default = (ctx) => () => {
       expectContainerDirective(node3, file, name);
       registerDirective(file, name, [], ["style.css"], []);
       node3.attributes = {};
-      data.hName = "div";
+      data.hName = "details";
       data.hProperties = {
         class: "directive-collapsible",
         "data-id": id
@@ -158819,10 +158869,8 @@ var remarkDirectiveCollapsible_default = (ctx) => () => {
       data.hChildren = [
         {
           type: "element",
-          tagName: "button",
-          properties: {
-            class: "collapsible"
-          },
+          tagName: "summary",
+          properties: {},
           children: [
             {
               type: "text",
@@ -158834,7 +158882,7 @@ var remarkDirectiveCollapsible_default = (ctx) => () => {
           type: "element",
           tagName: "div",
           properties: {
-            class: "collapsible-content"
+            class: "content"
           },
           children: collapsibleContent
         }
@@ -173475,7 +173523,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"application/1d-interleaved-parityfec
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"hyperbook","version":"0.72.0","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.2","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperbook",
-  "version": "0.72.0",
+  "version": "0.72.2",
   "author": "Mike Barkmin",
   "homepage": "https://github.com/openpatch/hyperbook#readme",
   "license": "MIT",
@@ -57,7 +57,7 @@
     "update-check": "1.5.4",
     "ws": "^8.18.0",
     "create-hyperbook": "0.3.0",
-    "@hyperbook/markdown": "0.44.0",
+    "@hyperbook/markdown": "0.45.0",
     "@hyperbook/fs": "0.21.0",
     "@hyperbook/types": "0.18.0"
   },