mulmocast 2.1.40 → 2.2.1

package/lib/slide/utils.d.ts

@@ -1,4 +1,4 @@
-import type { SlideTheme } from "./schema.js";
+import type { SlideTheme, SlideLayout } from "./schema.js";
 /** Escape HTML special characters */
 export declare const escapeHtml: (s: string) => string;
 /** Escape HTML and convert newlines to <br> */
@@ -30,3 +30,14 @@ export declare const slideHeader: (data: {
     title: string;
     subtitle?: string;
 }) => string;
+/** Generate a unique ID with the given prefix (e.g. "chart-0", "mermaid-1") */
+export declare const generateSlideId: (prefix: string) => string;
+/** Reset the ID counter (for testing) */
+export declare const resetSlideIdCounter: () => void;
+type BlockTypeFlags = {
+    hasChart: boolean;
+    hasMermaid: boolean;
+};
+/** Detect whether chart or mermaid content blocks exist in a slide */
+export declare const detectBlockTypes: (slide: SlideLayout) => BlockTypeFlags;
+export {};

package/lib/slide/utils.js

@@ -74,9 +74,9 @@ export const iconSquare = (icon, colorKey) => {
 };
 /** Render a card wrapper with accent top bar */
 export const cardWrap = (accentColor, innerHtml, extraClass) => {
-    return `<div class="bg-d-card rounded-lg shadow-lg overflow-hidden flex flex-col ${sanitizeCssClass(extraClass || "")}">
+    return `<div class="bg-d-card rounded-lg shadow-lg overflow-hidden flex flex-col min-h-0 ${sanitizeCssClass(extraClass || "")}">
   <div class="h-[3px] bg-${c(accentColor)} shrink-0"></div>
-  <div class="p-5 flex flex-col flex-1">
+  <div class="p-5 flex flex-col flex-1 min-h-0 overflow-hidden">
 ${innerHtml}
   </div>
 </div>`;
@@ -110,3 +110,56 @@ export const slideHeader = (data) => {
     lines.push(`</div>`);
     return lines.join("\n");
 };
+// ═══════════════════════════════════════════════════════════
+// Counter-based ID generation (unique within a single slide)
+// ═══════════════════════════════════════════════════════════
+let slideIdCounter = 0;
+/** Generate a unique ID with the given prefix (e.g. "chart-0", "mermaid-1") */
+export const generateSlideId = (prefix) => `${prefix}-${slideIdCounter++}`;
+/** Reset the ID counter (for testing) */
+export const resetSlideIdCounter = () => {
+    slideIdCounter = 0;
+};
+/** Collect all content block arrays from a slide layout */
+const collectContentArrays = (slide) => {
+    const arrays = [];
+    const pushIfPresent = (content) => {
+        if (content)
+            arrays.push(content);
+    };
+    switch (slide.layout) {
+        case "columns":
+            slide.columns.forEach((col) => pushIfPresent(col.content));
+            break;
+        case "comparison":
+            pushIfPresent(slide.left.content);
+            pushIfPresent(slide.right.content);
+            break;
+        case "grid":
+            slide.items.forEach((item) => pushIfPresent(item.content));
+            break;
+        case "split":
+            pushIfPresent(slide.left?.content);
+            pushIfPresent(slide.right?.content);
+            break;
+        case "matrix":
+            slide.cells.forEach((cell) => pushIfPresent(cell.content));
+            break;
+    }
+    return arrays;
+};
+/** Detect whether chart or mermaid content blocks exist in a slide */
+export const detectBlockTypes = (slide) => {
+    const arrays = collectContentArrays(slide);
+    let hasChart = false;
+    let hasMermaid = false;
+    arrays.forEach((blocks) => {
+        blocks.forEach((block) => {
+            if (block.type === "chart")
+                hasChart = true;
+            if (block.type === "mermaid")
+                hasMermaid = true;
+        });
+    });
+    return { hasChart, hasMermaid };
+};