shape-text 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-text-line-helpers.js","sourceRoot":"","sources":["../../src/text/layout-text-line-helpers.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,iBAAiB,CAC/B,KAA0B,EAC1B,KAAa,EACb,GAAW;IAEX,OAAO,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAAE,GAAG,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAE,CAAA;AAC9E,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,KAA0B,EAC1B,KAAa,EACb,GAAW;IAEX,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,KAA0B,EAC1B,KAAa,EACb,QAAgB;IAEhB,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;IAE5C,KAAK,IAAI,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC;QAC/D,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;QAClD,IAAI,KAAK,GAAG,cAAc,EAAE,CAAC;YAC3B,OAAO,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA;QAC1C,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAA;AAC/B,CAAC"}

package/dist/text/normalize-text-style-to-font.d.ts

@@ -0,0 +1,6 @@
+import type { ResolvedTextStyle, TextStyleInput } from '../types.js';
+export declare function normalizeTextStyleToFont(textStyle: TextStyleInput): ResolvedTextStyle;
+export declare function resolveLayoutTextStyle(options: {
+    font?: string;
+    textStyle?: TextStyleInput;
+}): ResolvedTextStyle;

package/dist/text/normalize-text-style-to-font.js

@@ -0,0 +1,31 @@
+function assertFinitePositiveSize(size) {
+    if (!Number.isFinite(size) || size <= 0) {
+        throw new Error('textStyle.size must be a finite positive number');
+    }
+}
+export function normalizeTextStyleToFont(textStyle) {
+    if (textStyle.family.trim().length === 0) {
+        throw new Error('textStyle.family must be a non-empty string');
+    }
+    assertFinitePositiveSize(textStyle.size);
+    return {
+        family: textStyle.family,
+        size: textStyle.size,
+        weight: textStyle.weight ?? 400,
+        style: textStyle.style ?? 'normal',
+        color: textStyle.color,
+        font: `${textStyle.style ?? 'normal'} ${String(textStyle.weight ?? 400)} ${textStyle.size}px ${textStyle.family}`,
+    };
+}
+export function resolveLayoutTextStyle(options) {
+    if (options.textStyle !== undefined) {
+        return normalizeTextStyleToFont(options.textStyle);
+    }
+    if (options.font !== undefined && options.font.trim().length > 0) {
+        return {
+            font: options.font,
+        };
+    }
+    throw new Error('layout text requires either font or textStyle');
+}
+//# sourceMappingURL=normalize-text-style-to-font.js.map

package/dist/text/normalize-text-style-to-font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-text-style-to-font.js","sourceRoot":"","sources":["../../src/text/normalize-text-style-to-font.ts"],"names":[],"mappings":"AAEA,SAAS,wBAAwB,CAAC,IAAY;IAC5C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC;QACxC,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAA;IACpE,CAAC;AACH,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,SAAyB;IAChE,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzC,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAA;IAChE,CAAC;IAED,wBAAwB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAExC,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,MAAM;QACxB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,MAAM,EAAE,SAAS,CAAC,MAAM,IAAI,GAAG;QAC/B,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,QAAQ;QAClC,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,IAAI,EAAE,GAAG,SAAS,CAAC,KAAK,IAAI,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,SAAS,CAAC,IAAI,MAAM,SAAS,CAAC,MAAM,EAAE;KAClH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,OAGtC;IACC,IAAI,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,wBAAwB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IACpD,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjE,OAAO;YACL,IAAI,EAAE,OAAO,CAAC,IAAI;SACnB,CAAA;IACH,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAA;AAClE,CAAC"}

package/dist/text/prepare-dense-repeat-fill-pattern.d.ts

@@ -0,0 +1,2 @@
+import type { PreparedLayoutToken, TextMeasurer } from '../types.js';
+export declare function prepareDenseRepeatFillPattern(text: string, font: string, measurer: TextMeasurer): PreparedLayoutToken;

package/dist/text/prepare-dense-repeat-fill-pattern.js

