@hirokisakabe/pom 6.0.1 → 6.1.0

package/README.md

@@ -69,26 +69,26 @@ await pptx.writeFile({ fileName: "presentation.pptx" });
 
 ## Available Nodes
 
-| Node         | Description                                    |
-| ------------ | ---------------------------------------------- |
-| Text         | Text with font styling and decoration          |
-| Ul           | Unordered (bullet) list with Li items          |
-| Ol           | Ordered (numbered) list with Li items          |
-| Image        | Images from file path, URL, or base64          |
-| Table        | Tables with customizable columns and rows      |
-| Shape        | PowerPoint shapes (roundRect, ellipse, etc.)   |
-| Chart        | Charts (bar, line, pie, area, doughnut, radar) |
-| Timeline     | Timeline / roadmap visualizations              |
-| Matrix       | 2x2 positioning maps                           |
-| Tree         | Organization charts and decision trees         |
-| Flow         | Flowcharts with nodes and edges                |
-| ProcessArrow | Chevron-style process diagrams                 |
-| Pyramid      | Pyramid diagrams for hierarchies               |
-| Line         | Horizontal / vertical lines                    |
-| Layer        | Absolute-positioned overlay container          |
-| VStack       | Vertical stack layout                          |
-| HStack       | Horizontal stack layout                        |
-| Icon         | Lucide icons / inline SVG                      |
+| Node         | Description                                                |
+| ------------ | ---------------------------------------------------------- |
+| Text         | Text with font styling, decoration, and inline bold/italic |
+| Ul           | Unordered (bullet) list with Li items                      |
+| Ol           | Ordered (numbered) list with Li items                      |
+| Image        | Images from file path, URL, or base64                      |
+| Table        | Tables with customizable columns and rows                  |
+| Shape        | PowerPoint shapes (roundRect, ellipse, etc.)               |
+| Chart        | Charts (bar, line, pie, area, doughnut, radar)             |
+| Timeline     | Timeline / roadmap visualizations                          |
+| Matrix       | 2x2 positioning maps                                       |
+| Tree         | Organization charts and decision trees                     |
+| Flow         | Flowcharts with nodes and edges                            |
+| ProcessArrow | Chevron-style process diagrams                             |
+| Pyramid      | Pyramid diagrams for hierarchies                           |
+| Line         | Horizontal / vertical lines                                |
+| Layer        | Absolute-positioned overlay container                      |
+| VStack       | Vertical stack layout                                      |
+| HStack       | Horizontal stack layout                                    |
+| Icon         | Lucide icons / inline SVG                                  |
 
 For detailed node documentation, see [Nodes](./docs/nodes.md).
 

package/dist/buildPptx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildPptx.d.ts","sourceRoot":"","sources":["../src/buildPptx.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAMnD,OAAO,EAAkB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhE,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,WAAW,EAAE,OAAO,CAAC;IAClC,WAAW,EAAE,UAAU,EAAE,CAAC;CAC3B;AAED,wBAAsB,SAAS,CAC7B,GAAG,EAAE,MAAM,EACX,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,OAAO,CAAC,EAAE;IACR,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GACA,OAAO,CAAC,eAAe,CAAC,CA8B1B"}
+{"version":3,"file":"buildPptx.d.ts","sourceRoot":"","sources":["../src/buildPptx.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAMnD,OAAO,EAAkB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhE,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,WAAW,EAAE,OAAO,CAAC;IAClC,WAAW,EAAE,UAAU,EAAE,CAAC;CAC3B;AAED,wBAAsB,SAAS,CAC7B,GAAG,EAAE,MAAM,EACX,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,OAAO,CAAC,EAAE;IACR,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GACA,OAAO,CAAC,eAAe,CAAC,CAmC1B"}

package/dist/buildPptx.js

@@ -21,7 +21,7 @@ export async function buildPptx(xml, slideSize, options) {
                 map = await calcYogaLayout(node, slideSize, ctx);
             }
             const layoutMap = extractLayoutResults(map);
-            const positioned = toPositioned(node, ctx, layoutMap);
+            const positioned = await toPositioned(node, ctx, layoutMap);
             positionedPages.push(positioned);
         }
         finally {
@@ -29,7 +29,7 @@ export async function buildPptx(xml, slideSize, options) {
                 freeYogaTree(map);
         }
     }
