@motion-script/web 0.1.0

package/dist/shapes/rect.js

@@ -0,0 +1,111 @@
+import { isUniformBorderRadius, isZeroBorderRadius, resolveBorderRadius, withRectDescriptor, } from "@motion-script/core";
+import { BaseShape } from "./base";
+function roundedRectToSvg(l, t, r, b, tl, tr, br, bl) {
+    return [
+        `M ${l + tl} ${t}`,
+        `L ${r - tr} ${t}`,
+        tr > 0 ? `A ${tr} ${tr} 0 0 1 ${r} ${t + tr}` : "",
+        `L ${r} ${b - br}`,
+        br > 0 ? `A ${br} ${br} 0 0 1 ${r - br} ${b}` : "",
+        `L ${l + bl} ${b}`,
+        bl > 0 ? `A ${bl} ${bl} 0 0 1 ${l} ${b - bl}` : "",
+        `L ${l} ${t + tl}`,
+        tl > 0 ? `A ${tl} ${tl} 0 0 1 ${l + tl} ${t}` : "",
+        "Z",
+    ].filter(Boolean).join(" ");
+}
+/**
+ * Rect with optional per-corner radii. Radii are scaled down uniformly when
+ * they'd overlap (sum exceeds the side length) to avoid self-intersecting
+ * geometry. Isolated, untrimmed rects skip the SVG-path route entirely and
+ * draw/clip via `drawRect`/`drawRRect` for cheaper rendering and crisper edges.
+ */
+export class RectShape extends BaseShape {
+    resolveState(state) {
+        return withRectDescriptor(state);
+    }
+    computeGeometry() {
+        const s = this.fullState;
+        const halfWidth = s.width / 2;
+        const halfHeight = s.height / 2;
+        const left = s.x - halfWidth;
+        const top = s.y - halfHeight;
+        const right = s.x + halfWidth;
+        const bottom = s.y + halfHeight;
+        const rawBr = resolveBorderRadius(s.borderRadius);
+        let tl = Math.max(0, rawBr.topLeft);
+        let tr = Math.max(0, rawBr.topRight);
+        let br = Math.max(0, rawBr.bottomRight);
+        let bl = Math.max(0, rawBr.bottomLeft);
+        const w = s.width;
+        const h = s.height;
+        const scaleTop = tl + tr > 0 ? Math.min(1, w / (tl + tr)) : 1;
+        const scaleBottom = bl + br > 0 ? Math.min(1, w / (bl + br)) : 1;
+        const scaleLeft = tl + bl > 0 ? Math.min(1, h / (tl + bl)) : 1;
+        const scaleRight = tr + br > 0 ? Math.min(1, h / (tr + br)) : 1;
+        const scale = Math.min(scaleTop, scaleBottom, scaleLeft, scaleRight);
+        tl *= scale;
+        tr *= scale;
+        br *= scale;
+        bl *= scale;
+        const resolved = { topLeft: tl, topRight: tr, bottomRight: br, bottomLeft: bl };
+        return {
+            left, top, right, bottom,
+            tl, tr, br, bl,
+            isZero: isZeroBorderRadius(resolved),
+            isUniform: isUniformBorderRadius(resolved),
+        };
+    }
+    buildSVGPath(geo) {
+        const { left, top, right, bottom, tl, tr, br, bl, isZero, isUniform } = geo;
+        if (isZero) {
+            return `M ${left} ${top} L ${right} ${top} L ${right} ${bottom} L ${left} ${bottom} Z`;
+        }
+        if (isUniform) {
+            return roundedRectToSvg(left, top, right, bottom, tl, tl, tl, tl);
+        }
+        return roundedRectToSvg(left, top, right, bottom, tl, tr, br, bl);
+    }
+    needsTrim() {
+        return this.fullState.start !== 0 || this.fullState.end !== 1;
+    }
+    getTrimRange() {
+        return { start: this.fullState.start, end: this.fullState.end };
+    }
+    computeBounds(geo) {
+        return { left: geo.left, top: geo.top, right: geo.right, bottom: geo.bottom };
+    }
+    draw(paint, isolated) {
+        const geo = this.geometry;
+        if (isolated && !this.needsTrim()) {
+            const ck = this.canvasKit;
+            const ltrb = ck.LTRBRect(geo.left, geo.top, geo.right, geo.bottom);
+            if (geo.isZero) {
+                this.canvas.drawRect(ltrb, paint);
+                return;
+            }
+            if (geo.isUniform) {
+                this.canvas.drawRRect(ck.RRectXY(ltrb, geo.tl, geo.tl), paint);
+                return;
+            }
+        }
+        super.draw(paint, isolated);
+    }
+    clip(isolated) {
+        const geo = this.geometry;
+        const ck = this.canvasKit;
+        if (isolated && !this.needsTrim()) {
+            const ltrb = ck.LTRBRect(geo.left, geo.top, geo.right, geo.bottom);
+            if (geo.isZero) {
+                this.canvas.clipRect(ltrb, ck.ClipOp.Intersect, true);
+                return;
+            }
+            if (geo.isUniform) {
+                this.canvas.clipRRect(ck.RRectXY(ltrb, geo.tl, geo.tl), ck.ClipOp.Intersect, true);
+                return;
+            }
+        }
+        super.clip(isolated);
+    }
+}
+//# sourceMappingURL=rect.js.map

