mulmocast 2.1.28 → 2.1.29

package/lib/types/schema.d.ts

@@ -182,6 +182,7 @@ export declare const mediaSourceMermaidSchema: z.ZodDiscriminatedUnion<[z.ZodObj
 export declare const mulmoMarkdownMediaSchema: z.ZodObject<{
     type: z.ZodLiteral<"markdown">;
     markdown: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
+    style: z.ZodOptional<z.ZodString>;
 }, z.core.$strict>;
 export declare const mulmoImageMediaSchema: z.ZodObject<{
     type: z.ZodLiteral<"image">;
@@ -271,6 +272,7 @@ export declare const mulmoVisionMediaSchema: z.ZodObject<{
 export declare const mulmoImageAssetSchema: z.ZodUnion<readonly [z.ZodObject<{
     type: z.ZodLiteral<"markdown">;
     markdown: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
+    style: z.ZodOptional<z.ZodString>;
 }, z.core.$strict>, z.ZodObject<{
     type: z.ZodLiteral<"web">;
     url: z.ZodURL;
@@ -797,6 +799,7 @@ export declare const mulmoBeatSchema: z.ZodObject<{
     image: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
         type: z.ZodLiteral<"markdown">;
         markdown: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
+        style: z.ZodOptional<z.ZodString>;
     }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"web">;
         url: z.ZodURL;
@@ -1981,6 +1984,7 @@ export declare const mulmoScriptSchema: z.ZodObject<{
         image: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
             type: z.ZodLiteral<"markdown">;
             markdown: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
+            style: z.ZodOptional<z.ZodString>;
         }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"web">;
             url: z.ZodURL;
@@ -2869,6 +2873,7 @@ export declare const mulmoStudioSchema: z.ZodObject<{
             image: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
                 type: z.ZodLiteral<"markdown">;
                 markdown: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
+                style: z.ZodOptional<z.ZodString>;
             }, z.core.$strict>, z.ZodObject<{
                 type: z.ZodLiteral<"web">;
                 url: z.ZodURL;

package/lib/types/schema.js

@@ -79,6 +79,7 @@ export const mulmoMarkdownMediaSchema = z
     .object({
     type: z.literal("markdown"),
     markdown: stringOrStringArray,
+    style: z.string().optional(),
 })
     .strict();
 const mulmoWebMediaSchema = z

package/lib/utils/context.d.ts

@@ -275,6 +275,7 @@ export declare const createStudioData: (_mulmoScript: MulmoScript, fileName: str
             } | {
                 type: "markdown";
                 markdown: string | string[];
+                style?: string | undefined;
             } | {
                 type: "web";
                 url: string;
@@ -931,6 +932,7 @@ export declare const initializeContextFromFiles: (files: FileObject, raiseError:
                 } | {
                     type: "markdown";
                     markdown: string | string[];
+                    style?: string | undefined;
                 } | {
                     type: "web";
                     url: string;

package/lib/utils/html_render.js

@@ -11,8 +11,8 @@ export const renderHTMLToImage = async (html, outputPath, width, height, isMerma
     await page.setContent(html);
     // Adjust page settings if needed (like width, height, etc.)
     await page.setViewport({ width, height });
-    // height:100% ensures background fills viewport; background:white prevents transparent areas
-    await page.addStyleTag({ content: "html,body{height:100%;margin:0;padding:0;overflow:hidden;background:white}" });
+    // height:100% ensures background fills viewport; only reset html, let body styles come from custom CSS
+    await page.addStyleTag({ content: "html{height:100%;margin:0;padding:0;overflow:hidden}" });
     if (isMermaid) {
         await page.waitForFunction(() => {
             const element = document.querySelector(".mermaid");

package/lib/utils/image_plugins/markdown.js

@@ -1,5 +1,6 @@
 import { renderMarkdownToImage } from "../html_render.js";
 import { parrotingImagePath } from "./utils.js";
+import { getMarkdownStyle } from "../../data/markdownStyles.js";
 import { marked } from "marked";
 export const imageType = "markdown";
 const processMarkdown = async (params) => {
@@ -7,7 +8,11 @@ const processMarkdown = async (params) => {
     if (!beat.image || beat.image.type !== imageType)
         return;
     const markdown = dumpMarkdown(params) ?? "";
-    await renderMarkdownToImage(markdown, textSlideStyle, imagePath, canvasSize.width, canvasSize.height);
+    // Use custom style if specified, otherwise use default textSlideStyle
+    const styleName = beat.image.style;
+    const customStyle = styleName ? getMarkdownStyle(styleName) : undefined;
+    const style = customStyle ? customStyle.css : textSlideStyle;
+    await renderMarkdownToImage(markdown, style, imagePath, canvasSize.width, canvasSize.height);
     return imagePath;
 };
 const dumpMarkdown = (params) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mulmocast",
-  "version": "2.1.28",
+  "version": "2.1.29",
   "description": "",
   "type": "module",
   "main": "lib/index.node.js",