@hirokisakabe/pom 4.1.1 → 5.0.0

package/dist/parseXml/parseXml.js

@@ -1,6 +1,6 @@
 import { XMLParser } from "fast-xml-parser";
 import { z } from "zod";
-import { inputTextNodeSchema, inputUlNodeSchema, inputOlNodeSchema, inputLiNodeSchema, inputImageNodeSchema, inputTableNodeSchema, inputShapeNodeSchema, inputChartNodeSchema, inputTimelineNodeSchema, inputMatrixNodeSchema, inputTreeNodeSchema, inputFlowNodeSchema, inputProcessArrowNodeSchema, inputPyramidNodeSchema, inputLineNodeSchema, inputBaseNodeSchema, } from "./inputSchema.js";
+import { inputTextNodeSchema, inputUlNodeSchema, inputOlNodeSchema, inputLiNodeSchema, inputImageNodeSchema, inputTableNodeSchema, inputShapeNodeSchema, inputChartNodeSchema, inputTimelineNodeSchema, inputMatrixNodeSchema, inputTreeNodeSchema, inputFlowNodeSchema, inputProcessArrowNodeSchema, inputPyramidNodeSchema, inputLineNodeSchema, inputIconNodeSchema, inputBaseNodeSchema, } from "./inputSchema.js";
 import { alignItemsSchema, justifyContentSchema, shadowStyleSchema, processArrowStepSchema, pyramidLevelSchema, timelineItemSchema, matrixAxisSchema, matrixQuadrantsSchema, matrixItemSchema, flowNodeItemSchema, flowConnectionSchema, chartDataSchema, tableColumnSchema, tableCellSchema, } from "../types.js";
 // ===== ParseXmlError =====
 export class ParseXmlError extends Error {
@@ -32,6 +32,7 @@ const TAG_TO_TYPE = {
     VStack: "vstack",
     HStack: "hstack",
     Layer: "layer",
+    Icon: "icon",
 };
 // Reverse mapping: node type → tag name
 const TYPE_TO_TAG = Object.fromEntries(Object.entries(TAG_TO_TYPE).map(([tag, type]) => [type, tag]));
@@ -53,6 +54,7 @@ const leafNodeShapes = {
     line: extractShape(inputLineNodeSchema),
     ul: extractShape(inputUlNodeSchema),
     ol: extractShape(inputOlNodeSchema),
+    icon: extractShape(inputIconNodeSchema),
 };
 const containerShapes = {
     box: extractShape(inputBaseNodeSchema.extend({ shadow: shadowStyleSchema.optional() })),
@@ -132,6 +134,7 @@ const leafNodeValidationSchemas = {
     line: inputLineNodeSchema,
     ul: inputUlNodeSchema,
     ol: inputOlNodeSchema,
+    icon: inputIconNodeSchema,
 };
 function formatZodIssue(issue, tagName) {
     const path = issue.path;
@@ -368,6 +371,64 @@ function coerceFallback(value) {
     }
     return value;
 }
+// ===== Dot notation expansion =====
+function expandDotNotation(attrs) {
+    const regular = {};
+    const dotGroups = {};
+    for (const [key, value] of Object.entries(attrs)) {
+        const dotIndex = key.indexOf(".");
+        if (dotIndex > 0) {
+            const prefix = key.substring(0, dotIndex);
+            const suffix = key.substring(dotIndex + 1);
+            if (!dotGroups[prefix])
+                dotGroups[prefix] = {};
+            dotGroups[prefix][suffix] = value;
+        }
+        else {
+            regular[key] = value;
+        }
+    }
+    return { regular, dotGroups };
+}
+function coerceDotGroup(prefix, subAttrs, schema, tagName, errors) {
+    const unwrapped = unwrapSchema(schema);
+    const typeName = getZodType(unwrapped);
+    let objectSchema;
+    if (typeName === "object") {
+        objectSchema = unwrapped;
+    }
+    else if (typeName === "union") {
+        const def = getDef(unwrapped);
+        const options = def.options;
+        objectSchema = options.find((opt) => getZodType(unwrapSchema(opt)) === "object");
+        if (objectSchema)
+            objectSchema = unwrapSchema(objectSchema);
+    }
+    const obj = {};
+    if (objectSchema) {
+        const shape = extractShape(objectSchema);
+        for (const [subKey, subValue] of Object.entries(subAttrs)) {
+            if (shape[subKey]) {
+                const coerced = coerceValue(subValue, shape[subKey]);
+                if (coerced.error !== null) {
+                    errors.push(`<${tagName}>: ${prefix}.${subKey}: ${coerced.error}`);
+                }
+                else {
+                    obj[subKey] = coerced.value;
+                }
+            }
+            else {
+                const knownSubKeys = Object.keys(shape);
+                const suggestion = findClosestMatch(subKey, knownSubKeys);
+                errors.push(`<${tagName}>: Unknown sub-attribute "${prefix}.${subKey}"${suggestion ? `. Did you mean "${prefix}.${suggestion}"?` : ""}`);
+            }
+        }
+    }
+    else {
+        errors.push(`<${tagName}>: Attribute "${prefix}" does not support dot notation`);
+    }
+    return obj;
+}
 // ===== XML node helpers =====
 function isTextNode(node) {
     return "#text" in node;
@@ -427,7 +488,31 @@ const childElementShapes = {
 function coerceChildAttrs(parentTagName, tagName, attrs, errors) {
     const shape = childElementShapes[tagName];
     const result = {};
-    for (const [key, value] of Object.entries(attrs)) {
+    const { regular: regularAttrs, dotGroups } = expandDotNotation(attrs);
+    // Process dot-notation attributes
+    for (const [prefix, subAttrs] of Object.entries(dotGroups)) {
+        if (shape && shape[prefix]) {
+            result[prefix] = coerceDotGroup(prefix, subAttrs, shape[prefix], `${parentTagName}.${tagName}`, errors);
+        }
+        else if (shape) {
+            const knownAttrs = getKnownChildAttributes(tagName);
+            const suggestion = findClosestMatch(prefix, knownAttrs);
+            errors.push(`<${parentTagName}>.<${tagName}>: Unknown attribute "${prefix}"${suggestion ? `. Did you mean "${suggestion}"?` : ""}`);
+        }
+        else {
+            result[prefix] = {};
+            for (const [subKey, subValue] of Object.entries(subAttrs)) {
+                result[prefix][subKey] =
+                    coerceFallback(subValue);
+            }
+        }
+    }
+    // Process regular attributes
+    for (const [key, value] of Object.entries(regularAttrs)) {
+        if (key in dotGroups) {
+            errors.push(`<${parentTagName}>.<${tagName}>: Attribute "${key}" conflicts with dot-notation attributes. Use one or the other, not both`);
+            continue;
+        }
         if (shape && shape[key]) {
             const coerced = coerceValue(value, shape[key]);
             if (coerced.error !== null) {
@@ -722,9 +807,34 @@ function convertElement(node, errors) {
 }
 function convertPomNode(nodeType, tagName, attrs, childElements, textContent, errors) {
     const result = { type: nodeType };
-    for (const [key, value] of Object.entries(attrs)) {
+    // Expand dot-notation attributes (e.g., fill.color="hex" → { fill: { color: "hex" } })
+    const { regular: regularAttrs, dotGroups } = expandDotNotation(attrs);
+    for (const [prefix, subAttrs] of Object.entries(dotGroups)) {
+        if (prefix === "type")
+            continue;
+        const propSchema = getPropertySchema(nodeType, prefix);
+        if (propSchema) {
+            result[prefix] = coerceDotGroup(prefix, subAttrs, propSchema, tagName, errors);
+        }
+        else {
+            const knownAttrs = getKnownAttributes(nodeType);
+            const suggestion = findClosestMatch(prefix, knownAttrs);
+            if (suggestion) {
+                errors.push(`<${tagName}>: Unknown attribute "${prefix}". Did you mean "${suggestion}"?`);
+            }
+            else {
+                errors.push(`<${tagName}>: Unknown attribute "${prefix}"`);
+            }
+        }
+    }
+    for (const [key, value] of Object.entries(regularAttrs)) {
         if (key === "type")
             continue;
+        // Conflict check: dot-notation and regular attribute for the same key
+        if (key in dotGroups) {
+            errors.push(`<${tagName}>: Attribute "${key}" conflicts with dot-notation attributes (e.g., "${key}.xxx"). Use one or the other, not both`);
+            continue;
+        }
         const propSchema = getPropertySchema(nodeType, key);
         if (propSchema) {
             const coerced = coerceValue(value, propSchema);
@@ -804,7 +914,7 @@ function convertPomNode(nodeType, tagName, attrs, childElements, textContent, er
  *
  * const xml = `
  *   <VStack gap="16" padding="32">
- *     <Text fontPx="32" bold="true">売上レポート</Text>
+ *     <Text fontSize="32" bold="true">売上レポート</Text>
  *   </VStack>
  * `;
  *

package/dist/renderPptx/nodes/icon.d.ts

@@ -0,0 +1,8 @@
+import type { PositionedNode } from "../../types.ts";
+import type { RenderContext } from "../types.ts";
+type IconPositionedNode = Extract<PositionedNode, {
+    type: "icon";
+}>;
+export declare function renderIconNode(node: IconPositionedNode, ctx: RenderContext): void;
+export {};
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/icon.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,CAQN"}

package/dist/renderPptx/nodes/icon.js

@@ -0,0 +1,10 @@
+import { pxToIn } from "../units.js";
+export function renderIconNode(node, ctx) {
+    ctx.slide.addImage({
+        data: node.iconImageData,
+        x: pxToIn(node.x),
+        y: pxToIn(node.y),
+        w: pxToIn(node.w),
+        h: pxToIn(node.h),
+    });
+}

package/dist/renderPptx/nodes/index.d.ts

@@ -11,4 +11,5 @@ export { renderProcessArrowNode } from "./processArrow.ts";
 export { renderPyramidNode } from "./pyramid.ts";
 export { renderLineNode } from "./line.ts";
 export { renderUlNode, renderOlNode } from "./list.ts";
+export { renderIconNode } from "./icon.ts";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/dist/renderPptx/nodes/index.js

@@ -11,3 +11,4 @@ export { renderProcessArrowNode } from "./processArrow.js";
 export { renderPyramidNode } from "./pyramid.js";
 export { renderLineNode } from "./line.js";
 export { renderUlNode, renderOlNode } from "./list.js";
+export { renderIconNode } from "./icon.js";

package/dist/renderPptx/nodes/list.js

@@ -2,7 +2,7 @@ import { pxToIn, pxToPt } from "../units.js";
 import { convertUnderline, convertStrike } from "../textOptions.js";
 function resolveStyle(li, parent) {
     return {
-        fontPx: li.fontPx ?? parent.fontPx ?? 24,
+        fontSize: li.fontSize ?? parent.fontSize ?? 24,
         color: li.color ?? parent.color,
         bold: li.bold ?? parent.bold,
         italic: li.italic ?? parent.italic,
@@ -13,7 +13,7 @@ function resolveStyle(li, parent) {
     };
 }
 function hasItemStyleOverride(items) {
-    return items.some((li) => li.fontPx !== undefined ||
+    return items.some((li) => li.fontSize !== undefined ||
         li.color !== undefined ||
         li.bold !== undefined ||
         li.italic !== undefined ||
@@ -23,9 +23,9 @@ function hasItemStyleOverride(items) {
         li.fontFamily !== undefined);
 }
 export function renderUlNode(node, ctx) {
-    const fontSizePx = node.fontPx ?? 24;
+    const fontSizePx = node.fontSize ?? 24;
     const fontFamily = node.fontFamily ?? "Noto Sans JP";
-    const lineSpacingMultiple = node.lineSpacingMultiple ?? 1.3;
+    const lineHeight = node.lineHeight ?? 1.3;
     if (hasItemStyleOverride(node.items)) {
         // Li に個別スタイルがある場合は配列形式を使用
         const textItems = node.items.map((li, i) => {
@@ -33,7 +33,7 @@ export function renderUlNode(node, ctx) {
             return {
                 text: i < node.items.length - 1 ? li.text + "\n" : li.text,
                 options: {
-                    fontSize: pxToPt(style.fontPx),
+                    fontSize: pxToPt(style.fontSize),
                     fontFace: style.fontFamily,
                     color: style.color,
                     bold: style.bold,
@@ -50,10 +50,10 @@ export function renderUlNode(node, ctx) {
             y: pxToIn(node.y),
             w: pxToIn(node.w),
             h: pxToIn(node.h),
-            align: node.alignText ?? "left",
+            align: node.textAlign ?? "left",
             valign: "top",
             margin: 0,
-            lineSpacingMultiple,
+            lineSpacingMultiple: lineHeight,
         });
     }
     else {
@@ -66,10 +66,10 @@ export function renderUlNode(node, ctx) {
             h: pxToIn(node.h),
             fontSize: pxToPt(fontSizePx),
             fontFace: fontFamily,
-            align: node.alignText ?? "left",
+            align: node.textAlign ?? "left",
             valign: "top",
             margin: 0,
-            lineSpacingMultiple,
+            lineSpacingMultiple: lineHeight,
             color: node.color,
             bold: node.bold,
             italic: node.italic,
@@ -81,9 +81,9 @@ export function renderUlNode(node, ctx) {
     }
 }
 export function renderOlNode(node, ctx) {
-    const fontSizePx = node.fontPx ?? 24;
+    const fontSizePx = node.fontSize ?? 24;
     const fontFamily = node.fontFamily ?? "Noto Sans JP";
-    const lineSpacingMultiple = node.lineSpacingMultiple ?? 1.3;
+    const lineHeight = node.lineHeight ?? 1.3;
     const bulletOptions = { type: "number" };
     if (node.numberType !== undefined) {
         bulletOptions.numberType = node.numberType;
@@ -97,7 +97,7 @@ export function renderOlNode(node, ctx) {
             return {
                 text: i < node.items.length - 1 ? li.text + "\n" : li.text,
                 options: {
-                    fontSize: pxToPt(style.fontPx),
+                    fontSize: pxToPt(style.fontSize),
                     fontFace: style.fontFamily,
                     color: style.color,
                     bold: style.bold,
@@ -114,10 +114,10 @@ export function renderOlNode(node, ctx) {
             y: pxToIn(node.y),
             w: pxToIn(node.w),
             h: pxToIn(node.h),
-            align: node.alignText ?? "left",
+            align: node.textAlign ?? "left",
             valign: "top",
             margin: 0,
-            lineSpacingMultiple,
+            lineSpacingMultiple: lineHeight,
         });
     }
     else {
@@ -129,10 +129,10 @@ export function renderOlNode(node, ctx) {
             h: pxToIn(node.h),
             fontSize: pxToPt(fontSizePx),
             fontFace: fontFamily,
-            align: node.alignText ?? "left",
+            align: node.textAlign ?? "left",
             valign: "top",
             margin: 0,
-            lineSpacingMultiple,
+            lineSpacingMultiple: lineHeight,
             color: node.color,
             bold: node.bold,
             italic: node.italic,

package/dist/renderPptx/nodes/processArrow.js

@@ -77,7 +77,7 @@ function renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, it
             y: pxToIn(stepY),
             w: pxToIn(textWidth),
             h: pxToIn(itemHeight),
-            fontSize: pxToPt((node.fontPx ?? 14) * scaleFactor),
+            fontSize: pxToPt((node.fontSize ?? 14) * scaleFactor),
             fontFace: "Noto Sans JP",
             color: textColor,
             bold: node.bold ?? false,
@@ -137,7 +137,7 @@ function renderVerticalProcessArrow(node, ctx, steps, stepCount, itemWidth, item
             y: pxToIn(stepY + textOffsetTop),
             w: pxToIn(itemWidth),
             h: pxToIn(textHeight),
-            fontSize: pxToPt((node.fontPx ?? 14) * scaleFactor),
+            fontSize: pxToPt((node.fontSize ?? 14) * scaleFactor),
             fontFace: "Noto Sans JP",
             color: textColor,
             bold: node.bold ?? false,

package/dist/renderPptx/nodes/pyramid.js

@@ -69,7 +69,7 @@ export function renderPyramidNode(node, ctx) {
             y: pxToIn(layerY),
             w: pxToIn(bboxW),
             h: pxToIn(layerHeight),
-            fontSize: pxToPt((node.fontPx ?? 14) * scaleFactor),
+            fontSize: pxToPt((node.fontSize ?? 14) * scaleFactor),
             fontFace: "Noto Sans JP",
             color: textColor,
             bold: node.bold ?? false,

package/dist/renderPptx/nodes/shape.js

@@ -35,7 +35,7 @@ export function renderShapeNode(node, ctx) {
         ctx.slide.addText(node.text, {
             ...shapeOptions,
             shape: node.shapeType,
-            fontSize: pxToPt(node.fontPx ?? 24),
+            fontSize: pxToPt(node.fontSize ?? 24),
             fontFace: node.fontFamily ?? "Noto Sans JP",
             color: node.color,
             bold: node.bold,
@@ -43,9 +43,9 @@ export function renderShapeNode(node, ctx) {
             underline: convertUnderline(node.underline),
             strike: convertStrike(node.strike),
             highlight: node.highlight,
-            align: node.alignText ?? "center",
+            align: node.textAlign ?? "center",
             valign: "middle",
-            lineSpacingMultiple: node.lineSpacingMultiple ?? 1.3,
+            lineSpacingMultiple: node.lineHeight ?? 1.3,
         });
     }
     else {

package/dist/renderPptx/nodes/table.js

@@ -4,14 +4,14 @@ import { convertUnderline, convertStrike } from "../textOptions.js";
 export function renderTableNode(node, ctx) {
     const tableRows = node.rows.map((row) => row.cells.map((cell) => {
         const cellOptions = {
-            fontSize: pxToPt(cell.fontPx ?? 18),
+            fontSize: pxToPt(cell.fontSize ?? 18),
             color: cell.color,
             bold: cell.bold,
             italic: cell.italic,
             underline: convertUnderline(cell.underline),
             strike: convertStrike(cell.strike),
             highlight: cell.highlight,
-            align: cell.alignText ?? "left",
+            align: cell.textAlign ?? "left",
             fill: cell.backgroundColor
                 ? { color: cell.backgroundColor }
                 : undefined,

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

@@ -1 +1 @@
-{"version":3,"file":"renderPptx.d.ts","sourceRoot":"","sources":["../../src/renderPptx/renderPptx.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAEnB,MAAM,aAAa,CAAC;AAuBrB,KAAK,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAqJxC;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,cAAc,EAAE,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,kBAAkB,+BAiL5B"}
+{"version":3,"file":"renderPptx.d.ts","sourceRoot":"","sources":["../../src/renderPptx/renderPptx.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAEnB,MAAM,aAAa,CAAC;AAwBrB,KAAK,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAqJxC;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,cAAc,EAAE,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,kBAAkB,+BAqL5B"}

package/dist/renderPptx/renderPptx.js

@@ -9,7 +9,7 @@ import { pxToIn, pxToPt } from "./units.js";
 import { convertUnderline, convertStrike } from "./textOptions.js";
 import { getImageData } from "../shared/measureImage.js";
 import { renderBackgroundAndBorder } from "./utils/backgroundBorder.js";
-import { renderTextNode, renderImageNode, renderTableNode, renderShapeNode, renderChartNode, renderTimelineNode, renderMatrixNode, renderTreeNode, renderFlowNode, renderProcessArrowNode, renderPyramidNode, renderLineNode, renderUlNode, renderOlNode, } from "./nodes/index.js";
+import { renderTextNode, renderImageNode, renderTableNode, renderShapeNode, renderChartNode, renderTimelineNode, renderMatrixNode, renderTreeNode, renderFlowNode, renderProcessArrowNode, renderPyramidNode, renderLineNode, renderUlNode, renderOlNode, renderIconNode, } from "./nodes/index.js";
 const DEFAULT_MASTER_NAME = "POM_MASTER";
 /**
  * MasterObject を pptxgenjs の objects 形式に変換する
@@ -25,7 +25,7 @@ function convertMasterObject(obj) {
                         y: pxToIn(obj.y),
                         w: pxToIn(obj.w),
                         h: pxToIn(obj.h),
-                        fontSize: obj.fontPx ? pxToPt(obj.fontPx) : undefined,
+                        fontSize: obj.fontSize ? pxToPt(obj.fontSize) : undefined,
                         fontFace: obj.fontFamily,
                         color: obj.color,
                         bold: obj.bold,
@@ -33,7 +33,7 @@ function convertMasterObject(obj) {
                         underline: convertUnderline(obj.underline),
                         strike: convertStrike(obj.strike),
                         highlight: obj.highlight,
-                        align: obj.alignText,
+                        align: obj.textAlign,
                     },
                 },
             };
@@ -138,8 +138,8 @@ function defineSlideMasterFromOptions(pptx, master) {
             y: pxToIn(master.slideNumber.y),
             w: master.slideNumber.w ? pxToIn(master.slideNumber.w) : undefined,
             h: master.slideNumber.h ? pxToIn(master.slideNumber.h) : undefined,
-            fontSize: master.slideNumber.fontPx
-                ? pxToPt(master.slideNumber.fontPx)
+            fontSize: master.slideNumber.fontSize
+                ? pxToPt(master.slideNumber.fontSize)
                 : undefined,
             fontFace: master.slideNumber.fontFamily,
             color: master.slideNumber.color,
@@ -247,6 +247,9 @@ export function renderPptx(pages, slidePx, master) {
                 case "image":
                     renderImageNode(node, ctx);
                     break;
+                case "icon":
+                    renderIconNode(node, ctx);
+                    break;
                 case "box":
                     // 子要素を再帰的に処理
                     renderNode(node.children);

package/dist/renderPptx/textOptions.js

@@ -23,9 +23,9 @@ export function convertStrike(strike) {
     return undefined;
 }
 export function createTextOptions(node) {
-    const fontSizePx = node.fontPx ?? 24;
+    const fontSizePx = node.fontSize ?? 24;
     const fontFamily = node.fontFamily ?? "Noto Sans JP";
-    const lineSpacingMultiple = node.lineSpacingMultiple ?? 1.3;
+    const lineHeight = node.lineHeight ?? 1.3;
     return {
         x: pxToIn(node.x),
         y: pxToIn(node.y),
@@ -33,10 +33,10 @@ export function createTextOptions(node) {
         h: pxToIn(node.h),
         fontSize: pxToPt(fontSizePx),
         fontFace: fontFamily,
-        align: node.alignText ?? "left",
+        align: node.textAlign ?? "left",
         valign: "top",
         margin: 0,
-        lineSpacingMultiple,
+        lineSpacingMultiple: lineHeight,
         color: node.color,
         bold: node.bold,
         italic: node.italic,

package/dist/toPositioned/toPositioned.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toPositioned.d.ts","sourceRoot":"","sources":["../../src/toPositioned/toPositioned.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG3D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,OAAO,EACZ,OAAO,SAAI,EACX,OAAO,SAAI,GACV,cAAc,CAoNhB"}
+{"version":3,"file":"toPositioned.d.ts","sourceRoot":"","sources":["../../src/toPositioned/toPositioned.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI3D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,OAAO,EACZ,OAAO,SAAI,EACX,OAAO,SAAI,GACV,cAAc,CAwOhB"}

package/dist/toPositioned/toPositioned.js

@@ -1,4 +1,5 @@
 import { getImageData } from "../shared/measureImage.js";
+import { rasterizeIcon } from "../icons/index.js";
 /**
  * POMNode ツリーを絶対座標付きの PositionedNode ツリーに変換する
  * @param pom 入力 POMNode
@@ -147,6 +148,18 @@ export function toPositioned(pom, parentX = 0, parentY = 0) {
                 children: pom.children.map((child) => toPositioned(child, absoluteX, absoluteY)),
             };
         }
+        case "icon": {
+            const rasterSize = Math.max(Math.ceil(layout.width), Math.ceil(layout.height), pom.size ?? 24);
+            const iconImageData = rasterizeIcon(pom.name, rasterSize, pom.color ?? "#000000");
+            return {
+                ...pom,
+                x: absoluteX,
+                y: absoluteY,
+                w: layout.width,
+                h: layout.height,
+                iconImageData,
+            };
+        }
         case "line": {
             // line ノードは絶対座標（x1, y1, x2, y2）を持つため、
             // yogaNode の座標ではなく自身の座標からバウンディングボックスを計算