shape-text 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Admin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,264 @@
+# shape-text
+
+Browser-first TypeScript library for shape-paragraph layout and SVG rendering.
+
+## V1 scope
+
+- SVG renderer
+- Geometry input
+- Value-derived input from text masks
+- Latin/Vietnamese first
+- Single closed shape, no holes
+- Shape-first API, not a thin wrapper over `pretext`
+- Compile-shape boundary for cache-friendly repeated rendering
+
+## Install
+
+```bash
+npm install shape-text
+bun add shape-text
+```
+
+## Local demo and browser E2E
+
+```bash
+npx playwright install chromium
+npm run demo
+npm run e2e:ui
+```
+
+- `npm run demo` starts the React workbench on `http://127.0.0.1:4173/`
+- `npm run demo:preview` serves the built demo
+- `npm run e2e` and `npm run e2e:ui` run Playwright against the built preview app on port `4174`, which is closer to production than hitting the dev server
+- The npm scripts resolve their own package root so they still work even if Windows launches `cmd.exe` with a broken fallback cwd
+
+## Ship readiness
+
+Library packaging is validated for both `npm` and `bun`.
+
+```bash
+npm run ship:check
+```
+
+That flow currently checks:
+
+- clean library build output
+- `npm pack` tarball contents
+- `bun pm pack` compatibility
+- smoke install + ESM import via both `npm` and `bun`
+
+## Quick start
+
+```ts
+import {
+  createCanvasTextMeasurer,
+  layoutTextInShape,
+  renderLayoutToSvg,
+} from 'shape-text'
+
+const measurer = createCanvasTextMeasurer()
+
+const layout = layoutTextInShape({
+  text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+  textStyle: {
+    family: '"Helvetica Neue", Arial, sans-serif',
+    size: 16,
+    weight: 700,
+    style: 'italic',
+    color: '#111827',
+  },
+  lineHeight: 22,
+  shape: {
+    kind: 'polygon',
+    points: [
+      { x: 0, y: 0 },
+      { x: 240, y: 0 },
+      { x: 240, y: 280 },
+      { x: 0, y: 280 },
+    ],
+  },
+  measurer,
+})
+
+const svg = renderLayoutToSvg(layout, {
+  background: '#fffdf7',
+  shapeStyle: {
+    backgroundColor: '#dbeafe',
+    borderColor: '#94a3b8',
+    borderWidth: 2,
+    shadow: {
+      blur: 6,
+      offsetY: 6,
+    },
+  },
+})
+```
+
+## Shape sources
+
+`shape-text` currently ships two first-class ways to provide the shape paragraph surface:
+
+- Geometry input: pass explicit polygon points
+- Value-derived input: pass a `text-mask` shape derived from text and font
+
+The low-level API term stays `text-mask`, but the product framing is `value-derived shape`.
+
+## Value-derived example
+
+```ts
+const layout = layoutTextInShape({
+  text: 'Shape paragraph can fill a value-derived silhouette too.',
+  textStyle: {
+    family: 'Arial, sans-serif',
+    size: 16,
+    weight: 700,
+    color: '#0f172a',
+  },
+  lineHeight: 20,
+  autoFill: true,
+  shape: {
+    kind: 'text-mask',
+    text: '23',
+    font: '700 420px Arial',
+    size: {
+      mode: 'fit-content',
+      padding: 10,
+    },
+  },
+  measurer,
+})
+```
+
+## Sequential value-derived regions
+
+```ts
+const layout = layoutTextInShape({
+  text: 'ABCDEFGHIJ',
+  textStyle: {
+    family: 'Arial, sans-serif',
+    size: 14,
+    weight: 700,
+  },
+  lineHeight: 18,
+  shape: {
+    kind: 'text-mask',
+    text: 'AB',
+    font: '700 160px Arial',
+    size: {
+      mode: 'fixed',
+      width: 260,
+      height: 180,
+    },
+    shapeTextMode: 'per-character',
+  },
+  measurer,
+})
+```
+
+`shape.size` defaults to `{ mode: 'fit-content', padding: 0 }`. Use `mode: 'fixed'` only when you need to force the glyph mask into an explicit raster box.
+
+`shape.shapeTextMode` defaults to `'whole-text'`. Set it to `'per-character'` to compile one ordered region per non-space grapheme and flow layout through those regions in shape-text order.
+
+## Public API
+
+- `createCanvasTextMeasurer()`
+- `compileShapeForLayout()`
+- `normalizeTextStyleToFont()`
+- `prepareTextForLayout()`
+- `layoutNextLineFromPreparedText()`
+- `layoutNextLineFromRepeatedText()`
+- `getBandIntervalsFromPolygon()`
+- `layoutTextInCompiledShape()`
+- `layoutTextInShape()`
+- `renderLayoutToSvg()`
+
+## Notes
+
+- V1 keeps the text engine simple on purpose. It uses `Intl.Segmenter` for grapheme-safe word breaking, but it does not promise full browser-parity for every writing system.
+- The project takes inspiration from `pretext` for the `prepare -> layout` split and streaming line iteration, but owns its geometry, slot policy, and public API.
+- Geometry and value-derived shapes both compile into reusable line bands before layout.
+- `text-mask` shapes are raster-compiled into reusable line bands. This is the default value-derived path for browser fonts such as `Arial`, and it is designed so callers can precompile `0-9` and `:` for clock-like UIs.
+- `autoFill: true` now means one thing: max-fill stream layout that sweeps every usable interval in reading order.
+- Max fill keeps spaces as normal graphemes instead of stripping them, and it does not fall back to smaller text for leftover pockets.
+- `text-mask` sizing now lives under `shape.size`. The default `fit-content` mode measures the text mask first and grows the raster box to avoid clipping multi-character shapes such as `23`.
+- `shape.shapeTextMode: 'per-character'` keeps the full text-mask debug view, but also compiles ordered per-character regions for sequential fill across multi-character shape text.
+- `textStyle` is the new data-driven API for size, weight, italic/oblique, family, and default text color. Legacy `font` string input still works.
+- `shapeStyle` lives in `renderLayoutToSvg()` because fill, border, and shadow do not affect line breaking or shape compilation.
+- For late-loading web fonts, compile after the font is ready if you want immediate cache reuse. The compiler skips cache writes until `document.fonts.check()` reports the font as ready.
+
+## Local E2E
+
+Install the local browser once:
+
+```bash
+npx playwright install chromium
+```
+
+Run the local browser suite:
+
+```bash
+npm run e2e
+```
+
+Run unit coverage for `src/`:
+
+```bash
+npm run test:coverage
+```
+
+Useful dev modes:
+
+```bash
+npm run e2e:ui
+npm run e2e:headed
+npm run e2e:debug
+```
+
+Playwright now targets the React workbench in `demo/`, so browser coverage runs against the same app used for manual exploration.
+
+## Publish notes
+
+- Published package surface is limited to `dist/`, `README.md`, and `LICENSE`
+- `npm pack` / `npm publish` trigger a clean library rebuild through `prepack`
+- Build output excludes test files so the tarball stays library-only
+- On Windows terminals that start inside a `\\?\C:\...` cwd, prefer `npm run publish:npm` instead of raw `npm publish`
+- PR validation now runs through `.github/workflows/ci.yml`
+- Tag releases now run through `.github/workflows/release.yml`
+- Preferred publish path is npm Trusted Publisher via GitHub Actions OIDC, with `NPM_TOKEN` as fallback only
+- Maintainer release steps and repository settings live in [docs/deployment-guide.md](./docs/deployment-guide.md)
+
+## Local Demo UI
+
+Open the React workbench:
+
+```bash
+npm run demo
+```
+
+Then open:
+
+```text
+http://127.0.0.1:4173/
+```
+
+Build the workbench explicitly:
+
+```bash
+npm run demo:build
+```
+
+Preview the built app:
+
+```bash
+npm run demo:preview
+```
+
+The workbench includes:
+
+- geometry vs value-derived shape source switching
+- direct `shape.text` editing for value-derived shapes
+- `shape.size.mode` switching between `fit-content` and `fixed`
+- `shapeTextMode` switching between `whole-text` and sequential `per-character` value-derived regions
+- random character-pattern fill presets
+- a payload JSON editor for the live `layout` + `render` request
+- a scrollable full-output SVG viewport with `Zoom out`, `Zoom in`, `100%`, and `Fit` controls