@@ -0,0 +1,13 @@
+import { createMeasuredWordToken } from './segment-text-for-layout.js';
+export function prepareDenseRepeatFillPattern(text, font, measurer) {
+    const normalized = text.replace(/\s+/gu, '');
+    if (normalized.length === 0) {
+        throw new Error('dense autoFill requires at least one non-whitespace grapheme');
+    }
+    const pattern = createMeasuredWordToken(normalized, value => measurer.measureText(value, font));
+    if (pattern.width <= 0) {
+        throw new Error('dense autoFill requires measurable graphemes');
+    }
+    return pattern;
+}
+//# sourceMappingURL=prepare-dense-repeat-fill-pattern.js.map

package/dist/text/prepare-dense-repeat-fill-pattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-dense-repeat-fill-pattern.js","sourceRoot":"","sources":["../../src/text/prepare-dense-repeat-fill-pattern.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAEtE,MAAM,UAAU,6BAA6B,CAC3C,IAAY,EACZ,IAAY,EACZ,QAAsB;IAEtB,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAE5C,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAA;IACjF,CAAC;IAED,MAAM,OAAO,GAAG,uBAAuB,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IAC/F,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAA;IACjE,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/text/prepare-stream-repeat-fill-pattern.d.ts

@@ -0,0 +1,2 @@
+import type { PreparedLayoutToken, TextMeasurer } from '../types.js';
+export declare function prepareStreamRepeatFillPattern(text: string, font: string, measurer: TextMeasurer): PreparedLayoutToken;

package/dist/text/prepare-stream-repeat-fill-pattern.js

@@ -0,0 +1,16 @@
+import { createMeasuredWordToken } from './segment-text-for-layout.js';
+function normalizeRepeatStreamText(text) {
+    return text.replace(/\r\n?/gu, '\n').replace(/[\n\t\f\v]+/gu, ' ');
+}
+export function prepareStreamRepeatFillPattern(text, font, measurer) {
+    const normalized = normalizeRepeatStreamText(text);
+    if (normalized.length === 0) {
+        throw new Error('stream autoFill requires at least one grapheme');
+    }
+    const pattern = createMeasuredWordToken(normalized, value => measurer.measureText(value, font));
+    if (pattern.width <= 0) {
+        throw new Error('stream autoFill requires measurable graphemes');
+    }
+    return pattern;
+}
+//# sourceMappingURL=prepare-stream-repeat-fill-pattern.js.map

package/dist/text/prepare-stream-repeat-fill-pattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-stream-repeat-fill-pattern.js","sourceRoot":"","sources":["../../src/text/prepare-stream-repeat-fill-pattern.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAEtE,SAAS,yBAAyB,CAAC,IAAY;IAC7C,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,GAAG,CAAC,CAAA;AACpE,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,IAAY,EACZ,IAAY,EACZ,QAAsB;IAEtB,MAAM,UAAU,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAA;IAElD,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAA;IACnE,CAAC;IAED,MAAM,OAAO,GAAG,uBAAuB,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IAC/F,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAA;IAClE,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/text/prepare-text-for-layout.d.ts

@@ -0,0 +1,2 @@
+import type { PreparedLayoutText, TextMeasurer } from '../types.js';
+export declare function prepareTextForLayout(text: string, font: string, measurer: TextMeasurer): PreparedLayoutText;

package/dist/text/prepare-text-for-layout.js

@@ -0,0 +1,22 @@
+import { createMeasuredWordToken, segmentTextForLayout } from './segment-text-for-layout.js';
+export function prepareTextForLayout(text, font, measurer) {
+    const segmented = segmentTextForLayout(text);
+    const tokens = segmented.map(token => {
+        if (token.kind === 'newline') {
+            return {
+                kind: 'newline',
+                text: token.text,
+                width: 0,
+                graphemes: [],
+                graphemePrefixWidths: [0],
+            };
+        }
+        return createMeasuredWordToken(token.text, value => measurer.measureText(value, font));
+    });
+    return {
+        font,
+        spaceWidth: measurer.measureText(' ', font),
+        tokens,
+    };
+}
+//# sourceMappingURL=prepare-text-for-layout.js.map

