shape-text 0.1.0

package/dist/shape/compile-text-mask-shape-for-layout.js

@@ -0,0 +1,162 @@
+import { createBrowserCanvas2DContext } from '../text/create-browser-canvas-2d-context.js';
+import { buildTextMaskBandsFromAlpha } from './build-text-mask-bands-from-alpha.js';
+import { getTextMaskPlacement, renderTextMaskRaster, } from './render-text-mask-raster.js';
+import { measureTextMaskContent, resolveTextMaskShapeSize, } from './resolve-text-mask-shape-size.js';
+import { segmentTextMaskGraphemes } from './segment-text-mask-graphemes.js';
+const MAX_MASK_PIXELS = 4_000_000;
+const compiledShapeCache = new Map();
+function validateTextMaskShape(shape, size) {
+    if (shape.text.length === 0) {
+        throw new Error('text-mask shape needs a non-empty text value');
+    }
+    const shapeTextMode = shape.shapeTextMode ?? 'whole-text';
+    if (shapeTextMode !== 'whole-text' && shapeTextMode !== 'per-character') {
+        throw new Error('text-mask shapeTextMode must be whole-text or per-character');
+    }
+    const maskScale = shape.maskScale ?? 2;
+    if (!Number.isFinite(maskScale) || maskScale <= 0) {
+        throw new Error('text-mask maskScale must be a finite positive number');
+    }
+    const pixelWidth = Math.max(1, Math.ceil(size.width * maskScale));
+    const pixelHeight = Math.max(1, Math.ceil(size.height * maskScale));
+    if (pixelWidth * pixelHeight > MAX_MASK_PIXELS) {
+        throw new Error('text-mask raster request is too large');
+    }
+    const alphaThreshold = shape.alphaThreshold ?? 16;
+    if (!Number.isFinite(alphaThreshold) || alphaThreshold < 0 || alphaThreshold > 255) {
+        throw new Error('text-mask alphaThreshold must be between 0 and 255');
+    }
+}
+function buildCacheKey(shape, size, lineHeight, minSlotWidth) {
+    return JSON.stringify({
+        kind: shape.kind,
+        text: shape.text,
+        font: shape.font,
+        sizeMode: size.mode,
+        width: size.width,
+        height: size.height,
+        shapeTextMode: shape.shapeTextMode ?? 'whole-text',
+        padding: size.padding,
+        maskScale: shape.maskScale ?? 2,
+        alphaThreshold: shape.alphaThreshold ?? 16,
+        lineHeight,
+        minSlotWidth,
+    });
+}
+function isFontReadyForShape(shape) {
+    if (typeof document === 'undefined' || document.fonts === undefined) {
+        return true;
+    }
+    try {
+        return document.fonts.check(shape.font, shape.text);
+    }
+    catch {
+        return true;
+    }
+}
+function freezeCompiledShape(compiledShape) {
+    freezeBands(compiledShape.bands);
+    freezeRegions(compiledShape.regions ?? []);
+    Object.freeze(compiledShape.bounds);
+    Object.freeze(compiledShape.source);
+    Object.freeze(compiledShape.debugView);
+    Object.freeze(compiledShape.bands);
+    if (compiledShape.regions !== undefined) {
+        Object.freeze(compiledShape.regions);
+    }
+    return Object.freeze(compiledShape);
+}
+function freezeBands(bands) {
+    for (let bandIndex = 0; bandIndex < bands.length; bandIndex++) {
+        const band = bands[bandIndex];
+        for (let intervalIndex = 0; intervalIndex < band.intervals.length; intervalIndex++) {
+            Object.freeze(band.intervals[intervalIndex]);
+        }
+        Object.freeze(band.intervals);
+        Object.freeze(band);
+    }
+}
+function freezeRegions(regions) {
+    for (let index = 0; index < regions.length; index++) {
+        const region = regions[index];
+        freezeBands(region.bands);
+        Object.freeze(region.bounds);
+        Object.freeze(region.debugView);
+        Object.freeze(region.bands);
+        Object.freeze(region);
+    }
+}
+function buildRegion(shape, size, lineHeight, minSlotWidth, index, grapheme, drawX, baseline) {
+    const { imageData } = renderTextMaskRaster(shape, size, grapheme, drawX, baseline);
+    return {
+        index,
+        grapheme,
+        bounds: { left: 0, top: 0, right: size.width, bottom: size.height },
+        bands: buildTextMaskBandsFromAlpha({
+            width: size.width,
+            height: size.height,
+            maskScale: shape.maskScale ?? 2,
+            alphaThreshold: shape.alphaThreshold ?? 16,
+        }, imageData.data, lineHeight, minSlotWidth),
+        debugView: {
+            kind: 'text',
+            text: grapheme,
+            font: shape.font,
+            x: drawX,
+            baseline,
+        },
+    };
+}
+function buildRegions(shape, size, context, placement, lineHeight, minSlotWidth) {
+    if ((shape.shapeTextMode ?? 'whole-text') !== 'per-character') {
+        return [];
+    }
+    return segmentTextMaskGraphemes(shape.text, placement.x, value => context.measureText(value).width)
+        .filter(placementEntry => !placementEntry.isWhitespace)
+        .map((placementEntry, index) => buildRegion(shape, size, lineHeight, minSlotWidth, index, placementEntry.grapheme, placementEntry.drawX, placement.baseline))
+        .filter(region => region.bands.some(band => band.intervals.length > 0));
+}
+export function compileTextMaskShapeForLayout(shape, lineHeight, minSlotWidth) {
+    const context = createBrowserCanvas2DContext(1, 1);
+    const contentMetrics = measureTextMaskContent(context, shape);
+    const size = resolveTextMaskShapeSize(shape, contentMetrics);
+    validateTextMaskShape(shape, size);
+    const fontReadyForCache = isFontReadyForShape(shape);
+    const cacheKey = buildCacheKey(shape, size, lineHeight, minSlotWidth);
+    const cachedShape = fontReadyForCache ? compiledShapeCache.get(cacheKey) : undefined;
+    if (cachedShape !== undefined) {
+        return cachedShape;
+    }
+    const placement = getTextMaskPlacement(size, contentMetrics);
+    const { imageData } = renderTextMaskRaster(shape, size, shape.text, placement.x, placement.baseline);
+    const compiledShape = {
+        kind: shape.kind,
+        source: shape,
+        bounds: { left: 0, top: 0, right: size.width, bottom: size.height },
+        bandHeight: lineHeight,
+        minSlotWidth,
+        bands: buildTextMaskBandsFromAlpha({
+            width: size.width,
+            height: size.height,
+            maskScale: shape.maskScale ?? 2,
+            alphaThreshold: shape.alphaThreshold ?? 16,
+        }, imageData.data, lineHeight, minSlotWidth),
+        regions: buildRegions(shape, size, context, placement, lineHeight, minSlotWidth),
+        debugView: {
+            kind: 'text',
+            text: shape.text,
+            font: shape.font,
+            x: placement.x,
+            baseline: placement.baseline,
+        },
+    };
+    if (compiledShape.bands.every(band => band.intervals.length === 0)) {
+        throw new Error('text-mask shape produced no visible fill area');
+    }
+    const frozenShape = freezeCompiledShape(compiledShape);
+    if (fontReadyForCache) {
+        compiledShapeCache.set(cacheKey, frozenShape);
+    }
+    return frozenShape;
+}
+//# sourceMappingURL=compile-text-mask-shape-for-layout.js.map

