mulmocast 2.6.16 → 2.6.17

package/lib/types/slide.js

@@ -1,434 +0,0 @@
-import { z } from "zod";
-// ═══════════════════════════════════════════════════════════
-// Foundation: Colors & Typography
-// ═══════════════════════════════════════════════════════════
-/** 6-digit hex without '#' prefix, e.g. "3B82F6" */
-const hexColorSchema = z.string().regex(/^[0-9A-Fa-f]{6}$/);
-/** Semantic accent colors usable on cards, badges, borders, etc. */
-export const accentColorKeySchema = z.enum(["primary", "accent", "success", "warning", "danger", "info", "highlight"]);
-export const slideThemeColorsSchema = z.object({
-    bg: hexColorSchema,
-    bgCard: hexColorSchema,
-    bgCardAlt: hexColorSchema,
-    text: hexColorSchema,
-    textMuted: hexColorSchema,
-    textDim: hexColorSchema,
-    primary: hexColorSchema,
-    accent: hexColorSchema,
-    success: hexColorSchema,
-    warning: hexColorSchema,
-    danger: hexColorSchema,
-    info: hexColorSchema,
-    highlight: hexColorSchema,
-});
-export const slideThemeFontsSchema = z.object({
-    title: z.string(),
-    body: z.string(),
-    mono: z.string(),
-});
-export const slideThemeSchema = z.object({
-    colors: slideThemeColorsSchema,
-    fonts: slideThemeFontsSchema,
-});
-// ═══════════════════════════════════════════════════════════
-// Content Blocks — the atoms of slide content
-// ═══════════════════════════════════════════════════════════
-export const textBlockSchema = z.object({
-    type: z.literal("text"),
-    value: z.string(),
-    align: z.enum(["left", "center", "right"]).optional(),
-    bold: z.boolean().optional(),
-    dim: z.boolean().optional(),
-    fontSize: z.number().optional(),
-    color: accentColorKeySchema.optional(),
-});
-/** Sub-bullet item: plain string or object with text */
-const subBulletItemSchema = z.union([z.string(), z.object({ text: z.string() })]);
-/** Bullet item: plain string or object with text and optional sub-items (2 levels max) */
-export const bulletItemSchema = z.union([
-    z.string(),
-    z.object({
-        text: z.string(),
-        items: z.array(subBulletItemSchema).optional(),
-    }),
-]);
-export const bulletsBlockSchema = z.object({
-    type: z.literal("bullets"),
-    items: z.array(bulletItemSchema),
-    ordered: z.boolean().optional(),
-    icon: z.string().optional(),
-});
-export const codeBlockSchema = z.object({
-    type: z.literal("code"),
-    code: z.string(),
-    language: z.string().optional(),
-});
-export const calloutBlockSchema = z.object({
-    type: z.literal("callout"),
-    text: z.string(),
-    label: z.string().optional(),
-    color: accentColorKeySchema.optional(),
-    style: z.enum(["quote", "info", "warning"]).optional(),
-});
-export const metricBlockSchema = z.object({
-    type: z.literal("metric"),
-    value: z.string(),
-    label: z.string(),
-    color: accentColorKeySchema.optional(),
-    change: z.string().optional(),
-});
-export const dividerBlockSchema = z.object({
-    type: z.literal("divider"),
-    color: accentColorKeySchema.optional(),
-});
-export const imageBlockSchema = z.object({
-    type: z.literal("image"),
-    src: z.string(),
-    alt: z.string().optional(),
-    fit: z.enum(["contain", "cover"]).optional(),
-});
-export const imageRefBlockSchema = z.object({
-    type: z.literal("imageRef"),
-    ref: z.string(),
-    alt: z.string().optional(),
-    fit: z.enum(["contain", "cover"]).optional(),
-});
-export const chartBlockSchema = z.object({
-    type: z.literal("chart"),
-    chartData: z.record(z.string(), z.unknown()),
-    title: z.string().optional(),
-});
-export const mermaidBlockSchema = z.object({
-    type: z.literal("mermaid"),
-    code: z.string(),
-    title: z.string().optional(),
-});
-export const tableCellValueSchema = z.union([
-    z.string(),
-    z.object({
-        text: z.string(),
-        color: accentColorKeySchema.optional(),
-        bold: z.boolean().optional(),
-        badge: z.boolean().optional(),
-    }),
-]);
-export const tableBlockSchema = z.object({
-    type: z.literal("table"),
-    title: z.string().optional(),
-    headers: z.array(z.string()).optional(),
-    rows: z.array(z.array(tableCellValueSchema)),
-    rowHeaders: z.boolean().optional(),
-    striped: z.boolean().optional(),
-});
-/** Block schemas shared between contentBlockSchema and nonSectionContentBlockSchema */
-const baseBlockSchemas = [
-    textBlockSchema,
-    bulletsBlockSchema,
-    codeBlockSchema,
-    calloutBlockSchema,
-    metricBlockSchema,
-    dividerBlockSchema,
-    imageBlockSchema,
-    imageRefBlockSchema,
-    chartBlockSchema,
-    mermaidBlockSchema,
-    tableBlockSchema,
-];
-/** All content block types except section (used inside section to prevent recursion) */
-const nonSectionContentBlockSchema = z.discriminatedUnion("type", [...baseBlockSchemas]);
-export const sectionBlockSchema = z.object({
-    type: z.literal("section"),
-    label: z.string(),
-    color: accentColorKeySchema.optional(),
-    content: z.array(nonSectionContentBlockSchema).optional(),
-    text: z.string().optional(),
-    sidebar: z.boolean().optional(),
-});
-export const contentBlockSchema = z.discriminatedUnion("type", [...baseBlockSchemas, sectionBlockSchema]);
-// ═══════════════════════════════════════════════════════════
-// Shared Components
-// ═══════════════════════════════════════════════════════════
-/** Bottom-of-slide callout bar */
-export const calloutBarSchema = z.object({
-    text: z.string(),
-    label: z.string().optional(),
-    color: accentColorKeySchema.optional(),
-    align: z.enum(["left", "center"]).optional(),
-    leftBar: z.boolean().optional(),
-});
-/** Reusable card definition — used by columns, grid */
-export const cardSchema = z.object({
-    title: z.string(),
-    accentColor: accentColorKeySchema.optional(),
-    content: z.array(contentBlockSchema).optional(),
-    footer: z.string().optional(),
-    label: z.string().optional(),
-    num: z.number().optional(),
-    icon: z.string().optional(),
-});
-// ═══════════════════════════════════════════════════════════
-// Slide-level styling — orthogonal to layout
-// ═══════════════════════════════════════════════════════════
-export const slideStyleSchema = z.object({
-    bgColor: z.string().optional(),
-    decorations: z.boolean().optional(),
-    bgOpacity: z.number().optional(),
-    footer: z.string().optional(),
-});
-/** Common slide properties shared across all layouts */
-const slideBaseFields = {
-    accentColor: accentColorKeySchema.optional(),
-    style: slideStyleSchema.optional(),
-};
-// ═══════════════════════════════════════════════════════════
-// Layouts
-// ═══════════════════════════════════════════════════════════
-// ─── title ───
-export const titleSlideSchema = z.object({
-    layout: z.literal("title"),
-    ...slideBaseFields,
-    title: z.string(),
-    subtitle: z.string().optional(),
-    author: z.string().optional(),
-    note: z.string().optional(),
-});
-// ─── columns ───
-export const columnsSlideSchema = z.object({
-    layout: z.literal("columns"),
-    ...slideBaseFields,
-    title: z.string(),
-    stepLabel: z.string().optional(),
-    subtitle: z.string().optional(),
-    columns: z.array(cardSchema),
-    showArrows: z.boolean().optional(),
-    callout: calloutBarSchema.optional(),
-    bottomText: z.string().optional(),
-});
-// ─── comparison ───
-export const comparisonPanelSchema = z.object({
-    title: z.string(),
-    accentColor: accentColorKeySchema.optional(),
-    content: z.array(contentBlockSchema).optional(),
-    footer: z.string().optional(),
-});
-export const comparisonSlideSchema = z.object({
-    layout: z.literal("comparison"),
-    ...slideBaseFields,
-    title: z.string(),
-    stepLabel: z.string().optional(),
-    subtitle: z.string().optional(),
-    left: comparisonPanelSchema,
-    right: comparisonPanelSchema,
-    callout: calloutBarSchema.optional(),
-});
-// ─── grid ───
-export const gridItemSchema = z.object({
-    title: z.string(),
-    description: z.string().optional(),
-    accentColor: accentColorKeySchema.optional(),
-    num: z.number().optional(),
-    icon: z.string().optional(),
-    content: z.array(contentBlockSchema).optional(),
-});
-export const gridSlideSchema = z.object({
-    layout: z.literal("grid"),
-    ...slideBaseFields,
-    title: z.string(),
-    subtitle: z.string().optional(),
-    gridColumns: z.number().optional(),
-    items: z.array(gridItemSchema),
-    footer: z.string().optional(),
-});
-// ─── bigQuote ───
-export const bigQuoteSlideSchema = z.object({
-    layout: z.literal("bigQuote"),
-    ...slideBaseFields,
-    quote: z.string(),
-    author: z.string().optional(),
-    role: z.string().optional(),
-});
-// ─── stats ───
-export const statItemSchema = z.object({
-    value: z.string(),
-    label: z.string(),
-    color: accentColorKeySchema.optional(),
-    change: z.string().optional(),
-});
-export const statsSlideSchema = z.object({
-    layout: z.literal("stats"),
-    ...slideBaseFields,
-    title: z.string(),
-    stepLabel: z.string().optional(),
-    subtitle: z.string().optional(),
-    stats: z.array(statItemSchema),
-    callout: calloutBarSchema.optional(),
-});
-// ─── timeline ───
-export const timelineItemSchema = z.object({
-    date: z.string(),
-    title: z.string(),
-    description: z.string().optional(),
-    color: accentColorKeySchema.optional(),
-    done: z.boolean().optional(),
-});
-export const timelineSlideSchema = z.object({
-    layout: z.literal("timeline"),
-    ...slideBaseFields,
-    title: z.string(),
-    stepLabel: z.string().optional(),
-    subtitle: z.string().optional(),
-    items: z.array(timelineItemSchema),
-});
-// ─── split ───
-export const splitPanelSchema = z.object({
-    title: z.string().optional(),
-    subtitle: z.string().optional(),
-    label: z.string().optional(),
-    labelBadge: z.boolean().optional(),
-    accentColor: accentColorKeySchema.optional(),
-    content: z.array(contentBlockSchema).optional(),
-    dark: z.boolean().optional(),
-    ratio: z.number().optional(),
-    valign: z.enum(["top", "center", "bottom"]).optional(),
-});
-export const splitSlideSchema = z.object({
-    layout: z.literal("split"),
-    ...slideBaseFields,
-    left: splitPanelSchema.optional(),
-    right: splitPanelSchema.optional(),
-});
-// ─── matrix ───
-export const matrixCellSchema = z.object({
-    label: z.string(),
-    items: z.array(z.string()).optional(),
-    content: z.array(contentBlockSchema).optional(),
-    accentColor: accentColorKeySchema.optional(),
-});
-export const matrixSlideSchema = z.object({
-    layout: z.literal("matrix"),
-    ...slideBaseFields,
-    title: z.string(),
-    stepLabel: z.string().optional(),
-    subtitle: z.string().optional(),
-    rows: z.number().optional(),
-    cols: z.number().optional(),
-    xAxis: z
-        .object({
-        low: z.string().optional(),
-        high: z.string().optional(),
-        label: z.string().optional(),
-    })
-        .optional(),
-    yAxis: z
-        .object({
-        low: z.string().optional(),
-        high: z.string().optional(),
-        label: z.string().optional(),
-    })
-        .optional(),
-    cells: z.array(matrixCellSchema),
-});
-// ─── table ───
-export const tableSlideSchema = z.object({
-    layout: z.literal("table"),
-    ...slideBaseFields,
-    title: z.string(),
-    stepLabel: z.string().optional(),
-    subtitle: z.string().optional(),
-    headers: z.array(z.string()),
-    rows: z.array(z.array(tableCellValueSchema)),
-    rowHeaders: z.boolean().optional(),
-    striped: z.boolean().optional(),
-    callout: calloutBarSchema.optional(),
-});
-// ─── waterfall ───
-export const waterfallItemSchema = z.object({
-    label: z.string(),
-    value: z.number(),
-    isTotal: z.boolean().optional(),
-    color: accentColorKeySchema.optional(),
-});
-export const waterfallSlideSchema = z.object({
-    layout: z.literal("waterfall"),
-    ...slideBaseFields,
-    title: z.string(),
-    stepLabel: z.string().optional(),
-    subtitle: z.string().optional(),
-    items: z.array(waterfallItemSchema),
-    unit: z.string().optional(),
-    callout: calloutBarSchema.optional(),
-});
-// ─── funnel ───
-export const funnelStageSchema = z.object({
-    label: z.string(),
-    value: z.string().optional(),
-    description: z.string().optional(),
-    color: accentColorKeySchema.optional(),
-});
-export const funnelSlideSchema = z.object({
-    layout: z.literal("funnel"),
-    ...slideBaseFields,
-    title: z.string(),
-    stepLabel: z.string().optional(),
-    subtitle: z.string().optional(),
-    stages: z.array(funnelStageSchema),
-    callout: calloutBarSchema.optional(),
-});
-// ═══════════════════════════════════════════════════════════
-// Branding — logo & background image overlay
-// ═══════════════════════════════════════════════════════════
-/**
- * Media source for branding assets (self-contained definition to avoid
- * circular dependency with src/types/schema.ts).
- */
-const slideMediaSourceSchema = z.discriminatedUnion("kind", [
-    z.object({ kind: z.literal("url"), url: z.url() }).strict(),
-    z.object({ kind: z.literal("base64"), data: z.string().min(1) }).strict(),
-    z.object({ kind: z.literal("path"), path: z.string().min(1) }).strict(),
-]);
-const slideBackgroundImageSourceSchema = z.object({
-    source: slideMediaSourceSchema,
-    size: z.enum(["cover", "contain", "fill", "auto"]).optional(),
-    opacity: z.number().min(0).max(1).optional(),
-    bgOpacity: z.number().min(0).max(1).optional(),
-});
-export const slideBrandingLogoSchema = z
-    .object({
-    source: slideMediaSourceSchema,
-    position: z.enum(["top-left", "top-right", "bottom-left", "bottom-right"]).default("top-right"),
-    width: z.number().positive().default(120),
-})
-    .strict();
-export const slideBrandingSchema = z
-    .object({
-    logo: slideBrandingLogoSchema.optional(),
-    backgroundImage: slideBackgroundImageSourceSchema.optional(),
-})
-    .strict();
-// ═══════════════════════════════════════════════════════════
-// Slide Union & Media Schema
-// ═══════════════════════════════════════════════════════════
-export const slideLayoutSchema = z.discriminatedUnion("layout", [
-    titleSlideSchema,
-    columnsSlideSchema,
-    comparisonSlideSchema,
-    gridSlideSchema,
-    bigQuoteSlideSchema,
-    statsSlideSchema,
-    timelineSlideSchema,
-    splitSlideSchema,
-    matrixSlideSchema,
-    tableSlideSchema,
-    funnelSlideSchema,
-    waterfallSlideSchema,
-]);
-/** Media schema registered in mulmoImageAssetSchema */
-export const mulmoSlideMediaSchema = z
-    .object({
-    type: z.literal("slide"),
-    theme: slideThemeSchema.optional(),
-    slide: slideLayoutSchema,
-    reference: z.string().optional(),
-    branding: slideBrandingSchema.nullable().optional(),
-})
-    .strict();