package/dist/shapes/rect.js.map

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

package/dist/shapes/richtext.d.ts

@@ -0,0 +1,28 @@
+import type { CanvasKit, Font, TypefaceFontProvider } from "@motion-script/canvaskit";
+import { RichTextState, ResolvedTextSpan } from "@motion-script/core";
+import { type ShapedRun } from "./paragraph-layout";
+/**
+ * A shaped run ready to draw, paired with the span that styled it so the
+ * caller can apply that span's resolved fills/strokes.
+ */
+export interface LaidOutRun extends ShapedRun {
+    span: ResolvedTextSpan;
+}
+export interface RichTextLayout {
+    runs: LaidOutRun[];
+    bounds: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+    /** Fonts created during layout. Caller must delete() each after drawing. */
+    fonts: Font[];
+}
+/**
+ * Lay out rich text via ParagraphBuilder (line-breaking, alignment, per-span
+ * sizing/spacing) and return shaped glyph runs we draw with our own paints, so
+ * per-span gradient/image fills and glyph strokes keep working.
+ */
+export declare function layoutRichText(canvasKit: CanvasKit, fontMgr: TypefaceFontProvider, state: RichTextState): RichTextLayout;
+//# sourceMappingURL=richtext.d.ts.map

package/dist/shapes/richtext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext.d.ts","sourceRoot":"","sources":["../../src/shapes/richtext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE5F;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,SAAS;IACzC,IAAI,EAAE,gBAAgB,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrE,4EAA4E;IAC5E,KAAK,EAAE,IAAI,EAAE,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,oBAAoB,EAC7B,KAAK,EAAE,aAAa,GACrB,cAAc,CA4BhB"}

package/dist/shapes/richtext.js

@@ -0,0 +1,32 @@
+import { layoutParagraph } from "./paragraph-layout";
+/**
+ * Lay out rich text via ParagraphBuilder (line-breaking, alignment, per-span
+ * sizing/spacing) and return shaped glyph runs we draw with our own paints, so
+ * per-span gradient/image fills and glyph strokes keep working.
+ */
+export function layoutRichText(canvasKit, fontMgr, state) {
+    const { spans, lineHeight, align, width } = state;
+    const segments = spans.map(s => ({
+        text: s.text,
+        fontFamily: s.fontFamily,
+        fontSize: s.fontSize,
+        fontWeight: s.fontWeight,
+        fontStyle: s.fontStyle,
+        letterSpacing: s.letterSpacing,
+    }));
+    const layout = layoutParagraph(canvasKit, fontMgr, segments, {
+        align,
+        lineHeight,
+        // RichText boxes are hug/explicit; wrap only when a finite width exists.
+        maxWidth: width > 0 ? width : Infinity,
+        // RichText draws in the node's centered local space (origin 0,0).
+        originX: 0,
+        originY: 0,
+    });
+    const runs = layout.runs.map(run => ({
+        ...run,
+        span: spans[run.segmentIndex],
+    }));
+    return { runs, bounds: layout.bounds, fonts: layout.fonts };
+}
+//# sourceMappingURL=richtext.js.map