package/dist/shape/compile-text-mask-shape-for-layout.js.map

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

package/dist/shape/render-text-mask-raster.d.ts

@@ -0,0 +1,13 @@
+import type { TextMaskShape } from '../types.js';
+import { createBrowserCanvas2DContext } from '../text/create-browser-canvas-2d-context.js';
+import type { ResolvedTextMaskSize, TextMaskContentMetrics } from './resolve-text-mask-shape-size.js';
+export type TextMaskPlacement = {
+    x: number;
+    baseline: number;
+};
+export type TextMaskCanvas = {
+    context: ReturnType<typeof createBrowserCanvas2DContext>;
+    imageData: ImageData;
+};
+export declare function getTextMaskPlacement(size: ResolvedTextMaskSize, metrics: TextMaskContentMetrics): TextMaskPlacement;
+export declare function renderTextMaskRaster(shape: TextMaskShape, size: ResolvedTextMaskSize, text?: string, drawX?: number, baseline?: number): TextMaskCanvas;

package/dist/shape/render-text-mask-raster.js

@@ -0,0 +1,29 @@
+import { createBrowserCanvas2DContext } from '../text/create-browser-canvas-2d-context.js';
+export function getTextMaskPlacement(size, metrics) {
+    const innerWidth = Math.max(0, size.width - size.padding * 2);
+    const innerHeight = Math.max(0, size.height - size.padding * 2);
+    const left = size.padding + Math.max(0, (innerWidth - metrics.width) / 2);
+    const top = size.padding + Math.max(0, (innerHeight - metrics.height) / 2);
+    return {
+        x: left + metrics.left,
+        baseline: top + metrics.ascent,
+    };
+}
+export function renderTextMaskRaster(shape, size, text = shape.text, drawX, baseline) {
+    const maskScale = shape.maskScale ?? 2;
+    const pixelWidth = Math.max(1, Math.ceil(size.width * maskScale));
+    const pixelHeight = Math.max(1, Math.ceil(size.height * maskScale));
+    const context = createBrowserCanvas2DContext(pixelWidth, pixelHeight);
+    context.setTransform(1, 0, 0, 1, 0, 0);
+    context.clearRect(0, 0, pixelWidth, pixelHeight);
+    context.setTransform(maskScale, 0, 0, maskScale, 0, 0);
+    context.font = shape.font;
+    context.fillStyle = '#000000';
+    context.textBaseline = 'alphabetic';
+    context.fillText(text, drawX ?? 0, baseline ?? 0);
+    return {
+        context,
+        imageData: context.getImageData(0, 0, pixelWidth, pixelHeight),
+    };
+}
+//# sourceMappingURL=render-text-mask-raster.js.map

