hyperbook 0.86.4 → 0.87.1

package/dist/assets/directive-blockflow-editor/client.js

@@ -0,0 +1,32 @@
+/// <reference path="../hyperbook.types.js" />
+
+/**
+ * Blockflow editor client script.
+ * Prepends window.origin to relative project URLs so that
+ * blockflow.openpatch.org can fetch them cross-origin.
+ */
+(function () {
+  function fixIframes(root) {
+    var iframes = root.querySelectorAll
+      ? root.querySelectorAll(".directive-blockflow-editor iframe")
+      : [];
+    iframes.forEach(function (iframe) {
+      var src = iframe.getAttribute("src");
+      if (!src) return;
+      try {
+        var url = new URL(src);
+        var project = url.searchParams.get("project");
+        if (project && !project.match(/^https?:\/\//)) {
+          url.searchParams.set("project", window.origin + project);
+          iframe.setAttribute("src", url.toString());
+        }
+      } catch (e) {
+        // ignore malformed URLs
+      }
+    });
+  }
+
+  document.addEventListener("DOMContentLoaded", function () {
+    fixIframes(document);
+  });
+})();

package/dist/assets/directive-blockflow-editor/style.css

@@ -0,0 +1,20 @@
+.directive-blockflow-editor {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  border-radius: 8px;
+  border-style: solid;
+  border-width: 2px;
+  border-color: var(--color-brand);
+}
+
+.directive-blockflow-editor iframe {
+  width: 100%;
+  height: 100%;
+  border-width: 0;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  position: absolute;
+}

package/dist/assets/directive-blockflow-player/client.js

@@ -0,0 +1,32 @@
+/// <reference path="../hyperbook.types.js" />
+
+/**
+ * Blockflow player client script.
+ * Prepends window.origin to relative project URLs so that
+ * blockflow.openpatch.org can fetch them cross-origin.
+ */
+(function () {
+  function fixIframes(root) {
+    var iframes = root.querySelectorAll
+      ? root.querySelectorAll(".directive-blockflow-player iframe")
+      : [];
+    iframes.forEach(function (iframe) {
+      var src = iframe.getAttribute("src");
+      if (!src) return;
+      try {
+        var url = new URL(src);
+        var project = url.searchParams.get("project");
+        if (project && !project.match(/^https?:\/\//)) {
+          url.searchParams.set("project", window.origin + project);
+          iframe.setAttribute("src", url.toString());
+        }
+      } catch (e) {
+        // ignore malformed URLs
+      }
+    });
+  }
+
+  document.addEventListener("DOMContentLoaded", function () {
+    fixIframes(document);
+  });
+})();

package/dist/assets/directive-blockflow-player/style.css

@@ -0,0 +1,20 @@
+.directive-blockflow-player {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  border-radius: 8px;
+  border-style: solid;
+  border-width: 2px;
+  border-color: var(--color-brand);
+}
+
+.directive-blockflow-player iframe {
+  width: 100%;
+  height: 100%;
+  border-width: 0;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  position: absolute;
+}

package/dist/index.js

@@ -55533,6 +55533,7 @@ async function runBuild(root, rootProject, basePath, prefix, out, filter) {
     if (out) {
         rootOut = path_1.default.join(out, ".hyperbook", "out", basePath || "");
     }
+    const assetsOut = path_1.default.join(rootOut, exports.ASSETS_FOLDER);
     console.log(`${chalk_1.default.blue(`[${prefix}]`)} Cleaning output folder ${rootOut}.`);
     await (0, archive_1.runArchive)(root, rootOut, prefix);
     // Helper function to resolve relative paths
@@ -55636,6 +55637,17 @@ async function runBuild(root, rootProject, basePath, prefix, out, filter) {
         for (let directive of Object.keys(result.data.directives || {})) {
             directives.add(directive);
         }
+        for (const generated of result.data.generatedFiles || []) {
+            let genDir;
+            if (generated.relativeTo === "page") {
+                genDir = path_1.default.join(rootOut, file.path.directory);
+            }
+            else {
+                genDir = path_1.default.join(assetsOut, `directive-${generated.directive}`);
+            }
+            await (0, make_dir_1.makeDir)(genDir, { recursive: true });
+            await promises_1.default.writeFile(path_1.default.join(genDir, generated.filename), generated.content);
+        }
         let directoryOut = path_1.default.join(rootOut, file.path.directory);
         let href;
         if (file.name === "index") {
@@ -55708,6 +55720,17 @@ async function runBuild(root, rootProject, basePath, prefix, out, filter) {
         for (let directive of Object.keys(result.data.directives || {})) {
             directives.add(directive);
         }
+        for (const generated of result.data.generatedFiles || []) {
+            let genDir;
+            if (generated.relativeTo === "page") {
+                genDir = path_1.default.join(rootOut, file.path.directory);
+            }
+            else {
+                genDir = path_1.default.join(assetsOut, `directive-${generated.directive}`);
+            }
+            await (0, make_dir_1.makeDir)(genDir, { recursive: true });
+            await promises_1.default.writeFile(path_1.default.join(genDir, generated.filename), generated.content);
+        }
         let href = file.path.href + ".html";
         let fileOut = path_1.default.join(rootOut, href);
         if (hyperbookJson.trailingSlash) {
@@ -55734,7 +55757,6 @@ async function runBuild(root, rootProject, basePath, prefix, out, filter) {
     }
     process.stdout.write("\n");
     const assetsPath = path_1.default.join(__dirname, "assets");
-    const assetsOut = path_1.default.join(rootOut, exports.ASSETS_FOLDER);
     await (0, promises_1.mkdir)(assetsOut, {
         recursive: true,
     });
@@ -200864,6 +200886,144 @@ var remarkDirectiveStruktolab_default = (ctx) => () => {
   };
 };
 
+// src/remarkDirectiveBlockflowPlayer.ts
+var remarkDirectiveBlockflowPlayer_default = (ctx) => () => {
+  const name = "blockflow-player";
+  return (tree, file) => {
+    visit(tree, function(node3) {
+      if (isDirective(node3)) {
+        if (node3.name !== name) return;
+        const data = node3.data || (node3.data = {});
+        expectLeafDirective(node3, file, name);
+        registerDirective(file, name, ["client.js"], ["style.css"], []);
+        const {
+          src,
+          width = "100%",
+          height = "600px",
+          aspectRatio = "4/3"
+        } = node3.attributes || {};
+        const siteSrc = ctx.makeUrl(src || "", "public", ctx.navigation.current || void 0);
+        const iframeSrc = src ? `https://blockflow.openpatch.org/player.html?project=${encodeURIComponent(siteSrc)}` : void 0;
+        data.hName = "div";
+        data.hProperties = {
+          class: "directive-blockflow-player",
+          style: `aspect-ratio: ${aspectRatio}; height: ${height}; width: ${width}`
+        };
+        data.hChildren = [
+          {
+            type: "element",
+            tagName: "iframe",
+            properties: {
+              src: iframeSrc,
+              allowfullscreen: true
+            },
+            children: []
+          }
+        ];
+      }
+    });
+  };
+};
+
+// src/remarkDirectiveBlockflowEditor.ts
+var remarkDirectiveBlockflowEditor_default = (ctx) => () => {
+  const name = "blockflow-editor";
+  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, ["client.js"], ["style.css"], ["step"]);
+        const {
+          title,
+          src,
+          project,
+          width = "100%",
+          height = "700px",
+          aspectRatio,
+          allowExtensions,
+          showCostumesTab,
+          showSoundsTab,
+          categories,
+          ...rest
+        } = node3.attributes || {};
+        let projectParam;
+        if (project) {
+          const projectSrc = ctx.makeUrl(project, "public", ctx.navigation.current || void 0);
+          projectParam = encodeURIComponent(projectSrc);
+        } else {
+          const steps = [];
+          for (const child of node3.children || []) {
+            if (!isDirective(child) || child.name !== "step") continue;
+            const stepAttrs = child.attributes || {};
+            const text9 = toString3(child).trim() || void 0;
+            steps.push({
+              title: stepAttrs.title || void 0,
+              text: text9,
+              image: stepAttrs.image ? ctx.makeUrl(stepAttrs.image, "public", ctx.navigation.current || void 0) : void 0,
+              video: stepAttrs.video ? ctx.makeUrl(stepAttrs.video, "public", ctx.navigation.current || void 0) : void 0
+            });
+          }
+          const config2 = {};
+          if (title) config2.title = title;
+          if (src) config2.sb3 = ctx.makeUrl(src, "public", ctx.navigation.current || void 0);
+          const ui = {};
+          if (allowExtensions !== void 0) {
+            ui.allowExtensions = allowExtensions !== "false";
+          }
+          if (showCostumesTab !== void 0) {
+            ui.showCostumesTab = showCostumesTab !== "false";
+          }
+          if (showSoundsTab !== void 0) {
+            ui.showSoundsTab = showSoundsTab !== "false";
+          }
+          if (Object.keys(ui).length > 0) {
+            config2.ui = ui;
+          }
+          if (categories || Object.keys(rest).some((k) => k.startsWith("blocks-"))) {
+            config2.toolbox = {};
+            if (categories) {
+              config2.toolbox.categories = categories.split(",").map((c) => c.trim());
+            }
+            const blocks2 = {};
+            for (const [key2, value] of Object.entries(rest)) {
+              if (key2.startsWith("blocks-") && value) {
+                const category = key2.slice("blocks-".length);
+                blocks2[category] = value.split(",").map((b) => b.trim());
+              }
+            }
+            if (Object.keys(blocks2).length > 0) {
+              config2.toolbox.blocks = blocks2;
+            }
+          }
+          if (steps.length > 0) config2.steps = steps;
+          const configJson = JSON.stringify(config2);
+          projectParam = Buffer.from(configJson).toString("base64");
+        }
+        const iframeSrc = `https://blockflow.openpatch.org?project=${projectParam}`;
+        data.hName = "div";
+        data.hProperties = {
+          class: "directive-blockflow-editor",
+          style: `aspect-ratio: ${aspectRatio}; height: ${height}; width: ${width}`
+        };
+        data.hChildren = [
+          {
+            type: "element",
+            tagName: "iframe",
+            properties: {
+              src: iframeSrc,
+              allowfullscreen: true
+            },
+            children: []
+          }
+        ];
+        node3.children = [];
+      }
+    });
+  };
+};
+
 // src/process.ts
 var remark = (ctx) => {
   i18n.init(ctx.config.language || "en");
@@ -200902,6 +201062,8 @@ var remark = (ctx) => {
     remarkDirectiveExcalidraw_default(ctx),
     remarkDirectiveStruktog_default(ctx),
     remarkDirectiveStruktolab_default(ctx),
+    remarkDirectiveBlockflowPlayer_default(ctx),
+    remarkDirectiveBlockflowEditor_default(ctx),
     remarkDirectiveGeogebra_default(ctx),
     remarkDirectiveH5P_default(ctx),
     remarkDirectiveJSXGraph_default(ctx),
@@ -201024,7 +201186,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"application/1d-interleaved-parityfec
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"hyperbook","version":"0.86.4","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.87.1","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"}}');
 
 /***/ })
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperbook",
-  "version": "0.86.4",
+  "version": "0.87.1",
   "author": "Mike Barkmin",
   "homepage": "https://github.com/openpatch/hyperbook#readme",
   "license": "MIT",
@@ -56,10 +56,10 @@
     "tar": "7.4.3",
     "update-check": "1.5.4",
     "ws": "^8.18.0",
-    "@hyperbook/types": "0.22.1",
-    "@hyperbook/markdown": "0.58.4",
-    "@hyperbook/fs": "0.24.2",
-    "create-hyperbook": "0.3.5"
+    "create-hyperbook": "0.3.5",
+    "@hyperbook/fs": "0.25.0",
+    "@hyperbook/markdown": "0.59.1",
+    "@hyperbook/types": "0.22.1"
   },
   "scripts": {
     "version": "pnpm build",