@bendyline/squisq-cli 2.4.1 → 2.4.2

package/README.md

@@ -58,7 +58,7 @@ Notes:
 
 ### `squisq video <input> [output]`
 
-Render a document to MP4 or animated GIF. Playwright captures deterministic frames from a headless player page; native ffmpeg encodes H.264 + AAC for MP4 or a generated global palette for GIF. GIF has no audio track.
+Render a document to MP4 or animated GIF. Playwright captures deterministic frames from a headless player page; native ffmpeg encodes H.264 + AAC for MP4 or a generated global palette for GIF. Documents with Mermaid fences automatically use the full standalone player so diagrams are captured; other documents keep the smaller light player. GIF has no audio track.
 
 ```bash
 squisq video input.md output.mp4

package/THIRD_PARTY_LICENSES.txt

@@ -1,6 +1,6 @@
 THIRD-PARTY LICENSES FOR @bendyline/squisq-cli
 
-The inventory below covers the bundled light standalone player artifact.
+The inventory below covers the bundled light and full standalone player artifacts.
 
 Generated from the actual esbuild input graph. Package-local license, copying,
 and notice files are reproduced verbatim. When an npm tarball omits its

package/dist/{api-HBPJQ7MA.js → api-KYHSJM5T.js}

@@ -11,7 +11,7 @@ import {
   readInput,
   renderDocToGif,
   renderDocToMp4
-} from "./chunk-WR2BZJ77.js";
+} from "./chunk-VK6WPOSG.js";
 import {
   GIF_EXPORT_DEFAULTS,
   framesToGifNative,

package/dist/api.js

@@ -10,7 +10,7 @@ import {
 // src/api.ts
 import { readFile as readFile3 } from "fs/promises";
 import { resolveMediaSchedule } from "@bendyline/squisq/schemas";
-import { flattenBlocks } from "@bendyline/squisq/doc";
+import { flattenBlocks as flattenBlocks2 } from "@bendyline/squisq/doc";
 import { ffmpegGifOutputArgs, generateRenderHtml } from "@bendyline/squisq-video";
 import { resolveDimensions } from "@bendyline/squisq-video";
 import {
@@ -271,6 +271,27 @@ function createMediaBudget() {
   };
 }
 
+// src/util/playerBundle.ts
+import { flattenBlocks } from "@bendyline/squisq/doc";
+function selectStandalonePlayerVariant(doc) {
+  for (const block of flattenBlocks(doc.blocks)) {
+    if (block.layers?.some((layer) => layer.type === "mermaid")) return "full";
+    if (containsMermaidFence(block.contents)) return "full";
+  }
+  return "light";
+}
+function containsMermaidFence(value) {
+  if (Array.isArray(value)) return value.some(containsMermaidFence);
+  if (!isRecord(value)) return false;
+  if (value.type === "code" && typeof value.lang === "string" && value.lang.trim().toLowerCase() === "mermaid") {
+    return true;
+  }
+  return containsMermaidFence(value.children);
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+
 // src/registry.ts
 import { randomBytes } from "crypto";
 import { readFile, rm } from "fs/promises";
@@ -667,6 +688,7 @@ function throwIfAborted(signal) {
 // src/api.ts
 import { ConversionError } from "@bendyline/squisq-formats";
 var playerBundlePromise;
+var fullPlayerBundlePromise;
 function loadPlayerBundle() {
   playerBundlePromise ??= readFile3(
     new URL("../dist/squisq-player.global.js", import.meta.url),
@@ -674,6 +696,13 @@ function loadPlayerBundle() {
   );
   return playerBundlePromise;
 }
+function loadFullPlayerBundle() {
+  fullPlayerBundlePromise ??= readFile3(
+    new URL("../dist/squisq-player.full.global.js", import.meta.url),
+    "utf8"
+  );
+  return fullPlayerBundlePromise;
+}
 async function convert(source, to, options = {}) {
   return formatsConvert(source, to, {
     registry: createCliRegistry(),
@@ -726,7 +755,7 @@ async function captureDocFrames(doc, container, options) {
     }
   }
   const mediaSrcs = new Set(resolveMediaSchedule(doc).map((clip) => clip.src));
-  for (const block of flattenBlocks(doc.blocks)) {
+  for (const block of flattenBlocks2(doc.blocks)) {
     for (const layer of block.layers ?? []) {
       if (layer.type === "video") mediaSrcs.add(layer.content.src);
     }
@@ -743,7 +772,7 @@ async function captureDocFrames(doc, container, options) {
   }
   onProgress?.("generating render HTML", 10);
   signal?.throwIfAborted();
-  const playerBundle = await loadPlayerBundle();
+  const playerBundle = await (selectStandalonePlayerVariant(doc) === "full" ? loadFullPlayerBundle() : loadPlayerBundle());
   signal?.throwIfAborted();
   const renderHtml = generateRenderHtml(doc, {
     playerScript: playerBundle,

package/dist/{chunk-WR2BZJ77.js → chunk-VK6WPOSG.js}

@@ -7,7 +7,7 @@ import {
 // src/api.ts
 import { readFile as readFile3 } from "fs/promises";
 import { resolveMediaSchedule } from "@bendyline/squisq/schemas";
-import { flattenBlocks } from "@bendyline/squisq/doc";
+import { flattenBlocks as flattenBlocks2 } from "@bendyline/squisq/doc";
 import { ffmpegGifOutputArgs, generateRenderHtml } from "@bendyline/squisq-video";
 import { resolveDimensions } from "@bendyline/squisq-video";
 import {
@@ -268,6 +268,27 @@ function createMediaBudget() {
   };
 }
 
+// src/util/playerBundle.ts
+import { flattenBlocks } from "@bendyline/squisq/doc";
+function selectStandalonePlayerVariant(doc) {
+  for (const block of flattenBlocks(doc.blocks)) {
+    if (block.layers?.some((layer) => layer.type === "mermaid")) return "full";
+    if (containsMermaidFence(block.contents)) return "full";
+  }
+  return "light";
+}
+function containsMermaidFence(value) {
+  if (Array.isArray(value)) return value.some(containsMermaidFence);
+  if (!isRecord(value)) return false;
+  if (value.type === "code" && typeof value.lang === "string" && value.lang.trim().toLowerCase() === "mermaid") {
+    return true;
+  }
+  return containsMermaidFence(value.children);
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+
 // src/registry.ts
 import { randomBytes } from "crypto";
 import { readFile, rm } from "fs/promises";
@@ -309,7 +330,7 @@ function mp4Format() {
       const animationsEnabled = typeof mp4Opts.animationsEnabled === "boolean" ? mp4Opts.animationsEnabled : MP4_DEFAULTS.animationsEnabled;
       const outputPath = join(tmpdir(), `squisq-mp4-${randomBytes(8).toString("hex")}.mp4`);
       try {
-        const { renderDocToMp4: renderDocToMp42 } = await import("./api-HBPJQ7MA.js");
+        const { renderDocToMp4: renderDocToMp42 } = await import("./api-KYHSJM5T.js");
         await renderDocToMp42(input.doc, input.container, {
           outputPath,
           fps,
@@ -350,7 +371,7 @@ function gifFormat() {
       const defaultHeight = portrait ? GIF_DEFAULTS.width : GIF_DEFAULTS.height;
       const outputPath = join(tmpdir(), `squisq-gif-${randomBytes(8).toString("hex")}.gif`);
       try {
-        const { renderDocToGif: renderDocToGif2 } = await import("./api-HBPJQ7MA.js");
+        const { renderDocToGif: renderDocToGif2 } = await import("./api-KYHSJM5T.js");
         const result = await renderDocToGif2(input.doc, input.container, {
           outputPath,
           fps: typeof gifOpts.fps === "number" ? gifOpts.fps : GIF_DEFAULTS.fps,
@@ -664,6 +685,7 @@ function throwIfAborted(signal) {
 // src/api.ts
 import { ConversionError } from "@bendyline/squisq-formats";
 var playerBundlePromise;
+var fullPlayerBundlePromise;
 function loadPlayerBundle() {
   playerBundlePromise ??= readFile3(
     new URL("../dist/squisq-player.global.js", import.meta.url),
@@ -671,6 +693,13 @@ function loadPlayerBundle() {
   );
   return playerBundlePromise;
 }
+function loadFullPlayerBundle() {
+  fullPlayerBundlePromise ??= readFile3(
+    new URL("../dist/squisq-player.full.global.js", import.meta.url),
+    "utf8"
+  );
+  return fullPlayerBundlePromise;
+}
 async function convert(source, to, options = {}) {
   return formatsConvert(source, to, {
     registry: createCliRegistry(),
@@ -723,7 +752,7 @@ async function captureDocFrames(doc, container, options) {
     }
   }
   const mediaSrcs = new Set(resolveMediaSchedule(doc).map((clip) => clip.src));
-  for (const block of flattenBlocks(doc.blocks)) {
+  for (const block of flattenBlocks2(doc.blocks)) {
     for (const layer of block.layers ?? []) {
       if (layer.type === "video") mediaSrcs.add(layer.content.src);
     }
@@ -740,7 +769,7 @@ async function captureDocFrames(doc, container, options) {
   }
   onProgress?.("generating render HTML", 10);
   signal?.throwIfAborted();
-  const playerBundle = await loadPlayerBundle();
+  const playerBundle = await (selectStandalonePlayerVariant(doc) === "full" ? loadFullPlayerBundle() : loadPlayerBundle());
   signal?.throwIfAborted();
   const renderHtml = generateRenderHtml(doc, {
     playerScript: playerBundle,

package/dist/index.js

@@ -7,7 +7,7 @@ import {
   readInput,
   renderDocToGif,
   renderDocToMp4
-} from "./chunk-WR2BZJ77.js";
+} from "./chunk-VK6WPOSG.js";
 import "./chunk-GGVASRPG.js";
 
 // src/index.ts