package/dist/shape/render-text-mask-raster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-text-mask-raster.js","sourceRoot":"","sources":["../../src/shape/render-text-mask-raster.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAA;AAa1F,MAAM,UAAU,oBAAoB,CAClC,IAA0B,EAC1B,OAA+B;IAE/B,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;IAC7D,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;IAC/D,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IACzE,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;IAE1E,OAAO;QACL,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI;QACtB,QAAQ,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM;KAC/B,CAAA;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,KAAoB,EACpB,IAA0B,EAC1B,IAAI,GAAG,KAAK,CAAC,IAAI,EACjB,KAAc,EACd,QAAiB;IAEjB,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;IACtC,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAA;IACjE,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,4BAA4B,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IAErE,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACtC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;IAChD,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACtD,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;IACzB,OAAO,CAAC,SAAS,GAAG,SAAS,CAAA;IAC7B,OAAO,CAAC,YAAY,GAAG,YAAY,CAAA;IACnC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;IAEjD,OAAO;QACL,OAAO;QACP,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC;KAC/D,CAAA;AACH,CAAC"}

package/dist/shape/resolve-text-mask-shape-size.d.ts

@@ -0,0 +1,18 @@
+import type { BrowserCanvas2DContext } from '../text/create-browser-canvas-2d-context.js';
+import type { TextMaskShape, TextMaskShapeSizeMode } from '../types.js';
+export type TextMaskContentMetrics = {
+    left: number;
+    right: number;
+    ascent: number;
+    descent: number;
+    width: number;
+    height: number;
+};
+export type ResolvedTextMaskSize = {
+    mode: TextMaskShapeSizeMode;
+    width: number;
+    height: number;
+    padding: number;
+};
+export declare function measureTextMaskContent(context: BrowserCanvas2DContext, shape: TextMaskShape, text?: string): TextMaskContentMetrics;
+export declare function resolveTextMaskShapeSize(shape: TextMaskShape, contentMetrics: TextMaskContentMetrics): ResolvedTextMaskSize;

package/dist/shape/resolve-text-mask-shape-size.js