package/dist/geometry/get-band-intervals-from-polygon.d.ts

@@ -0,0 +1,2 @@
+import type { Interval, ShapeTextPoint } from '../types.js';
+export declare function getBandIntervalsFromPolygon(points: ShapeTextPoint[], bandTop: number, bandBottom: number, minSlotWidth?: number): Interval[];

package/dist/geometry/get-band-intervals-from-polygon.js

@@ -0,0 +1,44 @@
+import { getXIntersectionsAtY } from './get-x-intersections-at-y.js';
+function pairIntersections(xs) {
+    const intervals = [];
+    for (let index = 0; index + 1 < xs.length; index += 2) {
+        intervals.push({ left: xs[index], right: xs[index + 1] });
+    }
+    return intervals;
+}
+function intersectIntervalSets(leftSet, rightSet) {
+    const intersections = [];
+    let leftIndex = 0;
+    let rightIndex = 0;
+    while (leftIndex < leftSet.length && rightIndex < rightSet.length) {
+        const left = leftSet[leftIndex];
+        const right = rightSet[rightIndex];
+        const overlapLeft = Math.max(left.left, right.left);
+        const overlapRight = Math.min(left.right, right.right);
+        if (overlapRight > overlapLeft) {
+            intersections.push({ left: overlapLeft, right: overlapRight });
+        }
+        if (left.right < right.right) {
+            leftIndex += 1;
+        }
+        else {
+            rightIndex += 1;
+        }
+    }
+    return intersections;
+}
+export function getBandIntervalsFromPolygon(points, bandTop, bandBottom, minSlotWidth = 0) {
+    const startRow = Math.floor(bandTop);
+    const endRow = Math.max(startRow, Math.ceil(bandBottom) - 1);
+    let intervals = null;
+    for (let row = startRow; row <= endRow; row++) {
+        const rowIntervals = pairIntersections(getXIntersectionsAtY(points, row + 0.5));
+        if (rowIntervals.length === 0)
+            return [];
+        intervals = intervals === null ? rowIntervals : intersectIntervalSets(intervals, rowIntervals);
+        if (intervals.length === 0)
+            return [];
+    }
+    return (intervals ?? []).filter(interval => interval.right - interval.left >= minSlotWidth);
+}
+//# sourceMappingURL=get-band-intervals-from-polygon.js.map

