mulmocast 2.1.28 → 2.1.30

package/scripts/test/test_markdown_layout.json

@@ -0,0 +1,152 @@
+{
+  "$mulmocast": {
+    "version": "1.0"
+  },
+  "title": "Markdown Layout Test",
+  "lang": "ja",
+  "speechParams": {
+    "speakers": {
+      "Presenter": {
+        "voiceId": "shimmer",
+        "displayName": { "en": "Presenter" }
+      }
+    }
+  },
+  "beats": [
+    {
+      "id": "row2-only",
+      "speaker": "Presenter",
+      "text": "row-2レイアウトのテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "row-2": ["# 左側\n\n- ポイント1\n- ポイント2\n- ポイント3", "# 右側\n\n```typescript\nconst x = 1;\nconsole.log(x);\n```"]
+        }
+      }
+    },
+    {
+      "id": "2x2-only",
+      "speaker": "Presenter",
+      "text": "2x2グリッドレイアウトのテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "2x2": ["## Q1\n\n売上: 100万円", "## Q2\n\n売上: 120万円", "## Q3\n\n売上: 150万円", "## Q4\n\n売上: 180万円"]
+        }
+      }
+    },
+    {
+      "id": "row2-with-header",
+      "speaker": "Presenter",
+      "text": "ヘッダー付きrow-2レイアウトのテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "header": "# プレゼンテーションタイトル",
+          "row-2": ["## 概要\n\nこれは左側のコンテンツです。", "## 詳細\n\nこれは右側のコンテンツです。"]
+        }
+      }
+    },
+    {
+      "id": "row2-with-sidebar",
+      "speaker": "Presenter",
+      "text": "サイドバー付きrow-2レイアウトのテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "sidebar-left": ["目次", "1. はじめに", "2. 本文", "3. まとめ"],
+          "row-2": ["# メインコンテンツ\n\n詳細な説明がここに入ります。", "# サブコンテンツ\n\n補足情報です。"]
+        }
+      }
+    },
+    {
+      "id": "row2-full",
+      "speaker": "Presenter",
+      "text": "フルレイアウト（ヘッダー＋サイドバー＋row-2）のテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "header": "# GraphAI入門",
+          "sidebar-left": "**目次**\n\n1. 概要\n2. 特徴\n3. 使い方",
+          "row-2": [
+            "## 概要\n\nGraphAIはワークフローエンジンです。\n\n- 宣言的\n- 柔軟\n- 拡張可能",
+            "## コード例\n\n```typescript\nconst graph = new GraphAI({\n  nodes: {...}\n});\nawait graph.run();\n```"
+          ]
+        }
+      }
+    },
+    {
+      "id": "2x2-with-header",
+      "speaker": "Presenter",
+      "text": "ヘッダー付き2x2グリッドのテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "header": ["# 年間レポート", "2024年度"],
+          "2x2": ["### Q1\n売上: 100万", "### Q2\n売上: 120万", "### Q3\n売上: 150万", "### Q4\n売上: 180万"]
+        }
+      }
+    },
+    {
+      "id": "2x2-with-sidebar",
+      "speaker": "Presenter",
+      "text": "サイドバー付き2x2グリッドのテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "sidebar-left": ["📊 レポート", "---", "Q1", "Q2", "Q3", "Q4"],
+          "2x2": ["**北海道**\n人口: 500万", "**東京**\n人口: 1400万", "**大阪**\n人口: 880万", "**福岡**\n人口: 510万"]
+        }
+      }
+    },
+    {
+      "id": "2x2-full",
+      "speaker": "Presenter",
+      "text": "フルレイアウト（ヘッダー＋サイドバー＋2x2）のテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "header": "# 地域別売上",
+          "sidebar-left": "**凡例**\n\n🟢 好調\n🟡 普通\n🔴 不調",
+          "2x2": ["## 北海道 🟢\n\n前年比 +15%", "## 東北 🟡\n\n前年比 +3%", "## 関東 🟢\n\n前年比 +20%", "## 関西 🔴\n\n前年比 -5%"]
+        }
+      }
+    },
+    {
+      "id": "content-only",
+      "speaker": "Presenter",
+      "text": "シンプルなコンテンツのみのレイアウトです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "content": "# シンプルなスライド\n\nこれは単一カラムのコンテンツです。\n\n- ポイント1\n- ポイント2\n- ポイント3\n\n```typescript\nconsole.log('Hello');\n```"
+        }
+      }
+    },
+    {
+      "id": "content-with-header",
+      "speaker": "Presenter",
+      "text": "ヘッダー付きコンテンツのテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "header": "# ドキュメントタイトル",
+          "content": "## 本文\n\nここに詳細な説明文が入ります。\n\n1. 手順1\n2. 手順2\n3. 手順3"
+        }
+      }
+    },
+    {
+      "id": "content-full",
+      "speaker": "Presenter",
+      "text": "フルレイアウト（ヘッダー＋サイドバー＋content）のテストです。",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "header": "# ユーザーガイド",
+          "sidebar-left": "**目次**\n\n1. 概要\n2. インストール\n3. 使い方",
+          "content": "## 概要\n\nこのアプリケーションは...\n\n### 特徴\n\n- 簡単操作\n- 高速処理\n- 拡張可能"
+        }
+      }
+    }
+  ]
+}