@@ -0,0 +1,67 @@
+function assertFiniteNumber(value, label) {
+    if (!Number.isFinite(value)) {
+        throw new Error(`${label} must be a finite number`);
+    }
+    return value;
+}
+function assertPositiveFiniteNumber(value, label) {
+    if (!Number.isFinite(value) || value <= 0) {
+        throw new Error(`${label} must be a finite positive number`);
+    }
+    return value;
+}
+function assertNoLegacySizeFields(shape) {
+    if ('width' in shape || 'height' in shape || 'padding' in shape) {
+        throw new Error('text-mask width, height, and padding moved to shape.size');
+    }
+}
+function resolveMetric(value, fallback = 0) {
+    return value !== undefined && Number.isFinite(value) ? value : fallback;
+}
+export function measureTextMaskContent(context, shape, text = shape.text) {
+    context.font = shape.font;
+    const metrics = context.measureText(text);
+    const left = resolveMetric(metrics.actualBoundingBoxLeft, 0);
+    const right = resolveMetric(metrics.actualBoundingBoxRight, metrics.width);
+    const ascent = resolveMetric(metrics.actualBoundingBoxAscent, 0);
+    const descent = resolveMetric(metrics.actualBoundingBoxDescent, 0);
+    return {
+        left,
+        right,
+        ascent,
+        descent,
+        width: left + right,
+        height: ascent + descent,
+    };
+}
+export function resolveTextMaskShapeSize(shape, contentMetrics) {
+    assertNoLegacySizeFields(shape);
+    if (shape.size !== undefined && (shape.size === null || typeof shape.size !== 'object')) {
+        throw new Error('text-mask size must be an object');
+    }
+    const size = shape.size ?? {};
+    const mode = size.mode ?? 'fit-content';
+    if (mode !== 'fit-content' && mode !== 'fixed') {
+        throw new Error('text-mask size.mode must be fit-content or fixed');
+    }
+    const padding = size.padding === undefined ? 0 : assertFiniteNumber(size.padding, 'text-mask padding');
+    if (padding < 0) {
+        throw new Error('text-mask padding must be a finite non-negative number');
+    }
+    if (mode === 'fixed') {
+        const fixedSize = size;
+        return {
+            mode,
+            width: assertPositiveFiniteNumber(fixedSize.width, 'text-mask fixed width'),
+            height: assertPositiveFiniteNumber(fixedSize.height, 'text-mask fixed height'),
+            padding,
+        };
+    }
+    return {
+        mode,
+        width: Math.max(1, contentMetrics.width + padding * 2),
+        height: Math.max(1, contentMetrics.height + padding * 2),
+        padding,
+    };
+}
+//# sourceMappingURL=resolve-text-mask-shape-size.js.map

package/dist/shape/resolve-text-mask-shape-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-text-mask-shape-size.js","sourceRoot":"","sources":["../../src/shape/resolve-text-mask-shape-size.ts"],"names":[],"mappings":"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"}

package/dist/shape/segment-text-mask-graphemes.d.ts

@@ -0,0 +1,6 @@
+export type TextMaskGraphemePlacement = {
+    grapheme: string;
+    drawX: number;
+    isWhitespace: boolean;
+};
+export declare function segmentTextMaskGraphemes(text: string, originX: number, measureAdvance: (value: string) => number): TextMaskGraphemePlacement[];

package/dist/shape/segment-text-mask-graphemes.js

@@ -0,0 +1,20 @@
+const graphemeSegmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });
+function isWhitespaceGrapheme(grapheme) {
+    return grapheme.trim().length === 0;
+}
+export function segmentTextMaskGraphemes(text, originX, measureAdvance) {
+    const segments = Array.from(graphemeSegmenter.segment(text), segment => segment.segment);
+    const placements = [];
+    let prefix = '';
+    for (let index = 0; index < segments.length; index++) {
+        const grapheme = segments[index];
+        placements.push({
+            grapheme,
+            drawX: originX + measureAdvance(prefix),
+            isWhitespace: isWhitespaceGrapheme(grapheme),
+        });
+        prefix += grapheme;
+    }
+    return placements;
+}
+//# sourceMappingURL=segment-text-mask-graphemes.js.map

package/dist/shape/segment-text-mask-graphemes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment-text-mask-graphemes.js","sourceRoot":"","sources":["../../src/shape/segment-text-mask-graphemes.ts"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAA;AAQpF,SAAS,oBAAoB,CAAC,QAAgB;IAC5C,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,wBAAwB,CACtC,IAAY,EACZ,OAAe,EACf,cAAyC;IAEzC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACxF,MAAM,UAAU,GAAgC,EAAE,CAAA;IAClD,IAAI,MAAM,GAAG,EAAE,CAAA;IAEf,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QACrD,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAE,CAAA;QACjC,UAAU,CAAC,IAAI,CAAC;YACd,QAAQ;YACR,KAAK,EAAE,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC;YACvC,YAAY,EAAE,oBAAoB,CAAC,QAAQ,CAAC;SAC7C,CAAC,CAAA;QACF,MAAM,IAAI,QAAQ,CAAA;IACpB,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC"}

