@hirokisakabe/pom 1.4.0 → 3.0.0

package/README.md

@@ -1,233 +1,198 @@
-# pom
+<h1 align="center">pom</h1>
+<p align="center">
+  Declarative PowerPoint generation from XML — built for AI
+</p>
+
+<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>
+
+<p align="center">
+  <b>pom (PowerPoint Object Model)</b> is a TypeScript library that converts XML into PowerPoint files (.pptx).<br>
+  Flexbox-style layout powered by <a href="https://www.yogalayout.dev/">yoga-layout</a>, rendered with <a href="https://github.com/nicktomlin/pptxgenjs">pptxgenjs</a>.
+</p>
+
+<p align="center">
+  <a href="https://pom-playground.vercel.app/"><b>Try it online — Playground</b></a>
+</p>
+
+<p align="center">
+  <a href="https://pom-playground.vercel.app/">
+    <img src="./docs/images/playground.png" alt="Playground" width="800">
+  </a>
+</p>
+
+---
+
+## Table of Contents
+
+- [Features](#features)
+- [Quick Start](#quick-start)
+- [Available Nodes](#available-nodes)
+- [Node Examples](#node-examples)
+- [Documentation](#documentation)
+- [License](#license)
 
-**pom (PowerPoint Object Model)** is a library for declaratively describing PowerPoint presentations (pptx) in TypeScript. It is designed for use cases where JSON in POM format generated by AI is converted into PowerPoint files.
-
-## Requirements
+## Features
 
-- Node.js 18 or higher (for Node.js environments)
-- Modern browser with ES2020+ support (for browser environments)
+- **AI Friendly** — Simple XML structure designed for LLM code generation. Pair with [LLM Integration guide](./docs/llm-integration.md) for prompt-ready references.
+- **Declarative** — Describe slides as XML. No imperative API calls needed.
+- **Flexible Layout** — Flexbox-style layout with VStack / HStack / Box, powered by yoga-layout.
+- **Rich Nodes** — 15 built-in node types: charts, flowcharts, tables, timelines, org trees, and more.
+- **Schema-validated** — XML input is validated with Zod schemas at runtime with clear error messages.
+- **PowerPoint Native** — Full access to native PowerPoint shape features (roundRect, ellipse, arrows, etc.).
+- **Pixel Units** — Intuitive pixel-based sizing (internally converted to inches at 96 DPI).
+- **Master Slide** — Define headers, footers, and page numbers once — applied to all slides automatically.
+- **Accurate Text Measurement** — Text width measured with opentype.js and bundled Noto Sans JP fonts for consistent layout.
 
-> [!NOTE]
-> pom works in both Node.js and browser environments. Text measurement uses opentype.js with bundled Noto Sans JP fonts, ensuring consistent layout across all environments.
+## Quick Start
 
-## Installation
+> Requires Node.js 18+
 
 ```bash
 npm install @hirokisakabe/pom
 ```
 
-## Quick Start
-
 ```typescript
-import { buildPptx, POMNode } from "@hirokisakabe/pom";
-
-const slide: POMNode = {
-  type: "vstack",
-  w: "100%",
-  h: "max",
-  padding: 48,
-  gap: 24,
-  alignItems: "start",
-  children: [
-    {
-      type: "text",
-      text: "Presentation Title",
-      fontPx: 48,
-      bold: true,
-    },
-    {
-      type: "text",
-      text: "Subtitle",
-      fontPx: 24,
-      color: "666666",
-    },
-  ],
-};
-
-const pptx = await buildPptx([slide], { w: 1280, h: 720 });
-await pptx.writeFile({ fileName: "presentation.pptx" });
-```
+import { buildPptx } from "@hirokisakabe/pom";
 
-## Features
+const xml = `
+<VStack w="100%" h="max" padding="48" gap="24" alignItems="start">
+  <Text fontPx="48" bold="true">Presentation Title</Text>
+  <Text fontPx="24" color="666666">Subtitle</Text>
+</VStack>
+`;
 
-- **Type-safe**: Strict type definitions with TypeScript
-- **Declarative**: Describe slides with JSON-like objects
-- **PowerPoint First**: Native support for Shape features
-- **Flexible Layout**: Automatic layout with VStack/HStack/Box
-- **Pixel Units**: Intuitive pixel-based sizing (internally converted to inches)
-- **Master Slide**: Automatically insert common headers, footers, and page numbers across all pages
-- **AI Friendly**: Simple structure that makes it easy for LLMs to generate code
+const pptx = await buildPptx(xml, { w: 1280, h: 720 });
+await pptx.writeFile({ fileName: "presentation.pptx" });
+```
 
 ## Available Nodes
 
-| Node         | Description                                           |
-| ------------ | ----------------------------------------------------- |
-| text         | Text with font styling, decoration, and bullet points |
-| 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                        |
-| box          | Container for single child with padding               |
-| vstack       | Vertical stack layout                                 |
-| hstack       | Horizontal stack layout                               |
+| 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                 |
+| Line         | Horizontal / vertical lines                    |
+| Layer        | Absolute-positioned overlay container          |
+| Box          | Container for single child with padding        |
+| VStack       | Vertical stack layout                          |
+| HStack       | Horizontal stack layout                        |
 
 For detailed node documentation, see [Nodes Reference](./docs/nodes.md).
 
-## Components
+## Node Examples
 
-pom provides a `defineComponent` helper for creating reusable component templates. Components are simple functions that take props and return a `POMNode` — no runtime magic, no new node types.
+### Chart
 
-```typescript
-import { defineComponent, mergeTheme, POMNode, Theme } from "@hirokisakabe/pom";
-
-// Define a reusable card component
-const SectionCard = defineComponent<{
-  title: string;
-  content: POMNode; // Slot: any POMNode
-  theme?: Partial<Theme>; // Theme override
-}>((props) => {
-  const t = mergeTheme(props.theme);
-  return {
-    type: "box",
-    padding: t.spacing.md,
-    backgroundColor: "FFFFFF",
-    border: { color: t.colors.border, width: 1 },
-    borderRadius: 8,
-    children: {
-      type: "vstack",
-      gap: t.spacing.sm,
-      children: [
-        {
-          type: "text",
-          text: props.title,
-          fontPx: t.fontPx.heading,
-          bold: true,
-        },
-        props.content,
-      ],
-    },
-  };
-});
-
-// Use the component
-const slide: POMNode = {
-  type: "vstack",
-  w: 1280,
-  h: 720,
-  padding: 48,
-  gap: 24,
-  children: [
-    SectionCard({
-      title: "Revenue",
-      content: { type: "text", text: "$1,000,000" },
-    }),
-    SectionCard({
-      title: "Custom Theme",
-      content: { type: "text", text: "Styled card" },
-      theme: { colors: { border: "CBD5E1" } },
-    }),
-  ],
-};
+```xml
+<Chart chartType="bar" w="350" h="250" showTitle="true" title="Bar Chart" showLegend="true">
+  <Series name="Q1">
+    <DataPoint label="Jan" value="30" />
+    <DataPoint label="Feb" value="45" />
+  </Series>
+</Chart>
 ```
 
-Components support:
+<img src="./docs/images/chart.png" alt="Chart example" width="600">
 
-- **Slots**: Pass `POMNode` or `POMNode[]` as props for content injection
-- **Theme**: Use `mergeTheme()` for colors, spacing, and font size overrides
-- **Nesting**: Components can call other components
-- **JSON / LLM**: Use `expandComponents()` to resolve component references in JSON
+### Flow
 
-### Using Components with LLM-generated JSON
+```xml
+<Flow direction="horizontal" w="100%" h="300">
+  <FlowNode id="start" shape="flowChartTerminator" text="Start" color="16A34A" />
+  <FlowNode id="process" shape="flowChartProcess" text="Process" color="1D4ED8" />
+  <FlowNode id="end" shape="flowChartTerminator" text="End" color="DC2626" />
+  <Connection from="start" to="process" />
+  <Connection from="process" to="end" />
+</Flow>
+```
 
-When an LLM outputs JSON containing `{ type: "component", name: "...", props: {...} }`, use `expandComponentSlides()` to resolve them before building:
+<img src="./docs/images/flow.png" alt="Flow example" width="600">
+
+### Tree
+
+```xml
+<Tree layout="vertical" nodeShape="roundRect" w="100%" h="400">
+  <TreeItem label="CEO" color="0F172A">
+    <TreeItem label="CTO" color="1D4ED8">
+      <TreeItem label="Dev Team" color="0EA5E9" />
+    </TreeItem>
+    <TreeItem label="CFO" color="16A34A">
+      <TreeItem label="Finance" color="0EA5E9" />
+    </TreeItem>
+  </TreeItem>
+</Tree>
+```
 
-```typescript
-import {
-  buildPptx,
-  defineComponent,
-  expandComponentSlides,
-} from "@hirokisakabe/pom";
-
-// Register components
-const SectionCard = defineComponent<{ title: string; content: unknown }>(
-  (props) => ({
-    type: "box",
-    padding: 16,
-    children: {
-      type: "vstack",
-      gap: 8,
-      children: [
-        { type: "text", text: props.title, bold: true },
-        props.content,
-      ],
-    },
-  }),
-);
-
-const registry = { SectionCard };
-
-// LLM output (JSON with component references)
-const llmOutput = [
-  {
-    type: "vstack",
-    w: 1280,
-    h: 720,
-    children: [
-      {
-        type: "component",
-        name: "SectionCard",
-        props: { title: "KPI", content: { type: "text", text: "$1M" } },
-      },
-    ],
-  },
-];
-
-// Expand → Build
-const slides = expandComponentSlides(llmOutput, registry);
-const pptx = await buildPptx(slides, { w: 1280, h: 720 });
+<img src="./docs/images/tree.png" alt="Tree example" width="600">
+
+### Table
+
+```xml
+<Table defaultRowHeight="36">
+  <Column width="80" />
+  <Column width="200" />
+  <Row>
+    <Cell bold="true" backgroundColor="0F172A" color="FFFFFF">ID</Cell>
+    <Cell bold="true" backgroundColor="0F172A" color="FFFFFF">Name</Cell>
+  </Row>
+  <Row>
+    <Cell>001</Cell>
+    <Cell>Project Alpha</Cell>
+  </Row>
+</Table>
 ```
 
-## XML Input
+<img src="./docs/images/table.png" alt="Table example" width="600">
 
-`parseXml` allows you to describe slides in XML instead of JSON. XML tags (PascalCase) are mapped to POM node types, and attribute values are automatically type-coerced using Zod schemas.
+### Timeline
 
-```typescript
-import { parseXml, buildPptx } from "@hirokisakabe/pom";
+```xml
+<Timeline direction="horizontal" w="100%" h="200">
+  <TimelineItem date="2024 Q1" title="Phase 1" description="Planning" color="1D4ED8" />
+  <TimelineItem date="2024 Q2" title="Phase 2" description="Development" color="16A34A" />
+  <TimelineItem date="2024 Q3" title="Phase 3" description="Testing" color="0EA5E9" />
+</Timeline>
+```
 
-const xml = `
-<VStack gap="16" padding="32">
-  <Text fontPx="32" bold="true">売上レポート</Text>
-  <HStack gap="16">
-    <Chart chartType="bar" w="400" h="300"
-      data='[{ "name": "Q1", "labels": ["1月","2月","3月"], "values": [100,120,90] }]'
-    />
-    <Text fontPx="18" color="00AA00">前年比 +15%</Text>
-  </HStack>
-</VStack>
-`;
+<img src="./docs/images/timeline.png" alt="Timeline example" width="600">
 
-const nodes = parseXml(xml);
-const pptx = await buildPptx(nodes, { w: 1280, h: 720 });
-```
+### ProcessArrow
 
-Unknown tags are treated as component nodes (`{ type: "component", name: tagName, props: {...} }`), which can be resolved with `expandComponents()`.
+```xml
+<ProcessArrow direction="horizontal" w="100%" h="100">
+  <Step label="Planning" color="4472C4" />
+  <Step label="Design" color="5B9BD5" />
+  <Step label="Development" color="70AD47" />
+  <Step label="Testing" color="FFC000" />
+  <Step label="Release" color="ED7D31" />
+</ProcessArrow>
+```
 
-For more details, see [LLM Integration - XML Format](./docs/llm-integration.md#xml-format).
+<img src="./docs/images/processArrow.png" alt="ProcessArrow example" width="600">
 
 ## 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)    | Guide for generating slides with AI/LLM |
-| [Components](./docs/nodes.md#components)        | Reusable component templates            |
+| 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              |
 
 ## License
 

package/dist/buildPptx.d.ts

@@ -1,7 +1,7 @@
 import { TextMeasurementMode } from "./calcYogaLayout/measureText.ts";
-import { POMNode, SlideMasterOptions } from "./types.ts";
+import { SlideMasterOptions } from "./types.ts";
 export type { TextMeasurementMode };
-export declare function buildPptx(nodes: POMNode[], slideSize: {
+export declare function buildPptx(xml: string, slideSize: {
     w: number;
     h: number;
 }, options?: {

package/dist/buildPptx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildPptx.d.ts","sourceRoot":"","sources":["../src/buildPptx.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,OAAO,EAAkB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEzE,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC,wBAAsB,SAAS,CAC7B,KAAK,EAAE,OAAO,EAAE,EAChB,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;CACvC,wCAoBF"}
+{"version":3,"file":"buildPptx.d.ts","sourceRoot":"","sources":["../src/buildPptx.ts"],"names":[],"mappings":"AACA,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;CACvC,wCAqBF"}

package/dist/buildPptx.js

@@ -1,8 +1,9 @@
 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 { toPositioned } from "./toPositioned/toPositioned.js";
-export async function buildPptx(nodes, slideSize, options) {
+export async function buildPptx(xml, slideSize, options) {
     // テキスト計測モードを設定（デフォルトは auto）
     if (options?.textMeasurement) {
         setTextMeasurementMode(options.textMeasurement);
@@ -10,6 +11,7 @@ export async function buildPptx(nodes, slideSize, options) {
     else {
         setTextMeasurementMode("auto");
     }
+    const nodes = parseXml(xml);
     const positionedPages = [];
     for (const node of nodes) {
         await calcYogaLayout(node, slideSize);

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;AAcnE;;;;;;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,EAA0B,MAAM,aAAa,CAAC;AA6BnE;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,IAAI,EAAE,OAAO,EACb,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,iBAiBpC"}

package/dist/calcYogaLayout/calcYogaLayout.js

@@ -1,8 +1,18 @@
 import { loadYoga } from "yoga-layout/load";
 import { measureText } from "./measureText.js";
-import { measureImage, prefetchImageSize } from "./measureImage.js";
-import { calcTableIntrinsicSize } from "../table/utils.js";
+import { measureImage, prefetchImageSize } from "../shared/measureImage.js";
+import { calcTableIntrinsicSize } from "../shared/tableUtils.js";
 import { measureProcessArrow, measureTimeline, measureMatrix, measureTree, measureFlow, } from "./measureCompositeNodes.js";
+/**
+ * コンポジットノードの最小スケール閾値。
+ * renderPptx/utils/scaleToFit.ts の MIN_SCALE_THRESHOLD と同じ値を維持すること。
+ */
+const MIN_SCALE_THRESHOLD = 0.5;
+/** 制約付きサイズを閾値でクランプする */
+function constrainWithMinScale(intrinsicSize, availableSize) {
+    const minSize = intrinsicSize * MIN_SCALE_THRESHOLD;
+    return Math.max(minSize, Math.min(intrinsicSize, availableSize));
+}
 /**
  * POMNode ツリーを Yoga でレイアウト計算する
  * POMNode ツリーの各ノードに yogaNode プロパティがセットされる
@@ -232,6 +242,37 @@ async function applyStyleToYogaNode(node, yn) {
                 });
             }
             break;
+        case "ul":
+        case "ol":
+            {
+                const combinedText = node.items.map((item) => item.text).join("\n");
+                const fontSizePx = node.fontPx ?? 24;
+                const fontFamily = "Noto Sans JP";
+                const fontWeight = node.bold ? "bold" : "normal";
+                const lineHeight = node.lineSpacingMultiple ?? 1.3;
+                yn.setMeasureFunc((width, widthMode) => {
+                    const maxWidthPx = (() => {
+                        switch (widthMode) {
+                            case yoga.MEASURE_MODE_UNDEFINED:
+                                return Number.POSITIVE_INFINITY;
+                            case yoga.MEASURE_MODE_EXACTLY:
+                            case yoga.MEASURE_MODE_AT_MOST:
+                                return width;
+                        }
+                    })();
+                    const { widthPx, heightPx } = measureText(combinedText, maxWidthPx, {
+                        fontFamily,
+                        fontSizePx,
+                        lineHeight,
+                        fontWeight,
+                    });
+                    return {
+                        width: widthPx,
+                        height: heightPx,
+                    };
+                });
+            }
+            break;
         case "image":
             {
                 const src = node.src;
@@ -262,9 +303,9 @@ async function applyStyleToYogaNode(node, yn) {
                     // テキストがある場合、テキストサイズを測定
                     const text = node.text;
                     const fontSizePx = node.fontPx ?? 24;
-                    const fontFamily = "Noto Sans JP";
+                    const fontFamily = node.fontFamily ?? "Noto Sans JP";
                     const fontWeight = node.bold ? "bold" : "normal";
-                    const lineHeight = 1.3;
+                    const lineHeight = node.lineSpacingMultiple ?? 1.3;
                     yn.setMeasureFunc((width, widthMode) => {
                         const maxWidthPx = (() => {
                             switch (widthMode) {
@@ -292,41 +333,76 @@ async function applyStyleToYogaNode(node, yn) {
             break;
         case "processArrow":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureProcessArrow(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureProcessArrow(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;
         case "timeline":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureTimeline(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureTimeline(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;
         case "matrix":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureMatrix(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureMatrix(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;
         case "tree":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureTree(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureTree(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;
         case "flow":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureFlow(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureFlow(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;

package/dist/calcYogaLayout/fontLoader.d.ts

@@ -2,13 +2,6 @@
  * opentype.js を使用したフォント読み込みモジュール
  * Node.js とブラウザ両方で動作する
  */
-import { Font } from "opentype.js";
-/**
- * フォントを取得する（キャッシュ付き）
- * @param weight フォントウェイト ("normal" or "bold")
- * @returns opentype.js の Font オブジェクト
- */
-export declare function getFont(weight: "normal" | "bold"): Font;
 /**
  * 指定したテキストの幅を計測する
  * @param text 計測するテキスト

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

@@ -1 +1 @@
-{"version":3,"file":"fontLoader.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/fontLoader.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAiB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AA6B7C;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAqBvD;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,QAAQ,GAAG,MAAM,GACxB,MAAM,CAGR"}
+{"version":3,"file":"fontLoader.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/fontLoader.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA2DH;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,QAAQ,GAAG,MAAM,GACxB,MAAM,CAGR"}

package/dist/calcYogaLayout/fontLoader.js

@@ -30,7 +30,7 @@ function base64ToArrayBuffer(base64) {
  * @param weight フォントウェイト ("normal" or "bold")
  * @returns opentype.js の Font オブジェクト
  */
-export function getFont(weight) {
+function getFont(weight) {
     const cacheKey = weight;
     // キャッシュがあればそれを返す
     const cached = fontCache.get(cacheKey);

package/dist/calcYogaLayout/measureText.d.ts

@@ -9,10 +9,6 @@ export type TextMeasurementMode = "opentype" | "fallback" | "auto";
  * テキスト計測モードを設定する
  */
 export declare function setTextMeasurementMode(mode: TextMeasurementMode): void;
-/**
- * 現在のテキスト計測モードを取得する
- */
-export declare function getTextMeasurementMode(): TextMeasurementMode;
 /**
  * テキストを折り返し付きでレイアウトし、そのサイズを測定する
  */

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

@@ -1 +1 @@
-{"version":3,"file":"measureText.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/measureText.ts"],"names":[],"mappings":"AAEA,KAAK,cAAc,GAAG;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAoHnE;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAEtE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,mBAAmB,CAE5D;AAcD;;GAEG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,cAAc,GACnB;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAmBA"}
+{"version":3,"file":"measureText.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/measureText.ts"],"names":[],"mappings":"AAEA,KAAK,cAAc,GAAG;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAoHnE;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAEtE;AAcD;;GAEG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,cAAc,GACnB;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAmBA"}