package/dist/geometry/get-band-intervals-from-polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-band-intervals-from-polygon.js","sourceRoot":"","sources":["../../src/geometry/get-band-intervals-from-polygon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAEpE,SAAS,iBAAiB,CAAC,EAAY;IACrC,MAAM,SAAS,GAAe,EAAE,CAAA;IAEhC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QACtD,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,KAAK,CAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAE,EAAE,CAAC,CAAA;IAC7D,CAAC;IAED,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,SAAS,qBAAqB,CAAC,OAAmB,EAAE,QAAoB;IACtE,MAAM,aAAa,GAAe,EAAE,CAAA;IACpC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,UAAU,GAAG,CAAC,CAAA;IAElB,OAAO,SAAS,GAAG,OAAO,CAAC,MAAM,IAAI,UAAU,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClE,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAE,CAAA;QAChC,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAE,CAAA;QACnC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;QACnD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;QAEtD,IAAI,YAAY,GAAG,WAAW,EAAE,CAAC;YAC/B,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAA;QAChE,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;YAC7B,SAAS,IAAI,CAAC,CAAA;QAChB,CAAC;aAAM,CAAC;YACN,UAAU,IAAI,CAAC,CAAA;QACjB,CAAC;IACH,CAAC;IAED,OAAO,aAAa,CAAA;AACtB,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,MAAwB,EACxB,OAAe,EACf,UAAkB,EAClB,YAAY,GAAG,CAAC;IAEhB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACpC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA;IAC5D,IAAI,SAAS,GAAsB,IAAI,CAAA;IAEvC,KAAK,IAAI,GAAG,GAAG,QAAQ,EAAE,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC;QAC9C,MAAM,YAAY,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAA;QAC/E,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;QACxC,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;QAC9F,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;IACvC,CAAC;IAED,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,IAAI,YAAY,CAAC,CAAA;AAC7F,CAAC"}