package/dist/text/create-browser-canvas-2d-context.d.ts

@@ -0,0 +1,2 @@
+export type BrowserCanvas2DContext = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
+export declare function createBrowserCanvas2DContext(width?: number, height?: number): BrowserCanvas2DContext;

package/dist/text/create-browser-canvas-2d-context.js

@@ -0,0 +1,21 @@
+export function createBrowserCanvas2DContext(width = 1, height = 1) {
+    const safeWidth = Math.max(1, Math.ceil(width));
+    const safeHeight = Math.max(1, Math.ceil(height));
+    if (typeof OffscreenCanvas !== 'undefined') {
+        const context = new OffscreenCanvas(safeWidth, safeHeight).getContext('2d');
+        if (context !== null) {
+            return context;
+        }
+    }
+    if (typeof document !== 'undefined') {
+        const canvas = document.createElement('canvas');
+        canvas.width = safeWidth;
+        canvas.height = safeHeight;
+        const context = canvas.getContext('2d');
+        if (context !== null) {
+            return context;
+        }
+    }
+    throw new Error('shape-text needs a browser canvas context or a custom TextMeasurer');
+}
+//# sourceMappingURL=create-browser-canvas-2d-context.js.map

package/dist/text/create-browser-canvas-2d-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-browser-canvas-2d-context.js","sourceRoot":"","sources":["../../src/text/create-browser-canvas-2d-context.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,4BAA4B,CAC1C,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC;IAEV,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAEjD,IAAI,OAAO,eAAe,KAAK,WAAW,EAAE,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAI,eAAe,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAC3E,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO,OAAO,CAAA;QAChB,CAAC;IACH,CAAC;IAED,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC/C,MAAM,CAAC,KAAK,GAAG,SAAS,CAAA;QACxB,MAAM,CAAC,MAAM,GAAG,UAAU,CAAA;QAC1B,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QACvC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO,OAAO,CAAA;QAChB,CAAC;IACH,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAA;AACvF,CAAC"}

package/dist/text/create-canvas-text-measurer.d.ts

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

package/dist/text/create-canvas-text-measurer.js

@@ -0,0 +1,11 @@
+import { createBrowserCanvas2DContext } from './create-browser-canvas-2d-context.js';
+export function createCanvasTextMeasurer() {
+    const context = createBrowserCanvas2DContext();
+    return {
+        measureText(text, font) {
+            context.font = font;
+            return context.measureText(text).width;
+        },
+    };
+}
+//# sourceMappingURL=create-canvas-text-measurer.js.map

package/dist/text/create-canvas-text-measurer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-canvas-text-measurer.js","sourceRoot":"","sources":["../../src/text/create-canvas-text-measurer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAA;AAEpF,MAAM,UAAU,wBAAwB;IACtC,MAAM,OAAO,GAAG,4BAA4B,EAAE,CAAA;IAE9C,OAAO;QACL,WAAW,CAAC,IAAI,EAAE,IAAI;YACpB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAA;YACnB,OAAO,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CAAA;QACxC,CAAC;KACF,CAAA;AACH,CAAC"}

package/dist/text/layout-next-line-from-dense-repeated-text.d.ts

@@ -0,0 +1,2 @@
+import type { LayoutLineRange, PreparedLayoutToken } from '../types.js';
+export declare function layoutNextLineFromDenseRepeatedText(pattern: PreparedLayoutToken, startOffset: number, maxWidth: number): LayoutLineRange | null;

package/dist/text/layout-next-line-from-dense-repeated-text.js

