@hyperbook/markdown 0.20.0 → 0.22.0

package/dist/index.js

@@ -5475,8 +5475,8 @@ var require_qrcode = __commonJS({
         };
       }
       try {
-        var fs3 = __require("fs");
-        fs3.writeFile(file, data, callback);
+        var fs4 = __require("fs");
+        fs4.writeFile(file, data, callback);
       } catch (e) {
         callback(e);
       }
@@ -6651,13 +6651,13 @@ var require_ast = __commonJS({
         helperExpression: function helperExpression(node3) {
           return node3.type === "SubExpression" || (node3.type === "MustacheStatement" || node3.type === "BlockStatement") && !!(node3.params && node3.params.length || node3.hash);
         },
-        scopedId: function scopedId(path5) {
-          return /^\.|this\b/.test(path5.original);
+        scopedId: function scopedId(path6) {
+          return /^\.|this\b/.test(path6.original);
         },
         // an ID is simple if it only has one part, and that part is not
         // `..` or `this`.
-        simpleId: function simpleId(path5) {
-          return path5.parts.length === 1 && !AST.helpers.scopedId(path5) && !path5.depth;
+        simpleId: function simpleId(path6) {
+          return path6.parts.length === 1 && !AST.helpers.scopedId(path6) && !path6.depth;
         }
       }
     };
@@ -7727,12 +7727,12 @@ var require_helpers2 = __commonJS({
         loc
       };
     }
-    function prepareMustache(path5, params, hash2, open2, strip, locInfo) {
+    function prepareMustache(path6, params, hash2, open2, strip, locInfo) {
       var escapeFlag = open2.charAt(3) || open2.charAt(2), escaped = escapeFlag !== "{" && escapeFlag !== "&";
       var decorator = /\*/.test(open2);
       return {
         type: decorator ? "Decorator" : "MustacheStatement",
-        path: path5,
+        path: path6,
         params,
         hash: hash2,
         escaped,
@@ -8002,9 +8002,9 @@ var require_compiler = __commonJS({
       },
       DecoratorBlock: function DecoratorBlock(decorator) {
         var program = decorator.program && this.compileProgram(decorator.program);
-        var params = this.setupFullMustacheParams(decorator, program, void 0), path5 = decorator.path;
+        var params = this.setupFullMustacheParams(decorator, program, void 0), path6 = decorator.path;
         this.useDecorators = true;
-        this.opcode("registerDecorator", params.length, path5.original);
+        this.opcode("registerDecorator", params.length, path6.original);
       },
       PartialStatement: function PartialStatement(partial) {
         this.usePartial = true;
@@ -8068,46 +8068,46 @@ var require_compiler = __commonJS({
         }
       },
       ambiguousSexpr: function ambiguousSexpr(sexpr, program, inverse) {
-        var path5 = sexpr.path, name = path5.parts[0], isBlock = program != null || inverse != null;
-        this.opcode("getContext", path5.depth);
+        var path6 = sexpr.path, name = path6.parts[0], isBlock = program != null || inverse != null;
+        this.opcode("getContext", path6.depth);
         this.opcode("pushProgram", program);
         this.opcode("pushProgram", inverse);
-        path5.strict = true;
-        this.accept(path5);
+        path6.strict = true;
+        this.accept(path6);
         this.opcode("invokeAmbiguous", name, isBlock);
       },
       simpleSexpr: function simpleSexpr(sexpr) {
-        var path5 = sexpr.path;
-        path5.strict = true;
-        this.accept(path5);
+        var path6 = sexpr.path;
+        path6.strict = true;
+        this.accept(path6);
         this.opcode("resolvePossibleLambda");
       },
       helperSexpr: function helperSexpr(sexpr, program, inverse) {
-        var params = this.setupFullMustacheParams(sexpr, program, inverse), path5 = sexpr.path, name = path5.parts[0];
+        var params = this.setupFullMustacheParams(sexpr, program, inverse), path6 = sexpr.path, name = path6.parts[0];
         if (this.options.knownHelpers[name]) {
           this.opcode("invokeKnownHelper", params.length, name);
         } else if (this.options.knownHelpersOnly) {
           throw new _exception2["default"]("You specified knownHelpersOnly, but used the unknown helper " + name, sexpr);
         } else {
-          path5.strict = true;
-          path5.falsy = true;
-          this.accept(path5);
-          this.opcode("invokeHelper", params.length, path5.original, _ast2["default"].helpers.simpleId(path5));
+          path6.strict = true;
+          path6.falsy = true;
+          this.accept(path6);
+          this.opcode("invokeHelper", params.length, path6.original, _ast2["default"].helpers.simpleId(path6));
         }
       },
-      PathExpression: function PathExpression(path5) {
-        this.addDepth(path5.depth);
-        this.opcode("getContext", path5.depth);
-        var name = path5.parts[0], scoped = _ast2["default"].helpers.scopedId(path5), blockParamId = !path5.depth && !scoped && this.blockParamIndex(name);
+      PathExpression: function PathExpression(path6) {
+        this.addDepth(path6.depth);
+        this.opcode("getContext", path6.depth);
+        var name = path6.parts[0], scoped = _ast2["default"].helpers.scopedId(path6), blockParamId = !path6.depth && !scoped && this.blockParamIndex(name);
         if (blockParamId) {
-          this.opcode("lookupBlockParam", blockParamId, path5.parts);
+          this.opcode("lookupBlockParam", blockParamId, path6.parts);
         } else if (!name) {
           this.opcode("pushContext");
-        } else if (path5.data) {
+        } else if (path6.data) {
           this.options.data = true;
-          this.opcode("lookupData", path5.depth, path5.parts, path5.strict);
+          this.opcode("lookupData", path6.depth, path6.parts, path6.strict);
         } else {
-          this.opcode("lookupOnContext", path5.parts, path5.falsy, path5.strict, scoped);
+          this.opcode("lookupOnContext", path6.parts, path6.falsy, path6.strict, scoped);
         }
       },
       StringLiteral: function StringLiteral(string3) {
@@ -8457,16 +8457,16 @@ var require_util = __commonJS({
     }
     exports.urlGenerate = urlGenerate;
     function normalize3(aPath) {
-      var path5 = aPath;
+      var path6 = aPath;
       var url = urlParse(aPath);
       if (url) {
         if (!url.path) {
           return aPath;
         }
-        path5 = url.path;
+        path6 = url.path;
       }
-      var isAbsolute = exports.isAbsolute(path5);
-      var parts = path5.split(/\/+/);
+      var isAbsolute = exports.isAbsolute(path6);
+      var parts = path6.split(/\/+/);
       for (var part, up = 0, i = parts.length - 1; i >= 0; i--) {
         part = parts[i];
         if (part === ".") {
@@ -8483,15 +8483,15 @@ var require_util = __commonJS({
           }
         }
       }
-      path5 = parts.join("/");
-      if (path5 === "") {
-        path5 = isAbsolute ? "/" : ".";
+      path6 = parts.join("/");
+      if (path6 === "") {
+        path6 = isAbsolute ? "/" : ".";
       }
       if (url) {
-        url.path = path5;
+        url.path = path6;
         return urlGenerate(url);
       }
-      return path5;
+      return path6;
     }
     exports.normalize = normalize3;
     function join(aRoot, aPath) {
@@ -11272,8 +11272,8 @@ var require_printer = __commonJS({
       return this.accept(sexpr.path) + " " + params + hash2;
     };
     PrintVisitor.prototype.PathExpression = function(id) {
-      var path5 = id.parts.join("/");
-      return (id.data ? "@" : "") + "PATH:" + path5;
+      var path6 = id.parts.join("/");
+      return (id.data ? "@" : "") + "PATH:" + path6;
     };
     PrintVisitor.prototype.StringLiteral = function(string3) {
       return '"' + string3.value + '"';
@@ -11312,8 +11312,8 @@ var require_lib = __commonJS({
     handlebars2.print = printer.print;
     module.exports = handlebars2;
     function extension2(module2, filename) {
-      var fs3 = __require("fs");
-      var templateString = fs3.readFileSync(filename, "utf8");
+      var fs4 = __require("fs");
+      var templateString = fs4.readFileSync(filename, "utf8");
       module2.exports = handlebars2.compile(templateString);
     }
     if (typeof __require !== "undefined" && __require.extensions) {
@@ -21180,13 +21180,13 @@ var VFile = class {
    * @returns {undefined}
    *   Nothing.
    */
-  set path(path5) {
-    if (isUrl(path5)) {
-      path5 = fileURLToPath(path5);
+  set path(path6) {
+    if (isUrl(path6)) {
+      path6 = fileURLToPath(path6);
     }
-    assertNonEmpty(path5, "path");
-    if (this.path !== path5) {
-      this.history.push(path5);
+    assertNonEmpty(path6, "path");
+    if (this.path !== path6) {
+      this.history.push(path6);
     }
   }
   /**
@@ -21453,8 +21453,8 @@ function assertNonEmpty(part, name) {
     throw new Error("`" + name + "` cannot be empty");
   }
 }
-function assertPath(path5, name) {
-  if (!path5) {
+function assertPath(path6, name) {
+  if (!path6) {
     throw new Error("Setting `" + name + "` requires `path` to be set too");
   }
 }
@@ -23098,27 +23098,27 @@ var sqrtTall = function sqrtTall2(extraVinculum, hLinePad2, viewBoxHeight) {
 };
 var sqrtPath = function sqrtPath2(size, extraVinculum, viewBoxHeight) {
   extraVinculum = 1e3 * extraVinculum;
-  var path5 = "";
+  var path6 = "";
   switch (size) {
     case "sqrtMain":
-      path5 = sqrtMain(extraVinculum, hLinePad);
+      path6 = sqrtMain(extraVinculum, hLinePad);
       break;
     case "sqrtSize1":
-      path5 = sqrtSize1(extraVinculum, hLinePad);
+      path6 = sqrtSize1(extraVinculum, hLinePad);
       break;
     case "sqrtSize2":
-      path5 = sqrtSize2(extraVinculum, hLinePad);
+      path6 = sqrtSize2(extraVinculum, hLinePad);
       break;
     case "sqrtSize3":
-      path5 = sqrtSize3(extraVinculum, hLinePad);
+      path6 = sqrtSize3(extraVinculum, hLinePad);
       break;
     case "sqrtSize4":
-      path5 = sqrtSize4(extraVinculum, hLinePad);
+      path6 = sqrtSize4(extraVinculum, hLinePad);
       break;
     case "sqrtTall":
-      path5 = sqrtTall(extraVinculum, hLinePad, viewBoxHeight);
+      path6 = sqrtTall(extraVinculum, hLinePad, viewBoxHeight);
   }
-  return path5;
+  return path6;
 };
 var innerPath = function innerPath2(name, height) {
   switch (name) {
@@ -27534,8 +27534,8 @@ var svgData = {
 };
 var staticSvg = function staticSvg2(value, options) {
   var [pathName, width, height] = svgData[value];
-  var path5 = new PathNode(pathName);
-  var svgNode = new SvgNode([path5], {
+  var path6 = new PathNode(pathName);
+  var svgNode = new SvgNode([path6], {
     "width": makeEm(width),
     "height": makeEm(height),
     // Override CSS rule `.katex svg { width: 100% }`
@@ -28431,8 +28431,8 @@ var svgSpan = function svgSpan2(group, options) {
           pathName = "tilde" + imgIndex;
         }
       }
-      var path5 = new PathNode(pathName);
-      var svgNode = new SvgNode([path5], {
+      var path6 = new PathNode(pathName);
+      var svgNode = new SvgNode([path6], {
         "width": "100%",
         "height": makeEm(_height),
         "viewBox": "0 0 " + viewBoxWidth + " " + viewBoxHeight,
@@ -29703,8 +29703,8 @@ var makeGlyphSpan = function makeGlyphSpan2(symbol, font, mode) {
 };
 var makeInner = function makeInner2(ch, height, options) {
   var width = fontMetricsData["Size4-Regular"][ch.charCodeAt(0)] ? fontMetricsData["Size4-Regular"][ch.charCodeAt(0)][4] : fontMetricsData["Size1-Regular"][ch.charCodeAt(0)][4];
-  var path5 = new PathNode("inner", innerPath(ch, Math.round(1e3 * height)));
-  var svgNode = new SvgNode([path5], {
+  var path6 = new PathNode("inner", innerPath(ch, Math.round(1e3 * height)));
+  var svgNode = new SvgNode([path6], {
     "width": makeEm(width),
     "height": makeEm(height),
     // Override CSS rule `.katex svg { width: 100% }`
@@ -29873,10 +29873,10 @@ var makeStackedDelim = function makeStackedDelim2(delim, heightTotal, center, op
     var midHeight = realHeightTotal - topHeightTotal - bottomHeightTotal;
     var viewBoxHeight = Math.round(realHeightTotal * 1e3);
     var pathStr = tallDelim(svgLabel, Math.round(midHeight * 1e3));
-    var path5 = new PathNode(svgLabel, pathStr);
+    var path6 = new PathNode(svgLabel, pathStr);
     var width = (viewBoxWidth / 1e3).toFixed(3) + "em";
     var height = (viewBoxHeight / 1e3).toFixed(3) + "em";
-    var svg5 = new SvgNode([path5], {
+    var svg5 = new SvgNode([path6], {
       "width": width,
       "height": height,
       "viewBox": "0 0 " + viewBoxWidth + " " + viewBoxHeight
@@ -29917,8 +29917,8 @@ var makeStackedDelim = function makeStackedDelim2(delim, heightTotal, center, op
 var vbPad = 80;
 var emPad = 0.08;
 var sqrtSvg = function sqrtSvg2(sqrtName, height, viewBoxHeight, extraVinculum, options) {
-  var path5 = sqrtPath(sqrtName, extraVinculum, viewBoxHeight);
-  var pathNode = new PathNode(sqrtName, path5);
+  var path6 = sqrtPath(sqrtName, extraVinculum, viewBoxHeight);
+  var pathNode = new PathNode(sqrtName, path6);
   var svg5 = new SvgNode([pathNode], {
     // Note: 1000:1 ratio of viewBox to document em width.
     "width": "400em",
@@ -30427,8 +30427,8 @@ var htmlBuilder$7 = (group, options) => {
     var angleHeight = inner2.height + inner2.depth + lineWeight + clearance;
     inner2.style.paddingLeft = makeEm(angleHeight / 2 + lineWeight);
     var viewBoxHeight = Math.floor(1e3 * angleHeight * scale);
-    var path5 = phasePath(viewBoxHeight);
-    var svgNode = new SvgNode([new PathNode("phase", path5)], {
+    var path6 = phasePath(viewBoxHeight);
+    var svgNode = new SvgNode([new PathNode("phase", path6)], {
       "width": "400em",
       "height": makeEm(viewBoxHeight / 1e3),
       "viewBox": "0 0 400000 " + viewBoxHeight,
@@ -40203,14 +40203,14 @@ function mergeObjects(target, ...sources) {
   });
   return target;
 }
-function basename(path5) {
-  const idx = ~path5.lastIndexOf("/") || ~path5.lastIndexOf("\\");
+function basename(path6) {
+  const idx = ~path6.lastIndexOf("/") || ~path6.lastIndexOf("\\");
   if (idx === 0) {
-    return path5;
-  } else if (~idx === path5.length - 1) {
-    return basename(path5.substring(0, path5.length - 1));
+    return path6;
+  } else if (~idx === path6.length - 1) {
+    return basename(path6.substring(0, path6.length - 1));
   } else {
-    return path5.substr(~idx + 1);
+    return path6.substr(~idx + 1);
   }
 }
 var CAPTURING_REGEX_SOURCE = /\$(\d+)|\${(\d+):\/(downcase|upcase)}/g;
@@ -40353,11 +40353,11 @@ var ScopeStack = class _ScopeStack {
     this.parent = parent;
     this.scopeName = scopeName;
   }
-  static push(path5, scopeNames) {
+  static push(path6, scopeNames) {
     for (const name of scopeNames) {
-      path5 = new _ScopeStack(path5, name);
+      path6 = new _ScopeStack(path6, name);
     }
-    return path5;
+    return path6;
   }
   static from(...segments) {
     let result = null;
@@ -55412,7 +55412,7 @@ function transformGfmAutolinkLiterals(tree) {
     { ignore: ["link", "linkReference"] }
   );
 }
-function findUrl(_, protocol, domain2, path5, match) {
+function findUrl(_, protocol, domain2, path6, match) {
   let prefix = "";
   if (!previous2(match)) {
     return false;
@@ -55425,7 +55425,7 @@ function findUrl(_, protocol, domain2, path5, match) {
   if (!isCorrectDomain(domain2)) {
     return false;
   }
-  const parts = splitUrl(domain2 + path5);
+  const parts = splitUrl(domain2 + path6);
   if (!parts[0]) return false;
   const result = {
     type: "link",
@@ -63658,7 +63658,7 @@ function sortKeys(object, options = {}) {
 // ../../node_modules/.pnpm/decircular@1.0.0/node_modules/decircular/index.js
 function decircular(object) {
   const seenObjects = /* @__PURE__ */ new WeakMap();
-  function internalDecircular(value, path5 = []) {
+  function internalDecircular(value, path6 = []) {
     if (!(value !== null && typeof value === "object")) {
       return value;
     }
@@ -63666,10 +63666,10 @@ function decircular(object) {
     if (existingPath) {
       return `[Circular *${existingPath.join(".")}]`;
     }
-    seenObjects.set(value, path5);
+    seenObjects.set(value, path6);
     const newValue = Array.isArray(value) ? [] : {};
     for (const [key2, value2] of Object.entries(value)) {
-      newValue[key2] = internalDecircular(value2, [...path5, key2]);
+      newValue[key2] = internalDecircular(value2, [...path6, key2]);
     }
     seenObjects.delete(value);
     return newValue;
@@ -73148,7 +73148,7 @@ ${(code4.scripts ? [cdnLibraryUrl, ...code4.scripts] : []).map((src) => `<script
                   type: "element",
                   tagName: "code-input",
                   properties: {
-                    class: "editor",
+                    class: "editor line-numbers",
                     language: "javascript"
                   },
                   children: [
@@ -73316,6 +73316,184 @@ var remarkDirectiveAbcMusic_default = (ctx) => () => {
   };
 };
 
+// src/remarkDirectivePyide.ts
+import fs3 from "fs";
+import path5 from "path";
+var remarkDirectivePyide_default = (ctx) => () => {
+  const name = "pyide";
+  return (tree, file) => {
+    visit(tree, function(node3) {
+      if (isDirective(node3)) {
+        if (node3.name !== name) return;
+        const data = node3.data || (node3.data = {});
+        const { src = "", id } = node3.attributes || {};
+        expectContainerDirective(node3, file, name);
+        registerDirective(file, name, ["client.js"], ["style.css"]);
+        requestJS(file, ["code-input", "code-input.min.js"]);
+        requestCSS(file, ["code-input", "code-input.min.css"]);
+        requestJS(file, ["code-input", "auto-close-brackets.min.js"]);
+        requestJS(file, ["code-input", "indent.min.js"]);
+        let srcFile = "";
+        let tests = [];
+        let input = "";
+        if (src) {
+          srcFile = fs3.readFileSync(
+            path5.join(ctx.root, "public", String(src)),
+            "utf8"
+          );
+        } else if (node3.children?.length > 0) {
+          tests = node3.children.filter((c) => c.type === "code").filter((c) => c.meta?.includes("test")).map((c, i) => ({
+            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")
+            )
+          );
+        }
+        data.hName = "div";
+        data.hProperties = {
+          class: "directive-pyide",
+          id: id || hash(node3),
+          "data-tests": Buffer.from(JSON.stringify(tests)).toString("base64")
+        };
+        data.hChildren = [
+          {
+            type: "element",
+            tagName: "div",
+            properties: {
+              class: "container"
+            },
+            children: [
+              {
+                type: "element",
+                tagName: "div",
+                properties: {
+                  class: "buttons"
+                },
+                children: [
+                  {
+                    type: "element",
+                    tagName: "button",
+                    properties: {
+                      class: "output-btn active"
+                    },
+                    children: [
+                      {
+                        type: "text",
+                        value: "Output"
+                      }
+                    ]
+                  },
+                  {
+                    type: "element",
+                    tagName: "button",
+                    properties: {
+                      class: "input-btn"
+                    },
+                    children: [
+                      {
+                        type: "text",
+                        value: "Input"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "element",
+                tagName: "pre",
+                properties: {
+                  class: "output"
+                },
+                children: []
+              },
+              {
+                type: "element",
+                tagName: "code-input",
+                properties: {
+                  class: "input hidden"
+                },
+                children: [{
+                  type: "raw",
+                  value: input || ""
+                }]
+              }
+            ]
+          },
+          {
+            type: "element",
+            tagName: "div",
+            properties: {
+              class: "editor-container"
+            },
+            children: [
+              {
+                type: "element",
+                tagName: "div",
+                properties: {
+                  class: "buttons"
+                },
+                children: [
+                  {
+                    type: "element",
+                    tagName: "button",
+                    properties: {
+                      class: "run"
+                    },
+                    children: [
+                      {
+                        type: "text",
+                        value: "Run"
+                      }
+                    ]
+                  },
+                  ...tests.length > 0 ? [
+                    {
+                      type: "element",
+                      tagName: "button",
+                      properties: {
+                        class: "test"
+                      },
+                      children: [
+                        {
+                          type: "text",
+                          value: "Test"
+                        }
+                      ]
+                    }
+                  ] : []
+                ]
+              },
+              {
+                type: "element",
+                tagName: "code-input",
+                properties: {
+                  class: "editor line-numbers",
+                  language: "python",
+                  template: "pyide-highlighted"
+                },
+                children: [
+                  {
+                    type: "raw",
+                    value: srcFile
+                  }
+                ]
+              }
+            ]
+          }
+        ];
+      }
+    });
+  };
+};
+
 // src/process.ts
 var remark = (ctx) => {
   const remarkPlugins = [
@@ -73342,6 +73520,7 @@ var remark = (ctx) => {
     remarkDirectiveTiles_default(ctx),
     remarkDirectiveTabs_default(ctx),
     remarkDirectiveSqlIde_default(ctx),
+    remarkDirectivePyide_default(ctx),
     remarkDirectiveOnlineIde_default(ctx),
     remarkDirectivePlantuml_default(ctx),
     remarkDirectiveSlideshow_default(ctx),