package/scripts/test/test_markdown_mermaid.json

@@ -0,0 +1,58 @@
+{
+  "$mulmocast": {
+    "version": "1.0",
+    "credit": "closing"
+  },
+  "title": "Markdown with Mermaid Test",
+  "speechParams": {
+    "speakers": {
+      "Presenter": {
+        "voiceId": "shimmer",
+        "displayName": {
+          "en": "Presenter"
+        }
+      }
+    }
+  },
+  "beats": [
+    {
+      "speaker": "Presenter",
+      "text": "This slide shows markdown with embedded mermaid using row-2 layout.",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "row-2": [
+            ["# Architecture Overview", "", "- Component A handles requests", "- Component B processes data", "", "Key points about the flow..."],
+            ["```mermaid", "graph TD", "    A[Component A] --> B[Component B]", "    B --> C[Database]", "```"]
+          ]
+        }
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "This slide shows a simple markdown with mermaid in content area.",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "header": "# System Architecture",
+          "content": ["## Flow Diagram", "", "```mermaid", "flowchart LR", "    User --> API", "    API --> Service", "    Service --> DB[(Database)]", "```"]
+        }
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "This uses 2x2 layout with mermaid in one cell.",
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "2x2": [
+            ["# Input", "User provides data"],
+            ["```mermaid", "graph TD", "    Input --> Process", "```"],
+            ["# Processing", "Data is transformed"],
+            ["```mermaid", "graph TD", "    Process --> Output", "```"]
+          ]
+        }
+      }
+    }
+  ]
+}

package/scripts/test/test_markdown_styles.json

@@ -0,0 +1,53 @@
+{
+  "$mulmocast": { "version": "1.1" },
+  "lang": "en",
+  "title": "Markdown Styles Test",
+  "beats": [
+    {
+      "text": "Corporate Blue style",
+      "image": {
+        "type": "markdown",
+        "markdown": "# Corporate Blue\n\n## Business Presentation\n\n- Professional design\n- Clean gradients\n- Modern typography",
+        "style": "corporate-blue"
+      }
+    },
+    {
+      "text": "Cyber Neon style",
+      "image": {
+        "type": "markdown",
+        "markdown": "# Cyber Neon\n\n## Tech Presentation\n\n- Neon glow effects\n- Dark background\n- Futuristic feel",
+        "style": "cyber-neon"
+      }
+    },
+    {
+      "text": "Sakura Pink style",
+      "image": {
+        "type": "markdown",
+        "markdown": "# 桜ピンク\n\n## 日本風デザイン\n\n- 桜をイメージ\n- 柔らかいグラデーション\n- 和のテイスト",
+        "style": "sakura-pink"
+      }
+    },
+    {
+      "text": "Minimalist clean white style",
+      "image": {
+        "type": "markdown",
+        "markdown": "# Clean White\n\n## Minimalist Design\n\n- Simple and elegant\n- White space\n- Light typography",
+        "style": "clean-white"
+      }
+    },
+    {
+      "text": "Rainbow Gradient style",
+      "image": {
+        "type": "markdown",
+        "markdown": "# Rainbow Gradient\n\n## Creative Design\n\n- Bold colors\n- Eye-catching\n- Playful feel",
+        "style": "rainbow-gradient"
+      }
+    }
+  ],
+  "canvasSize": { "width": 1920, "height": 1080 },
+  "speechParams": {
+    "speakers": {
+      "Presenter": { "provider": "openai", "voiceId": "alloy" }
+    }
+  }
+}

