@motion-script/web 0.1.0

package/dist/shapes/boolean.js

@@ -0,0 +1,90 @@
+/**
+ * Combines paths via CanvasKit `PathOp`s and tracks nested "path collection"
+ * frames. A frame records each contributed path transformed into the
+ * coordinate space active when the frame began (via the inverse of that base
+ * matrix), so paths drawn under different transforms still combine correctly
+ * in one space — used for both explicit boolean ops and vector masks.
+ */
+export class BooleanHandler {
+    canvasKit;
+    getCanvas;
+    pathCollectionStack = [];
+    booleanOpStack = [];
+    constructor(canvasKit, getCanvas) {
+        this.canvasKit = canvasKit;
+        this.getCanvas = getCanvas;
+    }
+    dispose() {
+        this.pathCollectionStack = [];
+        this.booleanOpStack = [];
+    }
+    isCollecting() {
+        return this.pathCollectionStack.length > 0;
+    }
+    contributeToPathCollection(path) {
+        if (this.pathCollectionStack.length === 0)
+            return;
+        const frame = this.pathCollectionStack[this.pathCollectionStack.length - 1];
+        const current = this.getCanvas().getTotalMatrix();
+        const rel = this.canvasKit.Matrix.multiply(frame.invBaseMatrix, current);
+        const builder = new this.canvasKit.PathBuilder();
+        builder.addPath(path, rel);
+        frame.paths.push(builder.detachAndDelete());
+    }
+    pushFrame() {
+        const m = Array.from(this.getCanvas().getTotalMatrix());
+        const inv = this.canvasKit.Matrix.invert(m) ?? this.canvasKit.Matrix.identity();
+        this.pathCollectionStack.push({ paths: [], invBaseMatrix: inv });
+    }
+    popFrame() {
+        const frame = this.pathCollectionStack.pop();
+        return frame ? frame.paths : [];
+    }
+    toCanvasKitPathOp(op) {
+        switch (op) {
+            case "subtract": return this.canvasKit.PathOp.Difference;
+            case "intersect": return this.canvasKit.PathOp.Intersect;
+            case "exclude": return this.canvasKit.PathOp.XOR;
+            case "union":
+            default: return this.canvasKit.PathOp.Union;
+        }
+    }
+    /** Folds `paths` left-to-right with `op`, deleting inputs as it consumes them. Caller owns the result. */
+    combinePaths(paths, op) {
+        if (paths.length === 0)
+            return null;
+        const ckOp = this.toCanvasKitPathOp(op);
+        let combined = paths[0];
+        for (let i = 1; i < paths.length; i++) {
+            const next = this.canvasKit.Path.MakeFromOp(combined, paths[i], ckOp);
+            combined.delete();
+            paths[i].delete();
+            if (!next) {
+                for (let j = i + 1; j < paths.length; j++)
+                    paths[j].delete();
+                return null;
+            }
+            combined = next;
+        }
+        return combined;
+    }
+    beginBoolean(op) {
+        this.pushFrame();
+        this.booleanOpStack.push(op);
+    }
+    endBoolean(getCanvas) {
+        const op = this.booleanOpStack.pop() ?? "union";
+        const paths = this.popFrame();
+        const combined = this.combinePaths(paths, op);
+        if (!combined)
+            return null;
+        this.contributeToPathCollection(combined);
+        const canvas = getCanvas();
+        const shape = {
+            draw: (paint) => { canvas.drawPath(combined, paint); },
+            ckPath: combined,
+        };
+        return shape;
+    }
+}
+//# sourceMappingURL=boolean.js.map

package/dist/shapes/boolean.js.map

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

package/dist/shapes/ellipse.d.ts

