mulmocast 1.2.30 → 1.2.32

package/README.md

@@ -283,6 +283,8 @@ Commands:
   mulmo images <file>     Generate image files
   mulmo movie <file>      Generate movie file
   mulmo pdf <file>        Generate PDF files
+  mulmo markdown <file>   Generate markdown files
+  mulmo html <file>       Generate html files
   mulmo tool <command>    Generate Mulmo script and other tools
 
 Options:
@@ -396,6 +398,50 @@ Options:
                                    [choices: "letter", "a4"] [default: "letter"]
 ```
 
+```
+mulmo markdown <file>
+
+Generate markdown files
+
+Positionals:
+  file  Mulmo Script File                                    [string] [required]
+
+Options:
+      --version            Show version number                         [boolean]
+  -v, --verbose            verbose log     [boolean] [required] [default: false]
+  -h, --help               Show help                                   [boolean]
+  -o, --outdir             output dir                                   [string]
+  -b, --basedir            base dir                                     [string]
+  -l, --lang               target language
+  [string] [choices: "en", "ja", "fr", "es", "de", "zh-CN", "zh-TW", "ko", "it",
+                                                               "pt", "ar", "hi"]
+  -f, --force              Force regenerate           [boolean] [default: false]
+  -p, --presentationStyle  Presentation Style                           [string]
+      --image_width        Image width (e.g., 400px, 50%, auto)         [string]
+```
+
+```
+mulmo html <file>
+
+Generate html files
+
+Positionals:
+  file  Mulmo Script File                                    [string] [required]
+
+Options:
+      --version            Show version number                         [boolean]
+  -v, --verbose            verbose log     [boolean] [required] [default: false]
+  -h, --help               Show help                                   [boolean]
+  -o, --outdir             output dir                                   [string]
+  -b, --basedir            base dir                                     [string]
+  -l, --lang               target language
+  [string] [choices: "en", "ja", "fr", "es", "de", "zh-CN", "zh-TW", "ko", "it",
+                                                               "pt", "ar", "hi"]
+  -f, --force              Force regenerate           [boolean] [default: false]
+  -p, --presentationStyle  Presentation Style                           [string]
+      --image_width        Image width (e.g., 400px, 50%, auto)         [string]
+```
+
 ```
 mulmo tool <command>
 

package/lib/actions/audio.d.ts

@@ -1,4 +1,3 @@
-import "dotenv/config";
 import type { GraphData } from "graphai";
 import { MulmoStudioContext, MulmoBeat, PublicAPIArgs } from "../types/index.js";
 export declare const getBeatAudioPath: (text: string, context: MulmoStudioContext, beat: MulmoBeat, lang?: string) => string | undefined;

package/lib/actions/audio.js

@@ -1,4 +1,4 @@
-import "dotenv/config";
+import dotenv from "dotenv";
 import { GraphAI, TaskManager, GraphAILogger } from "graphai";
 import * as agents from "@graphai/vanilla";
 import { fileWriteAgent } from "@graphai/vanilla_node_agents";
@@ -12,6 +12,7 @@ import { provider2TTSAgent } from "../utils/provider2agent.js";
 import { MulmoPresentationStyleMethods } from "../methods/index.js";
 import { MulmoStudioContextMethods } from "../methods/mulmo_studio_context.js";
 import { MulmoMediaSourceMethods } from "../methods/mulmo_media_source.js";
+dotenv.config({ quiet: true });
 const vanillaAgents = agents.default ?? agents;
 const getAudioPath = (context, beat, audioFile) => {
     if (beat.audio?.type === "audio") {

package/lib/actions/html.js

@@ -8,7 +8,7 @@ const generateHtmlContent = (context, imageWidth) => {
     const { studio, multiLingual, lang = "en" } = context;
     const title = studio.script.title || "MulmoCast Content";
     const description = studio.script.description || "";
-    let html = `<h1>${title}</h1>\n\n`;
+    let html = "";
     if (description) {
         html += `${description}\n\n`;
     }
@@ -36,7 +36,21 @@ const generateHtmlContent = (context, imageWidth) => {
             }
         }
     });