package/dist/shapes/richtext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext.js","sourceRoot":"","sources":["../../src/shapes/richtext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAyC,MAAM,oBAAoB,CAAC;AAiB5F;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC1B,SAAoB,EACpB,OAA6B,EAC7B,KAAoB;IAEpB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,QAAQ,GAAuB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACjD,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,UAAU,EAAE,CAAC,CAAC,UAAU;QACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,UAAU,EAAE,CAAC,CAAC,UAAU;QACxB,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,aAAa,EAAE,CAAC,CAAC,aAAa;KACjC,CAAC,CAAC,CAAC;IAEJ,MAAM,MAAM,GAAG,eAAe,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE;QACzD,KAAK;QACL,UAAU;QACV,yEAAyE;QACzE,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;QACtC,kEAAkE;QAClE,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;KACb,CAAC,CAAC;IAEH,MAAM,IAAI,GAAiB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC/C,GAAG,GAAG;QACN,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC;KAChC,CAAC,CAAC,CAAC;IAEJ,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;AAChE,CAAC"}

package/dist/shapes/shape-handler.d.ts

@@ -0,0 +1,79 @@
+import type { CanvasKit, Canvas, Paint, Path as CKPath, TypefaceFontProvider } from "@motion-script/canvaskit";
+import { BooleanOperation, EllipseState, LineState, MaskApplyLayer, MaskOptions, PathState, PolygonState, PolygramState, RectState, ShadowResolved, TextState } from "@motion-script/core";
+/**
+ * A drawable produced by any shape kind (path-backed or text). `ckPath` is
+ * absent for text (canvaskit-wasm exposes no glyph paths) and optional
+ * `bounds`/`isText` let fills/strokes/bounds logic special-case those shapes.
+ */
+export interface CurrentShape {
+    draw: (paint: Paint) => void;
+    ckPath?: CKPath;
+    bounds?: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+    isText?: boolean;
+}
+/**
+ * Per-frame collector and compositor for a node's shapes. Accumulates path
+ * primitives and text, resolves bounds for fill/stroke shaders, supports
+ * cut/boolean/mask compositing that collapse `shapes` into a single drawable,
+ * and caches `BaseShape` instances across frames (keyed by node id + index)
+ * so `ckPath`s survive when input state is unchanged or only trim moved.
+ */
+export declare class ShapeHandler {
+    private canvasKit;
+    private getCanvas;
+    private getPaint;
+    private fontMgr;
+    shapes: CurrentShape[];
+    paintApplied: boolean;
+    private pendingShadows;
+    private boolean;
+    private mask;
+    private boundsOverride;
+    private shapeCache;
+    private currentNodeId;
+    private shapeIndex;
+    private _cachedBounds;
+    private _boundsDirty;
+    constructor(canvasKit: CanvasKit, getCanvas: () => Canvas, getPaint: () => Paint, fontMgr: TypefaceFontProvider);
+    beginNode(nodeId: string): void;
+    reset(): void;
+    storePendingShadows(shadows: ShadowResolved[]): void;
+    takePendingShadows(): ShadowResolved[] | null;
+    dispose(): void;
+    isCollectingPaths(): boolean;
+    pushBounds(b: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    }): void;
+    popBounds(): void;
+    getShapeBounds(): {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    } | null;
+    private addShape;
+    rect(state: Partial<RectState>): void;
+    ellipse(state: Partial<EllipseState>): void;
+    path(state: Partial<PathState>): void;
+    line(state: Partial<LineState>): void;
+    polygon(state: Partial<PolygonState>): void;
+    polygram(state: Partial<PolygramState>): void;
+    text(state: Partial<TextState>): void;
+    cut(): void;
+    unionStrokeShape(): CurrentShape | null;
+    beginBoolean(op: BooleanOperation): void;
+    endBoolean(): void;
+    beginMask(options?: MaskOptions): void;
+    applyMask(): void;
+    endMask(): void;
+    getMaskApply(): Set<MaskApplyLayer> | null;
+}
+//# sourceMappingURL=shape-handler.d.ts.map

