@hyperbook/markdown 0.17.0 → 0.18.0

package/dist/assets/shell.css

@@ -194,7 +194,7 @@ a.jump.previous::before {
 .main-grid {
   font-family: hyperbook-body, sans-serif;
   display: grid;
-  position: absolute;
+  position: fixed;
   left: 0;
   right: 0;
   top: 0;

package/dist/index.js

@@ -63162,7 +63162,15 @@ var remarkDirectiveTabs_default = (ctx) => () => {
           let first = true;
           node3.children.filter(isDirective).forEach((node4) => {
             expectContainerDirective(node4, file, "tab");
-            let { title, id: tabId = hash(node4) } = node4.attributes || {};
+            let { title = "", id: tabId = hash(node4) } = node4.attributes || {};
+            let tree2 = remark(ctx).parse(title);
+            remarkGemoji()(tree2);
+            let hastTree = toHast(tree2);
+            if (hastTree.type === "root" && hastTree.children[0]?.type === "element" && hastTree.children[0]?.tagName === "p") {
+              hastTree = hastTree.children[0];
+              hastTree.tagName = "span";
+            }
+            console.log(JSON.stringify(hastTree, null, 2));
             tabTitleElements.push({
               type: "element",
               tagName: "button",
@@ -63171,12 +63179,7 @@ var remarkDirectiveTabs_default = (ctx) => () => {
                 "data-tabs-id": tabsId,
                 class: "tab" + (first ? " active" : "")
               },
-              children: [
-                {
-                  type: "text",
-                  value: title || ""
-                }
-              ]
+              children: hastTree.children || []
             });
             tabContentElements.push({
               type: "element",
@@ -64122,8 +64125,10 @@ var makeRootCssElement = ({
   let rootCss = `
 html,
 body {
-  overflow-x: hidden;
+  overflow: hidden;
   margin: 0;
+  height: 100dvh;
+  width: 100dvw;
 }
 
 body {
@@ -72462,6 +72467,7 @@ var remarkDirectiveGeogebra_default = (ctx) => () => {
 var remark = (ctx) => {
   const remarkPlugins = [
     remarkRemoveComments,
+    remarkGemoji,
     remarkDirective,
     dist_default,
     remarkDirectivePagelist_default(ctx),
@@ -72493,7 +72499,6 @@ var remark = (ctx) => {
     remarkDirectiveGeogebra_default(ctx),
     remarkCode_default(ctx),
     remarkMath,
-    remarkGemoji,
     remarkUnwrapImages,
     /* needs to be last directive */
     remarkDirectiveProtect_default(ctx),