package/scripts/test/test_text_slide_style.json

@@ -0,0 +1,70 @@
+{
+  "$mulmocast": {
+    "version": "1.0",
+    "credit": "closing"
+  },
+  "title": "Text Slide Style Test",
+  "speechParams": {
+    "speakers": {
+      "Presenter": {
+        "voiceId": "shimmer",
+        "displayName": {
+          "en": "Presenter"
+        }
+      }
+    }
+  },
+  "beats": [
+    {
+      "speaker": "Presenter",
+      "text": "This is a corporate blue style slide.",
+      "image": {
+        "type": "textSlide",
+        "slide": {
+          "title": "Corporate Blue",
+          "subtitle": "Business Style",
+          "bullets": ["Professional appearance", "Blue gradient background", "Clean typography"]
+        },
+        "style": "corporate-blue"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "This is a cyber neon style slide.",
+      "image": {
+        "type": "textSlide",
+        "slide": {
+          "title": "Cyber Neon",
+          "subtitle": "Tech Style",
+          "bullets": ["Glowing green text", "Dark background", "Futuristic feel"]
+        },
+        "style": "cyber-neon"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "This is a zen garden style slide.",
+      "image": {
+        "type": "textSlide",
+        "slide": {
+          "title": "Zen Garden",
+          "subtitle": "Japanese Style",
+          "bullets": ["Minimalist design", "Calm colors", "Elegant typography"]
+        },
+        "style": "zen-garden"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "This slide uses default style without specifying style property.",
+      "image": {
+        "type": "textSlide",
+        "slide": {
+          "title": "Default Style",
+          "subtitle": "No Style Specified",
+          "bullets": ["Uses textSlideParams", "Fallback behavior"]
+        }
+      }
+    }
+  ]
+}

package/scripts/test/test_vertexai.json

@@ -1,5 +1,8 @@
 {
-  "$schema": "../../assets/schema.json",
+  "$mulmocast": {
+    "version": "1.1",
+    "credit": "closing"
+  },
   "title": "Vertex AI Test",
   "description": "Test Vertex AI integration",
   "lang": "en",

package/scripts/test/test_vertexai.json~

@@ -0,0 +1,21 @@
+{
+  "$schema": "../../assets/schema.json",
+  "title": "Vertex AI Test",
+  "description": "Test Vertex AI integration",
+  "lang": "en",
+  "imageParams": {
+    "provider": "google",
+    "model": "imagen-4.0-generate-001",
+    "vertexai_project": "${GOOGLE_PROJECT_ID}",
+    "vertexai_location": "us-central1"
+  },
+  "speechParams": {
+    "provider": "mock"
+  },
+  "beats": [
+    {
+      "text": "Hello",
+      "imagePrompt": "A simple blue circle on white background"
+    }
+  ]
+}

package/scripts/test/zenn_combined_example.json

@@ -0,0 +1,39 @@
+{
+  "$mulmocast": { "version": "1.1" },
+  "lang": "ja",
+  "title": "実践例",
+  "speechParams": {
+    "speakers": {
+      "Presenter": {
+        "provider": "openai",
+        "voiceId": "shimmer"
+      }
+    }
+  },
+  "beats": [
+    {
+      "speaker": "Presenter",
+      "text": "3つの機能を組み合わせた実践例です。",
+      "duration": 3,
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "header": "# プロジェクトフロー",
+          "row-2": [
+            ["```mermaid", "graph TD", "    A[企画] --> B[設計]", "    B --> C[開発]", "    C --> D[テスト]", "    D --> E[リリース]", "```"],
+            [
+              "## フェーズ説明",
+              "",
+              "1. **企画**: 要件定義",
+              "2. **設計**: アーキテクチャ設計",
+              "3. **開発**: 実装",
+              "4. **テスト**: 品質保証",
+              "5. **リリース**: 本番デプロイ"
+            ]
+          ]
+        },
+        "style": "corporate-blue"
+      }
+    }
+  ]
+}

package/scripts/test/zenn_layout_samples.json

@@ -0,0 +1,92 @@
+{
+  "$mulmocast": { "version": "1.1" },
+  "lang": "ja",
+  "title": "レイアウトサンプル",
+  "description": "Zenn記事用レイアウトサンプル",
+  "speechParams": {
+    "speakers": {
+      "Presenter": {
+        "provider": "openai",
+        "voiceId": "shimmer"
+      }
+    }
+  },
+  "beats": [
+    {
+      "speaker": "Presenter",
+      "text": "2列レイアウト",
+      "duration": 3,
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "row-2": [
+            ["# 左カラム", "", "左側のコンテンツです。", "", "- 項目1", "- 項目2"],
+            ["# 右カラム", "", "右側のコンテンツです。", "", "- 項目A", "- 項目B"]
+          ]
+        },
+        "style": "soft-gray"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "4分割レイアウト",
+      "duration": 3,
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "2x2": [
+            ["# 左上", "", "セクション1の内容"],
+            ["# 右上", "", "セクション2の内容"],
+            ["# 左下", "", "セクション3の内容"],
+            ["# 右下", "", "セクション4の内容"]
+          ]
+        },
+        "style": "soft-gray"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "ヘッダー付きレイアウト",
+      "duration": 3,
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "header": "# ページタイトル",
+          "row-2": [
+            ["## 左コンテンツ", "", "左側の説明文です。"],
+            ["## 右コンテンツ", "", "右側の説明文です。"]
+          ]
+        },
+        "style": "soft-gray"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "サイドバー付きレイアウト",
+      "duration": 3,
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "sidebar-left": ["## メニュー", "", "- 項目1", "- 項目2", "- 項目3"],
+          "content": ["# メインコンテンツ", "", "ここにメインの内容が入ります。", "", "サイドバーはナビゲーションや目次に便利です。"]
+        },
+        "style": "soft-gray"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "Mermaid埋め込み",
+      "duration": 3,
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "row-2": [
+            ["```mermaid", "graph TD", "    A[開始] --> B[処理1]", "    B --> C[処理2]", "    C --> D[終了]", "```"],
+            ["# フロー説明", "", "このフローチャートは:", "", "1. 開始から処理1へ", "2. 処理1から処理2へ", "3. 処理2から終了へ"]
+          ]
+        },
+        "style": "soft-gray"
+      }
+    }
+  ]
+}