package/dist/shapes/shape-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape-handler.d.ts","sourceRoot":"","sources":["../../src/shapes/shape-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC/G,OAAO,EACH,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,cAAc,EACd,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,EACb,SAAS,EACT,cAAc,EACd,SAAS,EACZ,MAAM,qBAAqB,CAAC;AAY7B;;;;GAIG;AACH,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAItE,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AA+BD;;;;;;GAMG;AACH,qBAAa,YAAY;IAsBjB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,OAAO;IAxBnB,MAAM,EAAE,YAAY,EAAE,CAAM;IAC5B,YAAY,EAAE,OAAO,CAAS;IAC9B,OAAO,CAAC,cAAc,CAAiC;IAEvD,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,IAAI,CAAc;IAI1B,OAAO,CAAC,cAAc,CAA2E;IAIjG,OAAO,CAAC,UAAU,CAAsC;IACxD,OAAO,CAAC,aAAa,CAAc;IACnC,OAAO,CAAC,UAAU,CAAa;IAE/B,OAAO,CAAC,aAAa,CAA6E;IAClG,OAAO,CAAC,YAAY,CAAiB;gBAGzB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,MAAM,MAAM,EACvB,QAAQ,EAAE,MAAM,KAAK,EACrB,OAAO,EAAE,oBAAoB;IAMzC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAK/B,KAAK,IAAI,IAAI;IAQb,mBAAmB,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI;IAIpD,kBAAkB,IAAI,cAAc,EAAE,GAAG,IAAI;IAM7C,OAAO,IAAI,IAAI;IAUf,iBAAiB,IAAI,OAAO;IAI5B,UAAU,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAIjF,SAAS,IAAI,IAAI;IAIjB,cAAc,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IA2BrF,OAAO,CAAC,QAAQ;IA+ChB,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;IAIrC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI;IAI3C,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;IAIrC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;IAIrC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI;IAI3C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;IAI7C,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;IAarC,GAAG,IAAI,IAAI;IA4CX,gBAAgB,IAAI,YAAY,GAAG,IAAI;IAoBvC,YAAY,CAAC,EAAE,EAAE,gBAAgB,GAAG,IAAI;IAIxC,UAAU,IAAI,IAAI;IASlB,SAAS,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI;IAItC,SAAS,IAAI,IAAI;IAOjB,OAAO,IAAI,IAAI;IAIf,YAAY,IAAI,GAAG,CAAC,cAAc,CAAC,GAAG,IAAI;CAG7C"}

package/dist/shapes/shape-handler.js

