@hirokisakabe/pom 5.1.0 → 5.2.1

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`);
     }
 }