package/dist/geometry/get-polygon-bounds.d.ts

@@ -0,0 +1,2 @@
+import type { ShapeBounds, ShapeTextPoint } from '../types.js';
+export declare function getPolygonBounds(points: ShapeTextPoint[]): ShapeBounds;

package/dist/geometry/get-polygon-bounds.js

@@ -0,0 +1,18 @@
+export function getPolygonBounds(points) {
+    if (points.length < 3) {
+        throw new Error('A polygon needs at least 3 points');
+    }
+    let left = Infinity;
+    let top = Infinity;
+    let right = -Infinity;
+    let bottom = -Infinity;
+    for (let index = 0; index < points.length; index++) {
+        const point = points[index];
+        left = Math.min(left, point.x);
+        top = Math.min(top, point.y);
+        right = Math.max(right, point.x);
+        bottom = Math.max(bottom, point.y);
+    }
+    return { left, top, right, bottom };
+}
+//# sourceMappingURL=get-polygon-bounds.js.map

package/dist/geometry/get-polygon-bounds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-polygon-bounds.js","sourceRoot":"","sources":["../../src/geometry/get-polygon-bounds.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,MAAwB;IACvD,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACtB,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAA;IACtD,CAAC;IAED,IAAI,IAAI,GAAG,QAAQ,CAAA;IACnB,IAAI,GAAG,GAAG,QAAQ,CAAA;IAClB,IAAI,KAAK,GAAG,CAAC,QAAQ,CAAA;IACrB,IAAI,MAAM,GAAG,CAAC,QAAQ,CAAA;IAEtB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAE,CAAA;QAC5B,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;QAC9B,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;QAC5B,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;QAChC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;IACpC,CAAC;IAED,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;AACrC,CAAC"}

package/dist/geometry/get-x-intersections-at-y.d.ts

@@ -0,0 +1,2 @@
+import type { ShapeTextPoint } from '../types.js';
+export declare function getXIntersectionsAtY(points: ShapeTextPoint[], y: number): number[];

package/dist/geometry/get-x-intersections-at-y.js

@@ -0,0 +1,15 @@
+export function getXIntersectionsAtY(points, y) {
+    const xs = [];
+    let previous = points[points.length - 1];
+    if (previous === undefined)
+        return xs;
+    for (let index = 0; index < points.length; index++) {
+        const current = points[index];
+        if ((previous.y <= y && y < current.y) || (current.y <= y && y < previous.y)) {
+            xs.push(previous.x + ((y - previous.y) * (current.x - previous.x)) / (current.y - previous.y));
+        }
+        previous = current;
+    }
+    return xs.sort((left, right) => left - right);
+}
+//# sourceMappingURL=get-x-intersections-at-y.js.map