@@ -0,0 +1,304 @@
+import { RectShape } from "./rect";
+import { EllipseShape } from "./ellipse";
+import { PathShape } from "./path";
+import { LineShape } from "./line";
+import { buildText } from "./text";
+import { PolygonShape } from "./polygon";
+import { PolygramShape } from "./polygram";
+import { BooleanHandler } from "./boolean";
+import { MaskHandler } from "./mask";
+// Shallow equality check for plain state objects. Handles the common case where
+// all values are primitives or the same object reference (e.g. arrays held stable).
+function shallowEqual(a, b) {
+    const keysA = Object.keys(a);
+    if (keysA.length !== Object.keys(b).length)
+        return false;
+    for (const k of keysA) {
+        if (a[k] !== b[k])
+            return false;
+    }
+    return true;
+}
+function shallowEqualExcluding(a, b, ...exclude) {
+    const excSet = new Set(exclude);
+    const keysA = Object.keys(a).filter(k => !excSet.has(k));
+    const keysB = Object.keys(b).filter(k => !excSet.has(k));
+    if (keysA.length !== keysB.length)
+        return false;
+    for (const k of keysA) {
+        if (a[k] !== b[k])
+            return false;
+    }
+    return true;
+}
+/**
+ * Per-frame collector and compositor for a node's shapes. Accumulates path
+ * primitives and text, resolves bounds for fill/stroke shaders, supports
+ * cut/boolean/mask compositing that collapse `shapes` into a single drawable,
+ * and caches `BaseShape` instances across frames (keyed by node id + index)
+ * so `ckPath`s survive when input state is unchanged or only trim moved.
+ */
+export class ShapeHandler {
+    canvasKit;
+    getCanvas;
+    getPaint;
+    fontMgr;
+    shapes = [];
+    paintApplied = false;
+    pendingShadows = null;
+    boolean;
+    mask;
+    // Bounds override stack. Callers like the image-node renderer push their
+    // own rect so fills that depend on shape bounds (gradients, image-shaders)
+    // resolve correctly even though no path lives in `shapes`.
+    boundsOverride = [];
+    // Shape instance cache: survives reset() so ckPaths persist across frames.
+    // Key format: "<nodeId>:<shapeIndex>"
+    shapeCache = new Map();
+    currentNodeId = "";
+    shapeIndex = 0;
+    // Cached union bounds for the current shape set, cleared when shapes change.
+    _cachedBounds = null;
+    _boundsDirty = true;
+    constructor(canvasKit, getCanvas, getPaint, fontMgr) {
+        this.canvasKit = canvasKit;
+        this.getCanvas = getCanvas;
+        this.getPaint = getPaint;
+        this.fontMgr = fontMgr;
+        this.boolean = new BooleanHandler(canvasKit, getCanvas);
+        this.mask = new MaskHandler(canvasKit, getCanvas, this.boolean);
+    }
+    beginNode(nodeId) {
+        this.currentNodeId = nodeId;
+        this.shapeIndex = 0;
+    }
+    reset() {
+        this.shapes = [];
+        this.paintApplied = false;
+        this.pendingShadows = null;
+        this._boundsDirty = true;
+        this._cachedBounds = null;
+    }
+    storePendingShadows(shadows) {
+        this.pendingShadows = shadows.length > 0 ? shadows : null;
+    }
+    takePendingShadows() {
+        const s = this.pendingShadows;
+        this.pendingShadows = null;
+        return s;
+    }
+    dispose() {
+        this.shapes = [];
+        for (const entry of this.shapeCache.values()) {
+            entry.shape.deletePaths();
+        }
+        this.shapeCache.clear();
+        this.boolean.dispose();
+        this.mask.dispose();
+    }
+    isCollectingPaths() {
+        return this.boolean.isCollecting();
+    }
+    pushBounds(b) {
+        this.boundsOverride.push(b);
+    }
+    popBounds() {
+        this.boundsOverride.pop();
+    }
+    getShapeBounds() {
+        if (this.boundsOverride.length > 0) {
+            return this.boundsOverride[this.boundsOverride.length - 1];
+        }
+        if (!this._boundsDirty && this._cachedBounds !== null) {
+            return this._cachedBounds;
+        }
+        let left = Infinity, top = Infinity, right = -Infinity, bottom = -Infinity;
+        for (const shape of this.shapes) {
+            if (shape.ckPath) {
+                const b = shape.ckPath.getBounds();
+                if (b[0] < left)
+                    left = b[0];
+                if (b[1] < top)
+                    top = b[1];
+                if (b[2] > right)
+                    right = b[2];
+                if (b[3] > bottom)
+                    bottom = b[3];
+            }
+            else if (shape.bounds) {
+                if (shape.bounds.left < left)
+                    left = shape.bounds.left;
+                if (shape.bounds.top < top)
+                    top = shape.bounds.top;
+                if (shape.bounds.right > right)
+                    right = shape.bounds.right;
+                if (shape.bounds.bottom > bottom)
+                    bottom = shape.bounds.bottom;
+            }
+        }
+        this._boundsDirty = false;
+        this._cachedBounds = isFinite(left) ? { left, top, right, bottom } : null;
+        return this._cachedBounds;
+    }
+    addShape(newShape) {
+        this._boundsDirty = true;
+        const isolated = !this.boolean.isCollecting();
+        // Try to reuse a cached shape if we have a stable node ID.
+        let shape = newShape;
+        if (this.currentNodeId) {
+            const key = `${this.currentNodeId}:${this.shapeIndex++}`;
+            const entry = this.shapeCache.get(key);
+            if (entry) {
+                const cached = entry.shape;
+                const newState = newShape.inputState;
+                const oldState = cached.inputState;
+                if (shallowEqual(newState, oldState)) {
+                    // Exact match — reuse the cached shape (with its ckPath intact).
+                    shape = cached;
+                }
+                else if (cached.hasTrim() && newShape.hasTrim()
+                    && shallowEqualExcluding(newState, oldState, 'start', 'end')) {
+                    // Only trim range changed — re-trim from the cached base path.
+                    const { start, end } = newShape.trimRange();
+                    if (entry.trimStart !== start || entry.trimEnd !== end) {
+                        cached.retrim(start, end);
+                        entry.trimStart = start;
+                        entry.trimEnd = end;
+                    }
+                    cached.inputState = newShape.inputState;
+                    shape = cached;
+                }
+                else {
+                    // State mismatch — evict old entry and use new shape.
+                    cached.deletePaths();
+                    const tr = newShape.hasTrim() ? newShape.trimRange() : { start: 0, end: 1 };
+                    this.shapeCache.set(key, { shape: newShape, trimStart: tr.start, trimEnd: tr.end });
+                    shape = newShape;
+                }
+            }
+            else {
+                const tr = newShape.hasTrim() ? newShape.trimRange() : { start: 0, end: 1 };
+                this.shapeCache.set(key, { shape: newShape, trimStart: tr.start, trimEnd: tr.end });
+            }
+        }
+        if (!isolated) {
+            shape.ensurePath();
+            if (shape.ckPath)
+                this.boolean.contributeToPathCollection(shape.ckPath);
+        }
+        this.shapes.push(shape.toCurrentShape(isolated));
+    }
+    rect(state) {
+        this.addShape(new RectShape(this.canvasKit, this.getCanvas(), state));
+    }
+    ellipse(state) {
+        this.addShape(new EllipseShape(this.canvasKit, this.getCanvas(), state));
+    }
+    path(state) {
+        this.addShape(new PathShape(this.canvasKit, this.getCanvas(), state));
+    }
+    line(state) {
+        this.addShape(new LineShape(this.canvasKit, this.getCanvas(), state));
+    }
+    polygon(state) {
+        this.addShape(new PolygonShape(this.canvasKit, this.getCanvas(), state));
+    }
+    polygram(state) {
+        this.addShape(new PolygramShape(this.canvasKit, this.getCanvas(), state));
+    }
+    text(state) {
+        this._boundsDirty = true;
+        const shape = buildText(this.canvasKit, this.getCanvas(), this.fontMgr, state);
+        this.shapes.push(shape);
+    }
+    // ─── Cut ───────────────────────────────────────────────────────────────────
+    // Use the most-recently drawn shape as a cutter: union all the shapes before
+    // it, then subtract that last shape, so only it punches a hole. The combined
+    // path replaces `shapes`, so anything drawn afterward stacks onto it and the
+    // whole thing paints as one surface — a single gradient resolves across all
+    // of it. Shapes without a ckPath (text) are skipped.
+    cut() {
+        const withPaths = this.shapes.filter(s => s.ckPath);
+        if (withPaths.length === 0)
+            return;
+        // The last shape is the cutter; everything before it is the base.
+        const cutter = withPaths[withPaths.length - 1].ckPath.copy();
+        const baseShapes = withPaths.slice(0, -1);
+        let combined;
+        if (baseShapes.length === 0) {
+            // Nothing to cut from — the lone shape stays as-is.
+            cutter.delete();
+            combined = withPaths[0].ckPath.copy();
+        }
+        else {
+            const base = this.boolean.combinePaths(baseShapes.map(s => s.ckPath.copy()), "union");
+            if (!base) {
+                cutter.delete();
+                combined = null;
+            }
+            else {
+                combined = this.boolean.combinePaths([base, cutter], "subtract");
+            }
+        }
+        // combinePaths consumed/deleted the copies; now drop the originals.
+        for (const shape of this.shapes)
+            shape.ckPath?.delete();
+        this.shapes = [];
+        this.paintApplied = false;
+        if (!combined)
+            return;
+        const canvas = this.getCanvas();
+        this.shapes.push({
+            draw: (paint) => { canvas.drawPath(combined, paint); },
+            ckPath: combined,
+        });
+    }
+    // Build a single shape from the union of all accumulated path shapes, so a
+    // stroke follows only the outer boundary with no seams where shapes overlap.
+    // Returns null when there are fewer than two path shapes (caller strokes the
+    // shapes directly) or text is involved (no path to union). The caller owns
+    // the returned shape's ckPath and must delete() it. Does not mutate `shapes`.
+    unionStrokeShape() {
+        if (this.shapes.some(s => s.isText))
+            return null;
+        const withPaths = this.shapes.filter(s => s.ckPath);
+        if (withPaths.length < 2)
+            return null;
+        const combined = this.boolean.combinePaths(withPaths.map(s => s.ckPath.copy()), "union");
+        if (!combined)
+            return null;
+        const canvas = this.getCanvas();
+        return {
+            draw: (paint) => { canvas.drawPath(combined, paint); },
+            ckPath: combined,
+        };
+    }
+    // ─── Boolean ─────────────────────────────────────────────────────────────
+    beginBoolean(op) {
+        this.boolean.beginBoolean(op);
+    }
+    endBoolean() {
+        const shape = this.boolean.endBoolean(this.getCanvas);
+        this.shapes = [];
+        this.paintApplied = false;
+        if (shape)
+            this.shapes.push(shape);
+    }
+    // ─── Mask ─────────────────────────────────────────────────────────────────
+    beginMask(options) {
+        this.mask.beginMask(options);
+    }
+    applyMask() {
+        this.mask.applyMask(() => {
+            this.shapes = [];
+            this.paintApplied = false;
+        });
+    }
+    endMask() {
+        this.mask.endMask();
+    }
+    getMaskApply() {
+        return this.mask.getApply();
+    }
+}
+//# sourceMappingURL=shape-handler.js.map

