npm - hyperbook - Versions diffs - 0.89.3 → 0.91.0 - Mend

hyperbook 0.89.3 → 0.91.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/assets/code-input/auto-close-brackets.min.js +1 -1
package/dist/assets/code-input/code-input.min.css +1 -1
package/dist/assets/code-input/code-input.min.js +12 -1
package/dist/assets/code-input/indent.min.js +1 -1
package/dist/assets/directive-excalidraw/hyperbook-excalidraw.umd.js +1 -1
package/dist/assets/directive-onlineide/style.css +8 -0
package/dist/assets/directive-p5/client.js +113 -0
package/dist/assets/directive-p5/style.css +67 -3
package/dist/assets/directive-pyide/client.js +1215 -144
package/dist/assets/directive-pyide/style.css +183 -6
package/dist/assets/directive-sqlide/style.css +8 -0
package/dist/assets/directive-typst/client.js +154 -14
package/dist/assets/directive-typst/style.css +65 -4
package/dist/assets/directive-webide/client.js +114 -0
package/dist/assets/directive-webide/style.css +61 -3
package/dist/index.js +432 -56
package/dist/locales/de.json +12 -0
package/dist/locales/en.json +12 -0
package/package.json +4 -4
package/dist/assets/directive-pyide/webworker.js +0 -86

package/dist/index.js CHANGED Viewed

@@ -55420,7 +55420,13 @@ async function buildSingleBookPage(file, baseCtx, pageList, pagesAndSections, ro
         const permaOut = path_1.default.join(rootOut, "@");
         await (0, make_dir_1.makeDir)(permaOut, { recursive: true });
         const permaFileOut = path_1.default.join(permaOut, file.markdown.data.permaid + ".html");
-        await promises_1.default.writeFile(permaFileOut, result.value);
+        const redirectUrl = path_1.posix.join("/", hyperbookJson.basePath || "", file.path.href || "");
+        const redirectHtml = `<!DOCTYPE html>
+<meta charset="utf-8">
+<meta http-equiv="refresh" content="0; url=${redirectUrl}">
+<link rel="canonical" href="${redirectUrl}">
+`;
+        await promises_1.default.writeFile(permaFileOut, redirectHtml);
     }
     await promises_1.default.writeFile(fileOut, result.value);
     return { searchDocuments, directives };
@@ -171310,6 +171316,166 @@ function remarkGfm(options2) {
   toMarkdownExtensions.push(gfmToMarkdown(settings));
 }
