mulmocast 1.2.0 → 1.2.1

package/assets/templates/akira_comic.json

@@ -1,7 +1,7 @@
 {
   "title": "Akira style",
   "description": "Template for Akira style comic presentation.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate images for each beat based on the image prompt of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "Another AI will generate images for each beat based on the image prompt of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/ani.json

@@ -1,7 +1,7 @@
 {
   "title": "Presentation with Ani",
   "description": "Template for presentation with Ani.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. 言葉づかいは少しツンデレにして。Another AI will generate comic for each beat based on the image prompt of that beat. You don't need to specify the style of the image, just describe the scene. Mention the reference in one of beats, if it exists. Use the JSON below as a template. Create appropriate amount of beats, and make sure the beats are coherent and flow well.",
+  "systemPrompt": "言葉づかいは思いっきりツンデレにして。Another AI will generate comic for each beat based on the image prompt of that beat. You don't need to specify the style of the image, just describe the scene. Mention the reference in one of beats, if it exists. Use the JSON below as a template. Create appropriate amount of beats, and make sure the beats are coherent and flow well.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/business.json

@@ -1,6 +1,6 @@
 {
   "title": "Business presentation",
   "description": "Template for business presentation.",
-  "systemPrompt": "Generate a script for a business presentation of the given topic. Use textSlides, markdown, mermaid, or chart to show slides. Extract image links in the article (from <img> tag) to reuse them in the presentation. Mention the reference in one of beats, if it exists. Use the JSON below as a template. chartData is the data for Chart.js",
+  "systemPrompt": "Use textSlides, markdown, mermaid, or chart to show slides. Extract image links in the article (from <img> tag) to reuse them in the presentation. Mention the reference in one of beats, if it exists. Use the JSON below as a template. chartData is the data for Chart.js",
   "scriptName": "business.json"
 }

package/assets/templates/characters.json

@@ -11,6 +11,6 @@
       "height": 1024
     }
   },
-  "systemPrompt": "Generate a script for a the given story with multiple characters. Generate image prompts for each character, and make references to them in the beats. Use the JSON below as a template.",
+  "systemPrompt": "Use multiple characters. Generate image prompts for each character, and make references to them in the beats. Use the JSON below as a template.",
   "scriptName": "image_refs.json"
 }

package/assets/templates/children_book.json