package/dist/shapes/shape-handler.js.map

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

package/dist/shapes/text.d.ts

@@ -0,0 +1,13 @@
+import type { CanvasKit, Canvas, TypefaceFontProvider } from "@motion-script/canvaskit";
+import { TextState } from "@motion-script/core";
+import type { CurrentShape } from "./shape-handler";
+/**
+ * Lay out a Text node into a drawable `CurrentShape`. When `fontSize` is
+ * "autofit", first probes an unwrapped single-line layout to derive a scale
+ * that fits the box; with wrap enabled, shrinking stops at `minFontSize` and
+ * wrapping takes over instead. Returned shape has no `ckPath` (`isText: true`)
+ * since glyph paths aren't available — strokes/fills fall back to glyph-union
+ * handling elsewhere.
+ */
+export declare function buildText(canvasKit: CanvasKit, canvas: Canvas, fontMgr: TypefaceFontProvider, state: Partial<TextState>): CurrentShape;
+//# sourceMappingURL=text.d.ts.map

package/dist/shapes/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/shapes/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAS,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,SAAS,EAAsB,MAAM,qBAAqB,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD;;;;;;;GAOG;AACH,wBAAgB,SAAS,CACrB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,oBAAoB,EAC7B,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAC1B,YAAY,CA2Dd"}