+// src/langs/hyperbook.tmLanguage.json
+var hyperbook_tmLanguage_default = {
+  $schema: "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
+  name: "hyperbook",
+  scopeName: "source.hyperbook",
+  patterns: [
+    { include: "#frontmatter" },
+    { include: "#container-directive" },
+    { include: "#leaf-directive" },
+    { include: "#inline-directive" },
+    { include: "text.html.markdown" }
+  ],
+  repository: {
+    frontmatter: {
+      name: "markup.raw.yaml.front-matter.hyperbook",
+      begin: "\\A(-{3})\\s*$",
+      beginCaptures: {
+        "1": {
+          name: "punctuation.definition.frontmatter.hyperbook"
+        }
+      },
+      end: "^(-{3})\\s*$",
+      endCaptures: {
+        "1": {
+          name: "punctuation.definition.frontmatter.hyperbook"
+        }
+      },
+      patterns: [{ include: "source.yaml" }]
+    },
+    "container-directive": {
+      name: "meta.directive.container.hyperbook",
+      begin: "(^|\\G)(:{3,})([a-zA-Z][\\w-]*)(\\{[^}]*\\})?\\s*$",
+      end: "(^|\\G)(\\2)\\s*$",
+      beginCaptures: {
+        "2": {
+          name: "punctuation.definition.directive.hyperbook"
+        },
+        "3": {
+          name: "entity.name.function.directive.hyperbook"
+        },
+        "4": {
+          patterns: [{ include: "#directive-attributes" }]
+        }
+      },
+      endCaptures: {
+        "2": {
+          name: "punctuation.definition.directive.hyperbook"
+        }
+      },
+      patterns: [{ include: "$self" }]
+    },
+    "leaf-directive": {
+      name: "meta.directive.leaf.hyperbook",
+      match: "(^|\\G)(:{2})([a-zA-Z][\\w-]*)(\\[[^\\]]*\\])?(\\{[^}]*\\})?\\s*$",
+      captures: {
+        "2": {
+          name: "punctuation.definition.directive.hyperbook"
+        },
+        "3": {
+          name: "entity.name.function.directive.hyperbook"
+        },
+        "4": {
+          patterns: [{ include: "#directive-label" }]
+        },
+        "5": {
+          patterns: [{ include: "#directive-attributes" }]
+        }
+      }
+    },
+    "inline-directive": {
+      name: "meta.directive.inline.hyperbook",
+      match: "(?<!:)(:)([a-zA-Z][\\w-]*)(\\[[^\\]]*\\])?(\\{[^}]*\\})?",
+      captures: {
+        "1": {
+          name: "punctuation.definition.directive.hyperbook"
+        },
+        "2": {
+          name: "entity.name.function.directive.hyperbook"
+        },
+        "3": {
+          patterns: [{ include: "#directive-label" }]
+        },
+        "4": {
+          patterns: [{ include: "#directive-attributes" }]
+        }
+      }
+    },
+    "directive-attributes": {
+      match: "\\{([^}]*)\\}",
+      captures: {
+        "0": {
+          name: "meta.directive.attributes.hyperbook"
+        },
+        "1": {
+          patterns: [
+            {
+              name: "variable.other.directive.id.hyperbook",
+              match: "#[a-zA-Z][\\w-]*"
+            },
+            {
+              name: "entity.other.attribute-name.class.hyperbook",
+              match: "\\.[a-zA-Z][\\w-]*"
+            },
+            {
+              match: '([a-zA-Z][\\w-]*)\\s*=\\s*"([^"]*)"',
+              captures: {
+                "1": {
+                  name: "entity.other.attribute-name.hyperbook"
+                },
+                "2": {
+                  name: "string.quoted.double.hyperbook"
+                }
+              }
+            },
+            {
+              match: "([a-zA-Z][\\w-]*)\\s*=\\s*(?:(true|false)|([0-9]+))",
+              captures: {
+                "1": {
+                  name: "entity.other.attribute-name.hyperbook"
+                },
+                "2": {
+                  name: "constant.language.boolean.hyperbook"
+                },
+                "3": {
+                  name: "constant.numeric.hyperbook"
+                }
+              }
+            },
+            {
+              match: '([a-zA-Z][\\w-]*)\\s*=\\s*([^\\s}"]+)',
+              captures: {
+                "1": {
+                  name: "entity.other.attribute-name.hyperbook"
+                },
+                "2": {
+                  name: "string.unquoted.hyperbook"
+                }
+              }
+            }
+          ]
+        }
+      }
+    },
+    "directive-label": {
+      match: "(\\[)([^\\]]*)(\\])",
+      captures: {
+        "1": {
+          name: "punctuation.definition.label.begin.hyperbook"
+        },
+        "2": {
+          name: "string.other.directive.label.hyperbook"
+        },
+        "3": {
+          name: "punctuation.definition.label.end.hyperbook"
+        }
+      }
+    }
+  }
+};
 // ../../node_modules/.pnpm/character-reference-invalid@2.0.1/node_modules/character-reference-invalid/index.js
 var characterReferenceInvalid = {
   0: "\uFFFD",
@@ -174752,14 +174918,26 @@ var en_default = {
   "audio-play": "Play/Pause",
   "archive-offline": "Offline",
   "download-offline": "Offline",
+  "ide-fullscreen-enter": "Fullscreen",
+  "ide-fullscreen-exit": "Exit Fullscreen",
   "pyide-run": "Run",
+  "pyide-running": "Running ...",
   "pyide-running-click-to-stop": "Running (Click to stop) ...",
   "pyide-running-refresh-to-stop": "Running (Refresh to stop) ...",
   "pyide-test": "Test",
+  "pyide-testing": "Test running ...",
   "pyide-test-running-click-to-stop": "Test running (Click to stop) ...",
   "pyide-test-running-refresh-to-stop": "Test running (Refresh to stop) ...",
+  "pyide-stop": "Stop",
+  "pyide-stop-refresh": "Stop (refresh)",
+  "pyide-locked-other-instance-running": "Another PyIDE instance is running",
+  "pyide-stopping": "Stopping ...",
+  "pyide-stop-reloading": "Stopping requires a refresh on this page. Reloading now...",
+  "pyide-stop-refresh-required": "Stop requested. If execution does not stop, refresh the page or enable COOP/COEP headers.",
   "pyide-output": "Output",
+  "pyide-canvas": "Canvas",
   "pyide-input": "Input",
+  "pyide-input-prompt": "Input required:",
   "pyide-reset": "Reset",
   "pyide-copy": "Copy",
   "pyide-download": "Download",
@@ -174861,14 +175039,26 @@ var de_default = {
   "audio-play": "Abspielen/Pause",
   "archive-offline": "Offline",
   "download-offline": "Offline",
+  "ide-fullscreen-enter": "Vollbild",
+  "ide-fullscreen-exit": "Vollbild beenden",
   "pyide-run": "Ausf\xFChren",
+  "pyide-running": "Wird ausgef\xFChrt ...",
   "pyide-running-click-to-stop": "Wird ausgef\xFChrt (Klicken zum Stoppen) ...",
   "pyide-running-refresh-to-stop": "Wird ausgef\xFChrt (Aktualisieren zum Stoppen) ...",
   "pyide-test": "Testen",
+  "pyide-testing": "Test l\xE4uft ...",
   "pyide-test-running-click-to-stop": "Test l\xE4uft (Klicken zum Stoppen) ...",
   "pyide-test-running-refresh-to-stop": "Test l\xE4uft (Aktualisieren zum Stoppen) ...",
+  "pyide-stop": "Stoppen",
+  "pyide-stop-refresh": "Stoppen (Neuladen)",
+  "pyide-locked-other-instance-running": "Eine andere PyIDE-Instanz l\xE4uft",
+  "pyide-stopping": "Wird gestoppt ...",
+  "pyide-stop-reloading": "Zum Stoppen ist auf dieser Seite ein Neuladen n\xF6tig. Seite wird neu geladen...",
+  "pyide-stop-refresh-required": "Stopp angefordert. Wenn die Ausf\xFChrung nicht stoppt, Seite neu laden oder COOP/COEP-Header aktivieren.",
   "pyide-output": "Ausgabe",
+  "pyide-canvas": "Canvas",
   "pyide-input": "Eingabe",
+  "pyide-input-prompt": "Eingabe erforderlich:",
   "pyide-reset": "Zur\xFCcksetzen",
   "pyide-copy": "Kopieren",
   "pyide-download": "Herunterladen",
@@ -177380,7 +177570,7 @@ var remarkDirectiveSqlIde_default = (ctx) => () => {
         let {
           id = hash(node3),
           db,
-          height = ctx.config.elements?.sqlide?.height || "600px"
+          height = ctx.config.elements?.sqlide?.height || "calc(100dvh - 80px)"
         } = attributes4;
         if (!db) {
           db = ctx.config.elements?.sqlide?.db ? ctx.makeUrl(ctx.config.elements?.sqlide?.db, "public") : ctx.makeUrl(
@@ -177432,7 +177622,8 @@ var remarkDirectiveSqlIde_default = (ctx) => () => {
         }));
         data.hName = "div";
         data.hProperties = {
-          class: "directive-sqlide"
+          class: "directive-sqlide",
+          style: `--sqlide-height: ${height}`
         };
         data.hChildren = [
           {
@@ -177440,7 +177631,7 @@ var remarkDirectiveSqlIde_default = (ctx) => () => {
             tagName: "div",
             properties: {
               class: "sql-online",
-              style: `height: ${height}; padding: 0; margin: 0;`,
+              style: `padding: 0; margin: 0;`,
               "data-sql-online": `{'id': '${id}', "databaseURL": "${db}"}`
             },
             children: [...codes]
@@ -185732,7 +185923,7 @@ var remarkDirectiveOnlineIde_default = (ctx) => () => {
         const data = node3.data || (node3.data = {});
         const attributes4 = node3.attributes || {};
         const {
-          height = ctx.config.elements?.onlineide?.height || "600px",
+          height = ctx.config.elements?.onlineide?.height || "calc(100dvh - 80px)",
           fileList = true,
           console: con = true,
           pCode = false,
@@ -185776,7 +185967,8 @@ var remarkDirectiveOnlineIde_default = (ctx) => () => {
         }));
         data.hName = "div";
         data.hProperties = {
-          class: "directive-onlineide"
+          class: "directive-onlineide",
+          style: `--onlineide-height: ${height}`
         };
         data.hChildren = [
           {
@@ -185784,7 +185976,7 @@ var remarkDirectiveOnlineIde_default = (ctx) => () => {
             tagName: "div",
             properties: {
               class: "java-online",
-              style: `height: ${height}; padding: 0; margin: 0;`,
+              style: `padding: 0; margin: 0;`,
               "data-java-online": `{'id': '${id}', 'speed': ${speed}, 'withBottomPanel': ${bottomPanel},'withPCode': ${pCode},'withConsole': ${con},'withFileList': ${fileList},'withErrorList': ${errorList}, 'libraries': [${libraries?.split(",").map((lib) => `'${lib.trim()}'`)}]}`
             },
             children: [...codes]
@@ -195012,10 +195204,11 @@ ${(code4.scripts ? [cdnLibraryUrl, ...code4.scripts] : []).map((src) => `<script
       if (node3.type === "element" && node3.tagName === "p5") {
         const {
           src = "",
-          height = 100,
+          height,
           editor = false,
           id = hash(node3)
         } = node3.properties || {};
+        const resolvedHeight = height !== void 0 ? typeof height === "number" ? `${height}px` : `${height}` : "calc(100dvh - 80px)";
         let bEditor = editor === "true";
         expectContainerDirective(node3, file, name);
         registerDirective(file, name, ["client.js"], ["style.css"]);
@@ -195042,9 +195235,10 @@ ${(code4.scripts ? [cdnLibraryUrl, ...code4.scripts] : []).map((src) => `<script
         const srcdoc = template.replace("###SLOT###", wrapSketch(srcFile)).replace(/\u00A0/g, " ");
         node3.tagName = "div";
         node3.properties = {
-          class: ["directive-p5", bEditor ? "" : "standalone"].join(" "),
+          class: ["directive-p5", bEditor ? "" : "standalone"].join(" ").trim(),
           "data-template": template.replace(/\u00A0/g, " "),
-          "data-id": id
+          "data-id": id,
+          ...bEditor && height !== void 0 ? { style: `--p5-height: ${resolvedHeight}` } : {}
         };
         node3.children = [
           {
@@ -195052,7 +195246,7 @@ ${(code4.scripts ? [cdnLibraryUrl, ...code4.scripts] : []).map((src) => `<script
             tagName: "div",
             properties: {
               class: "container",
-              style: `height: ${height}px;`
+              ...!bEditor ? { style: `height: ${resolvedHeight};` } : {}
             },
             children: [
               {
@@ -195070,6 +195264,16 @@ ${(code4.scripts ? [cdnLibraryUrl, ...code4.scripts] : []).map((src) => `<script
             ]
           },
           ...bEditor ? [
+            {
+              type: "element",
+              tagName: "div",
+              properties: {
+                class: "splitter",
+                role: "separator",
+                "aria-label": "Resize panels"
+              },
+              children: []
+            },
             {
               type: "element",
               tagName: "div",
@@ -195158,6 +195362,21 @@ ${(code4.scripts ? [cdnLibraryUrl, ...code4.scripts] : []).map((src) => `<script
                           value: i18n.get("p5-download")
                         }
                       ]
+                    },
+                    {
+                      type: "element",
+                      tagName: "button",
+                      properties: {
+                        class: "fullscreen",
+                        title: i18n.get("ide-fullscreen-enter"),
+                        "aria-label": i18n.get("ide-fullscreen-enter")
+                      },
+                      children: [
+                        {
+                          type: "text",
+                          value: "\u26F6"
+                        }
+                      ]
                     }
                   ]
                 }
@@ -195407,6 +195626,14 @@ var remarkDirectiveAbcMusic_default = (ctx) => () => {
 function htmlEntities2(str2) {
   return String(str2).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
+function parsePackagesAttribute(value) {
+  if (typeof value !== "string") return [];
+  return Array.from(
+    new Set(
+      value.split(",").map((pkg) => pkg.trim()).filter((pkg) => pkg.length > 0)
+    )
+  );
+}
 var remarkDirectivePyide_default = (ctx) => () => {
   const name = "pyide";
   return (tree, file) => {
@@ -195414,7 +195641,9 @@ var remarkDirectivePyide_default = (ctx) => () => {
       if (isDirective(node3)) {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
-        const { src = "", id = hash(node3) } = node3.attributes || {};
+        const { src = "", id = hash(node3), packages, height } = node3.attributes || {};
+        const hasCanvas = "canvas" in (node3.attributes || {});
+        const packageList = parsePackagesAttribute(packages);
         expectContainerDirective(node3, file, name);
         registerDirective(file, name, ["client.js"], ["style.css"], []);
         requestJS(file, ["code-input", "code-input.min.js"]);
@@ -195423,7 +195652,6 @@ var remarkDirectivePyide_default = (ctx) => () => {
         requestJS(file, ["code-input", "indent.min.js"]);
         let srcFile = "";
         let tests = [];
-        let input = "";
         if (src) {
           srcFile = readFile(src, ctx) || "";
         } else if (node3.children?.length > 0) {
@@ -195431,11 +195659,6 @@ var remarkDirectivePyide_default = (ctx) => () => {
             code: c.value,
             name: `${i}`
           }));
-          input = toText2(
-            node3.children.find(
-              (c) => c.type === "code" && c.lang === "input"
-            )
-          );
           srcFile = toText2(
             node3.children.find(
               (c) => c.type === "code" && c.lang === "python" && !c.meta?.includes("test")
@@ -195446,7 +195669,10 @@ var remarkDirectivePyide_default = (ctx) => () => {
         data.hProperties = {
           class: "directive-pyide",
           id,
-          "data-tests": Buffer.from(JSON.stringify(tests)).toString("base64")
+          "data-tests": Buffer.from(JSON.stringify(tests)).toString("base64"),
+          ...hasCanvas ? { "data-canvas": "true" } : {},
+          ...packageList.length > 0 ? { "data-packages": packageList.join(",") } : {},
+          ...height ? { style: `--pyide-height: ${height}` } : {}
         };
         data.hChildren = [
           {
@@ -195476,21 +195702,79 @@ var remarkDirectivePyide_default = (ctx) => () => {
                       }
                     ]
                   },
-                  {
-                    type: "element",
-                    tagName: "button",
-                    properties: {
-                      class: "input-btn"
-                    },
-                    children: [
-                      {
-                        type: "text",
-                        value: i18n.get("pyide-input")
-                      }
-                    ]
-                  }
+                  ...hasCanvas ? [
+                    {
+                      type: "element",
+                      tagName: "button",
+                      properties: {
+                        class: "canvas-btn"
+                      },
+                      children: [
+                        {
+                          type: "text",
+                          value: i18n.get("pyide-canvas")
+                        }
+                      ]
+                    }
+                  ] : []
                 ]
               },
+              ...hasCanvas ? [
+                {
+                  type: "element",
+                  tagName: "div",
+                  properties: {
+                    class: "canvas-header hidden"
+                  },
+                  children: [
+                    {
+                      type: "text",
+                      value: i18n.get("pyide-canvas")
+                    }
+                  ]
+                },
+                {
+                  type: "element",
+                  tagName: "div",
+                  properties: {
+                    class: "canvas-wrapper hidden"
+                  },
+                  children: [
+                    {
+                      type: "element",
+                      tagName: "canvas",
+                      properties: {
+                        class: "canvas",
+                        id: "canvas"
+                      },
+                      children: []
+                    }
+                  ]
+                },
+                {
+                  type: "element",
+                  tagName: "div",
+                  properties: {
+                    class: "canvas-output-splitter hidden",
+                    role: "separator",
+                    "aria-label": "Resize canvas and output"
+                  },
+                  children: []
+                },
+                {
+                  type: "element",
+                  tagName: "div",
+                  properties: {
+                    class: "output-header hidden"
+                  },
+                  children: [
+                    {
+                      type: "text",
+                      value: i18n.get("pyide-output")
+                    }
+                  ]
+                }
+              ] : [],
               {
                 type: "element",
                 tagName: "pre",
@@ -195498,22 +195782,19 @@ var remarkDirectivePyide_default = (ctx) => () => {
                   class: "output"
                 },
                 children: []
-              },
-              {
-                type: "element",
-                tagName: "code-input",
-                properties: {
-                  class: "input hidden"
-                },
-                children: [
-                  {
-                    type: "raw",
-                    value: input || ""
-                  }
-                ]
               }
             ]
           },
+          {
+            type: "element",
+            tagName: "div",
+            properties: {
+              class: "splitter",
+              role: "separator",
+              "aria-label": "Resize panels"
+            },
+            children: []
+          },
           {
             type: "element",
             tagName: "div",
@@ -195555,7 +195836,21 @@ var remarkDirectivePyide_default = (ctx) => () => {
                         }
                       ]
                     }
-                  ] : []
+                  ] : [],
+                  {
+                    type: "element",
+                    tagName: "button",
+                    properties: {
+                      class: "stop",
+                      disabled: true
+                    },
+                    children: [
+                      {
+                        type: "text",
+                        value: i18n.get("pyide-stop")
+                      }
+                    ]
+                  }
                 ]
               },
               {
@@ -195618,6 +195913,21 @@ var remarkDirectivePyide_default = (ctx) => () => {
                         value: i18n.get("pyide-download")
                       }
                     ]
+                  },
+                  {
+                    type: "element",
+                    tagName: "button",
+                    properties: {
+                      class: "fullscreen",
+                      title: i18n.get("ide-fullscreen-enter"),
+                      "aria-label": i18n.get("ide-fullscreen-enter")
+                    },
+                    children: [
+                      {
+                        type: "text",
+                        value: "\u26F6"
+                      }
+                    ]
                   }
                 ]
               }
@@ -195654,8 +195964,9 @@ html, body {
   return (tree, file) => {
     visit(tree, function(node3) {
       if (isDirective(node3) && node3.name === name) {
-        const { height = 400, id = hash(node3) } = node3.attributes || {};
+        const { height, id = hash(node3) } = node3.attributes || {};
         const data = node3.data || (node3.data = {});
+        const resolvedHeight = height !== void 0 ? typeof height === "number" ? `${height}px` : `${height}` : "calc(100dvh - 80px)";
         expectContainerDirective(node3, file, name);
         registerDirective(file, name, ["client.js"], ["style.css"], []);
         requestJS(file, ["code-input", "code-input.min.js"]);
@@ -195784,15 +196095,15 @@ html, body {
         data.hProperties = {
           class: "directive-webide",
           "data-template": template.replace(/\u00A0/g, " "),
-          "data-id": id
+          "data-id": id,
+          ...height !== void 0 ? { style: `--webide-height: ${resolvedHeight}` } : {}
         };
         data.hChildren = [
           {
             type: "element",
             tagName: "div",
             properties: {
-              class: "container",
-              style: `height: ${height}px;`
+              class: "container"
             },
             children: [
               {
@@ -195822,6 +196133,16 @@ html, body {
               }
             ]
           },
+          {
+            type: "element",
+            tagName: "div",
+            properties: {
+              class: "splitter",
+              role: "separator",
+              "aria-label": "Resize panels"
+            },
+            children: []
+          },
           {
             type: "element",
             tagName: "div",
@@ -195870,6 +196191,21 @@ html, body {
                         value: i18n.get("webide-download")
                       }
                     ]
+                  },
+                  {
+                    type: "element",
+                    tagName: "button",
+                    properties: {
+                      class: "fullscreen",
+                      title: i18n.get("ide-fullscreen-enter"),
+                      "aria-label": i18n.get("ide-fullscreen-enter")
+                    },
+                    children: [
+                      {
+                        type: "text",
+                        value: "\u26F6"
+                      }
+                    ]
                   }
                 ]
               }
@@ -200782,11 +201118,12 @@ var remarkDirectiveTypst_default = (ctx) => () => {
     visit(tree, function(node3) {
       if (isDirective(node3) && node3.name === name) {
         const {
-          height = "auto",
+          height,
           id = hash(node3),
           mode = "preview"
         } = node3.attributes || {};
         const data = node3.data || (node3.data = {});
+        const resolvedHeight = height !== void 0 ? `${height}` : "calc(100dvh - 80px)";
         expectContainerDirective(node3, file, name);
         registerDirective(file, name, ["client.js"], ["style.css"], []);
         requestJS(file, ["code-input", "code-input.min.js"]);
@@ -200922,14 +201259,15 @@ var remarkDirectiveTypst_default = (ctx) => () => {
             JSON.stringify(fontFiles)
           ).toString("base64"),
           "data-base-path": basePath,
-          "data-page-path": pagePath
+          "data-page-path": pagePath,
+          ...height !== void 0 && !isPreviewMode ? { style: `--typst-height: ${height}` } : {}
         };
         const previewContainer = {
           type: "element",
           tagName: "div",
           properties: {
             class: "preview-container",
-            style: `height: ${height};`
+            ...isPreviewMode ? { style: `height: ${resolvedHeight};` } : {}
           },
           children: [
             {
@@ -200996,9 +201334,34 @@ var remarkDirectiveTypst_default = (ctx) => () => {
             }
           ]
         };
+        const createFullscreenButton = () => ({
+          type: "element",
+          tagName: "button",
+          properties: {
+            class: "fullscreen",
+            title: i18n.get("ide-fullscreen-enter"),
+            "aria-label": i18n.get("ide-fullscreen-enter")
+          },
+          children: [
+            {
+              type: "text",
+              value: "\u26F6"
+            }
+          ]
+        });
         if (isEditMode) {
           data.hChildren = [
             previewContainer,
+            {
+              type: "element",
+              tagName: "div",
+              properties: {
+                class: "splitter",
+                role: "separator",
+                "aria-label": "Resize panels"
+              },
+              children: []
+            },
             {
               type: "element",
               tagName: "div",
@@ -201146,7 +201509,8 @@ var remarkDirectiveTypst_default = (ctx) => () => {
                       ]
                     },
                     downloadProjectButton,
-                    downloadButton
+                    downloadButton,
+                    createFullscreenButton()
                   ]
                 }
               ]
@@ -201488,7 +201852,19 @@ var process3 = (md, ctx) => {
         theme: ctx.config.elements?.code?.theme || {
           dark: `github-dark`,
           light: `github-light`
-        }
+        },
+        getHighlighter: (options2) => getSingletonHighlighter({
+          ...options2,
+          langs: [
+            ...options2?.langs || [],
+            "markdown",
+            "yaml",
+            {
+              ...hyperbook_tmLanguage_default,
+              embeddedLangsLazy: ["markdown", "yaml"]
+            }
+          ]
+        })
       }
     ],
     rehypeFormat
@@ -201553,7 +201929,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"application/1d-interleaved-parityfec
 /***/ ((module) => {
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"hyperbook","version":"0.89.3","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":">=18"},"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.91.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":">=18"},"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"}}');
 /***/ })