package/dist/geometry/get-x-intersections-at-y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-x-intersections-at-y.js","sourceRoot":"","sources":["../../src/geometry/get-x-intersections-at-y.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,oBAAoB,CAAC,MAAwB,EAAE,CAAS;IACtE,MAAM,EAAE,GAAa,EAAE,CAAA;IACvB,IAAI,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAExC,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,EAAE,CAAA;IAErC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QACnD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAE,CAAA;QAE9B,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7E,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;QAChG,CAAC;QAED,QAAQ,GAAG,OAAO,CAAA;IACpB,CAAC;IAED,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC,CAAA;AAC/C,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export type { CompiledShapeBand, CompiledShapeBands, CompiledShapeRegion, CompileShapeForLayoutOptions, Interval, LayoutCursor, LayoutLineRange, LayoutTextInCompiledShapeOptions, LayoutTextInShapeOptions, PolygonShape, PreparedLayoutText, PreparedLayoutToken, RenderLayoutToSvgOptions, ResolvedShapeShadow, ResolvedShapeStyle, ResolvedTextStyle, ShapeInput, ShapeBounds, ShapeShadowInput, ShapeStyleInput, ShapeTextLayout, ShapeTextLine, ShapeTextPoint, TextMaskShape, TextMaskShapeFixedSize, TextMaskShapeFitContentSize, TextMaskShapeSize, TextMaskShapeSizeMode, TextMaskShapeTextMode, TextStyleInput, TextMeasurer, } from './types.js';
+export { createCanvasTextMeasurer } from './text/create-canvas-text-measurer.js';
+export { normalizeTextStyleToFont, resolveLayoutTextStyle } from './text/normalize-text-style-to-font.js';
+export { prepareTextForLayout } from './text/prepare-text-for-layout.js';
+export { layoutNextLineFromPreparedText } from './text/layout-next-line-from-prepared-text.js';
+export { layoutNextLineFromRepeatedText } from './text/layout-next-line-from-repeated-text.js';
+export { getBandIntervalsFromPolygon } from './geometry/get-band-intervals-from-polygon.js';
+export { compileShapeForLayout } from './shape/compile-shape-for-layout.js';
+export { layoutTextInCompiledShape } from './layout/layout-text-in-compiled-shape.js';
+export { layoutTextInShape } from './layout/layout-text-in-shape.js';
+export { renderLayoutToSvg } from './render/render-layout-to-svg.js';

package/dist/index.js

@@ -0,0 +1,11 @@
+export { createCanvasTextMeasurer } from './text/create-canvas-text-measurer.js';
+export { normalizeTextStyleToFont, resolveLayoutTextStyle } from './text/normalize-text-style-to-font.js';
+export { prepareTextForLayout } from './text/prepare-text-for-layout.js';
+export { layoutNextLineFromPreparedText } from './text/layout-next-line-from-prepared-text.js';
+export { layoutNextLineFromRepeatedText } from './text/layout-next-line-from-repeated-text.js';
+export { getBandIntervalsFromPolygon } from './geometry/get-band-intervals-from-polygon.js';
+export { compileShapeForLayout } from './shape/compile-shape-for-layout.js';
+export { layoutTextInCompiledShape } from './layout/layout-text-in-compiled-shape.js';
+export { layoutTextInShape } from './layout/layout-text-in-shape.js';
+export { renderLayoutToSvg } from './render/render-layout-to-svg.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAkCA,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAA;AAChF,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAA;AACzG,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,8BAA8B,EAAE,MAAM,+CAA+C,CAAA;AAC9F,OAAO,EAAE,8BAA8B,EAAE,MAAM,+CAA+C,CAAA;AAC9F,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAA;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA"}

package/dist/layout/layout-dense-fill-pass.d.ts

