@hirokisakabe/pom 5.2.0 → 5.3.0

package/README.md

@@ -5,7 +5,6 @@
 
 <p align="center">
   <a href="https://www.npmjs.com/package/@hirokisakabe/pom"><img src="https://img.shields.io/npm/v/@hirokisakabe/pom.svg" alt="npm version"></a>
-  <a href="https://github.com/hirokisakabe/pom/actions/workflows/ci.yml"><img src="https://github.com/hirokisakabe/pom/actions/workflows/ci.yml/badge.svg" alt="CI"></a>
   <a href="https://github.com/hirokisakabe/pom/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@hirokisakabe/pom.svg" alt="License"></a>
 </p>
 
@@ -14,11 +13,11 @@
 </p>
 
 <p align="center">
-  <a href="https://pom-playground.vercel.app/"><b>Try it online — Playground</b></a>
+  <a href="https://pom.pptx.app/playground"><b>Try it online — Playground</b></a>
 </p>
 
 <p align="center">
-  <a href="https://pom-playground.vercel.app/">
+  <a href="https://pom.pptx.app/playground">
     <img src="./docs/images/playground.png" alt="Playground" width="800">
   </a>
 </p>
@@ -91,7 +90,7 @@ await pptx.writeFile({ fileName: "presentation.pptx" });
 | VStack       | Vertical stack layout                          |
 | HStack       | Horizontal stack layout                        |
 
-For detailed node documentation, see [Nodes Reference](./docs/nodes.md).
+For detailed node documentation, see [Nodes](./docs/nodes.md).
 
 ## Node Examples
 
@@ -215,13 +214,13 @@ const pptx = await buildPptx(xml, { w: 1280, h: 720 }, { autoFit: false });
 
 ## Documentation
 
