@hyperbook/markdown 0.26.0 → 0.28.0

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

@@ -0,0 +1,53 @@
+.directive-multievent table {
+  width: auto;
+}
+
+.directive-multievent table td {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.directive-multievent {
+
+  .MECheckbox:not(first-child),
+  .MERadio:not(first-child) {
+    margin-left: 8px;
+  }
+
+  .MECheckbox,
+  .MERadio {
+    margin-right: 4px;
+  }
+
+  .MeChLabel~.MECheckbox,
+  .MeRaLabel~.MERadio {
+    margin-right: 8px;
+  }
+
+  .MeChLabel~.MECheckbox:not(first-child),
+  .MeRaLabel~.MERadio:not(first-child) {
+    margin-left: 4px;
+  }
+
+  table.MultiKwrTable,
+  table.MultiEvSuchTable {
+    background-color: transparent;
+    border: none;
+  }
+
+  table.MultiKwrTable *,
+  table.MultiEvSuchTable * {
+    line-height: 1;
+  }
+
+  .MultiKwrTable tr,
+  .MultiEvSuchTable tr {
+    background-color: transparent;
+    border: none;
+  }
+
+  .MultiKwrTable td,
+  .MultiEvSuchTable td {
+    padding: 0;
+  }
+}

package/dist/assets/shell.css

@@ -30,6 +30,7 @@ li {
 
 side-drawer {
   position: absolute;
+  width: 500px;
 }
 
 #nav-drawer {
@@ -208,8 +209,8 @@ a.jump.previous::before {
   right: 0;
   top: 0;
   bottom: 0;
-  grid-template-columns: 300px 1fr;
-  grid-template-rows: 80px 1fr;
+  grid-template-columns: var(--nav-width) 1fr;
+  grid-template-rows: var(--header-height) 1fr;
   grid-template-areas:
     "header header header"
     "nav article article";
@@ -224,10 +225,12 @@ a.jump.previous::before {
 }
 
 .sidebar {
+  font-size: var(--nav-font-size);
   display: flex;
   flex-direction: column;
   grid-area: nav;
   overflow-y: auto;
+  scrollbar-width: thin;
   border-right-style: solid;
   border-right-width: 1px;
   background: var(--color-nav);
@@ -271,8 +274,8 @@ a.jump.previous::before {
 .toggle>.bar1,
 .toggle>.bar2,
 .toggle>.bar3 {
-  width: 35px;
-  height: 5px;
+  width: 30px;
+  height: 4px;
   margin: 6px 0;
   transition: 0.4s;
 }
@@ -295,7 +298,6 @@ a.jump.previous::before {
 @media screen and (max-width: 1280px) {
   .main-grid {
     grid-template-columns: 1fr;
-    grid-template-rows: 80px 1fr;
     grid-template-areas:
       "header"
       "article";
@@ -318,7 +320,7 @@ main {
 }
 
 article {
-  max-width: 1280px;
+  max-width: var(--main-width);
   margin: 0 auto;
   grid-area: article;
   line-height: 1.5;
@@ -518,13 +520,13 @@ header {
 
 .branding .name {
   font-family: hyperbook-heading, sans-serif;
-  font-size: 20px;
+  font-size: 1.1rem;
   font-weight: bold;
 }
 
 .jump-container {
   display: flex;
-  max-width: 980px;
+  max-width: var(--main-width);
   margin: 0 auto;
   margin-top: 40px;
 }
@@ -544,7 +546,7 @@ header {
   gap: 16px;
   margin-top: 30px;
   padding-top: 30px;
-  max-width: 980px;
+  max-width: var(--main-width);
 }
 
 .meta .edit-github {
@@ -582,7 +584,7 @@ nav li+li {
 }
 
 .section {
-  margin-top: 8px;
+  margin-top: 4px;
 }
 
 .section>.name {

package/dist/index.js

@@ -66310,6 +66310,11 @@ body::-webkit-scrollbar {
   --color-brand: ${colors?.brand || "#007864"};
   --color-brand-dark: ${colors?.brandDark || colors?.brand || "#b5e3d8"};
   --color-brand-text: ${colors?.brandText || "white"};
+  --main-width: 980px;
+  --header-height: 60px;
+  --nav-width: minmax(300px, 0.33fr);
+  --nav-font-size: 0.9rem;
+  --body-font-size: 14px;
 }`;
   if (font) {
     rootCss += `
@@ -66359,7 +66364,7 @@ body {
   color: var(--color-text);
   font-family: hyperbook-body;
   font-weight: normal;
-  font-size: 16px;
+  font-size: var(--body-font-size);
   margin: 0;
   padding: 0;
 }
@@ -75771,10 +75776,92 @@ var remarkDirectiveJSXGraph_default = (ctx) => () => {
   };
 };
 
+// src/remarkDirectiveMultievent.ts
+var remarkDirectiveMultievent_default = (ctx) => () => {
+  const name = "multievent";
+  return (tree, file) => {
+    visit(tree, function(node3) {
+      if (isDirective(node3)) {
+        if (node3.name !== name) return;
+        const data = node3.data || (node3.data = {});
+        expectContainerDirective(node3, file, name);
+        registerDirective(file, name, ["multievent.js"], ["style.css"]);
+        data.hName = "div";
+        data.hProperties = {
+          class: "directive-multievent multievent"
+        };
+      }
+    });
+  };
+};
+
+// src/remarkSubSup.ts
+function supersub() {
+  return (tree) => {
+    visit(tree, ["text"], (node3, i, parent) => {
+      if (node3.type !== "text") {
+        return;
+      }
+      const { value } = node3;
+      const values = value.split(/\^/);
+      if (values.length === 1 || values.length % 2 === 0) {
+        return;
+      }
+      const children = values.map(
+        (str, i2) => i2 % 2 === 0 ? {
+          type: "text",
+          value: str
+        } : {
+          type: "superscript",
+          data: {
+            hName: "sup"
+          },
+          children: [
+            {
+              type: "text",
+              value: str
+            }
+          ]
+        }
+      );
+      parent.children.splice(i, 1, ...children);
+    });
+    visit(tree, ["text"], (node3, i, parent) => {
+      if (node3.type !== "text") {
+        return;
+      }
+      const { value } = node3;
+      const values = value.split(/\_/);
+      if (values.length === 1 || values.length % 2 === 0) {
+        return;
+      }
+      const children = values.map(
+        (str, i2) => i2 % 2 === 0 ? {
+          type: "text",
+          value: str
+        } : {
+          type: "subscript",
+          data: {
+            hName: "sub"
+          },
+          children: [
+            {
+              type: "text",
+              value: str
+            }
+          ]
+        }
+      );
+      parent.children.splice(i, 1, ...children);
+    });
+  };
+}
+
 // src/process.ts
 var remark = (ctx) => {
   i18n.init(ctx.config.language || "en");
   const remarkPlugins = [
+    supersub,
     remarkRemoveComments,
     remarkGemoji,
     remarkDirective,
@@ -75811,6 +75898,7 @@ var remark = (ctx) => {
     remarkDirectiveWebide_default(ctx),
     remarkDirectiveH5P_default(ctx),
     remarkDirectiveJSXGraph_default(ctx),
+    remarkDirectiveMultievent_default(ctx),
     remarkCode_default(ctx),
     remarkMath,
     /* needs to be last directive */