@@ -0,0 +1,23 @@
+import type { CompiledShapeBands, PreparedLayoutToken, ShapeTextLine } from '../types.js';
+export type DenseFillOccupiedRect = {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+type LayoutDenseFillPassOptions = {
+    compiledShape: CompiledShapeBands;
+    densePattern: PreparedLayoutToken;
+    startOffset: number;
+    align: 'left' | 'center';
+    baselineRatio: number;
+    allSlots: boolean;
+    font?: string;
+    fillPass?: 1 | 2;
+};
+export declare function layoutDenseFillPass(options: LayoutDenseFillPassOptions): {
+    lines: ShapeTextLine[];
+    endOffset: number;
+    occupiedRects: DenseFillOccupiedRect[];
+};
+export {};

package/dist/layout/layout-dense-fill-pass.js

@@ -0,0 +1,64 @@
+import { layoutNextLineFromDenseRepeatedText } from '../text/layout-next-line-from-dense-repeated-text.js';
+function pickWidestInterval(intervals) {
+    let best = intervals[0];
+    for (let index = 1; index < intervals.length; index++) {
+        const candidate = intervals[index];
+        if (candidate.right - candidate.left > best.right - best.left) {
+            best = candidate;
+        }
+    }
+    return best;
+}
+function getOrderedSlots(intervals, allSlots) {
+    if (intervals.length === 0) {
+        return [];
+    }
+    if (!allSlots) {
+        return [pickWidestInterval(intervals)];
+    }
+    return [...intervals].sort((left, right) => left.left - right.left);
+}
+export function layoutDenseFillPass(options) {
+    const lines = [];
+    const occupiedRects = [];
+    let offset = options.startOffset;
+    for (let bandIndex = 0; bandIndex < options.compiledShape.bands.length; bandIndex++) {
+        const band = options.compiledShape.bands[bandIndex];
+        const slots = getOrderedSlots(band.intervals, options.allSlots);
+        for (let slotIndex = 0; slotIndex < slots.length; slotIndex++) {
+            const slot = slots[slotIndex];
+            const line = layoutNextLineFromDenseRepeatedText(options.densePattern, offset, slot.right - slot.left);
+            if (line === null) {
+                continue;
+            }
+            const x = options.align === 'center'
+                ? slot.left + Math.max(0, (slot.right - slot.left - line.width) / 2)
+                : slot.left;
+            const occupiedRight = Math.min(slot.right, x + Math.max(0, line.width));
+            lines.push({
+                ...line,
+                x,
+                top: band.top,
+                baseline: band.top + options.compiledShape.bandHeight * options.baselineRatio,
+                slot,
+                font: options.font,
+                fillPass: options.fillPass,
+            });
+            if (occupiedRight > x) {
+                occupiedRects.push({
+                    left: x,
+                    right: occupiedRight,
+                    top: band.top,
+                    bottom: band.bottom,
+                });
+            }
+            offset = line.end.tokenIndex;
+        }
+    }
+    return {
+        lines,
+        endOffset: offset,
+        occupiedRects,
+    };
+}
+//# sourceMappingURL=layout-dense-fill-pass.js.map

package/dist/layout/layout-dense-fill-pass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-dense-fill-pass.js","sourceRoot":"","sources":["../../src/layout/layout-dense-fill-pass.ts"],"names":[],"mappings":"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"}

package/dist/layout/layout-flow-lines-in-compiled-shape.d.ts

@@ -0,0 +1,13 @@
+import type { CompiledShapeBands, LayoutCursor, PreparedLayoutText, ShapeTextLine } from '../types.js';
+type LayoutFlowLinesInCompiledShapeOptions = {
+    compiledShape: CompiledShapeBands;
+    prepared: PreparedLayoutText;
+    align: 'left' | 'center';
+    baselineRatio: number;
+    startCursor: LayoutCursor;
+};
+export declare function layoutFlowLinesInCompiledShape(options: LayoutFlowLinesInCompiledShapeOptions): {
+    lines: ShapeTextLine[];
+    endCursor: LayoutCursor;
+};
+export {};

package/dist/layout/layout-flow-lines-in-compiled-shape.js

@@ -0,0 +1,42 @@
+import { layoutNextLineFromPreparedText } from '../text/layout-next-line-from-prepared-text.js';
+function pickWidestInterval(intervals) {
+    let best = intervals[0];
+    for (let index = 1; index < intervals.length; index++) {
+        const candidate = intervals[index];
+        if (candidate.right - candidate.left > best.right - best.left) {
+            best = candidate;
+        }
+    }
+    return best;
+}
+export function layoutFlowLinesInCompiledShape(options) {
+    const lines = [];
+    let cursor = options.startCursor;
+    for (let index = 0; index < options.compiledShape.bands.length; index++) {
+        const band = options.compiledShape.bands[index];
+        if (band.intervals.length === 0) {
+            continue;
+        }
+        const slot = pickWidestInterval(band.intervals);
+        const line = layoutNextLineFromPreparedText(options.prepared, cursor, slot.right - slot.left);
+        if (line === null) {
+            break;
+        }
+        const x = options.align === 'center'
+            ? slot.left + Math.max(0, (slot.right - slot.left - line.width) / 2)
+            : slot.left;
+        lines.push({
+            ...line,
+            x,
+            top: band.top,
+            baseline: band.top + options.compiledShape.bandHeight * options.baselineRatio,
+            slot,
+        });
+        cursor = line.end;
+    }
+    return {
+        lines,
+        endCursor: cursor,
+    };
+}
+//# sourceMappingURL=layout-flow-lines-in-compiled-shape.js.map

package/dist/layout/layout-flow-lines-in-compiled-shape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-flow-lines-in-compiled-shape.js","sourceRoot":"","sources":["../../src/layout/layout-flow-lines-in-compiled-shape.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAA;AAE/F,SAAS,kBAAkB,CAAC,SAA2D;IACrF,IAAI,IAAI,GAAG,SAAS,CAAC,CAAC,CAAE,CAAA;IAExB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QACtD,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAE,CAAA;QACnC,IAAI,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAC9D,IAAI,GAAG,SAAS,CAAA;QAClB,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAUD,MAAM,UAAU,8BAA8B,CAC5C,OAA8C;IAK9C,MAAM,KAAK,GAAoB,EAAE,CAAA;IACjC,IAAI,MAAM,GAAiB,OAAO,CAAC,WAAW,CAAA;IAE9C,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QACxE,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAE,CAAA;QAChD,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,SAAQ;QACV,CAAC;QAED,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC/C,MAAM,IAAI,GAAG,8BAA8B,CACzC,OAAO,CAAC,QAAQ,EAChB,MAAM,EACN,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CACvB,CAAA;QAED,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,MAAK;QACP,CAAC;QAED,MAAM,CAAC,GACL,OAAO,CAAC,KAAK,KAAK,QAAQ;YACxB,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACpE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAA;QAEf,KAAK,CAAC,IAAI,CAAC;YACT,GAAG,IAAI;YACP,CAAC;YACD,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,QAAQ,EAAE,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,aAAa,CAAC,UAAU,GAAG,OAAO,CAAC,aAAa;YAC7E,IAAI;SACL,CAAC,CAAA;QAEF,MAAM,GAAG,IAAI,CAAC,GAAG,CAAA;IACnB,CAAC;IAED,OAAO;QACL,KAAK;QACL,SAAS,EAAE,MAAM;KAClB,CAAA;AACH,CAAC"}

package/dist/layout/layout-text-in-compiled-shape.d.ts

@@ -0,0 +1,2 @@
+import type { LayoutTextInCompiledShapeOptions, ShapeTextLayout } from '../types.js';
+export declare function layoutTextInCompiledShape(options: LayoutTextInCompiledShapeOptions): ShapeTextLayout;

package/dist/layout/layout-text-in-compiled-shape.js

@@ -0,0 +1,13 @@
+import { resolveFlowLayout } from './resolve-flow-layout.js';
+import { resolveMaxFillLayout } from './resolve-max-fill-layout.js';
+import { hasSequentialShapeRegions, resolveSequentialShapeRegions, } from './resolve-sequential-shape-regions.js';
+export function layoutTextInCompiledShape(options) {
+    if (hasSequentialShapeRegions(options.compiledShape)) {
+        return resolveSequentialShapeRegions(options);
+    }
+    if (options.autoFill === true) {
+        return resolveMaxFillLayout(options);
+    }
+    return resolveFlowLayout(options);
+}
+//# sourceMappingURL=layout-text-in-compiled-shape.js.map

package/dist/layout/layout-text-in-compiled-shape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-text-in-compiled-shape.js","sourceRoot":"","sources":["../../src/layout/layout-text-in-compiled-shape.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EACL,yBAAyB,EACzB,6BAA6B,GAC9B,MAAM,uCAAuC,CAAA;AAE9C,MAAM,UAAU,yBAAyB,CACvC,OAAyC;IAEzC,IAAI,yBAAyB,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;QACrD,OAAO,6BAA6B,CAAC,OAAO,CAAC,CAAA;IAC/C,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;QAC9B,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAA;IACtC,CAAC;IAED,OAAO,iBAAiB,CAAC,OAAO,CAAC,CAAA;AACnC,CAAC"}

package/dist/layout/layout-text-in-shape.d.ts

@@ -0,0 +1,2 @@
+import type { LayoutTextInShapeOptions, ShapeTextLayout } from '../types.js';
+export declare function layoutTextInShape(options: LayoutTextInShapeOptions): ShapeTextLayout;

package/dist/layout/layout-text-in-shape.js

@@ -0,0 +1,40 @@
+import { compileShapeForLayout } from '../shape/compile-shape-for-layout.js';
+import { layoutTextInCompiledShape } from './layout-text-in-compiled-shape.js';
+function resolveCompileMinSlotWidth(options) {
+    if (options.autoFill !== true) {
+        return options.minSlotWidth;
+    }
+    if (options.minSlotWidth !== undefined) {
+        return options.minSlotWidth;
+    }
+    return Math.max(6, Math.round(options.lineHeight * 0.45));
+}
+export function layoutTextInShape(options) {
+    const compiledShape = compileShapeForLayout({
+        shape: options.shape,
+        lineHeight: options.lineHeight,
+        minSlotWidth: resolveCompileMinSlotWidth(options),
+    });
+    if (options.textStyle !== undefined) {
+        return layoutTextInCompiledShape({
+            text: options.text,
+            font: options.font,
+            textStyle: options.textStyle,
+            compiledShape,
+            measurer: options.measurer,
+            align: options.align,
+            baselineRatio: options.baselineRatio,
+            autoFill: options.autoFill,
+        });
+    }
+    return layoutTextInCompiledShape({
+        text: options.text,
+        font: options.font,
+        compiledShape,
+        measurer: options.measurer,
+        align: options.align,
+        baselineRatio: options.baselineRatio,
+        autoFill: options.autoFill,
+    });
+}
+//# sourceMappingURL=layout-text-in-shape.js.map

package/dist/layout/layout-text-in-shape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-text-in-shape.js","sourceRoot":"","sources":["../../src/layout/layout-text-in-shape.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AAE9E,SAAS,0BAA0B,CAAC,OAAiC;IACnE,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;QAC9B,OAAO,OAAO,CAAC,YAAY,CAAA;IAC7B,CAAC;IAED,IAAI,OAAO,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;QACvC,OAAO,OAAO,CAAC,YAAY,CAAA;IAC7B,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAA;AAC3D,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,OAAiC;IACjE,MAAM,aAAa,GAAG,qBAAqB,CAAC;QAC1C,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,UAAU,EAAE,OAAO,CAAC,UAAU;QAC9B,YAAY,EAAE,0BAA0B,CAAC,OAAO,CAAC;KAClD,CAAC,CAAA;IAEF,IAAI,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,yBAAyB,CAAC;YAC/B,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,aAAa;YACb,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,aAAa,EAAE,OAAO,CAAC,aAAa;YACpC,QAAQ,EAAE,OAAO,CAAC,QAAQ;SAC3B,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,yBAAyB,CAAC;QAC/B,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,IAAI,EAAE,OAAO,CAAC,IAAK;QACnB,aAAa;QACb,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,aAAa,EAAE,OAAO,CAAC,aAAa;QACpC,QAAQ,EAAE,OAAO,CAAC,QAAQ;KAC3B,CAAC,CAAA;AACJ,CAAC"}

package/dist/layout/resolve-flow-layout.d.ts

@@ -0,0 +1,2 @@
+import type { LayoutTextInCompiledShapeOptions, ShapeTextLayout } from '../types.js';
+export declare function resolveFlowLayout(options: LayoutTextInCompiledShapeOptions): ShapeTextLayout;