-| Document                                         | Description                             |
-| ------------------------------------------------ | --------------------------------------- |
-| [Nodes Reference](./docs/nodes.md)               | Complete reference for all node types   |
-| [Master Slide](./docs/master-slide.md)           | Headers, footers, and page numbers      |
-| [Serverless Environments](./docs/serverless.md)  | Text measurement options for serverless |
-| [LLM Integration](./docs/llm-integration.md)     | Compact XML reference for LLM prompts   |
-| [Playground](https://pom-playground.vercel.app/) | Try pom XML in the browser              |
+| Document                                       | Description                           |
+| ---------------------------------------------- | ------------------------------------- |
+| [Nodes](./docs/nodes.md)                       | Complete reference for all node types |
+| [Master Slide](./docs/master-slide.md)         | Headers, footers, and page numbers    |
+| [Text Measurement](./docs/text-measurement.md) | Text measurement options and settings |
+| [LLM Integration](./docs/llm-integration.md)   | Compact XML reference for LLM prompts |
+| [Playground](https://pom.pptx.app/playground)  | Try pom XML in the browser            |
 
 ## License
 

package/dist/autoFit/autoFit.d.ts

@@ -1,4 +1,5 @@
 import type { POMNode } from "../types.ts";
+import type { BuildContext } from "../buildContext.ts";
 /**
  * スライドのオーバーフローを検出し、段階的に調整してスライド内に収める。
  *
@@ -11,5 +12,5 @@ import type { POMNode } from "../types.ts";
 export declare function autoFitSlide(node: POMNode, slideSize: {
     w: number;
     h: number;
-}): Promise<void>;
+}, ctx: BuildContext): Promise<void>;
 //# sourceMappingURL=autoFit.d.ts.map

package/dist/autoFit/autoFit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autoFit.d.ts","sourceRoot":"","sources":["../../src/autoFit/autoFit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAsD3C;;;;;;;;GAQG;AACH,wBAAsB,YAAY,CAChC,IAAI,EAAE,OAAO,EACb,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAClC,OAAO,CAAC,IAAI,CAAC,CA6Bf"}
+{"version":3,"file":"autoFit.d.ts","sourceRoot":"","sources":["../../src/autoFit/autoFit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAuDvD;;;;;;;;GAQG;AACH,wBAAsB,YAAY,CAChC,IAAI,EAAE,OAAO,EACb,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,GAAG,EAAE,YAAY,GAChB,OAAO,CAAC,IAAI,CAAC,CA6Bf"}

package/dist/autoFit/autoFit.js

@@ -1,5 +1,5 @@
 import { calcYogaLayout } from "../calcYogaLayout/calcYogaLayout.js";
-import { freeYogaTree } from "./freeYogaTree.js";
+import { freeYogaTree } from "../shared/freeYogaTree.js";
 import { reduceTableRowHeight } from "./strategies/reduceTableRowHeight.js";
 import { reduceFontSize } from "./strategies/reduceFontSize.js";
 import { reduceGapAndPadding } from "./strategies/reduceGapAndPadding.js";
@@ -19,8 +19,8 @@ const strategies = [
  * ルートの padding.bottom を加算してコンテンツの占有高さとする。
  * h="max" や flexGrow の影響を受けず、正確なコンテンツ高さを返す。
  */
-async function measureContentHeight(node, slideSize) {
-    await calcYogaLayout(node, slideSize);
+async function measureContentHeight(node, slideSize, ctx) {
+    await calcYogaLayout(node, slideSize, ctx);
     const rootYoga = node.yogaNode;
     const childCount = rootYoga.getChildCount();
     if (childCount === 0) {
@@ -48,10 +48,10 @@ async function measureContentHeight(node, slideSize) {
  * 3. gap/padding 縮小
  * 4. 全体スケーリング（フォールバック）
  */
-export async function autoFitSlide(node, slideSize) {
+export async function autoFitSlide(node, slideSize, ctx) {
     for (const strategy of strategies) {
         freeYogaTree(node);
-        const contentHeight = await measureContentHeight(node, slideSize);
+        const contentHeight = await measureContentHeight(node, slideSize, ctx);
         if (contentHeight <= slideSize.h * OVERFLOW_TOLERANCE) {
             break;
         }
@@ -63,11 +63,11 @@ export async function autoFitSlide(node, slideSize) {
     }
     // 最終的にオーバーフローが解消されたか確認
     freeYogaTree(node);
-    const finalHeight = await measureContentHeight(node, slideSize);
+    const finalHeight = await measureContentHeight(node, slideSize, ctx);
     if (finalHeight > slideSize.h * OVERFLOW_TOLERANCE) {
         console.warn(`[pom] autoFit: content height (${Math.round(finalHeight)}px) exceeds slide height (${slideSize.h}px) after all adjustments.`);
     }
     // 最終レイアウト（正しい slideSize で）
     freeYogaTree(node);
-    await calcYogaLayout(node, slideSize);
+    await calcYogaLayout(node, slideSize, ctx);
 }

package/dist/autoFit/strategies/reduceFontSize.js

@@ -1,4 +1,4 @@
-import { walkPOMTree } from "../walkTree.js";
+import { walkPOMTree } from "../../shared/walkTree.js";
 const MIN_FONT_SIZE = 10;
 const MIN_SCALE = 0.6;
 /**

package/dist/autoFit/strategies/reduceGapAndPadding.js

@@ -1,4 +1,4 @@
-import { walkPOMTree } from "../walkTree.js";
+import { walkPOMTree } from "../../shared/walkTree.js";
 const MIN_GAP = 2;
 const MIN_PADDING = 2;
 const MIN_SCALE = 0.25;

package/dist/autoFit/strategies/reduceTableRowHeight.js

@@ -1,4 +1,4 @@
-import { walkPOMTree } from "../walkTree.js";
+import { walkPOMTree } from "../../shared/walkTree.js";
 const MIN_ROW_HEIGHT = 20;
 const MIN_SCALE = 0.5;
 /**

package/dist/autoFit/strategies/uniformScale.js

@@ -1,4 +1,4 @@
-import { walkPOMTree } from "../walkTree.js";
+import { walkPOMTree } from "../../shared/walkTree.js";
 const MIN_SCALE = 0.5;
 function scaleNumber(value, ratio, min) {
     return Math.max(min, Math.round(value * ratio));

package/dist/buildContext.d.ts

@@ -0,0 +1,12 @@
+import type { TextMeasurementMode } from "./calcYogaLayout/measureText.ts";
+export interface BuildContext {
+    textMeasurementMode: TextMeasurementMode;
+    imageSizeCache: Map<string, {
+        widthPx: number;
+        heightPx: number;
+    }>;
+    imageDataCache: Map<string, string>;
+    iconRasterCache: Map<string, string>;
+}
+export declare function createBuildContext(textMeasurementMode?: TextMeasurementMode): BuildContext;
+//# sourceMappingURL=buildContext.d.ts.map

package/dist/buildContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildContext.d.ts","sourceRoot":"","sources":["../src/buildContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,WAAW,YAAY;IAC3B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAChC,mBAAmB,GAAE,mBAA4B,GAChD,YAAY,CAOd"}

package/dist/buildContext.js

@@ -0,0 +1,8 @@
+export function createBuildContext(textMeasurementMode = "auto") {
+    return {
+        textMeasurementMode,
+        imageSizeCache: new Map(),
+        imageDataCache: new Map(),
+        iconRasterCache: new Map(),
+    };
+}

package/dist/buildPptx.d.ts

@@ -1,4 +1,4 @@
-import { TextMeasurementMode } from "./calcYogaLayout/measureText.ts";
+import type { TextMeasurementMode } from "./calcYogaLayout/measureText.ts";
 import { SlideMasterOptions } from "./types.ts";
 export type { TextMeasurementMode };
 export declare function buildPptx(xml: string, slideSize: {

package/dist/buildPptx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildPptx.d.ts","sourceRoot":"","sources":["../src/buildPptx.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAIzC,OAAO,EAAkB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhE,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC,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;CACnB,wCAyBF"}
+{"version":3,"file":"buildPptx.d.ts","sourceRoot":"","sources":["../src/buildPptx.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAK3E,OAAO,EAAkB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhE,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC,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;CACnB,wCAwBF"}

package/dist/buildPptx.js

@@ -1,29 +1,29 @@
 import { autoFitSlide } from "./autoFit/autoFit.js";
+import { createBuildContext } from "./buildContext.js";
 import { calcYogaLayout } from "./calcYogaLayout/calcYogaLayout.js";
-import { setTextMeasurementMode, } from "./calcYogaLayout/measureText.js";
 import { parseXml } from "./parseXml/parseXml.js";
 import { renderPptx } from "./renderPptx/renderPptx.js";
+import { freeYogaTree } from "./shared/freeYogaTree.js";
 import { toPositioned } from "./toPositioned/toPositioned.js";
 export async function buildPptx(xml, slideSize, options) {
-    // テキスト計測モードを設定（デフォルトは auto）
-    if (options?.textMeasurement) {
-        setTextMeasurementMode(options.textMeasurement);
-    }
-    else {
-        setTextMeasurementMode("auto");
-    }
+    const ctx = createBuildContext(options?.textMeasurement ?? "auto");
     const nodes = parseXml(xml);
     const positionedPages = [];
     for (const node of nodes) {
-        if (options?.autoFit !== false) {
-            await autoFitSlide(node, slideSize);
+        try {
+            if (options?.autoFit !== false) {
+                await autoFitSlide(node, slideSize, ctx);
+            }
+            else {
+                await calcYogaLayout(node, slideSize, ctx);
+            }
+            const positioned = toPositioned(node, ctx);
+            positionedPages.push(positioned);
         }
-        else {
-            await calcYogaLayout(node, slideSize);
+        finally {
+            freeYogaTree(node);
         }
-        const positioned = toPositioned(node);
-        positionedPages.push(positioned);
     }
-    const pptx = renderPptx(positionedPages, slideSize, options?.master);
+    const pptx = renderPptx(positionedPages, slideSize, ctx, options?.master);
     return pptx;
 }

package/dist/calcYogaLayout/calcYogaLayout.d.ts

@@ -1,13 +1,15 @@
 import type { POMNode } from "../types.ts";
+import type { BuildContext } from "../buildContext.ts";
 /**
  * POMNode ツリーを Yoga でレイアウト計算する
  * POMNode ツリーの各ノードに yogaNode プロパティがセットされる
  *
  * @param root 入力 POMNode ツリーのルート
  * @param slideSize スライド全体のサイズ（px）
+ * @param ctx BuildContext
  */
 export declare function calcYogaLayout(root: POMNode, slideSize: {
     w: number;
     h: number;
-}): Promise<void>;
+}, ctx: BuildContext): Promise<void>;
 //# sourceMappingURL=calcYogaLayout.d.ts.map

package/dist/calcYogaLayout/calcYogaLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calcYogaLayout.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/calcYogaLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAA0B,MAAM,aAAa,CAAC;AA+BnE;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,IAAI,EAAE,OAAO,EACb,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,iBAiBpC"}
+{"version":3,"file":"calcYogaLayout.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/calcYogaLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMvD;;;;;;;GAOG;AACH,wBAAsB,cAAc,CAClC,IAAI,EAAE,OAAO,EACb,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,GAAG,EAAE,YAAY,iBAiBlB"}