package/scripts/test/zenn_markdown_demo.json

@@ -0,0 +1,79 @@
+{
+  "$mulmocast": { "version": "1.1" },
+  "lang": "ja",
+  "title": "Markdown機能デモ",
+  "description": "MulmoCastのMarkdown機能デモ",
+  "speechParams": {
+    "speakers": {
+      "Presenter": {
+        "provider": "openai",
+        "voiceId": "shimmer"
+      }
+    }
+  },
+  "beats": [
+    {
+      "speaker": "Presenter",
+      "text": "スタイル機能のデモです。corporate-blueスタイルを適用しています。",
+      "duration": 3,
+      "image": {
+        "type": "markdown",
+        "markdown": [
+          "# MulmoCast スタイル機能",
+          "",
+          "## 100種類のプリセットスタイル",
+          "",
+          "- ビジネス向けスタイル",
+          "- テック系スタイル",
+          "- 日本風スタイル",
+          "- ダークモード"
+        ],
+        "style": "corporate-blue"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "2列レイアウトのデモです。左右に異なるコンテンツを配置できます。",
+      "duration": 3,
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "row-2": [
+            ["# 左カラム", "", "左側のコンテンツです。", "", "- 項目1", "- 項目2"],
+            ["# 右カラム", "", "右側のコンテンツです。", "", "- 項目A", "- 項目B"]
+          ]
+        },
+        "style": "nordic-light"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "Mermaid埋め込みのデモです。図とテキストを並べて表示できます。",
+      "duration": 3,
+      "image": {
+        "type": "markdown",
+        "markdown": {
+          "row-2": [
+            ["```mermaid", "graph TD", "    A[開始] --> B[処理1]", "    B --> C[処理2]", "    C --> D[終了]", "```"],
+            ["# フロー説明", "", "このフローチャートは:", "", "1. 開始から処理1へ", "2. 処理1から処理2へ", "3. 処理2から終了へ"]
+          ]
+        },
+        "style": "clean-white"
+      }
+    },
+    {
+      "speaker": "Presenter",
+      "text": "テキストスライドにもスタイルを適用できます。",
+      "duration": 3,
+      "image": {
+        "type": "textSlide",
+        "slide": {
+          "title": "TextSlide + スタイル",
+          "subtitle": "cyber-neonスタイル適用",
+          "bullets": ["テック感のあるデザイン", "ネオングリーンの文字", "ダークな背景"]
+        },
+        "style": "cyber-neon"
+      }
+    }
+  ]
+}