package/lib/utils/browser_pool.d.ts

@@ -1,5 +0,0 @@
-import puppeteer from "puppeteer";
-/** Get a shared browser instance. Launches one if none exists. */
-export declare const getBrowser: () => Promise<puppeteer.Browser>;
-/** Close the shared browser instance. Call at the end of processing. */
-export declare const closeBrowser: () => Promise<void>;

package/lib/utils/browser_pool.js

@@ -1,39 +0,0 @@
-import puppeteer from "puppeteer";
-const isCI = process.env.CI === "true";
-const launchArgs = isCI ? ["--no-sandbox", "--allow-file-access-from-files"] : ["--allow-file-access-from-files"];
-let browserInstance = null;
-let launchPromise = null;
-const launchBrowser = async () => {
-    const browser = await puppeteer.launch({ args: launchArgs });
-    browser.on("disconnected", () => {
-        browserInstance = null;
-        launchPromise = null;
-    });
-    return browser;
-};
-/** Get a shared browser instance. Launches one if none exists. */
-export const getBrowser = async () => {
-    if (browserInstance?.connected) {
-        return browserInstance;
-    }
-    // Prevent multiple concurrent launches
-    if (!launchPromise) {
-        launchPromise = launchBrowser().then((browser) => {
-            browserInstance = browser;
-            launchPromise = null;
-            return browser;
-        });
-    }
-    return launchPromise;
-};
-/** Close the shared browser instance. Call at the end of processing. */
-export const closeBrowser = async () => {
-    if (launchPromise) {
-        await launchPromise;
-    }
-    if (browserInstance?.connected) {
-        await browserInstance.close();
-    }
-    browserInstance = null;
-    launchPromise = null;
-};