-    return html;
+    return `
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${title}</title>
+    <!-- Tailwind CSS CDN -->
+    <script src="https://cdn.tailwindcss.com"></script>
+  </head>
+  <body class="min-h-screen flex flex-col">
+${html}
+  </body>
+</html>
+`;
 };
 export const htmlFilePath = (context) => {
     const { studio, fileDirs, lang = "en" } = context;

package/lib/actions/image_agents.d.ts

@@ -36,6 +36,7 @@ export declare const imagePreprocessAgent: (namedInputs: {
         movieParams: MulmoMovieParams;
     };
     markdown?: string;
+    html?: string;
     htmlPrompt?: undefined;
     htmlImageFile?: undefined;
     htmlPath?: undefined;
@@ -66,6 +67,7 @@ export declare const imagePreprocessAgent: (namedInputs: {
         movieParams: MulmoMovieParams;
     };
     markdown?: string;
+    html?: string;
     htmlPrompt?: undefined;
     htmlImageFile?: undefined;
     htmlPath?: undefined;
@@ -99,6 +101,7 @@ export declare const imagePreprocessAgent: (namedInputs: {
         movieParams: MulmoMovieParams;
     };
     markdown?: string;
+    html?: string;
     htmlPrompt?: undefined;
     htmlImageFile?: undefined;
     htmlPath?: undefined;

package/lib/actions/image_agents.js

@@ -63,6 +63,9 @@ export const imagePreprocessAgent = async (namedInputs) => {
         if (plugin.markdown) {
             returnValue.markdown = plugin.markdown({ beat, context, imagePath, ...htmlStyle(context, beat) });
         }
+        if (plugin.html) {
+            returnValue.html = await plugin.html({ beat, context, imagePath, ...htmlStyle(context, beat) });
+        }
         const isTypeMovie = beat.image.type === "movie";
         // undefined prompt indicates that image generation is not needed
         return {

package/lib/actions/images.d.ts

@@ -59,6 +59,7 @@ export declare const beat_graph_data: {
                     movieParams: import("../types/type.js").MulmoMovieParams;
                 };
                 markdown?: string;
+                html?: string;
                 htmlPrompt?: undefined;
                 htmlImageFile?: undefined;
                 htmlPath?: undefined;
@@ -89,6 +90,7 @@ export declare const beat_graph_data: {
                     movieParams: import("../types/type.js").MulmoMovieParams;
                 };
                 markdown?: string;
+                html?: string;
                 htmlPrompt?: undefined;
                 htmlImageFile?: undefined;
                 htmlPath?: undefined;
@@ -122,6 +124,7 @@ export declare const beat_graph_data: {
                     movieParams: import("../types/type.js").MulmoMovieParams;
                 };
                 markdown?: string;
+                html?: string;
                 htmlPrompt?: undefined;
                 htmlImageFile?: undefined;
                 htmlPath?: undefined;
@@ -363,6 +366,7 @@ export declare const beat_graph_data: {
                 hasMovieAudio: string;
                 htmlImageFile: string;
                 markdown: string;
+                html: string;
             };
             output: {
                 imageFile: string;
@@ -372,6 +376,7 @@ export declare const beat_graph_data: {
                 hasMovieAudio: string;
                 htmlImageFile: string;
                 markdown: string;
+                html: string;
             };
             isResult: boolean;
         };

package/lib/actions/images.js

@@ -41,7 +41,7 @@ const defaultAgents = {
     openAIAgent,
     anthropicAgent,
 };
-dotenv.config();
+dotenv.config({ quiet: true });
 export const beat_graph_data = {
     version: 0.5,
     concurrency: 4,
@@ -286,6 +286,7 @@ export const beat_graph_data = {
                 hasMovieAudio: ":audioChecker.hasMovieAudio",
                 htmlImageFile: ":preprocessor.htmlImageFile",
                 markdown: ":preprocessor.markdown",
+                html: ":preprocessor.html",
             },
             output: {
                 imageFile: ".imageFile",
@@ -295,6 +296,7 @@ export const beat_graph_data = {
                 hasMovieAudio: ".hasMovieAudio",
                 htmlImageFile: ".htmlImageFile",
                 markdown: ".markdown",
+                html: ".html",
             },
             isResult: true,
         },

package/lib/actions/translate.d.ts

@@ -1,4 +1,3 @@
-import "dotenv/config";
 import type { GraphData } from "graphai";
 import type { LANG, MulmoStudioContext, PublicAPIArgs } from "../types/index.js";
 export declare const translateTextGraph: {

package/lib/actions/translate.js

@@ -1,4 +1,4 @@
-import "dotenv/config";
+import dotenv from "dotenv";
 import fs from "fs";
 import { GraphAI, assert, isNull, GraphAILogger } from "graphai";
 import * as agents from "@graphai/vanilla";
@@ -12,6 +12,7 @@ import { getOutputMultilingualFilePath, mkdir, writingMessage, hashSHA256 } from
 import { translateSystemPrompt, translatePrompts } from "../utils/prompt.js";
 import { MulmoStudioContextMethods } from "../methods/mulmo_studio_context.js";
 const vanillaAgents = agents.default ?? agents;
+dotenv.config({ quiet: true });
 // 1. translateGraph / map each beats.
 // 2. beatGraph / map each target lang.
 // 3. translateTextGraph / translate text.

package/lib/cli/bin.d.ts

@@ -1,3 +1,2 @@
 #!/usr/bin/env node
-import "dotenv/config";
 export declare const main: () => Promise<void>;

package/lib/cli/bin.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import "dotenv/config";
+import dotenv from "dotenv";
 import yargs from "yargs/yargs";
 import { hideBin } from "yargs/helpers";
 import { readFileSync } from "fs";
@@ -14,6 +14,7 @@ import * as markdownCmd from "./commands/markdown/index.js";
 import * as htmlCmd from "./commands/html/index.js";
 import * as toolCmd from "./commands/tool/index.js";
 import { GraphAILogger } from "graphai";
+dotenv.config({ quiet: true });
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const packageJson = JSON.parse(readFileSync(join(__dirname, "../../package.json"), "utf8"));

package/lib/cli/commands/tool/whisper/handler.d.ts

@@ -1,4 +1,3 @@
-import "dotenv/config";
 import { ToolCliArgs } from "../../../../types/cli_types.js";
 export declare const handler: (argv: ToolCliArgs<{
     file: string;

package/lib/cli/commands/tool/whisper/handler.js

@@ -1,10 +1,11 @@
-import "dotenv/config";
+import dotenv from "dotenv";
 import { existsSync, createReadStream, writeFileSync, mkdirSync } from "fs";
 import { resolve, basename, extname, join } from "path";
 import OpenAI from "openai";
 import { mulmoScriptSchema } from "../../../../types/index.js";
 import { ffmpegGetMediaDuration } from "../../../../utils/ffmpeg_utils.js";
 import { GraphAILogger } from "graphai";
+dotenv.config({ quiet: true });
 const createMulmoScript = (fullPath, beats) => {
     return mulmoScriptSchema.parse({
         $mulmocast: {

package/lib/cli/helpers.js

@@ -26,6 +26,7 @@ export const setGraphAILogger = (verbose, logValues) => {
         GraphAILogger.setLevelEnabled("error", false);
         GraphAILogger.setLevelEnabled("log", false);
         GraphAILogger.setLevelEnabled("warn", false);
+        GraphAILogger.setLevelEnabled("debug", false);
     }
 };
 export const getFileObject = (args) => {

package/lib/data/scriptTemplates.d.ts

@@ -381,6 +381,85 @@ export declare const scriptTemplates: ({
     description?: undefined;
     canvasSize?: undefined;
     captionParams?: undefined;
+} | {
+    $mulmocast: {
+        credit: string;
+        version: string;
+    };
+    beats: ({
+        image: {
+            html: string[];
+            type: string;
+            markdown?: undefined;
+            slide?: undefined;
+            data?: undefined;
+            style?: undefined;
+        };
+        text: string;
+    } | {
+        image: {
+            markdown: string[];
+            type: string;
+            html?: undefined;
+            slide?: undefined;
+            data?: undefined;
+            style?: undefined;
+        };
+        text: string;
+    } | {
+        image: {
+            slide: {
+                subtitle: string;
+                title: string;
+            };
+            type: string;
+            html?: undefined;
+            markdown?: undefined;
+            data?: undefined;
+            style?: undefined;
+        };
+        text: string;
+    } | {
+        image: {
+            data: {
+                heading: string;
+                subheading: string;
+                items?: undefined;
+                title?: undefined;
+            };
+            style: string;
+            type: string;
+            html?: undefined;
+            markdown?: undefined;
+            slide?: undefined;
+        };
+        text: string;
+    } | {
+        image: {
+            data: {
+                items: string[];
+                title: string;
+                heading?: undefined;
+                subheading?: undefined;
+            };
+            style: string;
+            type: string;
+            html?: undefined;
+            markdown?: undefined;
+            slide?: undefined;
+        };
+        text: string;
+    })[];
+    filename: string;
+    lang: string;
+    title: string;
+    references?: undefined;
+    htmlImageParams?: undefined;
+    imageParams?: undefined;
+    movieParams?: undefined;
+    description?: undefined;
+    canvasSize?: undefined;
+    captionParams?: undefined;
 } | {
     $mulmocast: {
         credit: string;

package/lib/data/scriptTemplates.js

@@ -497,6 +497,118 @@ export const scriptTemplates = [
         ],
         title: "[TITLE: Brief, engaging title for the topic]",
     },
+    {
+        $mulmocast: {
+            credit: "closing",
+            version: "1.1",
+        },
+        beats: [
+            {
+                image: {
+                    html: [
+                        '<main class="flex-grow">',
+                        "  <!-- Hero Section -->",
+                        '  <section class="bg-blue-600 text-white py-20">',
+                        '    <div class="container mx-auto px-6 text-center">',
+                        '      <h1 class="text-4xl md:text-5xl font-bold mb-4">Welcome to Mulmocast</h1>',
+                        '      <p class="text-lg md:text-xl mb-8">A modern web experience powered by Tailwind CSS</p>',
+                        '      <a href="#features" class="bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold shadow hover:bg-gray-100 transition">',
+                        "        Learn More",
+                        "      </a>",
+                        "    </div>",
+                        "  </section>",
+                        "",
+                        "  <!-- Features Section -->",
+                        '  <section id="features" class="py-16 bg-gray-100">',
+                        '    <div class="container mx-auto px-6">',
+                        '      <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">',
+                        "        <div>",
+                        '          <div class="text-blue-600 text-4xl mb-2">⚡</div>',
+                        '          <h3 class="text-xl font-semibold mb-2">Fast</h3>',
+                        '          <p class="text-gray-600">Built with performance in mind using modern tools.</p>',
+                        "        </div>",
+                        "        <div>",
+                        '          <div class="text-blue-600 text-4xl mb-2">🎨</div>',
+                        '          <h3 class="text-xl font-semibold mb-2">Beautiful</h3>',
+                        '          <p class="text-gray-600">Styled with Tailwind CSS for clean, responsive design.</p>',
+                        "        </div>",
+                        "        <div>",
+                        '          <div class="text-blue-600 text-4xl mb-2">🚀</div>',
+                        '          <h3 class="text-xl font-semibold mb-2">Launch Ready</h3>',
+                        '          <p class="text-gray-600">Easy to deploy and extend for your next big idea.</p>',
+                        "        </div>",
+                        "      </div>",
+                        "    </div>",
+                        "  </section>",
+                        "</main>",
+                        "",
+                        "<!-- Footer -->",
+                        '<footer class="bg-white text-gray-500 text-center py-6 border-t">',
+                        "  2025 Mulmocast.",
+                        "</footer>",
+                    ],
+                    type: "html_tailwind",
+                },
+                text: "This is a tailwind html format.",
+            },
+            {
+                image: {
+                    markdown: [
+                        "# Markdown Table Example",
+                        "| Item              | In Stock | Price |",
+                        "| :---------------- | :------: | ----: |",
+                        "| Python Hat        |   True   | 23.99 |",
+                        "| SQL Hat           |   True   | 23.99 |",
+                        "| Codecademy Tee    |  False   | 19.99 |",
+                        "| Codecademy Hoodie |  False   | 42.99 |",
+                    ],
+                    type: "markdown",
+                },
+                text: "This is a table of items in the store.",
+            },
+            {
+                image: {
+                    slide: {
+                        subtitle: "Tom Johnson",
+                        title: "This is the title of the presentation",
+                    },
+                    type: "textSlide",
+                },
+                text: "This is a sample slide, which just displays the title and the presenter's name of this presentation.",
+            },
+            {
+                image: {
+                    data: {
+                        heading: "How AI Is Reshaping Referencing",
+                        subheading: "From sources to systems: reliability, traceability, and credit in the age of models",
+                    },
+                    style: "sectionDividerSlide",
+                    type: "vision",
+                },
+                text: "sectionDividerSlide",
+            },
+            {
+                image: {
+                    data: {
+                        items: [
+                            "Executive summary",
+                            "Reference reliability and hallucinations",
+                            "Attribution and credit in AI workflows",
+                            "Standards & compliance (academia, journalism, law)",
+                            "Roadmap & recommendations",
+                        ],
+                        title: "Agenda",
+                    },
+                    style: "agendaSlide",
+                    type: "vision",
+                },
+                text: "agendaSlide",
+            },
+        ],
+        filename: "html_sample",
+        lang: "en",
+        title: "[TITLE: Brief, engaging title for the topic]",
+    },
     {
         $mulmocast: {
             credit: "closing",

package/lib/mcp/server.d.ts

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import "dotenv/config";
+export {};

package/lib/mcp/server.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import "dotenv/config";
+import dotenv from "dotenv";
 import { Server } from "@modelcontextprotocol/sdk/server/index.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { CallToolRequestSchema, ListToolsRequestSchema } from "@modelcontextprotocol/sdk/types.js";
@@ -12,6 +12,7 @@ import { initializeContext, runTranslateIfNeeded } from "../cli/helpers.js";
 import { outDirName } from "../utils/const.js";
 import { resolveDirPath, mkdir, generateTimestampedFileName } from "../utils/file.js";
 import { MulmoScriptMethods } from "../methods/index.js";
+dotenv.config({ quiet: true });
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 // Load MulmoScript JSON Schema from file

package/lib/methods/mulmo_beat.d.ts

@@ -6,6 +6,7 @@ export declare const MulmoBeatMethods: {
         process: (params: import("../types/type.js").ImageProcessorParams) => Promise<string | undefined> | void;
         path: (params: import("../types/type.js").ImageProcessorParams) => string | undefined;
         markdown?: (params: import("../types/type.js").ImageProcessorParams) => string | undefined;
+        html?: (params: import("../types/type.js").ImageProcessorParams) => Promise<string | undefined>;
     };
     getImageReferenceForImageGenerator(beat: MulmoBeat, imageRefs: Record<string, string>): string[];
 };

package/lib/tools/create_mulmo_script_from_url.d.ts

@@ -1,4 +1,3 @@
-import "dotenv/config";
 import { ScriptingParams } from "../types/index.js";
 export declare const createMulmoScriptFromUrl: ({ urls, templateName, outDirPath, filename, cacheDirPath, llm, llm_model }: ScriptingParams) => Promise<void>;
 export declare const createMulmoScriptFromFile: (fileName: string, { templateName, outDirPath, filename, cacheDirPath, llm, llm_model, verbose }: ScriptingParams) => Promise<void>;

package/lib/tools/create_mulmo_script_from_url.js

@@ -1,4 +1,4 @@
-import "dotenv/config";
+import dotenv from "dotenv";
 import path from "path";
 import { GraphAI, GraphAILogger } from "graphai";
 import { openAIAgent } from "@graphai/openai_agent";
@@ -16,6 +16,7 @@ import { cliLoadingPlugin } from "../utils/plugins.js";
 import { graphDataScriptFromUrlPrompt } from "../utils/prompt.js";
 import { llmPair } from "../utils/utils.js";
 import { readFileSync } from "fs";
+dotenv.config({ quiet: true });
 const vanillaAgents = agents.default ?? agents;
 const showErrorMessage = (text) => {
     GraphAILogger.info("\x1b[31m" + text + "\x1b[0m");

package/lib/tools/create_mulmo_script_interactively.d.ts

@@ -1,3 +1,2 @@
-import "dotenv/config";
 import { ScriptingParams } from "../types/index.js";
 export declare const createMulmoScriptInteractively: ({ outDirPath, cacheDirPath, filename, templateName, urls, llm, llm_model }: ScriptingParams) => Promise<void>;

package/lib/tools/create_mulmo_script_interactively.js

@@ -1,4 +1,4 @@
-import "dotenv/config";
+import dotenv from "dotenv";
 import { GraphAILogger, GraphAI } from "graphai";
 import { textInputAgent } from "@graphai/input_agents";
 import { consoleStreamDataAgentFilter } from "@graphai/stream_agent_filter/node";
@@ -16,6 +16,7 @@ import validateSchemaAgent from "../agents/validate_schema_agent.js";
 import { llmPair } from "../utils/utils.js";
 import { interactiveClarificationPrompt, prefixPrompt } from "../utils/prompt.js";
 // import { cliLoadingPlugin } from "../utils/plugins.js";
+dotenv.config({ quiet: true });
 const vanillaAgents = agents.default ?? agents;
 const agentHeader = "\x1b[34m● \x1b[0m\x1b[1mAgent\x1b[0m:\x1b[0m";
 const graphDataForScraping = {

package/lib/tools/deep_research.d.ts

@@ -1,2 +1 @@
-import "dotenv/config";
 export declare const deepResearch: () => Promise<void>;

package/lib/tools/deep_research.js

@@ -1,4 +1,4 @@
-import "dotenv/config";
+import dotenv from "dotenv";
 import { GraphAILogger, GraphAI } from "graphai";
 import { textInputAgent } from "@graphai/input_agents";
 import { consoleStreamDataAgentFilter } from "@graphai/stream_agent_filter/node";
@@ -7,6 +7,7 @@ import * as agents from "@graphai/vanilla";
 import tavilySearchAgent from "../agents/tavily_agent.js";
 import { cliLoadingPlugin } from "../utils/plugins.js";
 import { searchQueryPrompt, reflectionPrompt, finalAnswerPrompt } from "../utils/prompt.js";
+dotenv.config({ quiet: true });
 const vanillaAgents = agents.default ?? agents;
 const agentHeader = "\x1b[34m● \x1b[0m\x1b[1mAgent\x1b[0m:\x1b[0m";
 const graphData = {

package/lib/utils/aaa.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/aaa.js

@@ -0,0 +1,16 @@
+// ``` ``` / ~~~ ~~~ fence
+const fenceRe = /(^|\n)(```|~~~)[^\n]*\n([\s\S]*?)\n\2/g;
+let m;
+while ((m = fenceRe.exec(text))) {
+    const body = m[3].trim();
+    if (/^[\[{]/.test(body))
+        blocks.push(body);
+}
+// linene `...`
+const inlineRe = /`([^`]+)`/g;
+while ((m = inlineRe.exec(text))) {
+    const body = m[1].trim();
+    if (/^[\[{]/.test(body))
+        blocks.push(body);
+}
+export {};

package/lib/utils/filters.d.ts

@@ -1,4 +1,3 @@
-import "dotenv/config";
 import type { AgentFilterFunction } from "graphai";
 export declare const nijovoiceTextAgentFilter: AgentFilterFunction;
 export declare const fileCacheAgentFilter: AgentFilterFunction;

package/lib/utils/filters.js

@@ -1,4 +1,4 @@
-import "dotenv/config";
+import dotenv from "dotenv";
 import fs from "fs";
 import path from "path";
 import fsPromise from "fs/promises";
@@ -7,6 +7,7 @@ import { writingMessage } from "./file.js";
 import { text2hash } from "./utils_node.js";
 import { MulmoStudioContextMethods } from "../methods/mulmo_studio_context.js";
 import { replacementsJa, replacePairsJa } from "../utils/string.js";
+dotenv.config({ quiet: true });
 export const nijovoiceTextAgentFilter = async (context, next) => {
     const { text, provider, lang } = context.namedInputs;
     if (provider === "nijivoice" && lang === "ja") {

package/lib/utils/greedy-json-lite.d.ts

@@ -0,0 +1,2 @@
+export declare const findFirstJson: (text: string) => any;
+export declare const findAllJson: (text: string) => any[];

package/lib/utils/greedy-json-lite.js

@@ -0,0 +1,59 @@
+// greedy-json-lite.js
+export const findFirstJson = (text) => {
+    for (const block of extractBlocks(text)) {
+        try {
+            return JSON.parse(block);
+        }
+        catch { }
+    }
+    return null;
+};
+export const findAllJson = (text) => {
+    const out = [];
+    for (const block of extractBlocks(text)) {
+        try {
+            out.push(JSON.parse(block));
+        }
+        catch { }
+    }
+    return out;
+};
+const extractBlocks = (text) => {
+    const blocks = [];
+    // greedy（ {…} / […]）
+    const starts = [];
+    for (let i = 0; i < text.length; i++) {
+        if (text[i] === '{' || text[i] === '[') {
+            starts.push(i);
+        }
+    }
+    for (const s of starts) {
+        const open = text[s];
+        const close = open === '{' ? '}' : ']';
+        let depth = 0, inStr = null, prev = "";
+        for (let j = s; j < text.length; j++) {
+            const ch = text[j];
+            if (inStr) {
+                if (ch === inStr && prev !== '\\')
+                    inStr = null;
+            }
+            else {
+                if (ch === '"' || ch === "'" || ch === '`')
+                    inStr = ch;
+                else if (ch === open)
+                    depth++;
+                else if (ch === close) {
+                    depth--;
+                    if (depth === 0) {
+                        blocks.push(text.slice(s, j + 1).trim());
+                        break;
+                    }
+                    else if (depth < 0)
+                        break;
+                }
+            }
+            prev = ch;
+        }
+    }
+    return blocks;
+};

package/lib/utils/image_plugins/html_tailwind.d.ts

@@ -2,3 +2,4 @@ import { ImageProcessorParams } from "../../types/index.js";
 export declare const imageType = "html_tailwind";
 export declare const process: (params: ImageProcessorParams) => Promise<string | undefined>;
 export declare const path: (params: ImageProcessorParams) => string;
+export declare const html: (params: ImageProcessorParams) => Promise<string | undefined>;

package/lib/utils/image_plugins/html_tailwind.js

@@ -16,5 +16,12 @@ const processHtmlTailwind = async (params) => {
     await renderHTMLToImage(htmlData, imagePath, canvasSize.width, canvasSize.height);
     return imagePath;
 };
+const dumpHtml = async (params) => {
+    const { beat } = params;
+    if (!beat.image || beat.image.type !== imageType)
+        return;
+    return Array.isArray(beat.image.html) ? beat.image.html.join("\n") : beat.image.html;
+};
 export const process = processHtmlTailwind;
 export const path = parrotingImagePath;
+export const html = dumpHtml;

package/lib/utils/image_plugins/index.d.ts

@@ -4,4 +4,5 @@ export declare const findImagePlugin: (imageType?: string) => {
     process: (params: ImageProcessorParams) => Promise<string | undefined> | void;
     path: (params: ImageProcessorParams) => string | undefined;
     markdown?: (params: ImageProcessorParams) => string | undefined;
+    html?: (params: ImageProcessorParams) => Promise<string | undefined>;
 } | undefined;

package/lib/utils/image_plugins/markdown.d.ts

@@ -3,3 +3,4 @@ export declare const imageType = "markdown";
 export declare const process: (params: ImageProcessorParams) => Promise<string | undefined>;
 export declare const path: (params: ImageProcessorParams) => string;
 export declare const markdown: (params: ImageProcessorParams) => string | undefined;
+export declare const html: (params: ImageProcessorParams) => Promise<string>;

package/lib/utils/image_plugins/markdown.js

@@ -1,5 +1,6 @@
 import { renderMarkdownToImage } from "../markdown.js";
 import { parrotingImagePath } from "./utils.js";
+import { marked } from "marked";
 export const imageType = "markdown";
 const processMarkdown = async (params) => {
     const { beat, imagePath, textSlideStyle, canvasSize } = params;
@@ -15,6 +16,11 @@ const dumpMarkdown = (params) => {
         return;
     return Array.isArray(beat.image.markdown) ? beat.image.markdown.join("\n") : beat.image.markdown;
 };
+const dumpHtml = async (params) => {
+    const markdown = dumpMarkdown(params);
+    return await marked.parse(markdown ?? "");
+};
 export const process = processMarkdown;
 export const path = parrotingImagePath;
 export const markdown = dumpMarkdown;
+export const html = dumpHtml;

package/lib/utils/image_plugins/text_slide.d.ts

@@ -3,3 +3,4 @@ export declare const imageType = "textSlide";
 export declare const process: (params: ImageProcessorParams) => Promise<string | undefined>;
 export declare const path: (params: ImageProcessorParams) => string;
 export declare const markdown: (params: ImageProcessorParams) => string | undefined;
+export declare const html: (params: ImageProcessorParams) => Promise<string>;

package/lib/utils/image_plugins/text_slide.js

@@ -1,5 +1,6 @@
 import { renderMarkdownToImage } from "../markdown.js";
 import { parrotingImagePath } from "./utils.js";
+import { marked } from "marked";
 export const imageType = "textSlide";
 const processTextSlide = async (params) => {
     const { beat, imagePath, textSlideStyle, canvasSize } = params;
@@ -27,6 +28,11 @@ const dumpMarkdown = (params) => {
     const bulletsString = (slide.bullets ?? []).map((text) => `- ${text}`).join("\n");
     return `${titleString}${subtitleString}${bulletsString}`;
 };
+const dumpHtml = async (params) => {
+    const markdown = dumpMarkdown(params);
+    return await marked.parse(markdown ?? "");
+};
 export const process = processTextSlide;
 export const path = parrotingImagePath;
 export const markdown = dumpMarkdown;
+export const html = dumpHtml;

package/lib/utils/image_plugins/vision.d.ts

@@ -2,3 +2,4 @@ import { ImageProcessorParams } from "../../types/index.js";
 export declare const imageType = "vision";
 export declare const process: (params: ImageProcessorParams) => Promise<string | undefined>;
 export declare const path: (params: ImageProcessorParams) => string;
+export declare const html: (params: ImageProcessorParams) => Promise<string | undefined>;

package/lib/utils/image_plugins/vision.js

@@ -15,5 +15,13 @@ const processVision = async (params) => {
     });
     return imagePath;
 };
+const dumpHtml = async (params) => {
+    const { beat } = params;
+    if (!beat.image || beat.image.type !== imageType)
+        return;
+    const handler = new htmlPlugin({});
+    return handler.getHtml(templateNameTofunctionName(beat.image.style), beat.image.data);
+};
 export const process = processVision;
 export const path = parrotingImagePath;
+export const html = dumpHtml;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mulmocast",
-  "version": "1.2.30",
+  "version": "1.2.32",
   "description": "",
   "type": "module",
   "main": "lib/index.node.js",
@@ -87,10 +87,10 @@
     "clipboardy": "^4.0.0",
     "dotenv": "^17.2.2",
     "fluent-ffmpeg": "^2.1.3",
-    "graphai": "^2.0.14",
+    "graphai": "^2.0.15",
     "jsdom": "^27.0.0",
     "marked": "^16.3.0",
-    "mulmocast-vision": "^1.0.2",
+    "mulmocast-vision": "^1.0.3",
     "ora": "^8.2.0",
     "puppeteer": "^24.20.0",
     "replicate": "^1.1.0",

package/scripts/templates/html_sample.json

@@ -0,0 +1,111 @@
+{
+  "$mulmocast": {
+    "version": "1.1",
+    "credit": "closing"
+  },
+  "title": "[TITLE: Brief, engaging title for the topic]",
+  "lang": "en",
+  "beats": [
+    {
+      "text": "This is a tailwind html format.",
+      "image": {
+        "type": "html_tailwind",
+        "html": [
+          "<main class=\"flex-grow\">",
+          "  <!-- Hero Section -->",
+          "  <section class=\"bg-blue-600 text-white py-20\">",
+          "    <div class=\"container mx-auto px-6 text-center\">",
+          "      <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">Welcome to Mulmocast</h1>",
+          "      <p class=\"text-lg md:text-xl mb-8\">A modern web experience powered by Tailwind CSS</p>",
+          "      <a href=\"#features\" class=\"bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold shadow hover:bg-gray-100 transition\">",
+          "        Learn More",
+          "      </a>",
+          "    </div>",
+          "  </section>",
+          "",
+          "  <!-- Features Section -->",
+          "  <section id=\"features\" class=\"py-16 bg-gray-100\">",
+          "    <div class=\"container mx-auto px-6\">",
+          "      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">",
+          "        <div>",
+          "          <div class=\"text-blue-600 text-4xl mb-2\">⚡</div>",
+          "          <h3 class=\"text-xl font-semibold mb-2\">Fast</h3>",
+          "          <p class=\"text-gray-600\">Built with performance in mind using modern tools.</p>",
+          "        </div>",
+          "        <div>",
+          "          <div class=\"text-blue-600 text-4xl mb-2\">🎨</div>",
+          "          <h3 class=\"text-xl font-semibold mb-2\">Beautiful</h3>",
+          "          <p class=\"text-gray-600\">Styled with Tailwind CSS for clean, responsive design.</p>",
+          "        </div>",
+          "        <div>",
+          "          <div class=\"text-blue-600 text-4xl mb-2\">🚀</div>",
+          "          <h3 class=\"text-xl font-semibold mb-2\">Launch Ready</h3>",
+          "          <p class=\"text-gray-600\">Easy to deploy and extend for your next big idea.</p>",
+          "        </div>",
+          "      </div>",
+          "    </div>",
+          "  </section>",
+          "</main>",
+          "",
+          "<!-- Footer -->",
+          "<footer class=\"bg-white text-gray-500 text-center py-6 border-t\">",
+          "  2025 Mulmocast.",
+          "</footer>"
+        ]
+      }
+    },
+    {
+      "text": "This is a table of items in the store.",
+      "image": {
+        "type": "markdown",
+        "markdown": [
+          "# Markdown Table Example",
+          "| Item              | In Stock | Price |",
+          "| :---------------- | :------: | ----: |",
+          "| Python Hat        |   True   | 23.99 |",
+          "| SQL Hat           |   True   | 23.99 |",
+          "| Codecademy Tee    |  False   | 19.99 |",
+          "| Codecademy Hoodie |  False   | 42.99 |"
+        ]
+      }
+    },
+    {
+      "text": "This is a sample slide, which just displays the title and the presenter's name of this presentation.",
+      "image": {
+        "type": "textSlide",
+        "slide": {
+          "title": "This is the title of the presentation",
+          "subtitle": "Tom Johnson"
+        }
+      }
+    },
+    {
+      "text": "sectionDividerSlide",
+      "image": {
+        "type": "vision",
+        "style": "sectionDividerSlide",
+        "data": {
+          "heading": "How AI Is Reshaping Referencing",
+          "subheading": "From sources to systems: reliability, traceability, and credit in the age of models"
+        }
+      }
+    },
+    {
+      "text": "agendaSlide",
+      "image": {
+        "type": "vision",
+        "style": "agendaSlide",
+        "data": {
+          "title": "Agenda",
+          "items": [
+            "Executive summary",
+            "Reference reliability and hallucinations",
+            "Attribution and credit in AI workflows",
+            "Standards & compliance (academia, journalism, law)",
+            "Roadmap & recommendations"
+          ]
+        }
+      }
+    }
+  ]
+}