@@ -0,0 +1,63 @@
+import { getWordSliceText, getWordSliceWidth } from './layout-text-line-helpers.js';
+function findMaxSliceEnd(pattern, start, maxWidth) {
+    let low = start;
+    let high = pattern.graphemes.length;
+    while (low < high) {
+        const mid = Math.ceil((low + high) / 2);
+        const width = getWordSliceWidth(pattern, start, mid);
+        if (width <= maxWidth) {
+            low = mid;
+            continue;
+        }
+        high = mid - 1;
+    }
+    return low;
+}
+export function layoutNextLineFromDenseRepeatedText(pattern, startOffset, maxWidth) {
+    if (pattern.graphemes.length === 0) {
+        return null;
+    }
+    const availableWidth = Math.max(0, maxWidth);
+    const start = { tokenIndex: startOffset, graphemeIndex: 0 };
+    const textParts = [];
+    let width = 0;
+    let consumed = 0;
+    const appendSlice = (sliceStart, sliceEnd) => {
+        if (sliceEnd <= sliceStart) {
+            return;
+        }
+        textParts.push(getWordSliceText(pattern, sliceStart, sliceEnd));
+        width += getWordSliceWidth(pattern, sliceStart, sliceEnd);
+        consumed += sliceEnd - sliceStart;
+    };
+    const tailEnd = findMaxSliceEnd(pattern, startOffset, availableWidth);
+    appendSlice(startOffset, tailEnd);
+    if (tailEnd === pattern.graphemes.length) {
+        const remainingAfterTail = availableWidth - width;
+        if (remainingAfterTail >= pattern.width) {
+            const fullCycles = Math.floor(remainingAfterTail / pattern.width);
+            if (fullCycles > 0) {
+                textParts.push(pattern.text.repeat(fullCycles));
+                width += pattern.width * fullCycles;
+                consumed += pattern.graphemes.length * fullCycles;
+            }
+        }
+        const remainingAfterCycles = availableWidth - width;
+        const prefixEnd = findMaxSliceEnd(pattern, 0, remainingAfterCycles);
+        appendSlice(0, prefixEnd);
+    }
+    if (consumed === 0) {
+        const forcedEnd = Math.min(startOffset + 1, pattern.graphemes.length);
+        appendSlice(startOffset, forcedEnd);
+    }
+    return {
+        text: textParts.join(''),
+        width,
+        start,
+        end: {
+            tokenIndex: (startOffset + consumed) % pattern.graphemes.length,
+            graphemeIndex: 0,
+        },
+    };
+}
+//# sourceMappingURL=layout-next-line-from-dense-repeated-text.js.map

package/dist/text/layout-next-line-from-dense-repeated-text.js.map

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

package/dist/text/layout-next-line-from-prepared-text.d.ts

@@ -0,0 +1,2 @@
+import type { LayoutCursor, LayoutLineRange, PreparedLayoutText } from '../types.js';
+export declare function layoutNextLineFromPreparedText(prepared: PreparedLayoutText, start: LayoutCursor, maxWidth: number): LayoutLineRange | null;

package/dist/text/layout-next-line-from-prepared-text.js

@@ -0,0 +1,57 @@
+import { fitWordFragment, getWordSliceText, getWordSliceWidth } from './layout-text-line-helpers.js';
+export function layoutNextLineFromPreparedText(prepared, start, maxWidth) {
+    if (start.tokenIndex >= prepared.tokens.length)
+        return null;
+    const lineWords = [];
+    let width = 0;
+    let tokenIndex = start.tokenIndex;
+    let graphemeIndex = start.graphemeIndex;
+    while (tokenIndex < prepared.tokens.length) {
+        const token = prepared.tokens[tokenIndex];
+        if (token.kind === 'newline') {
+            return {
+                text: lineWords.join(' '),
+                width,
+                start,
+                end: { tokenIndex: tokenIndex + 1, graphemeIndex: 0 },
+            };
+        }
+        const sliceStart = tokenIndex === start.tokenIndex ? graphemeIndex : 0;
+        const spacing = lineWords.length === 0 ? 0 : prepared.spaceWidth;
+        const remainingWidth = getWordSliceWidth(token, sliceStart, token.graphemes.length);
+        if (width + spacing + remainingWidth <= maxWidth) {
+            lineWords.push(getWordSliceText(token, sliceStart, token.graphemes.length));
+            width += spacing + remainingWidth;
+            tokenIndex += 1;
+            graphemeIndex = 0;
+            continue;
+        }
+        if (lineWords.length > 0) {
+            return {
+                text: lineWords.join(' '),
+                width,
+                start,
+                end: { tokenIndex, graphemeIndex: sliceStart },
+            };
+        }
+        const fittedEnd = fitWordFragment(token, sliceStart, maxWidth);
+        const fragmentText = getWordSliceText(token, sliceStart, fittedEnd);
+        const fragmentWidth = getWordSliceWidth(token, sliceStart, fittedEnd);
+        const nextCursor = fittedEnd >= token.graphemes.length
+            ? { tokenIndex: tokenIndex + 1, graphemeIndex: 0 }
+            : { tokenIndex, graphemeIndex: fittedEnd };
+        return {
+            text: fragmentText,
+            width: fragmentWidth,
+            start,
+            end: nextCursor,
+        };
+    }
+    return {
+        text: lineWords.join(' '),
+        width,
+        start,
+        end: { tokenIndex, graphemeIndex: 0 },
+    };
+}
+//# sourceMappingURL=layout-next-line-from-prepared-text.js.map

