mulmocast 2.9.0 → 2.9.2

package/lib/slide/utils.js

@@ -0,0 +1,243 @@
+/** Escape HTML special characters */
+export const escapeHtml = (s) => {
+    return String(s || "")
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#39;");
+};
+/** Escape HTML and convert newlines to <br> */
+export const nl2br = (s) => {
+    return escapeHtml(s).replace(/\n/g, "<br>");
+};
+/** Valid accent color keys for inline markup */
+const inlineColorKeys = new Set(["primary", "accent", "success", "warning", "danger", "info", "highlight"]);
+/**
+ * Render inline markup: escape HTML first, then parse **bold** and {color:text}.
+ * Also converts newlines to <br>.
+ * Safe: escapeHtml runs before any markup parsing, so XSS is impossible.
+ */
+export const renderInlineMarkup = (s) => {
+    let result = escapeHtml(s);
+    // **bold** → <strong>bold</strong>
+    result = result.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+    // {color:text} → <span class="text-d-color">text</span>
+    result = result.replace(/\{([a-z]+):(.+?)\}/g, (_match, color, text) => {
+        if (inlineColorKeys.has(color)) {
+            return `<span class="text-${c(color)}">${text}</span>`;
+        }
+        return `{${color}:${text}}`;
+    });
+    // newlines to <br>
+    result = result.replace(/\n/g, "<br>");
+    return result;
+};
+/** Sanitize a value for safe use in CSS class names (alphanumeric + hyphens only) */
+const sanitizeCssClass = (s) => {
+    return s.replace(/[^a-zA-Z0-9-]/g, "");
+};
+/** Sanitize a hex color value (hex digits only) */
+export const sanitizeHex = (s) => {
+    return s.replace(/[^0-9A-Fa-f]/g, "");
+};
+/** Accent color key → Tailwind class segment: "primary" → "d-primary" */
+export const c = (key) => {
+    return `d-${sanitizeCssClass(key)}`;
+};
+// ═══════════════════════════════════════════════════════════
+// Shared micro-helpers for HTML generation
+// ═══════════════════════════════════════════════════════════
+/** Default accent color used when none is specified */
+const DEFAULT_ACCENT = "primary";
+/** Resolve accent color key with "primary" as fallback */
+export const resolveAccent = (color) => color || DEFAULT_ACCENT;
+/** Resolve item-level color with slide-level fallback then "primary" */
+export const resolveItemColor = (itemColor, slideAccent) => itemColor || slideAccent || DEFAULT_ACCENT;
+/** Render a horizontal accent bar (3px full-width). Pass extraClass for width/margin variants. */
+export const accentBar = (colorKey, extraClass) => `<div class="h-[3px] bg-${c(colorKey)} shrink-0 ${extraClass || ""}"></div>`;
+/** Render an optional block title (chart, mermaid, table) */
+export const blockTitle = (title) => title ? `<p class="text-sm font-bold text-d-text font-body mb-2">${renderInlineMarkup(title)}</p>` : "";
+/** Resolve change indicator color: "success" for positive (+), "danger" for negative */
+export const resolveChangeColor = (change) => (/\+/.test(change) ? "success" : "danger");
+/** Render the optional callout bar at the bottom of a slide, or empty string */
+export const renderOptionalCallout = (callout) => {
+    if (!callout)
+        return "";
+    return `<div class="mt-auto pb-4">${renderCalloutBar(callout)}</div>`;
+};
+const colorKeyMap = {
+    bg: "bg",
+    bgCard: "card",
+    bgCardAlt: "alt",
+    text: "text",
+    textMuted: "muted",
+    textDim: "dim",
+    primary: "primary",
+    accent: "accent",
+    success: "success",
+    warning: "warning",
+    danger: "danger",
+    info: "info",
+    highlight: "highlight",
+};
+/** Build the Tailwind config JSON string for theme colors and fonts */
+export const buildTailwindConfig = (theme) => {
+    const colorMap = {};
+    Object.entries(theme.colors).forEach(([k, v]) => {
+        const mapped = colorKeyMap[k];
+        if (mapped) {
+            colorMap[mapped] = `#${v}`;
+        }
+    });
+    return JSON.stringify({
+        theme: {
+            extend: {
+                colors: { d: colorMap },
+                fontFamily: {
+                    title: [theme.fonts.title, "serif"],
+                    body: [theme.fonts.body, "Arial", "sans-serif"],
+                    mono: [theme.fonts.mono, "monospace"],
+                },
+            },
+        },
+    });
+};
+/** Render a numbered circle badge */
+export const numBadge = (num, colorKey) => {
+    return `<div class="w-10 h-10 rounded-full bg-${c(colorKey)} flex items-center justify-center shrink-0">
+  <span class="text-white font-bold text-sm">${num}</span>
+</div>`;
+};
+/** Render an icon in a square container */
+export const iconSquare = (icon, colorKey) => {
+    return `<div class="w-16 h-16 bg-d-alt flex items-center justify-center rounded">
+  <span class="text-2xl font-mono font-bold text-${c(colorKey)}">${escapeHtml(icon)}</span>
+</div>`;
+};
+/** 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 min-h-0 ${sanitizeCssClass(extraClass || "")}">
+  ${accentBar(accentColor)}
+  <div class="p-5 flex flex-col flex-1 min-h-0 overflow-hidden">
+${innerHtml}
+  </div>
+</div>`;
+};
+/** Render a callout bar at the bottom of a slide */
+export const renderCalloutBar = (obj) => {
+    const color = obj.color || "warning";
+    const leftBar = obj.leftBar ? `<div class="w-1 bg-${c(color)} shrink-0"></div>` : "";
+    const align = obj.align === "center" ? "text-center" : "";
+    const inner = obj.label
+        ? `<span class="font-bold text-${c(color)}">${renderInlineMarkup(obj.label)}:</span> <span class="text-d-muted">${renderInlineMarkup(obj.text)}</span>`
+        : `<span class="text-d-muted">${renderInlineMarkup(obj.text)}</span>`;
+    return `<div class="mx-12 bg-d-card rounded flex overflow-hidden ${align}">
+  ${leftBar}
+  <div class="px-4 py-3 text-sm font-body flex-1">${inner}</div>
+</div>`;
+};
+/** Render header text elements (stepLabel + title + subtitle) without wrapping div */
+export const renderHeaderText = (data) => {
+    const accent = resolveAccent(data.accentColor);
+    const lines = [];
+    if (data.stepLabel) {
+        lines.push(`<p class="text-sm font-bold text-${c(accent)} font-body">${renderInlineMarkup(data.stepLabel)}</p>`);
+    }
+    lines.push(`<h2 class="text-[42px] leading-tight font-title font-bold text-d-text">${renderInlineMarkup(data.title)}</h2>`);
+    if (data.subtitle) {
+        lines.push(`<p class="text-[15px] text-d-dim mt-2 font-body">${renderInlineMarkup(data.subtitle)}</p>`);
+    }
+    return lines.join("\n");
+};
+/** Render the common slide header (accent bar + title + subtitle) */
+export const slideHeader = (data) => {
+    const accent = resolveAccent(data.accentColor);
+    return [accentBar(accent), `<div class="px-12 pt-5 shrink-0">`, renderHeaderText(data), `</div>`].join("\n");
+};
+/** Render accent bar + vertically-centered wrapper with header text (used by stats, timeline) */
+export const centeredSlideHeader = (data) => {
+    const accent = resolveAccent(data.accentColor);
+    return [accentBar(accent), `<div class="flex-1 flex flex-col justify-center px-12 min-h-0">`, renderHeaderText(data)].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;
+};
+// ═══════════════════════════════════════════════════════════
+// Content block type detection
+// ═══════════════════════════════════════════════════════════
+/** Chart.js plugin CDN URLs keyed by chart type */
+const CHART_PLUGIN_CDNS = {
+    sankey: "https://cdn.jsdelivr.net/npm/chartjs-chart-sankey",
+    treemap: "https://cdn.jsdelivr.net/npm/chartjs-chart-treemap@3",
+};
+/** 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;
+};
+/** Collect chart type from a chart block */
+const collectChartPlugin = (block, plugins) => {
+    if (block.type === "chart") {
+        const chartType = block.chartData?.type;
+        if (chartType && CHART_PLUGIN_CDNS[chartType]) {
+            plugins.add(CHART_PLUGIN_CDNS[chartType]);
+        }
+    }
+};
+/** 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;
+    const plugins = new Set();
+    arrays.forEach((blocks) => {
+        blocks.forEach((block) => {
+            if (block.type === "chart")
+                hasChart = true;
+            if (block.type === "mermaid")
+                hasMermaid = true;
+            collectChartPlugin(block, plugins);
+            if (block.type === "section" && block.content) {
+                block.content.forEach((inner) => {
+                    if (inner.type === "chart")
+                        hasChart = true;
+                    if (inner.type === "mermaid")
+                        hasMermaid = true;
+                    collectChartPlugin(inner, plugins);
+                });
+            }
+        });
+    });
+    return { hasChart, hasMermaid, chartPlugins: [...plugins] };
+};

package/lib/tools/prompt.d.ts

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

package/lib/tools/prompt.js

@@ -0,0 +1,18 @@
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const main = async () => {
+    const basePath = path.resolve(__dirname, "../../prompts/");
+    const ret = {};
+    fs.readdirSync(basePath).map((file) => {
+        const key = file.split(".")[0];
+        const content = fs.readFileSync(path.resolve(basePath, file), "utf-8");
+        ret[key] = content;
+    });
+    const code = ["// This file is auto-generated by src/tools/prompt.ts and Do not be edited manually.", `export const prompts = ${JSON.stringify(ret)};`].join("\n");
+    fs.writeFileSync(path.resolve(__dirname, "../../src/agents/prompts_data.ts"), code, "utf8");
+    // console.log(hoge);
+};
+main();

package/lib/tools/seed.d.ts

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

package/lib/tools/seed.js

@@ -0,0 +1,211 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMulmoScriptWithInteractive = void 0;
+require("dotenv/config");
+const graphai_1 = require("graphai");
+const input_agents_1 = require("@graphai/input_agents");
+const openai_agent_1 = require("@graphai/openai_agent");
+const vanilla = __importStar(require("@graphai/vanilla"));
+const vanilla_node_agents_1 = require("@graphai/vanilla_node_agents");
+const file_1 = require("../utils/file");
+const filters_1 = require("../utils/filters");
+const browserless_agent_1 = require("@graphai/browserless_agent");
+const agentHeader = "\x1b[34m● \x1b[0m\x1b[1mAgent\x1b[0m:\x1b[0m";
+const graphDataForScraping = {
+    version: 0.5,
+    nodes: {
+        urls: {
+            value: [],
+        },
+        fetchResults: {
+            agent: "mapAgent",
+            inputs: {
+                rows: ":urls",
+            },
+            params: {
+                compositeResult: true,
+            },
+            graph: {
+                nodes: {
+                    fetcher: {
+                        agent: "browserlessAgent",
+                        inputs: {
+                            url: ":row",
+                            text_content: true,
+                        },
+                    },
+                    copyAgent: {
+                        agent: "copyAgent",
+                        inputs: {
+                            text: '{ url: "${:row}", text: "${:fetcher.text}" }',
+                        },
+                        params: {
+                            namedKey: "text",
+                        },
+                        isResult: true,
+                    },
+                },
+            },
+        },
+        sourceText: {
+            agent: "arrayJoinAgent",
+            inputs: {
+                array: ":fetchResults.copyAgent",
+            },
+            params: {
+                separator: ",",
+            },
+            isResult: true,
+        },
+    },
+};
+const graphData = {
+    version: 0.5,
+    loop: {
+        while: ":continue",
+    },
+    nodes: {
+        fileName: {
+            update: ":fileName",
+        },
+        outdir: {
+            update: ":outdir",
+        },
+        messages: {
+            value: [],
+            update: ":llm.messages",
+        },
+        userInput: {
+            agent: "textInputAgent",
+            params: {
+                message: "You:",
+                required: true,
+            },
+        },
+        llm: {
+            agent: "openAIAgent",
+            params: {
+                model: "gpt-4o",
+            },
+            inputs: {
+                messages: ":messages",
+                prompt: ":userInput.text",
+            },
+        },
+        json: {
+            agent: "copyAgent",
+            inputs: {
+                json: ":llm.text.codeBlock().jsonParse()",
+                text: ":llm.text.codeBlock()",
+            },
+        },
+        writeJSON: {
+            if: ":json.json",
+            agent: "fileWriteAgent",
+            inputs: {
+                file: "${:outdir}/${:fileName}-${@now}.json",
+                text: ":json.text",
+            },
+        },
+        writeLog: {
+            agent: "consoleAgent",
+            inputs: {
+                text: "\n\x1b[32m🎉 Script file generated successfully! Type /bye to exit.\x1b[0m\nwriting: ${:writeJSON.path}",
+                waiting: ":writeJSON",
+            },
+        },
+        shouldResponse: {
+            agent: "compareAgent",
+            inputs: {
+                array: [[":json.json", "==", undefined], "&&", [":userInput.text", "!=", "/bye"]],
+            },
+        },
+        agentResponse: {
+            if: ":shouldResponse.result",
+            agent: "consoleAgent",
+            inputs: {
+                text: "\n" + agentHeader + " ${:llm.text}\n",
+            },
+        },
+        checkInput: {
+            agent: "compareAgent",
+            inputs: { array: [":userInput.text", "!=", "/bye"] },
+        },
+        continue: {
+            value: true,
+            update: ":checkInput.result",
+        },
+    },
+};
+const interactiveClarificationPrompt = `If there are any unclear points, be sure to ask the user questions and clarify them before generating the script.`;
+const scrapeWebContent = async (urls, cacheDirPath) => {
+    (0, file_1.mkdir)(cacheDirPath);
+    console.log(`${agentHeader} Scraping ${urls.length} URLs...\n`);
+    const browserlessCache = (0, filters_1.browserlessCacheGenerator)(cacheDirPath);
+    const agentFilters = [
+        {
+            name: "browserlessCache",
+            agent: browserlessCache,
+            nodeIds: ["fetcher"],
+        },
+    ];
+    const graph = new graphai_1.GraphAI(graphDataForScraping, { ...vanilla, openAIAgent: openai_agent_1.openAIAgent, textInputAgent: input_agents_1.textInputAgent, fileWriteAgent: vanilla_node_agents_1.fileWriteAgent, browserlessAgent: browserless_agent_1.browserlessAgent }, { agentFilters });
+    graph.injectValue("urls", urls);
+    const result = (await graph.run());
+    if (!result?.sourceText?.text) {
+        return "";
+    }
+    const prefixPrompt = "Here is the web content that can be used as reference material for the script:";
+    return `\n\n${prefixPrompt}\n${result?.sourceText.text}`;
+};
+const createMulmoScriptWithInteractive = async ({ outDirPath, cacheDirPath, filename, templateName, urls }) => {
+    (0, file_1.mkdir)(outDirPath);
+    // if urls is not empty, scrape web content and reference it in the prompt
+    const webContentPrompt = urls.length > 0 ? await scrapeWebContent(urls, cacheDirPath) : "";
+    const graph = new graphai_1.GraphAI(graphData, { ...vanilla, openAIAgent: openai_agent_1.openAIAgent, textInputAgent: input_agents_1.textInputAgent, fileWriteAgent: vanilla_node_agents_1.fileWriteAgent });
+    const prompt = (0, file_1.readTemplatePrompt)(templateName);
+    graph.injectValue("messages", [
+        {
+            role: "system",
+            content: `${prompt}\n\n${interactiveClarificationPrompt}${webContentPrompt}`,
+        },
+    ]);
+    graph.injectValue("outdir", outDirPath);
+    graph.injectValue("fileName", filename);
+    console.log(`${agentHeader} Hi! What topic would you like me to generate about?\n`);
+    await graph.run();
+};
+exports.createMulmoScriptWithInteractive = createMulmoScriptWithInteractive;

package/lib/tools/seed_from_url.d.ts

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

package/lib/tools/seed_from_url.js

@@ -0,0 +1,188 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMulmoScriptFromUrl = void 0;
+require("dotenv/config");
+const graphai_1 = require("graphai");
+const openai_agent_1 = require("@graphai/openai_agent");
+const vanilla = __importStar(require("@graphai/vanilla"));
+const vanilla_node_agents_1 = require("@graphai/vanilla_node_agents");
+const browserless_agent_1 = require("@graphai/browserless_agent");
+const validate_mulmo_script_agent_1 = __importDefault(require("../agents/validate_mulmo_script_agent"));
+const file_1 = require("../utils/file");
+const filters_1 = require("../utils/filters");
+const schema_1 = require("../types/schema");
+const graphData = {
+    version: 0.5,
+    // Execute sequentially because the free version of browserless API doesn't support concurrent execution.
+    concurrency: 1,
+    nodes: {
+        urls: {
+            value: [],
+        },
+        prompt: {
+            value: "",
+        },
+        outdir: {
+            value: "",
+        },
+        fileName: {
+            value: "",
+        },
+        // get the text content of the urls
+        fetchResults: {
+            agent: "mapAgent",
+            inputs: {
+                rows: ":urls",
+            },
+            params: {
+                compositeResult: true,
+            },
+            graph: {
+                nodes: {
+                    fetcher: {
+                        agent: "browserlessAgent",
+                        inputs: {
+                            url: ":row",
+                            text_content: true,
+                        },
+                    },
+                    copyAgent: {
+                        agent: "copyAgent",
+                        inputs: {
+                            text: '{ url: "${:row}", text: "${:fetcher.text}" }',
+                        },
+                        params: {
+                            namedKey: "text",
+                        },
+                        isResult: true,
+                    },
+                },
+            },
+        },
+        // join the text content
+        sourceText: {
+            agent: "arrayJoinAgent",
+            inputs: {
+                array: ":fetchResults.copyAgent",
+            },
+            params: {
+                separator: ",",
+            },
+        },
+        // generate the mulmo script
+        mulmoScript: {
+            agent: "nestedAgent",
+            inputs: {
+                sourceText: ":sourceText",
+                prompt: ":prompt",
+            },
+            graph: {
+                loop: {
+                    // If the script is not valid and the counter is less than 3, continue the loop
+                    while: ":continue",
+                },
+                nodes: {
+                    counter: {
+                        value: 0,
+                        update: ":counter.add(1)",
+                    },
+                    openAIAgent: {
+                        agent: "openAIAgent",
+                        inputs: {
+                            model: "gpt-4o",
+                            system: ":prompt",
+                            prompt: "Please create a script using the information from the following URLs as reference: ${:sourceText.text}",
+                        },
+                    },
+                    validateMulmoScriptAgent: {
+                        agent: "validateMulmoScriptAgent",
+                        inputs: {
+                            text: ":openAIAgent.text.codeBlock()",
+                        },
+                        isResult: true,
+                    },
+                    continue: {
+                        agent: ({ isValid, counter }) => {
+                            return !isValid && counter < 3;
+                        },
+                        inputs: {
+                            isValid: ":validateMulmoScriptAgent.isValid",
+                            counter: ":counter",
+                        },
+                    },
+                },
+            },
+        },
+        writeJSON: {
+            if: ":mulmoScript.validateMulmoScriptAgent.isValid",
+            agent: "fileWriteAgent",
+            inputs: {
+                file: "${:outdir}/${:fileName}-${@now}.json",
+                text: ":mulmoScript.validateMulmoScriptAgent.data.toJSON()",
+            },
+            isResult: true,
+        },
+    },
+};
+const createMulmoScriptFromUrl = async ({ urls, templateName, outDirPath, filename, cacheDirPath }) => {
+    (0, file_1.mkdir)(outDirPath);
+    (0, file_1.mkdir)(cacheDirPath);
+    const parsedUrls = schema_1.urlsSchema.parse(urls);
+    const browserlessCache = (0, filters_1.browserlessCacheGenerator)(cacheDirPath);
+    const agentFilters = [
+        {
+            name: "browserlessCache",
+            agent: browserlessCache,
+            nodeIds: ["fetcher"],
+        },
+    ];
+    const graph = new graphai_1.GraphAI(graphData, {
+        ...vanilla,
+        openAIAgent: openai_agent_1.openAIAgent,
+        browserlessAgent: browserless_agent_1.browserlessAgent,
+        validateMulmoScriptAgent: validate_mulmo_script_agent_1.default,
+        fileWriteAgent: vanilla_node_agents_1.fileWriteAgent,
+    }, { agentFilters });
+    graph.injectValue("urls", parsedUrls);
+    graph.injectValue("prompt", (0, file_1.readTemplatePrompt)(templateName));
+    graph.injectValue("outdir", outDirPath);
+    graph.injectValue("fileName", filename);
+    await graph.run();
+};
+exports.createMulmoScriptFromUrl = createMulmoScriptFromUrl;