package/dist/text/prepare-text-for-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-text-for-layout.js","sourceRoot":"","sources":["../../src/text/prepare-text-for-layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAE5F,MAAM,UAAU,oBAAoB,CAClC,IAAY,EACZ,IAAY,EACZ,QAAsB;IAEtB,MAAM,SAAS,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACnC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO;gBACL,IAAI,EAAE,SAAkB;gBACxB,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,KAAK,EAAE,CAAC;gBACR,SAAS,EAAE,EAAE;gBACb,oBAAoB,EAAE,CAAC,CAAC,CAAC;aAC1B,CAAA;QACH,CAAC;QAED,OAAO,uBAAuB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IACxF,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,IAAI;QACJ,UAAU,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC;QAC3C,MAAM;KACP,CAAA;AACH,CAAC"}

package/dist/text/segment-text-for-layout.d.ts

@@ -0,0 +1,3 @@
+import type { PreparedLayoutToken } from '../types.js';
+export declare function segmentTextForLayout(text: string): Array<Pick<PreparedLayoutToken, 'kind' | 'text'>>;
+export declare function createMeasuredWordToken(text: string, measureWord: (value: string) => number): PreparedLayoutToken;

package/dist/text/segment-text-for-layout.js

@@ -0,0 +1,43 @@
+const graphemeSegmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });
+function segmentGraphemes(word) {
+    return Array.from(graphemeSegmenter.segment(word), segment => segment.segment);
+}
+export function segmentTextForLayout(text) {
+    const normalizedLines = text
+        .replace(/\r\n?/g, '\n')
+        .split('\n')
+        .map(line => line.replace(/[^\S\n]+/g, ' ').trim());
+    const tokens = [];
+    for (let lineIndex = 0; lineIndex < normalizedLines.length; lineIndex++) {
+        const line = normalizedLines[lineIndex];
+        if (line.length > 0) {
+            const words = line.split(' ');
+            for (let wordIndex = 0; wordIndex < words.length; wordIndex++) {
+                const word = words[wordIndex];
+                if (word.length === 0)
+                    continue;
+                tokens.push({ kind: 'word', text: word });
+            }
+        }
+        if (lineIndex < normalizedLines.length - 1) {
+            tokens.push({ kind: 'newline', text: '\n' });
+        }
+    }
+    return tokens;
+}
+export function createMeasuredWordToken(text, measureWord) {
+    const graphemes = segmentGraphemes(text);
+    const graphemePrefixWidths = [0];
+    for (let index = 0; index < graphemes.length; index++) {
+        const width = measureWord(graphemes[index]);
+        graphemePrefixWidths.push(graphemePrefixWidths[index] + width);
+    }
+    return {
+        kind: 'word',
+        text,
+        width: graphemePrefixWidths[graphemePrefixWidths.length - 1],
+        graphemes,
+        graphemePrefixWidths,
+    };
+}
+//# sourceMappingURL=segment-text-for-layout.js.map