package/dist/text/layout-next-line-from-prepared-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-next-line-from-prepared-text.js","sourceRoot":"","sources":["../../src/text/layout-next-line-from-prepared-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAEpG,MAAM,UAAU,8BAA8B,CAC5C,QAA4B,EAC5B,KAAmB,EACnB,QAAgB;IAEhB,IAAI,KAAK,CAAC,UAAU,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAE3D,MAAM,SAAS,GAAa,EAAE,CAAA;IAC9B,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,IAAI,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;IACjC,IAAI,aAAa,GAAG,KAAK,CAAC,aAAa,CAAA;IAEvC,OAAO,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QAC3C,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAE,CAAA;QAE1C,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO;gBACL,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;gBACzB,KAAK;gBACL,KAAK;gBACL,GAAG,EAAE,EAAE,UAAU,EAAE,UAAU,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE;aACtD,CAAA;QACH,CAAC;QAED,MAAM,UAAU,GAAG,UAAU,KAAK,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;QACtE,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAA;QAChE,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;QAEnF,IAAI,KAAK,GAAG,OAAO,GAAG,cAAc,IAAI,QAAQ,EAAE,CAAC;YACjD,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;YAC3E,KAAK,IAAI,OAAO,GAAG,cAAc,CAAA;YACjC,UAAU,IAAI,CAAC,CAAA;YACf,aAAa,GAAG,CAAC,CAAA;YACjB,SAAQ;QACV,CAAC;QAED,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,OAAO;gBACL,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;gBACzB,KAAK;gBACL,KAAK;gBACL,GAAG,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE;aAC/C,CAAA;QACH,CAAC;QAED,MAAM,SAAS,GAAG,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAA;QAC9D,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;QACnE,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;QACrE,MAAM,UAAU,GACd,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM;YACjC,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE;YAClD,CAAC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,CAAA;QAE9C,OAAO;YACL,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,aAAa;YACpB,KAAK;YACL,GAAG,EAAE,UAAU;SAChB,CAAA;IACH,CAAC;IAED,OAAO;QACL,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;QACzB,KAAK;QACL,KAAK;QACL,GAAG,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,EAAE;KACtC,CAAA;AACH,CAAC"}

package/dist/text/layout-next-line-from-repeated-text.d.ts

@@ -0,0 +1,2 @@
+import type { LayoutCursor, LayoutLineRange, PreparedLayoutText } from '../types.js';
+export declare function layoutNextLineFromRepeatedText(prepared: PreparedLayoutText, start: LayoutCursor, maxWidth: number): LayoutLineRange | null;

package/dist/text/layout-next-line-from-repeated-text.js

@@ -0,0 +1,51 @@
+import { fitWordFragment, getWordSliceText, getWordSliceWidth } from './layout-text-line-helpers.js';
+export function layoutNextLineFromRepeatedText(prepared, start, maxWidth) {
+    if (prepared.tokens.length === 0)
+        return null;
+    const lineWords = [];
+    let width = 0;
+    let tokenIndex = start.tokenIndex;
+    let graphemeIndex = start.graphemeIndex;
+    while (true) {
+        const token = prepared.tokens[tokenIndex % prepared.tokens.length];
+        if (token.kind === 'newline') {
+            return {
+                text: lineWords.join(' '),
+                width,
+                start,
+                end: { tokenIndex: tokenIndex + 1, graphemeIndex: 0 },
+            };
+        }
+        const sliceStart = tokenIndex === start.tokenIndex ? graphemeIndex : 0;
+        const spacing = lineWords.length === 0 ? 0 : prepared.spaceWidth;
+        const remainingWidth = getWordSliceWidth(token, sliceStart, token.graphemes.length);
+        if (width + spacing + remainingWidth <= maxWidth) {
+            lineWords.push(getWordSliceText(token, sliceStart, token.graphemes.length));
+            width += spacing + remainingWidth;
+            tokenIndex += 1;
+            graphemeIndex = 0;
+            continue;
+        }
+        if (lineWords.length > 0) {
+            return {
+                text: lineWords.join(' '),
+                width,
+                start,
+                end: { tokenIndex, graphemeIndex: sliceStart },
+            };
+        }
+        const fittedEnd = fitWordFragment(token, sliceStart, maxWidth);
+        const fragmentText = getWordSliceText(token, sliceStart, fittedEnd);
+        const fragmentWidth = getWordSliceWidth(token, sliceStart, fittedEnd);
+        const nextCursor = fittedEnd >= token.graphemes.length
+            ? { tokenIndex: tokenIndex + 1, graphemeIndex: 0 }
+            : { tokenIndex, graphemeIndex: fittedEnd };
+        return {
+            text: fragmentText,
+            width: fragmentWidth,
+            start,
+            end: nextCursor,
+        };
+    }
+}
+//# sourceMappingURL=layout-next-line-from-repeated-text.js.map

