@hirokisakabe/pom 5.2.0 → 5.3.0

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, renderIconNode, } from "./nodes/index.js";
+import { getNodeDef } from "../registry/index.js";
 const DEFAULT_MASTER_NAME = "POM_MASTER";
 /**
  * zIndex でソートして描画順を制御する（安定ソート）
@@ -165,7 +165,7 @@ function defineSlideMasterFromOptions(pptx, master) {
  * @param master スライドマスターオプション（省略可能）
  * @returns PptxGenJS インスタンス
  */
-export function renderPptx(pages, slidePx, master) {
+export function renderPptx(pages, slidePx, buildContext, master) {
     const slideIn = { w: pxToIn(slidePx.w), h: pxToIn(slidePx.h) }; // layout(=px) → PptxGenJS(=inch) への最終変換
     const pptx = new PptxGenJS();
     pptx.defineLayout({ name: "custom", width: slideIn.w, height: slideIn.h });
@@ -177,7 +177,7 @@ export function renderPptx(pages, slidePx, master) {
     for (const data of pages) {
         // マスターが指定されている場合は masterName を使用
         const slide = masterName ? pptx.addSlide({ masterName }) : pptx.addSlide();
-        const ctx = { slide, pptx };
+        const ctx = { slide, pptx, buildContext };
         // ルートノードの backgroundColor はスライドの background プロパティとして適用
         // これにより、マスタースライドのオブジェクトを覆い隠さない
         // line ノードは backgroundColor を持たないためスキップ
@@ -192,7 +192,7 @@ export function renderPptx(pages, slidePx, master) {
         // backgroundColor と backgroundImage の両方がある場合、backgroundImage が優先
         const rootBackgroundImage = data.type !== "line" ? data.backgroundImage : undefined;
         if (rootBackgroundImage) {
-            const cachedData = getImageData(rootBackgroundImage.src);
+            const cachedData = getImageData(rootBackgroundImage.src, buildContext.imageDataCache);
             if (cachedData) {
                 slide.background = { data: cachedData };
             }
@@ -244,69 +244,28 @@ export function renderPptx(pages, slidePx, master) {
                     renderBackgroundAndBorder(node, ctx);
                 }
             }
-            switch (node.type) {
-                case "text":
-                    renderTextNode(node, ctx);
-                    break;
-                case "ul":
-                    renderUlNode(node, ctx);
-                    break;
-                case "ol":
-                    renderOlNode(node, ctx);
-                    break;
-                case "image":
-                    renderImageNode(node, ctx);
-                    break;
-                case "icon":
-                    renderIconNode(node, ctx);
-                    break;
-                case "box":
-                    // 子要素を再帰的に処理
-                    renderNode(node.children);
-                    break;
-                case "vstack":
-                case "hstack":
-                    // zIndex でソートして描画順を制御（値が小さいものが先に描画される）
-                    for (const child of sortByZIndex(node.children)) {
-                        renderNode(child);
+            const def = getNodeDef(node.type);
+            switch (def.category) {
+                case "leaf":
+                    if (!def.render) {
+                        throw new Error(`No render function registered for leaf node: ${node.type}`);
                     }
+                    def.render(node, ctx);
                     break;
-                case "table":
-                    renderTableNode(node, ctx);
-                    break;
-                case "shape":
-                    renderShapeNode(node, ctx);
-                    break;
-                case "chart":
-                    renderChartNode(node, ctx);
+                case "single-child": {
+                    const boxNode = node;
+                    renderNode(boxNode.children);
                     break;
-                case "timeline":
-                    renderTimelineNode(node, ctx);
-                    break;
-                case "matrix":
-                    renderMatrixNode(node, ctx);
-                    break;
-                case "tree":
-                    renderTreeNode(node, ctx);
-                    break;
-                case "flow":
-                    renderFlowNode(node, ctx);
-                    break;
-                case "processArrow":
-                    renderProcessArrowNode(node, ctx);
-                    break;
-                case "pyramid":
-                    renderPyramidNode(node, ctx);
-                    break;
-                case "line":
-                    renderLineNode(node, ctx);
-                    break;
-                case "layer":
+                }
+                case "multi-child":
+                case "absolute-child": {
+                    const containerNode = node;
                     // zIndex でソートして描画順を制御（値が小さいものが先に描画される）
-                    for (const child of sortByZIndex(node.children)) {
+                    for (const child of sortByZIndex(containerNode.children)) {
                         renderNode(child);
                     }
                     break;
+                }
             }
         }
         renderNode(data, true); // ルートノードとして処理

package/dist/renderPptx/types.d.ts

@@ -1,9 +1,11 @@
+import type { BuildContext } from "../buildContext.ts";
 type PptxGenJSClass = import("pptxgenjs").default;
 export type SlideInstance = ReturnType<PptxGenJSClass["addSlide"]>;
 export type PptxInstance = PptxGenJSClass;
 export type RenderContext = {
     slide: SlideInstance;
     pptx: PptxInstance;
+    buildContext: BuildContext;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/renderPptx/types.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG,OAAO,WAAW,EAAE,OAAO,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/renderPptx/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,KAAK,cAAc,GAAG,OAAO,WAAW,EAAE,OAAO,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"backgroundBorder.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/utils/backgroundBorder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAcjD;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,cAAc,EACpB,GAAG,EAAE,aAAa,GACjB,IAAI,CAyHN"}
+{"version":3,"file":"backgroundBorder.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/utils/backgroundBorder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAcjD;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,cAAc,EACpB,GAAG,EAAE,aAAa,GACjB,IAAI,CA4HN"}

package/dist/renderPptx/utils/backgroundBorder.js

@@ -94,7 +94,7 @@ export function renderBackgroundAndBorder(node, ctx) {
                 h: pxToIn(node.h),
             },
         };
-        const cachedData = getImageData(backgroundImage.src);
+        const cachedData = getImageData(backgroundImage.src, ctx.buildContext.imageDataCache);
         if (cachedData) {
             ctx.slide.addImage({ ...imageOptions, data: cachedData });
         }

package/dist/shared/freeYogaTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"freeYogaTree.d.ts","sourceRoot":"","sources":["../../src/shared/freeYogaTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAG3C;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAwBhD"}

package/dist/shared/measureImage.d.ts

@@ -1,16 +1,24 @@
+type ImageSizeCache = Map<string, {
+    widthPx: number;
+    heightPx: number;
+}>;
+type ImageDataCache = Map<string, string>;
 /**
  * キャッシュされた画像データ（Base64）を取得する
  * @param src 画像のパス
+ * @param cache 画像データキャッシュ
  * @returns Base64形式の画像データ、またはキャッシュがない場合はundefined
  */
-export declare function getImageData(src: string): string | undefined;
+export declare function getImageData(src: string, cache: ImageDataCache): string | undefined;
 /**
  * 画像サイズを事前取得してキャッシュする（非同期）
  * HTTPS URLの画像を処理する際に使用
  * @param src 画像のパス（ローカルパス、base64データ、またはHTTPS URL）
+ * @param sizeCache 画像サイズキャッシュ
+ * @param dataCache 画像データキャッシュ
  * @returns 画像の幅と高さ（px）
  */
-export declare function prefetchImageSize(src: string): Promise<{
+export declare function prefetchImageSize(src: string, sizeCache: ImageSizeCache, dataCache: ImageDataCache): Promise<{
     widthPx: number;
     heightPx: number;
 }>;
@@ -18,10 +26,12 @@ export declare function prefetchImageSize(src: string): Promise<{
  * 画像ファイルのサイズを取得する（同期）
  * 事前にprefetchImageSizeでキャッシュしておくこと
  * @param src 画像のパス（ローカルパス、base64データ、またはHTTPS URL）
+ * @param sizeCache 画像サイズキャッシュ
  * @returns 画像の幅と高さ（px）
  */
-export declare function measureImage(src: string): {
+export declare function measureImage(src: string, sizeCache: ImageSizeCache): {
     widthPx: number;
     heightPx: number;
 };
+export {};
 //# sourceMappingURL=measureImage.d.ts.map

package/dist/shared/measureImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"measureImage.d.ts","sourceRoot":"","sources":["../../src/shared/measureImage.ts"],"names":[],"mappings":"AAsBA;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE5D;AAED;;;;;GAKG;AACH,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC,CA0DD;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAqDA"}
+{"version":3,"file":"measureImage.d.ts","sourceRoot":"","sources":["../../src/shared/measureImage.ts"],"names":[],"mappings":"AAYA,KAAK,cAAc,GAAG,GAAG,CAAC,MAAM,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AACzE,KAAK,cAAc,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE1C;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,cAAc,GACpB,MAAM,GAAG,SAAS,CAEpB;AAED;;;;;;;GAOG;AACH,wBAAsB,iBAAiB,CACrC,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,cAAc,EACzB,SAAS,EAAE,cAAc,GACxB,OAAO,CAAC;IACT,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC,CA0DD;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,cAAc,GACxB;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAqDA"}

package/dist/shared/measureImage.js

@@ -6,32 +6,26 @@ const imageSizeModule = require("image-size");
 // CommonJS モジュールは .default または直接エクスポートされる場合がある
 /* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access */
 const imageSize = imageSizeModule.default ?? imageSizeModule;
-/* eslint-enable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access */
-/**
- * 画像サイズのキャッシュ（事前取得した画像サイズを保持）
- */
-const imageSizeCache = new Map();
-/**
- * 画像データのキャッシュ（Base64形式、リモート画像用）
- */
-const imageDataCache = new Map();
 /**
  * キャッシュされた画像データ（Base64）を取得する
  * @param src 画像のパス
+ * @param cache 画像データキャッシュ
  * @returns Base64形式の画像データ、またはキャッシュがない場合はundefined
  */
-export function getImageData(src) {
-    return imageDataCache.get(src);
+export function getImageData(src, cache) {
+    return cache.get(src);
 }
 /**
  * 画像サイズを事前取得してキャッシュする（非同期）
  * HTTPS URLの画像を処理する際に使用
  * @param src 画像のパス（ローカルパス、base64データ、またはHTTPS URL）
+ * @param sizeCache 画像サイズキャッシュ
+ * @param dataCache 画像データキャッシュ
  * @returns 画像の幅と高さ（px）
  */
-export async function prefetchImageSize(src) {
+export async function prefetchImageSize(src, sizeCache, dataCache) {
     // キャッシュにあればそれを返す
-    const cached = imageSizeCache.get(src);
+    const cached = sizeCache.get(src);
     if (cached) {
         return cached;
     }
@@ -53,7 +47,7 @@ export async function prefetchImageSize(src) {
             // 画像データをBase64形式でキャッシュ（pptxgenjs用）
             const contentType = response.headers.get("content-type") || "image/png";
             const base64 = Buffer.from(arrayBuffer).toString("base64");
-            imageDataCache.set(src, `${contentType};base64,${base64}`);
+            dataCache.set(src, `${contentType};base64,${base64}`);
         }
         // ローカルファイルパスの場合
         else {
@@ -67,7 +61,7 @@ export async function prefetchImageSize(src) {
             heightPx: height,
         };
         // キャッシュに保存
-        imageSizeCache.set(src, result);
+        sizeCache.set(src, result);
         return result;
     }
     catch (error) {
@@ -77,7 +71,7 @@ export async function prefetchImageSize(src) {
             widthPx: 100,
             heightPx: 100,
         };
-        imageSizeCache.set(src, result);
+        sizeCache.set(src, result);
         return result;
     }
 }
@@ -85,11 +79,12 @@ export async function prefetchImageSize(src) {
  * 画像ファイルのサイズを取得する（同期）
  * 事前にprefetchImageSizeでキャッシュしておくこと
  * @param src 画像のパス（ローカルパス、base64データ、またはHTTPS URL）
+ * @param sizeCache 画像サイズキャッシュ
  * @returns 画像の幅と高さ（px）
  */
-export function measureImage(src) {
+export function measureImage(src, sizeCache) {
     // キャッシュにあればそれを返す
-    const cached = imageSizeCache.get(src);
+    const cached = sizeCache.get(src);
     if (cached) {
         return cached;
     }
@@ -121,7 +116,7 @@ export function measureImage(src) {
             heightPx: height,
         };
         // キャッシュに保存
-        imageSizeCache.set(src, result);
+        sizeCache.set(src, result);
         return result;
     }
     catch (error) {

package/dist/shared/walkTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkTree.d.ts","sourceRoot":"","sources":["../../src/shared/walkTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;GAEG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAC/B,IAAI,CAeN"}

package/dist/toPositioned/toPositioned.d.ts

@@ -1,10 +1,17 @@
 import type { POMNode, PositionedNode } from "../types.ts";
+import type { BuildContext } from "../buildContext.ts";
+/**
+ * POMNode から yogaNode を除外したオブジェクトを返す。
+ * PositionedNode に yogaNode 参照が残らないようにするため。
+ */
+export declare function omitYogaNode<T extends POMNode>(pom: T): Omit<T, "yogaNode">;
 /**
  * POMNode ツリーを絶対座標付きの PositionedNode ツリーに変換する
  * @param pom 入力 POMNode
+ * @param ctx BuildContext
  * @param parentX 親ノードの絶対X座標
  * @param parentY 親ノードの絶対Y座標
  * @returns PositionedNode ツリー
  */
-export declare function toPositioned(pom: POMNode, parentX?: number, parentY?: number): PositionedNode;
+export declare function toPositioned(pom: POMNode, ctx: BuildContext, parentX?: number, parentY?: number): PositionedNode;
 //# sourceMappingURL=toPositioned.d.ts.map

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;AAI3D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,OAAO,EACZ,OAAO,SAAI,EACX,OAAO,SAAI,GACV,cAAc,CAwOhB"}
+{"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;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,UAAU,CAAC,CAI3E;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,YAAY,EACjB,OAAO,SAAI,EACX,OAAO,SAAI,GACV,cAAc,CA8DhB"}

package/dist/toPositioned/toPositioned.js

@@ -1,224 +1,67 @@
-import { getImageData } from "../shared/measureImage.js";
-import { rasterizeIcon } from "../icons/index.js";
+import { getNodeDef } from "../registry/index.js";
+/**
+ * POMNode から yogaNode を除外したオブジェクトを返す。
+ * PositionedNode に yogaNode 参照が残らないようにするため。
+ */
+export function omitYogaNode(pom) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { yogaNode, ...rest } = pom;
+    return rest;
+}
 /**
  * POMNode ツリーを絶対座標付きの PositionedNode ツリーに変換する
  * @param pom 入力 POMNode
+ * @param ctx BuildContext
  * @param parentX 親ノードの絶対X座標
  * @param parentY 親ノードの絶対Y座標
  * @returns PositionedNode ツリー
  */
-export function toPositioned(pom, parentX = 0, parentY = 0) {
+export function toPositioned(pom, ctx, parentX = 0, parentY = 0) {
     if (!pom.yogaNode) {
         throw new Error("yogaNode not set on POMNode");
     }
     const layout = pom.yogaNode.getComputedLayout();
     const absoluteX = parentX + layout.left;
     const absoluteY = parentY + layout.top;
-    switch (pom.type) {
-        case "text":
-        case "ul":
-        case "ol": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "image": {
-            const imageData = getImageData(pom.src);
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-                imageData,
-            };
-        }
-        case "table": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "shape": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "chart": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "timeline": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "matrix": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "tree": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "flow": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "processArrow": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "pyramid": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-            };
-        }
-        case "box": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-                children: toPositioned(pom.children, absoluteX, absoluteY),
-            };
-        }
-        case "vstack": {
-            return {
-                ...pom,
-                x: absoluteX,
-                y: absoluteY,
-                w: layout.width,
-                h: layout.height,
-                children: pom.children.map((child) => toPositioned(child, absoluteX, absoluteY)),
-            };
-        }
-        case "hstack": {
+    const def = getNodeDef(pom.type);
+    // ノード固有のカスタム変換がある場合はそれを使用
+    if (def.toPositioned) {
+        return def.toPositioned(pom, absoluteX, absoluteY, layout, ctx);
+    }
+    // category ベースのデフォルト処理
+    switch (def.category) {
+        case "leaf":
             return {
-                ...pom,
+                ...omitYogaNode(pom),
                 x: absoluteX,
                 y: absoluteY,
                 w: layout.width,
                 h: layout.height,
-                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");
+        case "single-child": {
+            const boxNode = pom;
             return {
-                ...pom,
+                ...omitYogaNode(boxNode),
                 x: absoluteX,
                 y: absoluteY,
                 w: layout.width,
                 h: layout.height,
-                iconImageData,
-            };
-        }
-        case "line": {
-            // line ノードは絶対座標（x1, y1, x2, y2）を持つため、
-            // yogaNode の座標ではなく自身の座標からバウンディングボックスを計算
-            return {
-                ...pom,
-                x: Math.min(pom.x1, pom.x2),
-                y: Math.min(pom.y1, pom.y2),
-                w: Math.abs(pom.x2 - pom.x1),
-                h: Math.abs(pom.y2 - pom.y1),
+                children: toPositioned(boxNode.children, ctx, absoluteX, absoluteY),
             };
         }
-        case "layer": {
-            // layer の子要素は layer 内の相対座標（child.x, child.y）を持つ
-            // layer の絶対座標に加算してスライド上の絶対座標に変換
+        case "multi-child": {
+            const containerNode = pom;
             return {
-                ...pom,
+                ...omitYogaNode(containerNode),
                 x: absoluteX,
                 y: absoluteY,
                 w: layout.width,
                 h: layout.height,
-                children: pom.children.map((child) => {
-                    // layer 内での子要素の絶対座標（child.x, child.y がない場合は 0）
-                    const childX = child.x ?? 0;
-                    const childY = child.y ?? 0;
-                    // line ノードは特別な処理が必要
-                    // x1, y1, x2, y2 は layer 内の相対座標として扱い、layer の座標を加算
-                    if (child.type === "line") {
-                        const lineAbsoluteX = absoluteX + childX;
-                        const lineAbsoluteY = absoluteY + childY;
-                        const adjustedX1 = child.x1 + lineAbsoluteX;
-                        const adjustedY1 = child.y1 + lineAbsoluteY;
-                        const adjustedX2 = child.x2 + lineAbsoluteX;
-                        const adjustedY2 = child.y2 + lineAbsoluteY;
-                        return {
-                            ...child,
-                            x1: adjustedX1,
-                            y1: adjustedY1,
-                            x2: adjustedX2,
-                            y2: adjustedY2,
-                            x: Math.min(adjustedX1, adjustedX2),
-                            y: Math.min(adjustedY1, adjustedY2),
-                            w: Math.abs(adjustedX2 - adjustedX1),
-                            h: Math.abs(adjustedY2 - adjustedY1),
-                        };
-                    }
-                    // その他のノードは通常の処理
-                    // Yoga で計算された子要素の相対座標を取得
-                    const childLayout = child.yogaNode.getComputedLayout();
-                    // 正しい親座標を計算: layer の座標 + child.x - Yoga の相対座標
-                    // こうすることで toPositioned 内で:
-                    // absoluteX = adjustedParentX + childLayout.left
-                    //           = (absoluteX + child.x - childLayout.left) + childLayout.left
-                    //           = absoluteX + child.x
-                    // となり、子要素とその内部の子要素が正しい座標で配置される
-                    const adjustedParentX = absoluteX + childX - childLayout.left;
-                    const adjustedParentY = absoluteY + childY - childLayout.top;
-                    return toPositioned(child, adjustedParentX, adjustedParentY);
-                }),
+                children: containerNode.children.map((child) => toPositioned(child, ctx, absoluteX, absoluteY)),
             };
         }
+        case "absolute-child":
+            // absolute-child (layer) は必ずカスタム toPositioned を持つべき
+            throw new Error(`Node type "${pom.type}" with category "absolute-child" must have a custom toPositioned`);
     }
 }