@@ -1,7 +1,7 @@
 {
   "title": "Children Book",
   "description": "Template for children book.",
-  "systemPrompt": "Please generate a script for a children book on the topic provided by the user. Each page (=beat) must haven an image prompt appropriate for the text.",
+  "systemPrompt": "This script is for a children book. Each page (=beat) must haven an image prompt appropriate for the text.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/coding.json

@@ -1,6 +1,6 @@
 {
   "title": "Coding presentation",
   "description": "Template for software and coding presentation.",
-  "systemPrompt": "Generate a script for a technical presentation of the given topic. Use markdown with a code block to show some code on a slide. Avoid long coding examples, which may not fit in a single slide. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "Use markdown with a code block to show some code on a slide. Avoid long coding examples, which may not fit in a single slide. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "scriptName": "coding.json"
 }

package/assets/templates/comic_strips.json

@@ -1,7 +1,7 @@
 {
   "title": "American Comic Strips",
   "description": "Template for Dilbert-style comic strips.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate comic strips for each beat based on the text description of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "Another AI will generate comic strips for each beat based on the text description of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/drslump_comic.json

@@ -1,7 +1,7 @@
 {
   "title": "Dr. Slump Style",
   "description": "Template for Dr. Slump style comic presentation.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate images for each beat based on the image prompt of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "Another AI will generate images for each beat based on the image prompt of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/ghibli_comic.json

@@ -1,7 +1,7 @@
 {
   "title": "Ghibli comic style",
   "description": "Template for Ghibli-style comic presentation.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate comic strips for each beat based on the text description of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "Another AI will generate comic strips for each beat based on the text description of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/ghibli_image_only.json

@@ -1,7 +1,7 @@
 {
   "title": "Ghibli comic image-only",
   "description": "Template for Ghibli-style image-only comic presentation.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate an image for each beat based on the text description of that beat. Use the JSON below as a template.",
+  "systemPrompt": "Another AI will generate an image for each beat based on the text description of that beat. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/ghibli_shorts.json

@@ -1,7 +1,7 @@
 {
   "title": "Ghibli style for YouTube Shorts",
   "description": "Template for Ghibli-style comic presentation.",
-  "systemPrompt": "Generate a Japanese script for a Youtube shorts of the given topic. Another AI will generate comic strips for each beat based on the text description of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "This script is for YouTube shorts. Another AI will generate comic strips for each beat based on the text description of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/ghost_comic.json

@@ -1,7 +1,7 @@
 {
   "title": "Ghost in the shell style",
   "description": "Template for Ghost in the shell style comic presentation.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate images for each beat based on the image prompt of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "Another AI will generate images for each beat based on the image prompt of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/html.json

@@ -1,7 +1,7 @@
 {
   "title": "Business presentation in HTML",
   "description": "Template for business presentation in HTML.",
-  "systemPrompt": "Generate a script for a business presentation of the given topic. Another LLM will generate actual slides from the prompt and data for each beat. Adding optional data would help it to generate more compelling slide. Mention the reference in one of beats, if it exists. The valid type of reference is 'article', 'paper', 'image', 'video', 'audio'. Use the JSON below as a template.",
+  "systemPrompt": "Another LLM will generate actual slides from the prompt and data for each beat. Adding optional data would help it to generate more compelling slide. Mention the reference in one of beats, if it exists. The valid type of reference is 'article', 'paper', 'image', 'video', 'audio'. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/onepiece_comic.json

@@ -1,7 +1,7 @@
 {
   "title": "One Piece style",
   "description": "Template for One Piece style comic presentation.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate images for each beat based on the image prompt of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "Another AI will generate images for each beat based on the image prompt of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/portrait_movie.json

@@ -1,7 +1,7 @@
 {
   "title": "Photo realistic movie (portrait)",
   "description": "Template for photo realistic movie in portrait mode.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate images for each beat based on the image prompt of that beat. Movie prompts must be written in English. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "Another AI will generate images for each beat based on the image prompt of that beat. Movie prompts must be written in English. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/realistic_movie.json

@@ -1,7 +1,7 @@
 {
   "title": "Photo realistic movie template",
   "description": "Template for photo realistic movie.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate images for each beat based on the image prompt of that beat. Movie prompts must be written in English. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
+  "systemPrompt": "Another AI will generate images for each beat based on the image prompt of that beat. Movie prompts must be written in English. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/sensei_and_taro.json

@@ -1,7 +1,7 @@
 {
   "title": "Student and Teacher",
   "description": "Interactive discussion between a student and teacher",
-  "systemPrompt": "この件について、内容全てを高校生にも分かるように、太郎くん(Student)と先生(Teacher)の会話、という形の台本をArtifactとして作って。ただし要点はしっかりと押さえて。以下に別のトピックに関するサンプルを貼り付けます。このJSONフォーマットに従って。",
+  "systemPrompt": "全てを高校生にも分かるように、太郎くん(Student)と先生(Teacher)の会話、という形の台本にして。ただし要点はしっかりと押さえて。以下に別のトピックに関するサンプルを貼り付けます。このJSONフォーマットに従って。",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1",

package/assets/templates/shorts.json

@@ -1,7 +1,7 @@
 {
   "title": "Short movie template",
   "description": "Template for Youtube shorts.",
-  "systemPrompt": "Generate a script for a Youtube shorts of the given topic. The first beat should be a hook, which describes the topic. Another AI will generate images for each beat based on the image prompt of that beat. Movie prompts must be written in English.",
+  "systemPrompt": "This script is for YouTube shorts. The first beat should be a hook, which describes the topic. Another AI will generate images for each beat based on the image prompt of that beat. Movie prompts must be written in English.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1"

package/assets/templates/trailer.json

@@ -1,7 +1,7 @@
 {
   "title": "Movie Trailer template",
   "description": "Template for A Movie Trailer.",
-  "systemPrompt": "Generate a script for a movie trailer of the given story. Another AI will generate images for each beat based on the image prompt of that beat. Movie prompts must be written in English.",
+  "systemPrompt": "This script is for a movie trailer. Another AI will generate images for each beat based on the image prompt of that beat. Movie prompts must be written in English.",
   "presentationStyle": {
     "$mulmocast": {
       "version": "1.1"

package/lib/actions/movie.js

@@ -80,7 +80,7 @@ const getOutputOption = (audioId, videoId) => {
 const addCaptions = (ffmpegContext, concatVideoId, context, caption) => {
     const beatsWithCaptions = context.studio.beats.filter(({ captionFile }) => captionFile);
     if (caption && beatsWithCaptions.length > 0) {
-        const introPadding = context.presentationStyle.audioParams.introPadding;
+        const introPadding = MulmoStudioContextMethods.getIntroPadding(context);
         return beatsWithCaptions.reduce((acc, beat, index) => {
             const { startAt, duration, captionFile } = beat;
             if (startAt !== undefined && duration !== undefined && captionFile !== undefined) {
@@ -168,7 +168,7 @@ const createVideo = async (audioArtifactFilePath, outputVideoPath, context) => {
         const extraPadding = (() => {
             // We need to consider only intro and outro padding because the other paddings were already added to the beat.duration
             if (index === 0) {
-                return context.presentationStyle.audioParams.introPadding;
+                return MulmoStudioContextMethods.getIntroPadding(context);
             }
             else if (index === context.studio.beats.length - 1) {
                 return context.presentationStyle.audioParams.outroPadding;

package/lib/agents/add_bgm_agent.js

@@ -1,6 +1,7 @@
 import fs from "fs";
 import { GraphAILogger } from "graphai";
 import { FfmpegContextAddInput, FfmpegContextInit, FfmpegContextGenerateOutput, ffmpegGetMediaDuration } from "../utils/ffmpeg_utils.js";
+import { MulmoStudioContextMethods } from "../methods/mulmo_studio_context.js";
 const addBGMAgent = async ({ namedInputs, params, }) => {
     const { voiceFile, outputFile, context } = namedInputs;
     const { musicFile } = params;
@@ -11,7 +12,7 @@ const addBGMAgent = async ({ namedInputs, params, }) => {
         throw new Error(`AddBGMAgent musicFile not exist: ${musicFile}`);
     }
     const { duration: speechDuration } = await ffmpegGetMediaDuration(voiceFile);
-    const introPadding = context.presentationStyle.audioParams.introPadding;
+    const introPadding = MulmoStudioContextMethods.getIntroPadding(context);
     const outroPadding = context.presentationStyle.audioParams.outroPadding;
     const totalDuration = speechDuration + introPadding + outroPadding;
     GraphAILogger.log("totalDucation:", speechDuration, totalDuration);

package/lib/agents/image_openai_agent.js

@@ -39,6 +39,7 @@ export const imageOpenaiAgent = async ({ namedInputs, params, config, }) => {
         prompt,
         n: 1,
         size,
+        background: "opaque",
     };
     if (model === "gpt-image-1") {
         imageOptions.moderation = moderation || "auto";

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

@@ -10,5 +10,5 @@ export const handler = async (argv) => {
     setGraphAILogger(verbose, {
         template,
     });
-    await dumpPromptFromTemplate({ templateName: template });
+    await dumpPromptFromTemplate({ templateName: template, suppressFirstStatement: false });
 };

package/lib/methods/mulmo_presentation_style.js

@@ -71,7 +71,7 @@ export const MulmoPresentationStyleMethods = {
         // Notice that we copy imageParams from presentationStyle and update
         // provider and model appropriately.
         const imageParams = { ...presentationStyle.imageParams, ...beat?.imageParams };
-        const provider = MulmoPresentationStyleMethods.getText2ImageProvider(imageParams?.provider);
+        const provider = MulmoPresentationStyleMethods.getText2ImageProvider(imageParams?.provider) ?? defaultProviders.text2image;
         const agentInfo = provider2ImageAgent[provider];
         // The default text2image model is gpt-image-1 from OpenAI, and to use it you must have an OpenAI account and have verified your identity. If this is not possible, please specify dall-e-3 as the model.
         const defaultImageParams = {

package/lib/methods/mulmo_studio_context.d.ts

@@ -12,4 +12,5 @@ export declare const MulmoStudioContextMethods: {
     setSessionState(context: MulmoStudioContext, sessionType: SessionType, value: boolean): void;
     setBeatSessionState(context: MulmoStudioContext, sessionType: BeatSessionType, index: number, value: boolean): void;
     needTranslate(context: MulmoStudioContext, includeCaption?: boolean): boolean | "" | undefined;
+    getIntroPadding(context: MulmoStudioContext): number;
 };

package/lib/methods/mulmo_studio_context.js

@@ -71,4 +71,11 @@ export const MulmoStudioContextMethods = {
         }
         return context.studio.script.lang !== context.lang;
     },
+    getIntroPadding(context) {
+        if (context.studio.script.beats[0].enableLipSync) {
+            // NOTE: We must set introPadding to 0 when enableLipSync is true. Otherwise, the lipsync will be out of sync.
+            return 0;
+        }
+        return context.presentationStyle.audioParams.introPadding;
+    },
 };

package/lib/tools/dump_prompt.d.ts

@@ -1,3 +1,4 @@
-export declare const dumpPromptFromTemplate: ({ templateName }: {
+export declare const dumpPromptFromTemplate: ({ templateName, suppressFirstStatement }: {
     templateName: string;
+    suppressFirstStatement?: boolean;
 }) => Promise<void>;

package/lib/tools/dump_prompt.js

@@ -1,8 +1,9 @@
 import { GraphAILogger } from "graphai";
 import { readTemplatePrompt } from "../utils/file.js";
 import clipboardy from "clipboardy";
-export const dumpPromptFromTemplate = async ({ templateName }) => {
-    const prompt = readTemplatePrompt(templateName);
+const firstStatement = "Generate a script for a presentation of the given topic. ";
+export const dumpPromptFromTemplate = async ({ templateName, suppressFirstStatement }) => {
+    const prompt = suppressFirstStatement ? "" : firstStatement + readTemplatePrompt(templateName);
     GraphAILogger.info(prompt);
     clipboardy.write(prompt);
 };

package/lib/types/agent.d.ts

@@ -8,6 +8,7 @@ export type OpenAIImageOptions = {
     size: OpenAIImageSize;
     moderation?: OpenAIImageModeration;
     quality?: OpenAIImageQuality;
+    background?: "opaque" | "transparent" | "auto";
 };
 export type AgentBufferResult = {
     buffer?: Buffer;

package/lib/utils/utils.d.ts

@@ -10,7 +10,6 @@ export declare const chunkArray: <T>(array: T[], size?: number) => T[][];
 export declare const isHttp: (fileOrUrl: string) => boolean;
 export declare const text2hash: (input: string) => string;
 export declare const localizedText: (beat: MulmoBeat, multiLingualData?: MulmoStudioMultiLingualData, targetLang?: string, defaultLang?: string) => string;
-export declare const sleep: (milliseconds: number) => Promise<unknown>;
 export declare function userAssert(condition: boolean, message: string): asserts condition;
 export declare const settings2GraphAIConfig: (settings?: Record<string, string>, env?: Record<string, string | undefined>) => ConfigDataDictionary<DefaultConfigData>;
 export declare const getExtention: (contentType: string | null, url: string) => string;

package/lib/utils/utils.js

@@ -29,9 +29,6 @@ export const localizedText = (beat, multiLingualData, targetLang, defaultLang) =
     }
     return beat.text;
 };
-export const sleep = async (milliseconds) => {
-    return await new Promise((resolve) => setTimeout(resolve, milliseconds));
-};
 export function userAssert(condition, message) {
     if (!condition) {
         throw new Error(message);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mulmocast",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "",
   "type": "module",
   "main": "lib/index.node.js",
@@ -84,7 +84,6 @@
     "clipboardy": "^4.0.0",
     "dotenv": "^17.2.1",
     "fluent-ffmpeg": "^2.1.3",
-    "google-auth-library": "^10.1.0",
     "graphai": "^2.0.13",
     "marked": "^16.1.2",
     "ora": "^8.2.0",
@@ -101,7 +100,7 @@
     "@receptron/test_utils": "^2.0.0",
     "@types/fluent-ffmpeg": "^2.1.26",
     "@types/yargs": "^17.0.33",
-    "eslint": "^9.32.0",
+    "eslint": "^9.33.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-sonarjs": "^3.0.4",

package/assets/templates/ani_ja.json

@@ -1,44 +0,0 @@
-{
-  "title": "Presentation with Ani in Japanese",
-  "description": "Template for presentation with Ani in Japanese.",
-  "systemPrompt": "Generate a Japanese script for a presentation of the given topic. 言葉づかいは少しツンデレにして。Another AI will generate comic for each beat based on the image prompt of that beat. You don't need to specify the style of the image, just describe the scene. Mention the reference in one of beats, if it exists. Use the JSON below as a template. Create appropriate amount of beats, and make sure the beats are coherent and flow well.",
-  "presentationStyle": {
-    "$mulmocast": {
-      "version": "1.1",
-      "credit": "closing"
-    },
-    "movieParams": {
-      "provider": "replicate",
-      "model": "bytedance/seedance-1-lite"
-    },
-    "audioParams": {
-      "bgm": {
-        "kind": "url",
-        "url": "https://github.com/receptron/mulmocast-media/raw/refs/heads/main/bgms/morning001.mp3"
-      }
-    },
-    "lang": "ja",
-    "canvasSize": {
-      "width": 1024,
-      "height": 1536
-    },
-    "speechParams": {
-      "speakers": {
-        "Presenter": { "provider": "nijivoice", "voiceId": "9d9ed276-49ee-443a-bc19-26e6136d05f0" }
-      }
-    },
-    "imageParams": {
-      "style": "<style>A highly polished 2D digital illustration in anime and manga style, featuring clean linework, soft shading, vivid colors, and expressive facial detailing. The composition emphasizes clarity and visual impact with a minimalistic background and a strong character focus. The lighting is even and bright, giving the image a crisp and energetic feel, reminiscent of high-quality character art used in Japanese visual novels or mobile games.</style>",
-      "images": {
-        "ani": {
-          "type": "image",
-          "source": {
-            "kind": "url",
-            "url": "https://raw.githubusercontent.com/receptron/mulmocast-media/refs/heads/main/characters/ani.png"
-          }
-        }
-      }
-    }
-  },
-  "scriptName": "image_prompts_template.json"
-}

package/assets/templates/podcast_standard.json

@@ -1,5 +0,0 @@
-{
-  "title": "Generic",
-  "description": "Generic. No template.",
-  "systemPrompt": "Please generate a podcast script based on the topic provided by the user."
-}

package/assets/templates/text_and_image.json

@@ -1,6 +0,0 @@
-{
-  "title": "Text and Image",
-  "description": "Template for Text and Image Script.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate comic strips for each beat based on the imagePrompt of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
-  "scriptName": "image_prompts_template.json"
-}

package/assets/templates/text_only.json

@@ -1,6 +0,0 @@
-{
-  "title": "Text Only",
-  "description": "Template for Text Only Script.",
-  "systemPrompt": "Generate a script for a presentation of the given topic. Another AI will generate comic strips for each beat based on the text description of that beat. Mention the reference in one of beats, if it exists. Use the JSON below as a template.",
-  "scriptName": "text_only_template.json"
-}

package/scripts/test/test_hello_bgm_0.json

@@ -1,21 +0,0 @@
-{
-  "$mulmocast": {
-    "version": "1.1"
-  },
-  "audioParams": {
-    "bgmVolume": 0
-  },
-  "lang": "en",
-  "beats": [
-    {
-      "text": "Hello World",
-      "image": {
-        "type": "textSlide",
-        "slide": {
-          "title": "Hello World",
-          "bullets": ["Hello", "World"]
-        }
-      }
-    }
-  ]
-}

package/scripts/test/test_media_mock.json

@@ -1,245 +0,0 @@
-{
-  "$mulmocast": {
-    "version": "1.1"
-  },
-  "lang": "en",
-  "title": "Media Test",
-  "references": [
-    {
-      "url": "https://www.mulmocast.com",
-      "title": "Mulmocast",
-      "type": "article"
-    }
-  ],
-  "speechParams": {
-    "speakers": {
-      "Presenter": {
-        "voiceId": "shimmer",
-        "displayName": {
-          "en": "Presenter"
-        }
-      }
-    }
-  },
-  "beats": [
-    {
-      "id": "first",
-      "speaker": "Presenter",
-      "text": "This is a local image.",
-      "image": {
-        "type": "image",
-        "source": {
-          "kind": "path",
-          "path": "../../assets/images/mulmocast_credit.png"
-        }
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "This is a reference beat.",
-      "duration": 0.5,
-      "image": {
-        "type": "beat",
-        "id": "first"
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "",
-      "duration": 0.5,
-      "id": "{1A57B3F5-B6CB-4948-96BB-6F018DCCBBD4}",
-      "image": {
-        "type": "textSlide",
-        "slide": {
-          "title": "No Audio",
-          "bullets": ["0.5 seconds"]
-        }
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "This is a remote image.",
-      "image": {
-        "type": "image",
-        "source": {
-          "kind": "url",
-          "url": "https://raw.githubusercontent.com/receptron/mulmocast-cli/refs/heads/main/assets/images/mulmocast_credit.png"
-        }
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "",
-      "duration": 2,
-      "image": {
-        "type": "textSlide",
-        "slide": {
-          "title": "No Audio",
-          "bullets": ["2 seconds"]
-        }
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "This is a local movie with audio.",
-      "image": {
-        "type": "movie",
-        "source": {
-          "kind": "url",
-          "url": "https://github.com/receptron/mulmocast-media/raw/refs/heads/main/test/pingpong.mov"
-        }
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "",
-      "image": {
-        "type": "textSlide",
-        "slide": {
-          "title": "Local Audio Test",
-          "bullets": ["Something"]
-        }
-      },
-      "audio": {
-        "type": "audio",
-        "source": {
-          "kind": "path",
-          "path": "../../assets/audio/local_voice.mp3"
-        }
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "This is a bulleted list in text slide format.",
-      "image": {
-        "type": "textSlide",
-        "slide": {
-          "title": "Human Evolution",
-          "bullets": [
-            "Early Primates",
-            "Hominids and Hominins",
-            "Australopithecus",
-            "Genus Homo Emerges",
-            "Homo erectus and Migration",
-            "Neanderthals and Other Archaic Humans",
-            "Homo sapiens"
-          ]
-        }
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "This is a table in markdown format.",
-      "image": {
-        "type": "markdown",
-        "markdown": [
-          "# Markdown Table Example",
-          "### Table",
-          "| Item              | In Stock | Price |",
-          "| :---------------- | :------: | ----: |",
-          "| Python Hat        |   True   | 23.99 |",
-          "| SQL Hat           |   True   | 23.99 |",
-          "| Codecademy Tee    |  False   | 19.99 |",
-          "| Codecademy Hoodie |  False   | 42.99 |",
-          "### Paragraph",
-          "This is a paragraph."
-        ]
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "This is a chart in chart format.",
-      "image": {
-        "type": "chart",
-        "title": "Sales and Profits (from Jan to June)",
-        "chartData": {
-          "type": "bar",
-          "data": {
-            "labels": ["January", "February", "March", "April", "May", "June"],
-            "datasets": [
-              {
-                "label": "Revenue ($1000s)",
-                "data": [120, 135, 180, 155, 170, 190],
-                "backgroundColor": "rgba(54, 162, 235, 0.5)",
-                "borderColor": "rgba(54, 162, 235, 1)",
-                "borderWidth": 1
-              },
-              {
-                "label": "Profit ($1000s)",
-                "data": [45, 52, 68, 53, 61, 73],
-                "backgroundColor": "rgba(75, 192, 192, 0.5)",
-                "borderColor": "rgba(75, 192, 192, 1)",
-                "borderWidth": 1
-              }
-            ]
-          },
-          "options": {
-            "responsive": true,
-            "animation": false
-          }
-        }
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "text": "This is a diagram in mermaid format.",
-      "image": {
-        "type": "mermaid",
-        "title": "Business Process Flow",
-        "code": {
-          "kind": "text",
-          "text": "graph LR\n    A[Market Research] --> B[Product Planning]\n    B --> C[Development]\n    C --> D[Testing]\n    D --> E[Manufacturing]\n    E --> F[Marketing]\n    F --> G[Sales]\n    G --> H[Customer Support]\n    H --> A"
-        }
-      }
-    },
-    {
-      "speaker": "Presenter",
-      "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>"
-        ]
-      }
-    }
-  ]
-}