-    const pptx = renderPptx(positionedPages, slideSize, ctx, options?.master);
+    const pptx = await renderPptx(positionedPages, slideSize, ctx, options?.master);
     const diagnostics = ctx.diagnostics.items;
     if (options?.strict && diagnostics.length > 0) {
         throw new DiagnosticsError(diagnostics);

package/dist/icons/renderIcon.d.ts

@@ -1,7 +1,7 @@
-export declare function rasterizeIcon(name: string, size: number, color: string, cache: Map<string, string>): string;
+export declare function rasterizeIcon(name: string, size: number, color: string, cache: Map<string, string>): Promise<string>;
 /**
  * インライン SVG 文字列を指定サイズでラスタライズし、base64 PNG を返す。
  * color が指定された場合、SVG ルートに stroke / fill 属性を設定する。
  */
-export declare function rasterizeSvgContent(svgContent: string, size: number, color: string | undefined, cache: Map<string, string>): string;
+export declare function rasterizeSvgContent(svgContent: string, size: number, color: string | undefined, cache: Map<string, string>): Promise<string>;
 //# sourceMappingURL=renderIcon.d.ts.map

package/dist/icons/renderIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderIcon.d.ts","sourceRoot":"","sources":["../../src/icons/renderIcon.ts"],"names":[],"mappings":"AAWA,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GACzB,MAAM,CAYR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GACzB,MAAM,CAuCR"}
+{"version":3,"file":"renderIcon.d.ts","sourceRoot":"","sources":["../../src/icons/renderIcon.ts"],"names":[],"mappings":"AA2DA,wBAAsB,aAAa,CACjC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GACzB,OAAO,CAAC,MAAM,CAAC,CAcjB;AAED;;;GAGG;AACH,wBAAsB,mBAAmB,CACvC,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GACzB,OAAO,CAAC,MAAM,CAAC,CAyCjB"}

package/dist/icons/renderIcon.js

@@ -1,5 +1,47 @@
-import { Resvg } from "@resvg/resvg-js";
+import { existsSync } from "node:fs";
+import { readFile } from "node:fs/promises";
+import { createRequire } from "node:module";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
 import { ICON_DATA } from "./iconData.js";
+const RESVG_PKG = ["@resvg", "resvg-wasm"].join("/");
+let resvgModule;
+let wasmInitPromise;
+/**
+ * WASM バイナリのパスを解決する。
+ * バンドル環境（esbuild）では同ディレクトリの index_bg.wasm を参照し、
+ * 非バンドル環境では createRequire で node_modules から解決する。
+ */
+function resolveWasmPath() {
+    const dir = dirname(fileURLToPath(import.meta.url));
+    const localPath = join(dir, "index_bg.wasm");
+    if (existsSync(localPath))
+        return localPath;
+    const require = createRequire(import.meta.url);
+    return require.resolve(`${RESVG_PKG}/index_bg.wasm`);
+}
+/**
+ * WASM モジュールを初期化し、Resvg クラスを返す。
+ * 並行呼び出しでも安全（Promise をキャッシュ）。
+ */
+function ensureWasmInitialized() {
+    if (!wasmInitPromise) {
+        wasmInitPromise = (async () => {
+            const req = createRequire(import.meta.url);
+            const mod = req(RESVG_PKG);
+            const wasmPath = resolveWasmPath();
+            const wasmBuffer = await readFile(wasmPath);
+            await mod.initWasm(wasmBuffer);
+            resvgModule = mod;
+        })();
+    }
+    return wasmInitPromise;
+}
+function getResvg() {
+    if (!resvgModule)
+        throw new Error("WASM not initialized");
+    return resvgModule.Resvg;
+}
 function buildIconSvg(name, size, color) {
     const pathData = ICON_DATA[name];
     if (!pathData) {
@@ -7,11 +49,13 @@ function buildIconSvg(name, size, color) {
     }
     return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="${color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${pathData}</svg>`;
 }
-export function rasterizeIcon(name, size, color, cache) {
+export async function rasterizeIcon(name, size, color, cache) {
     const key = `${name}|${size}|${color}`;
     const cached = cache.get(key);
     if (cached)
         return cached;
+    await ensureWasmInitialized();
+    const Resvg = getResvg();
     const svg = buildIconSvg(name, size, color);
     const resvg = new Resvg(svg, { fitTo: { mode: "width", value: size } });
     const pngData = resvg.render();
@@ -24,7 +68,7 @@ export function rasterizeIcon(name, size, color, cache) {
  * インライン SVG 文字列を指定サイズでラスタライズし、base64 PNG を返す。
  * color が指定された場合、SVG ルートに stroke / fill 属性を設定する。
  */
-export function rasterizeSvgContent(svgContent, size, color, cache) {
+export async function rasterizeSvgContent(svgContent, size, color, cache) {
     const key = `svg:${svgContent}|${size}|${color ?? ""}`;
     const cached = cache.get(key);
     if (cached)
@@ -52,6 +96,8 @@ export function rasterizeSvgContent(svgContent, size, color, cache) {
         }
         return `<svg${newAttrs}>`;
     });
+    await ensureWasmInitialized();
+    const Resvg = getResvg();
     const resvg = new Resvg(svg, { fitTo: { mode: "width", value: size } });
     const pngData = resvg.render();
     const pngBuffer = pngData.asPng();

package/dist/parseXml/coercionRules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coercionRules.d.ts","sourceRoot":"","sources":["../../src/parseXml/coercionRules.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,MAAM,GACN;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,YAAY,EAAE,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;CAAE,CAAC;AAI5D,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,YAAY,GACjB;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAyD1C;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,YAAY,EAAE,GACtB,OAAO,CAuCT;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAarD;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,YAAY,GACjB,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,SAAS,CAY1C;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAQpE;AA6HD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CA8I1E,CAAC;AAGF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,MAAM,EACN,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CA6E7B,CAAC"}
+{"version":3,"file":"coercionRules.d.ts","sourceRoot":"","sources":["../../src/parseXml/coercionRules.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,MAAM,GACN;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,YAAY,EAAE,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;CAAE,CAAC;AAI5D,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,YAAY,GACjB;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAyD1C;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,YAAY,EAAE,GACtB,OAAO,CAuCT;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAarD;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,YAAY,GACjB,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,SAAS,CAY1C;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAQpE;AA8HD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CA0I1E,CAAC;AAGF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,MAAM,EACN,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CA+E7B,CAAC"}

package/dist/parseXml/coercionRules.js

@@ -237,6 +237,7 @@ const BASE_RULES = {
     bottom: "number",
     left: "number",
     alignSelf: "string",
+    shadow: SHADOW_STYLE_RULE,
 };
 // テキスト系の共通属性
 const TEXT_STYLE_RULES = {
@@ -274,7 +275,6 @@ export const NODE_COERCION_MAP = {
         ...BASE_RULES,
         src: "string",
         sizing: IMAGE_SIZING_RULE,
-        shadow: SHADOW_STYLE_RULE,
     },
     icon: {
         ...BASE_RULES,
@@ -296,7 +296,6 @@ export const NODE_COERCION_MAP = {
         text: "string",
         fill: FILL_STYLE_RULE,
         line: BORDER_STYLE_RULE,
-        shadow: SHADOW_STYLE_RULE,
         ...TEXT_STYLE_RULES,
     },
     chart: {
@@ -380,7 +379,6 @@ export const NODE_COERCION_MAP = {
         gap: "number",
         alignItems: "string",
         justifyContent: "string",
-        shadow: SHADOW_STYLE_RULE,
         flexWrap: "string",
     },
     hstack: {
@@ -388,7 +386,6 @@ export const NODE_COERCION_MAP = {
         gap: "number",
         alignItems: "string",
         justifyContent: "string",
-        shadow: SHADOW_STYLE_RULE,
         flexWrap: "string",
     },
     layer: {
@@ -472,4 +469,6 @@ export const CHILD_ELEMENT_COERCION_MAP = {
         fontSize: "number",
         fontFamily: "string",
     },
+    B: {},
+    I: {},
 };

package/dist/parseXml/parseXml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parseXml.d.ts","sourceRoot":"","sources":["../../src/parseXml/parseXml.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,OAAO,EAgBb,MAAM,aAAa,CAAC;AAYrB,qBAAa,aAAc,SAAQ,KAAK;IACtC,SAAgB,MAAM,EAAE,MAAM,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE;CAM7B;AAGD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAmB9C,CAAC;AA67BF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,CAiCrD"}
+{"version":3,"file":"parseXml.d.ts","sourceRoot":"","sources":["../../src/parseXml/parseXml.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,OAAO,EAgBb,MAAM,aAAa,CAAC;AAYrB,qBAAa,aAAc,SAAQ,KAAK;IACtC,SAAgB,MAAM,EAAE,MAAM,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE;CAM7B;AAGD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAmB9C,CAAC;AA2hCF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,CAiCrD"}

package/dist/parseXml/parseXml.js

@@ -284,6 +284,48 @@ function getTextContent(node) {
     }
     return textParts.length > 0 ? textParts.join("") : undefined;
 }
+function getRawChildren(node) {
+    const tagName = getTagName(node);
+    return node[tagName] ?? [];
+}
+const INLINE_FORMAT_TAGS = new Set(["B", "I"]);
+function hasInlineFormatChildren(childElements) {
+    return (childElements.length > 0 &&
+        childElements.every((el) => INLINE_FORMAT_TAGS.has(getTagName(el))));
+}
+function extractTextRuns(children, inheritBold, inheritItalic) {
+    const runs = [];
+    for (const child of children) {
+        if (isTextNode(child)) {
+            const run = { text: child["#text"] };
+            if (inheritBold)
+                run.bold = true;
+            if (inheritItalic)
+                run.italic = true;
+            runs.push(run);
+        }
+        else {
+            const tag = getTagName(child);
+            const innerChildren = getRawChildren(child);
+            if (tag === "B") {
+                runs.push(...extractTextRuns(innerChildren, true, inheritItalic));
+            }
+            else if (tag === "I") {
+                runs.push(...extractTextRuns(innerChildren, inheritBold, true));
+            }
+        }
+    }
+    return runs;
+}
+function buildRunsAndText(node) {
+    const rawChildren = getRawChildren(node);
+    const childElements = rawChildren.filter((c) => !isTextNode(c));
+    if (!hasInlineFormatChildren(childElements))
+        return null;
+    const runs = extractTextRuns(rawChildren);
+    const text = runs.map((r) => r.text).join("");
+    return { runs, text };
+}
 function coerceChildAttrs(parentTagName, tagName, attrs, errors) {
     const rules = CHILD_ELEMENT_COERCION_MAP[tagName];
     const result = {};
@@ -487,9 +529,16 @@ function convertTableChildren(childElements, result, errors) {
                         continue;
                     }
                     const cellAttrs = coerceChildAttrs("TableRow", cellTag, getAttributes(cellEl), errors);
-                    const cellText = getTextContent(cellEl);
-                    if (cellText !== undefined && !("text" in cellAttrs)) {
-                        cellAttrs.text = cellText;
+                    const runsResult = buildRunsAndText(cellEl);
+                    if (runsResult) {
+                        cellAttrs.runs = runsResult.runs;
+                        cellAttrs.text = runsResult.text;
+                    }
+                    else {
+                        const cellText = getTextContent(cellEl);
+                        if (cellText !== undefined && !("text" in cellAttrs)) {
+                            cellAttrs.text = cellText;
+                        }
                     }
                     cells.push(cellAttrs);
                 }
@@ -571,9 +620,16 @@ function convertListChildren(parentTag, childElements, result, errors) {
             continue;
         }
         const attrs = coerceChildAttrs(parentTag, tag, getAttributes(child), errors);
-        const textContent = getTextContent(child);
-        if (textContent !== undefined && !("text" in attrs)) {
-            attrs.text = textContent;
+        const runsResult = buildRunsAndText(child);
+        if (runsResult) {
+            attrs.runs = runsResult.runs;
+            attrs.text = runsResult.text;
+        }
+        else {
+            const textContent = getTextContent(child);
+            if (textContent !== undefined && !("text" in attrs)) {
+                attrs.text = textContent;
+            }
         }
         items.push(attrs);
     }
@@ -606,7 +662,25 @@ function convertIconChildren(childElements, result, errors) {
     }
     result.svgContent = serializeSvgElement(child);
 }
+function convertTextInlineChildren(childElements, result, errors, node) {
+    // B/I 以外の子要素がある場合はエラー
+    for (const el of childElements) {
+        const tag = getTagName(el);
+        if (!INLINE_FORMAT_TAGS.has(tag)) {
+            errors.push(`<Text>: Unexpected child element <${tag}>. Only <B> and <I> are allowed inside <Text>`);
+            return;
+        }
+    }
+    if (!node || childElements.length === 0)
+        return;
+    const runsResult = buildRunsAndText(node);
+    if (runsResult) {
+        result.runs = runsResult.runs;
+        result.text = runsResult.text;
+    }
+}
 const CHILD_ELEMENT_CONVERTERS = {
+    text: convertTextInlineChildren,
     ul: (childElements, result, errors) => convertListChildren("Ul", childElements, result, errors),
     ol: (childElements, result, errors) => convertListChildren("Ol", childElements, result, errors),
     processArrow: convertProcessArrowChildren,
@@ -627,14 +701,14 @@ function convertElement(node, errors) {
     const childElements = getChildElements(node);
     const textContent = getTextContent(node);
     if (nodeType) {
-        return convertPomNode(nodeType, tagName, attrs, childElements, textContent, errors);
+        return convertPomNode(nodeType, tagName, attrs, childElements, textContent, errors, node);
     }
     else {
         errors.push(`Unknown tag: <${tagName}>`);
         return null;
     }
 }
-function convertPomNode(nodeType, tagName, attrs, childElements, textContent, errors) {
+function convertPomNode(nodeType, tagName, attrs, childElements, textContent, errors, xmlNode) {
     const result = { type: nodeType };
     // Expand dot-notation attributes (e.g., fill.color="hex" → { fill: { color: "hex" } })
     const { regular: regularAttrs, dotGroups } = expandDotNotation(attrs);
@@ -708,7 +782,7 @@ function convertPomNode(nodeType, tagName, attrs, childElements, textContent, er
     // Child element notation for complex properties
     const childConverter = CHILD_ELEMENT_CONVERTERS[nodeType];
     if (childConverter && childElements.length > 0) {
-        childConverter(childElements, result, errors);
+        childConverter(childElements, result, errors, xmlNode);
     }
     // Children for container nodes
     else if (CONTAINER_TYPES.has(nodeType) && childElements.length > 0) {

package/dist/registry/definitions/icon.js

@@ -11,7 +11,7 @@ export const iconNodeDef = {
         const totalSize = n.variant ? Math.ceil(iconSize * 1.75) : iconSize;
         yn.setMeasureFunc(() => ({ width: totalSize, height: totalSize }));
     },
-    toPositioned(pom, absoluteX, absoluteY, layout, ctx) {
+    async toPositioned(pom, absoluteX, absoluteY, layout, ctx) {
         const n = pom;
         const iconSize = n.size ?? 24;
         // padding を考慮したコンテンツ領域で bg/icon の座標を計算
@@ -25,8 +25,8 @@ export const iconNodeDef = {
         // 実描画サイズに合わせてラスタライズ（不要に大きい PNG を防ぐ）
         const rasterSize = Math.max(Math.ceil(n.variant ? iconSize : Math.min(content.w, content.h)), iconSize);
         const iconImageData = n.svgContent
-            ? rasterizeSvgContent(n.svgContent, rasterSize, n.color, ctx.iconRasterCache)
-            : rasterizeIcon(n.name, rasterSize, n.color ?? "#000000", ctx.iconRasterCache);
+            ? await rasterizeSvgContent(n.svgContent, rasterSize, n.color, ctx.iconRasterCache)
+            : await rasterizeIcon(n.name, rasterSize, n.color ?? "#000000", ctx.iconRasterCache);
         const positioned = {
             ...n,
             x: absoluteX,

package/dist/registry/definitions/layer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../../src/registry/definitions/layer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,eAAO,MAAM,YAAY,EAAE,cA4D1B,CAAC"}
+{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../../src/registry/definitions/layer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,eAAO,MAAM,YAAY,EAAE,cA8D1B,CAAC"}

package/dist/registry/definitions/layer.js

@@ -3,7 +3,7 @@ export const layerNodeDef = {
     type: "layer",
     category: "absolute-child",
     // applyYogaStyle: layer は子を絶対配置するコンテナ。サイズは明示的に指定されることを期待
-    toPositioned(pom, absoluteX, absoluteY, layout, ctx, map) {
+    async toPositioned(pom, absoluteX, absoluteY, layout, ctx, map) {
         const n = pom;
         // layer の子要素は layer 内の相対座標（child.x, child.y）を持つ
         // layer の絶対座標に加算してスライド上の絶対座標に変換
@@ -13,7 +13,7 @@ export const layerNodeDef = {
             y: absoluteY,
             w: layout.width,
             h: layout.height,
-            children: n.children.map((child) => {
+            children: await Promise.all(n.children.map(async (child) => {
                 const childX = child.x ?? 0;
                 const childY = child.y ?? 0;
                 // line ノードは特別な処理が必要
@@ -44,8 +44,8 @@ export const layerNodeDef = {
                 }
                 const adjustedParentX = absoluteX + childX - childLayout.left;
                 const adjustedParentY = absoluteY + childY - childLayout.top;
-                return toPositioned(child, ctx, map, adjustedParentX, adjustedParentY);
-            }),
+                return (await toPositioned(child, ctx, map, adjustedParentX, adjustedParentY));
+            })),
         };
     },
     // render: category ベースの子要素再帰で対応

package/dist/registry/types.d.ts

@@ -18,7 +18,7 @@ export interface NodeDefinition {
     toPositioned?: (pom: POMNode, absoluteX: number, absoluteY: number, layout: {
         width: number;
         height: number;
-    }, ctx: BuildContext, map: LayoutResultMap) => PositionedNode;
+    }, ctx: BuildContext, map: LayoutResultMap) => PositionedNode | Promise<PositionedNode>;
     /** PositionedNode をスライドにレンダリングする（リーフノード用） */
     render?: (node: PositionedNode, ctx: RenderContext) => void;
     /** 画像ソース収集（prefetch 用） */

package/dist/registry/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/registry/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;AAExD,4BAA4B;AAC5B,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,aAAa,GACb,gBAAgB,CAAC;AAErB,MAAM,WAAW,cAAc;IAC7B,cAAc;IACd,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAEtB,cAAc;IACd,QAAQ,EAAE,YAAY,CAAC;IAEvB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,CACf,IAAI,EAAE,OAAO,EACb,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,YAAY,KACd,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1B,kEAAkE;IAClE,YAAY,CAAC,EAAE,CACb,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EACzC,GAAG,EAAE,YAAY,EACjB,GAAG,EAAE,eAAe,KACjB,cAAc,CAAC;IAEpB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAE5D,0BAA0B;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,MAAM,EAAE,CAAC;CACnD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/registry/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;AAExD,4BAA4B;AAC5B,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,aAAa,GACb,gBAAgB,CAAC;AAErB,MAAM,WAAW,cAAc;IAC7B,cAAc;IACd,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAEtB,cAAc;IACd,QAAQ,EAAE,YAAY,CAAC;IAEvB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,CACf,IAAI,EAAE,OAAO,EACb,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,YAAY,KACd,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1B,kEAAkE;IAClE,YAAY,CAAC,EAAE,CACb,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EACzC,GAAG,EAAE,YAAY,EACjB,GAAG,EAAE,eAAe,KACjB,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IAE9C,6CAA6C;IAC7C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAE5D,0BAA0B;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,MAAM,EAAE,CAAC;CACnD"}

package/dist/renderPptx/nodes/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,gBAAgB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAChE,KAAK,gBAAgB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AA6BhE,wBAAgB,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CA4D7E;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CAkE7E"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,gBAAgB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAChE,KAAK,gBAAgB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAgFhE,wBAAgB,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CA4C7E;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CAkD7E"}

package/dist/renderPptx/nodes/list.js

@@ -13,6 +13,52 @@ function resolveStyle(li, parent) {
         fontFamily: li.fontFamily ?? parent.fontFamily ?? "Noto Sans JP",
     };
 }
+function buildListTextItems(items, parent, bullet) {
+    const textItems = [];
+    for (let i = 0; i < items.length; i++) {
+        const li = items[i];
+        const style = resolveStyle(li, parent);
+        const isLast = i === items.length - 1;
+        const baseOptions = {
+            fontSize: pxToPt(style.fontSize),
+            fontFace: style.fontFamily,
+            color: style.color,
+            underline: convertUnderline(style.underline),
+            strike: convertStrike(style.strike),
+            highlight: style.highlight,
+        };
+        if (li.runs && li.runs.length > 0) {
+            for (let j = 0; j < li.runs.length; j++) {
+                const run = li.runs[j];
+                const isLastRun = j === li.runs.length - 1;
+                let text = run.text;
+                if (isLastRun && !isLast)
+                    text += "\n";
+                textItems.push({
+                    text,
+                    options: {
+                        ...baseOptions,
+                        bold: run.bold ?? style.bold,
+                        italic: run.italic ?? style.italic,
+                        bullet: j === 0 ? bullet : false,
+                    },
+                });
+            }
+        }
+        else {
+            textItems.push({
+                text: isLast ? li.text : li.text + "\n",
+                options: {
+                    ...baseOptions,
+                    bold: style.bold,
+                    italic: style.italic,
+                    bullet,
+                },
+            });
+        }
+    }
+    return textItems;
+}
 function hasItemStyleOverride(items) {
     return items.some((li) => li.fontSize !== undefined ||
         li.color !== undefined ||
@@ -21,7 +67,8 @@ function hasItemStyleOverride(items) {
         li.underline !== undefined ||
         li.strike !== undefined ||
         li.highlight !== undefined ||
-        li.fontFamily !== undefined);
+        li.fontFamily !== undefined ||
+        li.runs !== undefined);
 }
 export function renderUlNode(node, ctx) {
     const fontSizePx = node.fontSize ?? 24;
@@ -30,23 +77,7 @@ export function renderUlNode(node, ctx) {
     const content = getContentArea(node);
     if (hasItemStyleOverride(node.items)) {
         // Li に個別スタイルがある場合は配列形式を使用
-        const textItems = node.items.map((li, i) => {
-            const style = resolveStyle(li, node);
-            return {
-                text: i < node.items.length - 1 ? li.text + "\n" : li.text,
-                options: {
-                    fontSize: pxToPt(style.fontSize),
-                    fontFace: style.fontFamily,
-                    color: style.color,
-                    bold: style.bold,
-                    italic: style.italic,
-                    underline: convertUnderline(style.underline),
-                    strike: convertStrike(style.strike),
-                    highlight: style.highlight,
-                    bullet: true,
-                },
-            };
-        });
+        const textItems = buildListTextItems(node.items, node, true);
         ctx.slide.addText(textItems, {
             x: pxToIn(content.x),
             y: pxToIn(content.y),
@@ -95,23 +126,7 @@ export function renderOlNode(node, ctx) {
         bulletOptions.numberStartAt = node.numberStartAt;
     }
     if (hasItemStyleOverride(node.items)) {
-        const textItems = node.items.map((li, i) => {
-            const style = resolveStyle(li, node);
-            return {
-                text: i < node.items.length - 1 ? li.text + "\n" : li.text,
-                options: {
-                    fontSize: pxToPt(style.fontSize),
-                    fontFace: style.fontFamily,
-                    color: style.color,
-                    bold: style.bold,
-                    italic: style.italic,
-                    underline: convertUnderline(style.underline),
-                    strike: convertStrike(style.strike),
-                    highlight: style.highlight,
-                    bullet: bulletOptions,
-                },
-            };
-        });
+        const textItems = buildListTextItems(node.items, node, bulletOptions);
         ctx.slide.addText(textItems, {
             x: pxToIn(content.x),
             y: pxToIn(content.y),

package/dist/renderPptx/nodes/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AASjD,KAAK,mBAAmB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEtE,wBAAgB,eAAe,CAC7B,IAAI,EAAE,mBAAmB,EACzB,GAAG,EAAE,aAAa,GACjB,IAAI,CAsCN"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AASjD,KAAK,mBAAmB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEtE,wBAAgB,eAAe,CAC7B,IAAI,EAAE,mBAAmB,EACzB,GAAG,EAAE,aAAa,GACjB,IAAI,CAgEN"}

package/dist/renderPptx/nodes/table.js

@@ -19,6 +19,31 @@ export function renderTableNode(node, ctx) {
             colspan: cell.colspan,
             rowspan: cell.rowspan,
         };
+        if (cell.runs && cell.runs.length > 0) {
+            const textItems = cell.runs.map((run) => ({
+                text: run.text,
+                options: {
+                    fontSize: pxToPt(cell.fontSize ?? 18),
+                    color: cell.color,
+                    bold: run.bold ?? cell.bold,
+                    italic: run.italic ?? cell.italic,
+                    underline: convertUnderline(cell.underline),
+                    strike: convertStrike(cell.strike),
+                    highlight: cell.highlight,
+                },
+            }));
+            return {
+                text: textItems,
+                options: {
+                    align: cell.textAlign ?? "left",
+                    fill: cell.backgroundColor
+                        ? { color: cell.backgroundColor }
+                        : undefined,
+                    colspan: cell.colspan,
+                    rowspan: cell.rowspan,
+                },
+            };
+        }
         return {
             text: cell.text,
             options: cellOptions,

package/dist/renderPptx/nodes/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,kBAAkB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEpE,wBAAgB,cAAc,CAC5B,IAAI,EAAE,kBAAkB,EACxB,GAAG,EAAE,aAAa,GACjB,IAAI,CAGN"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,KAAK,kBAAkB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEpE,wBAAgB,cAAc,CAC5B,IAAI,EAAE,kBAAkB,EACxB,GAAG,EAAE,aAAa,GACjB,IAAI,CAgCN"}

package/dist/renderPptx/nodes/text.js

@@ -1,5 +1,35 @@
-import { createTextOptions } from "../textOptions.js";
+import { createTextOptions, convertUnderline, convertStrike, } from "../textOptions.js";
+import { pxToPt } from "../units.js";
 export function renderTextNode(node, ctx) {
     const textOptions = createTextOptions(node);
-    ctx.slide.addText(node.text ?? "", textOptions);
+    if (node.runs && node.runs.length > 0) {
+        const fontSizePx = node.fontSize ?? 24;
+        const fontFamily = node.fontFamily ?? "Noto Sans JP";
+        const textItems = node.runs.map((run) => ({
+            text: run.text,
+            options: {
+                fontSize: pxToPt(fontSizePx),
+                fontFace: fontFamily,
+                color: node.color,
+                bold: run.bold ?? node.bold,
+                italic: run.italic ?? node.italic,
+                underline: convertUnderline(node.underline),
+                strike: convertStrike(node.strike),
+                highlight: node.highlight,
+            },
+        }));
+        ctx.slide.addText(textItems, {
+            x: textOptions.x,
+            y: textOptions.y,
+            w: textOptions.w,
+            h: textOptions.h,
+            align: textOptions.align,
+            valign: textOptions.valign,
+            margin: textOptions.margin,
+            lineSpacingMultiple: textOptions.lineSpacingMultiple,
+        });
+    }
+    else {
+        ctx.slide.addText(node.text ?? "", textOptions);
+    }
 }