package/dist/text/segment-text-for-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment-text-for-layout.js","sourceRoot":"","sources":["../../src/text/segment-text-for-layout.ts"],"names":[],"mappings":"AAEA,MAAM,iBAAiB,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAA;AAEpF,SAAS,gBAAgB,CAAC,IAAY;IACpC,OAAO,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;AAChF,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,MAAM,eAAe,GAAG,IAAI;SACzB,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC;SACvB,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IAErD,MAAM,MAAM,GAAsD,EAAE,CAAA;IAEpE,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,eAAe,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC;QACxE,MAAM,IAAI,GAAG,eAAe,CAAC,SAAS,CAAE,CAAA;QAExC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAC7B,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC;gBAC9D,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAE,CAAA;gBAC9B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;oBAAE,SAAQ;gBAC/B,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;YAC3C,CAAC;QACH,CAAC;QAED,IAAI,SAAS,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3C,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;QAC9C,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,IAAY,EACZ,WAAsC;IAEtC,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACxC,MAAM,oBAAoB,GAAG,CAAC,CAAC,CAAC,CAAA;IAEhC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QACtD,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,KAAK,CAAE,CAAC,CAAA;QAC5C,oBAAoB,CAAC,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAE,GAAG,KAAK,CAAC,CAAA;IACjE,CAAC;IAED,OAAO;QACL,IAAI,EAAE,MAAM;QACZ,IAAI;QACJ,KAAK,EAAE,oBAAoB,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAE;QAC7D,SAAS;QACT,oBAAoB;KACrB,CAAA;AACH,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,200 @@
+export type ShapeTextPoint = {
+    x: number;
+    y: number;
+};
+export type Interval = {
+    left: number;
+    right: number;
+};
+export type TextMaskShapeTextMode = 'whole-text' | 'per-character';
+export type TextMaskShapeSizeMode = 'fit-content' | 'fixed';
+export type TextMaskShapeFitContentSize = {
+    mode?: 'fit-content';
+    padding?: number;
+};
+export type TextMaskShapeFixedSize = {
+    mode: 'fixed';
+    width: number;
+    height: number;
+    padding?: number;
+};
+export type TextMaskShapeSize = TextMaskShapeFitContentSize | TextMaskShapeFixedSize;
+export type PolygonShape = {
+    kind: 'polygon';
+    points: ShapeTextPoint[];
+};
+export type TextMaskShape = {
+    kind: 'text-mask';
+    text: string;
+    font: string;
+    size?: TextMaskShapeSize;
+    shapeTextMode?: TextMaskShapeTextMode;
+    maskScale?: number;
+    alphaThreshold?: number;
+};
+export type ShapeInput = PolygonShape | TextMaskShape;
+export type TextMeasurer = {
+    measureText(text: string, font: string): number;
+};
+export type TextStyleInput = {
+    family: string;
+    size: number;
+    weight?: number | string;
+    style?: 'normal' | 'italic' | 'oblique';
+    color?: string;
+};
+export type ResolvedTextStyle = {
+    font: string;
+    family?: string;
+    size?: number;
+    weight?: number | string;
+    style?: 'normal' | 'italic' | 'oblique';
+    color?: string;
+};
+export type ShapeShadowInput = {
+    color?: string;
+    blur: number;
+    offsetX?: number;
+    offsetY?: number;
+};
+export type ResolvedShapeShadow = {
+    color: string;
+    blur: number;
+    offsetX: number;
+    offsetY: number;
+};
+export type ShapeStyleInput = {
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: number;
+    shadow?: ShapeShadowInput;
+};
+export type ResolvedShapeStyle = {
+    backgroundColor?: string;
+    borderColor: string;
+    borderWidth: number;
+    shadow?: ResolvedShapeShadow;
+};
+export type PreparedLayoutToken = {
+    kind: 'word' | 'newline';
+    text: string;
+    width: number;
+    graphemes: string[];
+    graphemePrefixWidths: number[];
+};
+export type PreparedLayoutText = {
+    font: string;
+    spaceWidth: number;
+    tokens: PreparedLayoutToken[];
+};
+export type LayoutCursor = {
+    tokenIndex: number;
+    graphemeIndex: number;
+};
+export type LayoutLineRange = {
+    text: string;
+    width: number;
+    start: LayoutCursor;
+    end: LayoutCursor;
+};
+export type ShapeTextLine = LayoutLineRange & {
+    x: number;
+    top: number;
+    baseline: number;
+    slot: Interval;
+    font?: string;
+    fillPass?: 1 | 2;
+};
+export type ShapeBounds = {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};
+export type CompiledShapeBand = {
+    top: number;
+    bottom: number;
+    intervals: Interval[];
+};
+export type CompiledShapeDebugView = {
+    kind: 'polygon';
+    points: ShapeTextPoint[];
+} | {
+    kind: 'text';
+    text: string;
+    font: string;
+    x: number;
+    baseline: number;
+};
+export type CompiledShapeRegion = {
+    index: number;
+    grapheme: string;
+    bounds: ShapeBounds;
+    bands: CompiledShapeBand[];
+    debugView: CompiledShapeDebugView;
+};
+export type CompiledShapeBands = {
+    kind: ShapeInput['kind'];
+    source: ShapeInput;
+    bounds: ShapeBounds;
+    bandHeight: number;
+    minSlotWidth: number;
+    bands: CompiledShapeBand[];
+    regions?: CompiledShapeRegion[];
+    debugView: CompiledShapeDebugView;
+};
+export type ShapeTextLayout = {
+    font: string;
+    textStyle?: ResolvedTextStyle;
+    lineHeight: number;
+    shape: ShapeInput;
+    compiledShape: CompiledShapeBands;
+    bounds: ShapeBounds;
+    lines: ShapeTextLine[];
+    exhausted: boolean;
+    autoFill: boolean;
+};
+export type CompileShapeForLayoutOptions = {
+    shape: ShapeInput;
+    lineHeight: number;
+    minSlotWidth?: number;
+};
+export type LayoutTextInCompiledShapeOptions = {
+    text: string;
+    compiledShape: CompiledShapeBands;
+    measurer: TextMeasurer;
+    align?: 'left' | 'center';
+    baselineRatio?: number;
+    autoFill?: boolean;
+} & ({
+    font: string;
+    textStyle?: TextStyleInput;
+} | {
+    font?: string;
+    textStyle: TextStyleInput;
+});
+export type LayoutTextInShapeOptions = {
+    text: string;
+    lineHeight: number;
+    shape: ShapeInput;
+    measurer: TextMeasurer;
+    align?: 'left' | 'center';
+    minSlotWidth?: number;
+    baselineRatio?: number;
+    autoFill?: boolean;
+} & ({
+    font: string;
+    textStyle?: TextStyleInput;
+} | {
+    font?: string;
+    textStyle: TextStyleInput;
+});
+export type RenderLayoutToSvgOptions = {
+    padding?: number;
+    background?: string;
+    textFill?: string;
+    shapeStroke?: string;
+    shapeFill?: string;
+    shapeStyle?: ShapeStyleInput;
+    showShape?: boolean;
+};

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "shape-text",
+  "version": "0.1.0",
+  "description": "Browser-first TypeScript library for shape-paragraph layout inside geometry and value-derived shapes, rendered to SVG.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tqdat410/shape-text.git"
+  },
+  "bugs": {
+    "url": "https://github.com/tqdat410/shape-text/issues"
+  },
+  "homepage": "https://github.com/tqdat410/shape-text#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18",
+    "bun": ">=1.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/run-library-build.mjs')\"",
+    "typecheck": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('node_modules/typescript/bin/tsc',['-p','tsconfig.json','--noEmit'])\"",
+    "test": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('node_modules/vitest/vitest.mjs',['run'])\"",
+    "test:coverage": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('node_modules/vitest/vitest.mjs',['run','--coverage'])\"",
+    "check": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/run-project-check.mjs')\"",
+    "e2e": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('node_modules/@playwright/test/cli.js',['test'])\"",
+    "e2e:ui": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('node_modules/@playwright/test/cli.js',['test','--ui'])\"",
+    "e2e:headed": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('node_modules/@playwright/test/cli.js',['test','--headed'])\"",
+    "e2e:debug": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('node_modules/@playwright/test/cli.js',['test','--debug'])\"",
+    "demo": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/run-demo-app.mjs')\"",
+    "demo:dev": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/run-demo-app.mjs')\"",
+    "demo:build": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/run-demo-app.mjs',['--build'])\"",
+    "demo:preview": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/run-demo-app.mjs',['--preview'])\"",
+    "prepack": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/run-library-build.mjs')\"",
+    "publish:npm": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/run-manual-npm-publish.mjs', process.argv.slice(1))\" --",
+    "ship:check": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/run-library-ship-check.mjs')\"",
+    "release:check-tag": "node -e \"const path=require('node:path');let pkg=process.env.npm_package_json||'';if(pkg.charCodeAt(0)===92&&pkg.charCodeAt(1)===92&&pkg.charCodeAt(2)===63&&pkg.charCodeAt(3)===92) pkg=pkg.slice(4);require(path.join(path.dirname(pkg),'scripts','run-node-script-from-package-root.cjs')).run('scripts/validate-release-tag.mjs', process.argv.slice(1))\""
+  },
+  "keywords": [
+    "svg",
+    "text-layout",
+    "shape-text",
+    "shape-paragraph",
+    "polygon",
+    "typography"
+  ],
+  "author": "Admin",
+  "license": "MIT",
+  "devDependencies": {
+    "@playwright/test": "^1.58.2",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "vitest": "^3.2.4"
+  }
+}