package/dist/text/layout-next-line-from-repeated-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-next-line-from-repeated-text.js","sourceRoot":"","sources":["../../src/text/layout-next-line-from-repeated-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAEpG,MAAM,UAAU,8BAA8B,CAC5C,QAA4B,EAC5B,KAAmB,EACnB,QAAgB;IAEhB,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE7C,MAAM,SAAS,GAAa,EAAE,CAAA;IAC9B,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,IAAI,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;IACjC,IAAI,aAAa,GAAG,KAAK,CAAC,aAAa,CAAA;IAEvC,OAAO,IAAI,EAAE,CAAC;QACZ,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAE,CAAA;QAEnE,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO;gBACL,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;gBACzB,KAAK;gBACL,KAAK;gBACL,GAAG,EAAE,EAAE,UAAU,EAAE,UAAU,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE;aACtD,CAAA;QACH,CAAC;QAED,MAAM,UAAU,GAAG,UAAU,KAAK,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;QACtE,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAA;QAChE,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;QAEnF,IAAI,KAAK,GAAG,OAAO,GAAG,cAAc,IAAI,QAAQ,EAAE,CAAC;YACjD,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;YAC3E,KAAK,IAAI,OAAO,GAAG,cAAc,CAAA;YACjC,UAAU,IAAI,CAAC,CAAA;YACf,aAAa,GAAG,CAAC,CAAA;YACjB,SAAQ;QACV,CAAC;QAED,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,OAAO;gBACL,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;gBACzB,KAAK;gBACL,KAAK;gBACL,GAAG,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE;aAC/C,CAAA;QACH,CAAC;QAED,MAAM,SAAS,GAAG,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAA;QAC9D,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;QACnE,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;QACrE,MAAM,UAAU,GACd,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM;YACjC,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE;YAClD,CAAC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,CAAA;QAE9C,OAAO;YACL,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,aAAa;YACpB,KAAK;YACL,GAAG,EAAE,UAAU;SAChB,CAAA;IACH,CAAC;AACH,CAAC"}

package/dist/text/layout-text-line-helpers.d.ts

@@ -0,0 +1,4 @@
+import type { PreparedLayoutToken } from '../types.js';
+export declare function getWordSliceWidth(token: PreparedLayoutToken, start: number, end: number): number;
+export declare function getWordSliceText(token: PreparedLayoutToken, start: number, end: number): string;
+export declare function fitWordFragment(token: PreparedLayoutToken, start: number, maxWidth: number): number;

package/dist/text/layout-text-line-helpers.js

@@ -0,0 +1,17 @@
+export function getWordSliceWidth(token, start, end) {
+    return token.graphemePrefixWidths[end] - token.graphemePrefixWidths[start];
+}
+export function getWordSliceText(token, start, end) {
+    return token.graphemes.slice(start, end).join('');
+}
+export function fitWordFragment(token, start, maxWidth) {
+    const availableWidth = Math.max(0, maxWidth);
+    for (let end = start + 1; end <= token.graphemes.length; end++) {
+        const width = getWordSliceWidth(token, start, end);
+        if (width > availableWidth) {
+            return end === start + 1 ? end : end - 1;
+        }
+    }
+    return token.graphemes.length;
+}
+//# sourceMappingURL=layout-text-line-helpers.js.map