package/lib/utils/markdown.d.ts

@@ -1,3 +0,0 @@
-export declare const renderHTMLToImage: (html: string, outputPath: string, width: number, height: number, isMermaid?: boolean, omitBackground?: boolean) => Promise<void>;
-export declare const renderMarkdownToImage: (markdown: string, style: string, outputPath: string, width: number, height: number) => Promise<void>;
-export declare const interpolate: (template: string, data: Record<string, string>) => string;

package/lib/utils/markdown.js

@@ -1,49 +0,0 @@
-import { marked } from "marked";
-import puppeteer from "puppeteer";
-const isCI = process.env.CI === "true";
-export const renderHTMLToImage = async (html, outputPath, width, height, isMermaid = false, omitBackground = false) => {
-    // Use Puppeteer to render HTML to an image
-    const browser = await puppeteer.launch({
-        args: isCI ? ["--no-sandbox"] : [],
-    });
-    const page = await browser.newPage();
-    // Set the page content to the HTML generated from the Markdown
-    await page.setContent(html);
-    // Adjust page settings if needed (like width, height, etc.)
-    await page.setViewport({ width, height });
-    await page.addStyleTag({ content: "html,body{margin:0;padding:0;overflow:hidden}" });
-    if (isMermaid) {
-        await page.waitForFunction(() => {
-            const el = document.querySelector(".mermaid");
-            return el && el.dataset.ready === "true";
-        }, { timeout: 20000 });
-    }
-    // Wait for Chart.js to finish rendering if this is a chart
-    if (html.includes("data-chart-ready")) {
-        await page.waitForFunction(() => {
-            const canvas = document.querySelector("canvas[data-chart-ready='true']");
-            return !!canvas;
-        }, { timeout: 20000 });
-    }
-    // Measure the size of the page and scale the page to the width and height
-    await page.evaluate(({ vw, vh }) => {
-        const de = document.documentElement;
-        const sw = Math.max(de.scrollWidth, document.body.scrollWidth || 0);
-        const sh = Math.max(de.scrollHeight, document.body.scrollHeight || 0);
-        const scale = Math.min(vw / (sw || vw), vh / (sh || vh), 1); // <=1 で縮小のみ
-        de.style.overflow = "hidden";
-        document.body.style.zoom = String(scale);
-    }, { vw: width, vh: height });
-    // Step 3: Capture screenshot of the page (which contains the Markdown-rendered HTML)
-    await page.screenshot({ path: outputPath, omitBackground });
-    await browser.close();
-};
-export const renderMarkdownToImage = async (markdown, style, outputPath, width, height) => {
-    const header = `<head><style>${style}</style></head>`;
-    const body = await marked(markdown);
-    const html = `<html>${header}<body>${body}</body></html>`;
-    await renderHTMLToImage(html, outputPath, width, height);
-};
-export const interpolate = (template, data) => {
-    return template.replace(/\$\{(.*?)\}/g, (_, key) => data[key.trim()] ?? "");
-};