@@ -0,0 +1,32 @@
+import { EllipseState } from "@motion-script/core";
+import { BaseShape } from "./base";
+type EllipseGeo = {
+    cx: number;
+    cy: number;
+    halfWidth: number;
+    halfHeight: number;
+    left: number;
+    right: number;
+    sweep: number;
+    isFullShape: boolean;
+    startAngle: number;
+};
+/** Ellipse, optionally a partial arc (`sweep` < 360°) defined via SVG arc commands. */
+export declare class EllipseShape extends BaseShape<EllipseState, EllipseGeo> {
+    protected resolveState(state: Partial<EllipseState>): EllipseState;
+    protected computeGeometry(): EllipseGeo;
+    protected buildSVGPath(geo: EllipseGeo): string;
+    protected needsTrim(): boolean;
+    protected getTrimRange(): {
+        start: number;
+        end: number;
+    };
+    protected computeBounds(geo: EllipseGeo): {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+}
+export {};
+//# sourceMappingURL=ellipse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse.d.ts","sourceRoot":"","sources":["../../src/shapes/ellipse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAyB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,KAAK,UAAU,GAAG;IACd,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,uFAAuF;AACvF,qBAAa,YAAa,SAAQ,SAAS,CAAC,YAAY,EAAE,UAAU,CAAC;IACjE,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,YAAY;IAIlE,SAAS,CAAC,eAAe,IAAI,UAAU;IAiBvC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,UAAU,GAAG,MAAM;IAgB/C,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,YAAY;;;;IAItB,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,UAAU;;;;;;CAI1C"}

package/dist/shapes/ellipse.js

@@ -0,0 +1,50 @@
+import { withEllipseDescriptor } from "@motion-script/core";
+import { BaseShape } from "./base";
+/** Ellipse, optionally a partial arc (`sweep` < 360°) defined via SVG arc commands. */
+export class EllipseShape extends BaseShape {
+    resolveState(state) {
+        return withEllipseDescriptor(state);
+    }
+    computeGeometry() {
+        const s = this.fullState;
+        const halfWidth = s.width / 2;
+        const halfHeight = s.height / 2;
+        const left = s.x - halfWidth;
+        const right = s.x + halfWidth;
+        const sweep = s.sweep ?? 360;
+        return {
+            cx: s.x, cy: s.y,
+            halfWidth, halfHeight,
+            left, right,
+            sweep,
+            isFullShape: Math.abs(sweep) >= 360,
+            startAngle: s.startAngle ?? 0,
+        };
+    }
+    buildSVGPath(geo) {
+        const { cx, cy, halfWidth, halfHeight, left, right, sweep, isFullShape, startAngle } = geo;
+        if (isFullShape) {
+            return `M ${left} ${cy} A ${halfWidth} ${halfHeight} 0 1 0 ${right} ${cy} A ${halfWidth} ${halfHeight} 0 1 0 ${left} ${cy} Z`;
+        }
+        const endAngle = startAngle + sweep;
+        const toRad = Math.PI / 180;
+        const sx = cx + halfWidth * Math.cos(startAngle * toRad);
+        const sy = cy + halfHeight * Math.sin(startAngle * toRad);
+        const ex = cx + halfWidth * Math.cos(endAngle * toRad);
+        const ey = cy + halfHeight * Math.sin(endAngle * toRad);
+        const largeArc = Math.abs(sweep) > 180 ? 1 : 0;
+        const sweepFlag = sweep > 0 ? 1 : 0;
+        return `M ${sx} ${sy} A ${halfWidth} ${halfHeight} 0 ${largeArc} ${sweepFlag} ${ex} ${ey}`;
+    }
+    needsTrim() {
+        return this.fullState.start !== 0 || this.fullState.end !== 1;
+    }
+    getTrimRange() {
+        return { start: this.fullState.start, end: this.fullState.end };
+    }
+    computeBounds(geo) {
+        const { cx, cy, halfWidth, halfHeight } = geo;
+        return { left: cx - halfWidth, top: cy - halfHeight, right: cx + halfWidth, bottom: cy + halfHeight };
+    }
+}
+//# sourceMappingURL=ellipse.js.map

package/dist/shapes/ellipse.js.map

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

package/dist/shapes/image.d.ts

@@ -0,0 +1,66 @@
+import type { CanvasKit, Canvas, Paint } from "@motion-script/canvaskit";
+import { type FillResolved, type ImageState, type ShadowResolved, type StrokeResolved, withImageDescriptor } from "@motion-script/core";
+import type { WebStorageAdapter } from "../storage-adapter";
+import type { FillHandler } from "../fills/handler";
+import type { ShapeHandler } from "./shape-handler";
+import type { StrokeHandler } from "../stroke/stroke-handler";
+/**
+ * Renders an Image node.
+ *
+ * Stroke / shadow / overlay-fill clipping follows the image's vector
+ * silhouette, extracted once at decode time by the asset manager (marching
+ * squares on the alpha channel, Douglas–Peucker simplified). That contour
+ * lives in image-pixel space; for each draw we transform it through the same
+ * matrix the image shader uses (so it lines up with the visible image), then
+ * stroke / fill it like any other path.
+ *
+ * Per-draw pipeline:
+ *   1. resolve CKImage and bounds.
+ *   2. build the alpha path (cached behind the asset manager).
+ *   3. shadows — stroke or fill the alpha path with shadow paint, blurred
+ *      via a saveLayer image-filter.
+ *   4. base image — drawRect with the image shader.
+ *   5. overlay fills — fill the alpha path with each overlay fill.
+ *   6. strokes — stroke the alpha path with each stroke fill. Skia's stroke
+ *      primitive gives sharp edges at any weight, real round/miter joins,
+ *      and dash support out of the box.
+ */
+export declare class ImageNodeRenderer {
+    private canvasKit;
+    private getCanvas;
+    private getPaint;
+    private assets;
+    private fills;
+    private shapeHandler;
+    private strokes;
+    constructor(canvasKit: CanvasKit, getCanvas: () => Canvas, getPaint: () => Paint, assets: WebStorageAdapter, fills: FillHandler, shapeHandler: ShapeHandler, strokes: StrokeHandler);
+    /**
+     * Returns `{ img, owned }`. `owned: true` means the caller created the
+     * CKImage inline (from raw `state.data`) and must `.delete()` it after
+     * drawing. `owned: false` means the storage adapter owns it.
+     */
+    private resolveImage;
+    private toImageFillResolved;
+    /**
+     * Build a CKPath from the cached alpha contours, with each vertex pre-
+     * transformed from image-pixel space into the destination bounds. The
+     * matrix matches the image shader's matrix so the path lines up with
+     * the visible image. Caller owns the returned path (.delete() when done).
+     * Returns null if no contour is cached.
+     */
+    private buildAlphaPath;
+    draw(state: ImageState, shadows: ShadowResolved[], overlayFills: FillResolved[], strokes: StrokeResolved[]): void;
+    private drawImage;
+    private applyFilters;
+    /**
+     * Drop shadow following the alpha contour. Renders the silhouette filled
+     * with the shadow fill into a blurred + translated saveLayer.
+     */
+    private drawShadow;
+    /** Overlay fills clipped to the alpha contour (or rect if no contour). */
+    private drawOverlayFills;
+    /** Stroke the alpha contour. Sharp edges at any weight, real joins, dash support. */
+    private drawStroke;
+}
+export { withImageDescriptor };
+//# sourceMappingURL=image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/shapes/image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,SAAS,EACT,MAAM,EACN,KAAK,EAGR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACH,KAAK,YAAY,EAEjB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,mBAAmB,EACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAI9D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,iBAAiB;IAEtB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,OAAO;gBANP,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,MAAM,MAAM,EACvB,QAAQ,EAAE,MAAM,KAAK,EACrB,MAAM,EAAE,iBAAiB,EACzB,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,aAAa;IAGlC;;;;OAIG;IACH,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,mBAAmB;IAW3B;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAiCtB,IAAI,CACA,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,cAAc,EAAE,EACzB,YAAY,EAAE,YAAY,EAAE,EAC5B,OAAO,EAAE,cAAc,EAAE,GAC1B,IAAI;IAiDP,OAAO,CAAC,SAAS;IAoBjB,OAAO,CAAC,YAAY;IASpB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAuClB,0EAA0E;IAC1E,OAAO,CAAC,gBAAgB;IAYxB,qFAAqF;IACrF,OAAO,CAAC,UAAU;CAWrB;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/shapes/image.js

@@ -0,0 +1,214 @@
+import { withImageDescriptor, } from "@motion-script/core";
+import { computeImageMatrix, makeImageShader } from "../fills/image";
+import { ImageFillFilterRegistry } from "../fills/filters/registry";
+/**
+ * Renders an Image node.
+ *
+ * Stroke / shadow / overlay-fill clipping follows the image's vector
+ * silhouette, extracted once at decode time by the asset manager (marching
+ * squares on the alpha channel, Douglas–Peucker simplified). That contour
+ * lives in image-pixel space; for each draw we transform it through the same
+ * matrix the image shader uses (so it lines up with the visible image), then
+ * stroke / fill it like any other path.
+ *
+ * Per-draw pipeline:
+ *   1. resolve CKImage and bounds.
+ *   2. build the alpha path (cached behind the asset manager).
+ *   3. shadows — stroke or fill the alpha path with shadow paint, blurred
+ *      via a saveLayer image-filter.
+ *   4. base image — drawRect with the image shader.
+ *   5. overlay fills — fill the alpha path with each overlay fill.
+ *   6. strokes — stroke the alpha path with each stroke fill. Skia's stroke
+ *      primitive gives sharp edges at any weight, real round/miter joins,
+ *      and dash support out of the box.
+ */
+export class ImageNodeRenderer {
+    canvasKit;
+    getCanvas;
+    getPaint;
+    assets;
+    fills;
+    shapeHandler;
+    strokes;
+    constructor(canvasKit, getCanvas, getPaint, assets, fills, shapeHandler, strokes) {
+        this.canvasKit = canvasKit;
+        this.getCanvas = getCanvas;
+        this.getPaint = getPaint;
+        this.assets = assets;
+        this.fills = fills;
+        this.shapeHandler = shapeHandler;
+        this.strokes = strokes;
+    }
+    /**
+     * Returns `{ img, owned }`. `owned: true` means the caller created the
+     * CKImage inline (from raw `state.data`) and must `.delete()` it after
+     * drawing. `owned: false` means the storage adapter owns it.
+     */
+    resolveImage(state) {
+        if (state.src) {
+            const img = this.assets.getCKImage(state.src);
+            return img ? { img, owned: false } : null;
+        }
+        return null;
+    }
+    toImageFillResolved(state) {
+        return {
+            type: "image",
+            src: state.src ?? "",
+            mode: state.mode,
+            transform: state.transform,
+            scaling: state.scaling,
+            filters: state.filters,
+        };
+    }
+    /**
+     * Build a CKPath from the cached alpha contours, with each vertex pre-
+     * transformed from image-pixel space into the destination bounds. The
+     * matrix matches the image shader's matrix so the path lines up with
+     * the visible image. Caller owns the returned path (.delete() when done).
+     * Returns null if no contour is cached.
+     */
+    buildAlphaPath(img, state, bounds) {
+        if (!state.src)
+            return null;
+        const contours = this.assets.getAlphaContour?.(state.src);
+        if (!contours || contours.length === 0)
+            return null;
+        const m = computeImageMatrix(img.width(), img.height(), this.toImageFillResolved(state), bounds);
+        // m is row-major 3×3: [sx, shx, tx, shy, sy, ty, …] (no perspective).
+        const sx = m[0], shx = m[1], tx = m[2];
+        const shy = m[3], sy = m[4], ty = m[5];
+        // Build an SVG path string; CanvasKit's Path types expose
+        // MakeFromSVGString but not the runtime moveTo/lineTo methods.
+        const parts = [];
+        for (const contour of contours) {
+            if (contour.length < 4)
+                continue;
+            const x0 = sx * contour[0] + shx * contour[1] + tx;
+            const y0 = shy * contour[0] + sy * contour[1] + ty;
+            parts.push(`M${x0.toFixed(2)},${y0.toFixed(2)}`);
+            for (let i = 2; i < contour.length; i += 2) {
+                const px = sx * contour[i] + shx * contour[i + 1] + tx;
+                const py = shy * contour[i] + sy * contour[i + 1] + ty;
+                parts.push(`L${px.toFixed(2)},${py.toFixed(2)}`);
+            }
+            parts.push("Z");
+        }
+        if (parts.length === 0)
+            return null;
+        const path = this.canvasKit.Path.MakeFromSVGString(parts.join(""));
+        if (!path)
+            return null;
+        path.setFillType(this.canvasKit.FillType.EvenOdd);
+        return path;
+    }
+    draw(state, shadows, overlayFills, strokes) {
+        const canvas = this.getCanvas();
+        const ck = this.canvasKit;
+        const resolved = this.resolveImage(state);
+        if (!resolved)
+            return;
+        const { img, owned } = resolved;
+        const halfW = state.width / 2;
+        const halfH = state.height / 2;
+        const bounds = {
+            left: state.x - halfW,
+            top: state.y - halfH,
+            right: state.x + halfW,
+            bottom: state.y + halfH,
+        };
+        const boundsRect = ck.LTRBRect(bounds.left, bounds.top, bounds.right, bounds.bottom);
+        const imageFill = this.toImageFillResolved(state);
+        // Path may be null if the image is still decoding or has no alpha
+        // contour. We fall back to drawing strokes/shadows around the rect
+        // bounds in that case (matches Box behaviour).
+        const alphaPath = this.buildAlphaPath(img, state, bounds);
+        this.shapeHandler.pushBounds(bounds);
+        try {
+            for (const shadow of shadows) {
+                this.drawShadow(canvas, alphaPath, boundsRect, shadow, overlayFills, strokes);
+            }
+            this.drawImage(canvas, img, imageFill, bounds, boundsRect);
+            if (overlayFills.length > 0) {
+                this.drawOverlayFills(canvas, alphaPath, boundsRect, overlayFills);
+            }
+            for (const stroke of strokes) {
+                this.drawStroke(canvas, alphaPath, boundsRect, stroke);
+            }
+        }
+        finally {
+            this.shapeHandler.popBounds();
+            alphaPath?.delete();
+            // Only the `state.data` (inline) path produces a renderer-owned
+            // CKImage. The adapter-cached path is released by the adapter
+            // when underlying pixels are evicted.
+            if (owned)
+                img.delete();
+        }
+    }
+    drawImage(canvas, img, imageFill, bounds, boundsRect) {
+        const ck = this.canvasKit;
+        const paint = this.getPaint();
+        paint.setStyle(ck.PaintStyle.Fill);
+        paint.setAlphaf(imageFill.opacity ?? 1);
+        paint.setBlendMode(ck.BlendMode.SrcOver);
+        paint.setShader(makeImageShader(img, imageFill, ck, bounds));
+        this.applyFilters(paint, imageFill);
+        canvas.drawRect(boundsRect, paint);
+        paint.setShader(null);
+        paint.setImageFilter(null);
+        paint.setAlphaf(1);
+    }
+    applyFilters(paint, fill) {
+        if (!fill.filters || fill.filters.length === 0) {
+            paint.setImageFilter(null);
+            return;
+        }
+        const composed = ImageFillFilterRegistry.compose(fill.filters, this.canvasKit);
+        paint.setImageFilter(composed);
+    }
+    /**
+     * Drop shadow following the alpha contour. Renders the silhouette filled
+     * with the shadow fill into a blurred + translated saveLayer.
+     */
+    drawShadow(canvas, alphaPath, boundsRect, shadow, _overlayFills, _strokes) {
+        const ck = this.canvasKit;
+        const dx = shadow.dx ?? 0;
+        const dy = shadow.dy ?? 0;
+        const opacity = shadow.fill.opacity !== undefined ? shadow.fill.opacity : 1;
+        const layerPaint = new ck.Paint();
+        layerPaint.setAlphaf(opacity);
+        if (shadow.blur > 0) {
+            const sigma = shadow.blur / 2;
+            layerPaint.setImageFilter(ck.ImageFilter.MakeBlur(sigma, sigma, ck.TileMode.Decal, null));
+        }
+        canvas.save();
+        // Scene coords are Y-up; the canvas is Y-down, so negate dy to keep a
+        // positive dy nudging the shadow upward.
+        canvas.translate(dx, -dy);
+        canvas.saveLayer(layerPaint);
+        const shape = alphaPath
+            ? { draw: (p) => canvas.drawPath(alphaPath, p), ckPath: alphaPath }
+            : { draw: (p) => canvas.drawRect(boundsRect, p) };
+        this.fills.applyFills([{ ...shadow.fill, opacity: 1 }], [shape]);
+        canvas.restore();
+        canvas.restore();
+        layerPaint.delete();
+    }
+    /** Overlay fills clipped to the alpha contour (or rect if no contour). */
+    drawOverlayFills(canvas, alphaPath, boundsRect, overlayFills) {
+        const shape = alphaPath
+            ? { draw: (p) => canvas.drawPath(alphaPath, p), ckPath: alphaPath }
+            : { draw: (p) => canvas.drawRect(boundsRect, p) };
+        this.fills.applyFills(overlayFills, [shape]);
+    }
+    /** Stroke the alpha contour. Sharp edges at any weight, real joins, dash support. */
+    drawStroke(canvas, alphaPath, boundsRect, stroke) {
+        const shape = alphaPath
+            ? { draw: (p) => canvas.drawPath(alphaPath, p), ckPath: alphaPath }
+            : { draw: (p) => canvas.drawRect(boundsRect, p) };
+        this.strokes.applyStrokes([stroke], [shape]);
+    }
+}
+export { withImageDescriptor };
+//# sourceMappingURL=image.js.map

package/dist/shapes/image.js.map

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

package/dist/shapes/index.d.ts

@@ -0,0 +1,67 @@
+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";
+export interface CurrentShape {
+    draw: (paint: Paint) => void;
+    ckPath?: CKPath;
+    bounds?: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+    isText?: boolean;
+}
+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=index.d.ts.map

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

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