@motion-script/web 0.1.0

package/dist/effects/zoom.d.ts

@@ -0,0 +1,20 @@
+import type { CanvasKit, Shader } from "@motion-script/canvaskit";
+import { type ZoomEffect } from "@motion-script/core";
+/** Drop the cached RuntimeEffect (called when the draw context is disposed). */
+export declare function disposeZoom(): void;
+/**
+ * Build a paint shader that draws the backdrop magnified within the lens box and
+ * passes it through untouched elsewhere. The caller draws it over the surface
+ * (clipped to the node silhouette), replacing the backdrop region with the
+ * zoomed version. Returns null when the effect is a no-op.
+ *
+ * @param effect    zoom params (scale, centre).
+ * @param ck        live CanvasKit instance.
+ * @param backdrop  child shader wrapping the snapshot of the content beneath.
+ * @param centerX   lens centre X in device px (node centre).
+ * @param centerY   lens centre Y in device px.
+ * @param width     node width in device px (the lens box width).
+ * @param height    node height in device px (the lens box height).
+ */
+export declare function makeZoomShader(effect: ZoomEffect, ck: CanvasKit, backdrop: Shader, centerX: number, centerY: number, width: number, height: number): Shader | null;
+//# sourceMappingURL=zoom.d.ts.map

package/dist/effects/zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.d.ts","sourceRoot":"","sources":["../../src/effects/zoom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAqCtD,gFAAgF;AAChF,wBAAgB,WAAW,IAAI,IAAI,CAGlC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAC1B,MAAM,EAAE,UAAU,EAClB,EAAE,EAAE,SAAS,EACb,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACf,MAAM,GAAG,IAAI,CAef"}

package/dist/effects/zoom.js

@@ -0,0 +1,65 @@
+/**
+ * Magnifier lens that *resamples the backdrop* — it reads the content beneath
+ * the node (passed in as the `u_backdrop` child shader) at a position scaled
+ * toward `u_center`, so the area under the node is genuinely magnified, like a
+ * magnifying glass. Unlike bulge/pinch there is no dome falloff: the whole lens
+ * box magnifies uniformly by `u_scale`.
+ *
+ * The lens fills the node's *bounding box*; the caller clips the draw to the
+ * node's exact silhouette, so an ellipse magnifies as an ellipse, a rounded rect
+ * as a rounded rect, etc.
+ *
+ * To magnify by `s`, the backdrop is sampled at a point pulled `1/s` of the way
+ * from the centre — so a 2× zoom reads from half the distance, doubling apparent
+ * size:
+ *
+ *   sample = centre + (fragCoord − centre) / scale
+ */
+const ZOOM_SKSL = `
+uniform shader u_backdrop;
+uniform vec2  u_center; // lens centre, device px
+uniform float u_scale;  // magnification factor (1 = none, 2 = 2x)
+
+vec4 main(vec2 fragCoord) {
+    vec2 samplePos = u_center + (fragCoord - u_center) / max(u_scale, 0.001);
+    return u_backdrop.eval(samplePos);
+}
+`;
+let cachedEffect = null;
+function getRuntimeEffect(ck) {
+    if (!cachedEffect)
+        cachedEffect = ck.RuntimeEffect.Make(ZOOM_SKSL);
+    return cachedEffect;
+}
+/** Drop the cached RuntimeEffect (called when the draw context is disposed). */
+export function disposeZoom() {
+    cachedEffect?.delete();
+    cachedEffect = null;
+}
+/**
+ * Build a paint shader that draws the backdrop magnified within the lens box and
+ * passes it through untouched elsewhere. The caller draws it over the surface
+ * (clipped to the node silhouette), replacing the backdrop region with the
+ * zoomed version. Returns null when the effect is a no-op.
+ *
+ * @param effect    zoom params (scale, centre).
+ * @param ck        live CanvasKit instance.
+ * @param backdrop  child shader wrapping the snapshot of the content beneath.
+ * @param centerX   lens centre X in device px (node centre).
+ * @param centerY   lens centre Y in device px.
+ * @param width     node width in device px (the lens box width).
+ * @param height    node height in device px (the lens box height).
+ */
+export function makeZoomShader(effect, ck, backdrop, centerX, centerY, width, height) {
+    const scale = effect.scale;
+    if (scale === 1 || scale <= 0 || width <= 0 || height <= 0)
+        return null;
+    // center is a 0–1 offset from the node centre (0.5,0.5 = dead centre).
+    const cx = centerX + (effect.center.x - 0.5) * width;
+    const cy = centerY + (effect.center.y - 0.5) * height;
+    const runtimeEffect = getRuntimeEffect(ck);
+    if (!runtimeEffect)
+        return null;
+    return runtimeEffect.makeShaderWithChildren([cx, cy, scale], [backdrop]);
+}
+//# sourceMappingURL=zoom.js.map

package/dist/effects/zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.js","sourceRoot":"","sources":["../../src/effects/zoom.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,SAAS,GAAG;;;;;;;;;CASjB,CAAC;AAEF,IAAI,YAAY,GAAyB,IAAI,CAAC;AAE9C,SAAS,gBAAgB,CAAC,EAAa;IACnC,IAAI,CAAC,YAAY;QAAE,YAAY,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACnE,OAAO,YAAY,CAAC;AACxB,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,WAAW;IACvB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,GAAG,IAAI,CAAC;AACxB,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,cAAc,CAC1B,MAAkB,EAClB,EAAa,EACb,QAAgB,EAChB,OAAe,EACf,OAAe,EACf,KAAa,EACb,MAAc;IAEd,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAC3B,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAExE,uEAAuE;IACvE,MAAM,EAAE,GAAG,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,GAAG,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC;IAEtD,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAC3C,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,aAAa,CAAC,sBAAsB,CACvC,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EACf,CAAC,QAAQ,CAAC,CACb,CAAC;AACN,CAAC"}

package/dist/exporter.d.ts

@@ -0,0 +1,24 @@
+import { Scene, Size2D, AssetManifest } from "@motion-script/core";
+/** Reports export progress in [0, 1]; video encoding occupies most of the range, audio mixing/finalize the tail. */
+export type ExportProgressCallback = (progress: number) => void;
+export type ExportParams = {
+    scenes: Scene[];
+    viewport?: Size2D;
+    fps?: number;
+    scale?: number;
+    filename?: string;
+    manifest?: AssetManifest;
+    onProgress?: ExportProgressCallback;
+    signal?: AbortSignal;
+    wasmUrl?: string;
+};
+/**
+ * Renders `scenes` frame-by-frame to an offscreen canvas and muxes the result
+ * into an MP4 via mediabunny: drives the same {@link WebRenderContext}/
+ * {@link StateEvaluator} pipeline as live playback, captures each frame to the
+ * video track, mixes all audio offline at the end (see {@link mixAudio}), then
+ * finalizes and triggers a browser download. Honors `signal` for cancellation
+ * between frames.
+ */
+export declare function exportScenesAsVideo(params: ExportParams): Promise<void>;
+//# sourceMappingURL=exporter.d.ts.map

package/dist/exporter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exporter.d.ts","sourceRoot":"","sources":["../src/exporter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,EAA8B,MAAM,EAAiB,aAAa,EAAyC,MAAM,qBAAqB,CAAA;AAYjK,oHAAoH;AACpH,MAAM,MAAM,sBAAsB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA;AA0FD;;;;;;;GAOG;AACH,wBAAsB,mBAAmB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAgI7E"}

package/dist/exporter.js

@@ -0,0 +1,177 @@
+import { AudioDevice, AssetManager, AssetCatalog, Precomp, StateEvaluator } from "@motion-script/core";
+import { AudioBufferSource, BufferTarget, CanvasSource, Mp4OutputFormat, Output, } from 'mediabunny';
+import { WebRenderContext } from "./render-context";
+import { WebStorageAdapter } from "./storage-adapter";
+import { getCanvasKit } from "./getter";
+const EMPTY_MANIFEST = {
+    image: {},
+    video: {},
+    audio: {},
+    font: {},
+};
+// ── Audio mixing helpers ─────────────────────────────────────────────────────
+/** Fetches and decodes an audio source against a scratch `OfflineAudioContext` (decoding requires a context but doesn't render through it). */
+async function fetchAudioBuffer(src, ctx) {
+    const response = await fetch(src);
+    const arrayBuffer = await response.arrayBuffer();
+    return ctx.decodeAudioData(arrayBuffer);
+}
+/**
+ * Renders every scheduled audio request into a single timeline-length buffer
+ * via an `OfflineAudioContext` graph (gain nodes for per-request volume,
+ * looping/trimming per request) — done once after the full video pass so the
+ * mux step gets one continuous track instead of per-frame audio scheduling.
+ */
+async function mixAudio(requests, totalDuration, sampleRate = 44100) {
+    if (requests.length === 0)
+        return null;
+    const uniqueSrcs = [...new Set(requests.map(r => r.request.src))];
+    const scratchCtx = new OfflineAudioContext(2, Math.ceil(totalDuration * sampleRate), sampleRate);
+    const decoded = new Map();
+    await Promise.all(uniqueSrcs.map(async (src) => {
+        decoded.set(src, await fetchAudioBuffer(src, scratchCtx));
+    }));
+    const mixCtx = new OfflineAudioContext(2, Math.ceil(totalDuration * sampleRate), sampleRate);
+    for (const { request: req, globalOffset } of requests) {
+        const srcBuffer = decoded.get(req.src);
+        if (!srcBuffer)
+            continue;
+        const globalStart = globalOffset + req.startAt;
+        const globalEnd = req.endAt !== null
+            ? globalOffset + req.endAt
+            : totalDuration;
+        const clipDuration = Math.min(globalEnd - globalStart, totalDuration - globalStart);
+        if (clipDuration <= 0)
+            continue;
+        const source = mixCtx.createBufferSource();
+        source.buffer = srcBuffer;
+        source.loop = req.loop;
+        const gain = mixCtx.createGain();
+        gain.gain.value = req.volume;
+        source.connect(gain);
+        gain.connect(mixCtx.destination);
+        source.start(globalStart, req.trimStart, clipDuration);
+    }
+    return mixCtx.startRendering();
+}
+/** Hands control back to the browser between frame batches so the export doesn't block the main thread (and stays cancellable/responsive). */
+function yieldToMain() {
+    return new Promise(resolve => setTimeout(resolve, 0));
+}
+/**
+ * Audio for exports is mixed offline via {@link mixAudio} at the end of the
+ * run, so the AssetManager just needs an AudioDevice-shaped sink that does
+ * nothing during the per-frame pass.
+ */
+class NoopAudioDevice extends AudioDevice {
+    has(_src) { return true; }
+    async append(_src, _data) { }
+    retain(_keep) { }
+    schedule(_requests) { }
+    syncTo(_sceneTime) { }
+    play(_time, _speed, _reverse) { }
+    stop() { }
+}
+// ── Main export ──────────────────────────────────────────────────────────────
+/**
+ * Renders `scenes` frame-by-frame to an offscreen canvas and muxes the result
+ * into an MP4 via mediabunny: drives the same {@link WebRenderContext}/
+ * {@link StateEvaluator} pipeline as live playback, captures each frame to the
+ * video track, mixes all audio offline at the end (see {@link mixAudio}), then
+ * finalizes and triggers a browser download. Honors `signal` for cancellation
+ * between frames.
+ */
+export async function exportScenesAsVideo(params) {
+    const { scenes, viewport = { width: 1920, height: 1080 }, fps = 60, scale = 1, filename = 'export.mp4', manifest = EMPTY_MANIFEST, onProgress, signal, wasmUrl, } = params;
+    if (scenes.length === 0)
+        return;
+    signal?.throwIfAborted();
+    const resolution = {
+        width: viewport.width * scale,
+        height: viewport.height * scale,
+    };
+    const frameDuration = 1 / fps;
+    const offscreenCanvas = document.createElement('canvas');
+    offscreenCanvas.width = resolution.width;
+    offscreenCanvas.height = resolution.height;
+    offscreenCanvas.style.display = 'none';
+    document.body.appendChild(offscreenCanvas);
+    const canvasKit = await getCanvasKit(wasmUrl);
+    const assetCatalog = new AssetCatalog(manifest);
+    const storageAdapter = new WebStorageAdapter(canvasKit, assetCatalog, viewport, fps);
+    const renderContext = new WebRenderContext(canvasKit, storageAdapter);
+    renderContext.mount(offscreenCanvas);
+    renderContext.pixelRatio = scale;
+    const precomp = new Precomp(scenes, viewport, fps, assetCatalog, renderContext).run();
+    const { totalFrames, totalDuration } = precomp;
+    const tracks = precomp.scenes.map(s => s.frameCount);
+    const stateEvaluator = new StateEvaluator(scenes, viewport, fps, assetCatalog, tracks);
+    const audioDevice = new NoopAudioDevice();
+    const assetManager = new AssetManager(precomp, storageAdapter, audioDevice);
+    // Collect audio requests with global offsets from precomp.
+    const sceneRequests = [];
+    for (const scene of precomp.scenes) {
+        const globalOffset = scene.startFrame / fps;
+        for (const req of scene.audioRequests) {
+            sceneRequests.push({ request: req, globalOffset });
+        }
+    }
+    const target = new BufferTarget();
+    const videoSource = new CanvasSource(offscreenCanvas, {
+        codec: 'avc',
+        bitrate: 10_000_000,
+    });
+    const output = new Output({ format: new Mp4OutputFormat(), target });
+    output.addVideoTrack(videoSource, { frameRate: fps });
+    let audioSource = null;
+    if (sceneRequests.length > 0) {
+        audioSource = new AudioBufferSource({ codec: 'aac', bitrate: 192_000 });
+        output.addAudioTrack(audioSource);
+    }
+    await output.start();
+    try {
+        let globalTime = 0;
+        for (let f = 0; f < totalFrames; f++) {
+            signal?.throwIfAborted();
+            await assetManager.loadAt(f);
+            stateEvaluator.stateAt(f);
+            stateEvaluator.layout(renderContext);
+            await renderContext.render(() => {
+                stateEvaluator.render(renderContext);
+            });
+            await videoSource.add(globalTime, frameDuration);
+            globalTime += frameDuration;
+            onProgress?.((f + 1) / totalFrames * (audioSource ? 0.85 : 1));
+            if ((f + 1) % 4 === 0)
+                await yieldToMain();
+        }
+        videoSource.close();
+        if (audioSource) {
+            const mixed = await mixAudio(sceneRequests, totalDuration);
+            if (mixed) {
+                await audioSource.add(mixed);
+            }
+            audioSource.close();
+            onProgress?.(0.97);
+        }
+        await output.finalize();
+        onProgress?.(1);
+    }
+    finally {
+        renderContext.dispose();
+        document.body.removeChild(offscreenCanvas);
+    }
+    const buffer = target.buffer;
+    if (!buffer)
+        throw new Error('Export produced no data');
+    const blob = new Blob([buffer], { type: 'video/mp4' });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+}
+//# sourceMappingURL=exporter.js.map

package/dist/exporter.js.map

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

package/dist/fills/conic-gradient.d.ts

@@ -0,0 +1,12 @@
+import type { ConicGradientFillResolved } from "@motion-script/core";
+import { FillRenderer, type FillRendererContext } from "./renderer";
+/**
+ * Builds and caches a sweep-gradient shader spanning a full revolution from
+ * `startAngle` (see linear-gradient for the caching pattern).
+ */
+export declare class ConicGradientFillRenderer extends FillRenderer<ConicGradientFillResolved> {
+    private cache;
+    applyPaint(fill: ConicGradientFillResolved, ctx: FillRendererContext): boolean;
+    dispose(): void;
+}
+//# sourceMappingURL=conic-gradient.d.ts.map

package/dist/fills/conic-gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conic-gradient.d.ts","sourceRoot":"","sources":["../../src/fills/conic-gradient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAWpE;;;GAGG;AACH,qBAAa,yBAA0B,SAAQ,YAAY,CAAC,yBAAyB,CAAC;IAClF,OAAO,CAAC,KAAK,CAA6B;IAE1C,UAAU,CAAC,IAAI,EAAE,yBAAyB,EAAE,GAAG,EAAE,mBAAmB,GAAG,OAAO;IAoC9E,OAAO,IAAI,IAAI;CAGlB"}

package/dist/fills/conic-gradient.js

@@ -0,0 +1,44 @@
+import { FillRenderer } from "./renderer";
+import { GradientShaderCache, toCkColors, pushNums } from "./gradient-cache";
+function normToPixel(nx, ny, bounds) {
+    const cx = (bounds.left + bounds.right) / 2;
+    const cy = (bounds.top + bounds.bottom) / 2;
+    const hw = (bounds.right - bounds.left) / 2;
+    const hh = (bounds.bottom - bounds.top) / 2;
+    return [cx + nx * hw, cy - ny * hh];
+}
+/**
+ * Builds and caches a sweep-gradient shader spanning a full revolution from
+ * `startAngle` (see linear-gradient for the caching pattern).
+ */
+export class ConicGradientFillRenderer extends FillRenderer {
+    cache = new GradientShaderCache();
+    applyPaint(fill, ctx) {
+        const ck = ctx.canvasKit;
+        const bounds = ctx.getShapeBounds();
+        if (!bounds)
+            return false;
+        const [cx, cy] = normToPixel(fill.center.x, fill.center.y, bounds);
+        const startAngle = fill.startAngle ?? 0;
+        const parts = ["C"];
+        pushNums(parts, [cx, cy, startAngle]);
+        for (const c of fill.colors)
+            pushNums(parts, c);
+        parts.push("|");
+        pushNums(parts, fill.stops);
+        const key = parts.join(",");
+        const shader = this.cache.get(key, () => {
+            const ckColors = toCkColors(ck, fill.colors);
+            const pos = fill.stops.length === ckColors.length
+                ? fill.stops
+                : ckColors.map((_, i) => i / (ckColors.length - 1));
+            return ck.Shader.MakeSweepGradient(cx, cy, ckColors, pos, ck.TileMode.Clamp, null, 0, startAngle, startAngle + 360);
+        });
+        ctx.paint.setShader(shader);
+        return true;
+    }
+    dispose() {
+        this.cache.dispose();
+    }
+}
+//# sourceMappingURL=conic-gradient.js.map

package/dist/fills/conic-gradient.js.map

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

package/dist/fills/filters/alpha.d.ts

@@ -0,0 +1,9 @@
+import type { CanvasKit } from "@motion-script/canvaskit";
+import type { AlphaFilter } from "@motion-script/core";
+import { ImageFillFilter } from "./filter";
+/** Scales the image's alpha channel by `value` via a 4×5 color matrix. */
+export declare class AlphaImageFillFilter extends ImageFillFilter<AlphaFilter> {
+    constructor();
+    makeImageFilter(filter: AlphaFilter, ck: CanvasKit): any;
+}
+//# sourceMappingURL=alpha.d.ts.map

package/dist/fills/filters/alpha.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.d.ts","sourceRoot":"","sources":["../../../src/fills/filters/alpha.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,0EAA0E;AAC1E,qBAAa,oBAAqB,SAAQ,eAAe,CAAC,WAAW,CAAC;;IAKlE,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG;CAa3D"}

package/dist/fills/filters/alpha.js

@@ -0,0 +1,21 @@
+import { ImageFillFilter } from "./filter";
+/** Scales the image's alpha channel by `value` via a 4×5 color matrix. */
+export class AlphaImageFillFilter extends ImageFillFilter {
+    constructor() {
+        super("alpha");
+    }
+    makeImageFilter(filter, ck) {
+        const a = Math.max(0, Math.min(1, filter.value));
+        const matrix = [
+            1, 0, 0, 0, 0,
+            0, 1, 0, 0, 0,
+            0, 0, 1, 0, 0,
+            0, 0, 0, a, 0,
+        ];
+        const colorFilter = ck.ColorFilter.MakeMatrix(matrix);
+        const imageFilter = ck.ImageFilter.MakeColorFilter(colorFilter, null);
+        colorFilter.delete();
+        return imageFilter;
+    }
+}
+//# sourceMappingURL=alpha.js.map

package/dist/fills/filters/alpha.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.js","sourceRoot":"","sources":["../../../src/fills/filters/alpha.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,0EAA0E;AAC1E,MAAM,OAAO,oBAAqB,SAAQ,eAA4B;IAClE;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAED,eAAe,CAAC,MAAmB,EAAE,EAAa;QAC9C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG;YACX,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;YACb,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;YACb,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;YACb,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;SAChB,CAAC;QACF,MAAM,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QACtD,MAAM,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,eAAe,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QACtE,WAAW,CAAC,MAAM,EAAE,CAAC;QACrB,OAAO,WAAW,CAAC;IACvB,CAAC;CACJ"}

package/dist/fills/filters/blur.d.ts

@@ -0,0 +1,9 @@
+import type { CanvasKit } from "@motion-script/canvaskit";
+import type { BlurFilter } from "@motion-script/core";
+import { ImageFillFilter } from "./filter";
+/** Gaussian blur; `value` is halved to map the spec's units to Skia's sigma. */
+export declare class BlurImageFillFilter extends ImageFillFilter<BlurFilter> {
+    constructor();
+    makeImageFilter(filter: BlurFilter, ck: CanvasKit): any;
+}
+//# sourceMappingURL=blur.d.ts.map

package/dist/fills/filters/blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../../src/fills/filters/blur.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,gFAAgF;AAChF,qBAAa,mBAAoB,SAAQ,eAAe,CAAC,UAAU,CAAC;;IAKhE,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG;CAI1D"}

package/dist/fills/filters/blur.js

@@ -0,0 +1,12 @@
+import { ImageFillFilter } from "./filter";
+/** Gaussian blur; `value` is halved to map the spec's units to Skia's sigma. */
+export class BlurImageFillFilter extends ImageFillFilter {
+    constructor() {
+        super("blur");
+    }
+    makeImageFilter(filter, ck) {
+        const sigma = filter.value / 2;
+        return ck.ImageFilter.MakeBlur(sigma, sigma, ck.TileMode.Decal, null);
+    }
+}
+//# sourceMappingURL=blur.js.map

package/dist/fills/filters/blur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.js","sourceRoot":"","sources":["../../../src/fills/filters/blur.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,gFAAgF;AAChF,MAAM,OAAO,mBAAoB,SAAQ,eAA2B;IAChE;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,eAAe,CAAC,MAAkB,EAAE,EAAa;QAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;QAC/B,OAAO,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1E,CAAC;CACJ"}

package/dist/fills/filters/color-adjustment.d.ts

@@ -0,0 +1,14 @@
+import type { CanvasKit } from "@motion-script/canvaskit";
+import type { ColorAdjustmentFilter } from "@motion-script/core";
+import { ImageFillFilter } from "./filter";
+/**
+ * Composes brightness/contrast/saturation/vibrance/temperature/tint/shadows/
+ * highlights into a single 4×5 color matrix (each enabled adjustment multiplies
+ * onto the running matrix, in that order). Returns null if nothing is set —
+ * vignette is intentionally unsupported since it needs spatial, not per-pixel, data.
+ */
+export declare class ColorAdjustmentImageFillFilter extends ImageFillFilter<ColorAdjustmentFilter> {
+    constructor();
+    makeImageFilter(filter: ColorAdjustmentFilter, ck: CanvasKit): any;
+}
+//# sourceMappingURL=color-adjustment.d.ts.map

package/dist/fills/filters/color-adjustment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-adjustment.d.ts","sourceRoot":"","sources":["../../../src/fills/filters/color-adjustment.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAyG3C;;;;;GAKG;AACH,qBAAa,8BAA+B,SAAQ,eAAe,CAAC,qBAAqB,CAAC;;IAKtF,eAAe,CAAC,MAAM,EAAE,qBAAqB,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG;CA2CrE"}

package/dist/fills/filters/color-adjustment.js

@@ -0,0 +1,147 @@
+import { ImageFillFilter } from "./filter";
+// ITU-R BT.709 luminance weights
+const LR = 0.2126, LG = 0.7152, LB = 0.0722;
+function identity() {
+    return [
+        1, 0, 0, 0, 0,
+        0, 1, 0, 0, 0,
+        0, 0, 1, 0, 0,
+        0, 0, 0, 1, 0,
+    ];
+}
+// Multiply two 4×5 color matrices: returns outer × inner (inner applied first).
+// Treats each as a 5×5 with implicit last row [0,0,0,0,1].
+function multiply(outer, inner) {
+    const out = new Array(20).fill(0);
+    for (let i = 0; i < 4; i++) {
+        for (let j = 0; j < 5; j++) {
+            let sum = 0;
+            for (let k = 0; k < 4; k++) {
+                sum += outer[i * 5 + k] * inner[k * 5 + j];
+            }
+            if (j === 4)
+                sum += outer[i * 5 + 4];
+            out[i * 5 + j] = sum;
+        }
+    }
+    return out;
+}
+function brightnessMatrix(b) {
+    return [
+        1, 0, 0, 0, b,
+        0, 1, 0, 0, b,
+        0, 0, 1, 0, b,
+        0, 0, 0, 1, 0,
+    ];
+}
+function contrastMatrix(c) {
+    const t = 0.5 * (1 - c);
+    return [
+        c, 0, 0, 0, t,
+        0, c, 0, 0, t,
+        0, 0, c, 0, t,
+        0, 0, 0, 1, 0,
+    ];
+}
+function saturationMatrix(s) {
+    const i = 1 - s;
+    return [
+        s + i * LR, i * LG, i * LB, 0, 0,
+        i * LR, s + i * LG, i * LB, 0, 0,
+        i * LR, i * LG, s + i * LB, 0, 0,
+        0, 0, 0, 1, 0,
+    ];
+}
+function temperatureMatrix(t) {
+    return [
+        1, 0, 0, 0, t * 0.1,
+        0, 1, 0, 0, 0,
+        0, 0, 1, 0, -t * 0.1,
+        0, 0, 0, 1, 0,
+    ];
+}
+function tintMatrix(t) {
+    // Positive = magenta (more R+B, less G); negative = green (more G, less R+B)
+    return [
+        1, 0, 0, 0, t * 0.05,
+        0, 1, 0, 0, -t * 0.1,
+        0, 0, 1, 0, t * 0.05,
+        0, 0, 0, 1, 0,
+    ];
+}
+// Lifts (positive) or crushes (negative) dark areas while keeping whites fixed.
+// r' = r*(1 - 0.2*s) + 0.2*s  →  at r=0: r'=0.2s; at r=1: r'=1
+function shadowsMatrix(s) {
+    const scale = 1 - 0.2 * s;
+    const offset = 0.2 * s;
+    return [
+        scale, 0, 0, 0, offset,
+        0, scale, 0, 0, offset,
+        0, 0, scale, 0, offset,
+        0, 0, 0, 1, 0,
+    ];
+}
+// Boosts (positive) or rolls off (negative) bright areas while keeping midtones fixed.
+// r' = r*(1 + 0.2*h) - 0.1*h  →  at r=0.5: r'=0.5; at r=1: r'=1+0.1h
+function highlightsMatrix(h) {
+    const scale = 1 + 0.2 * h;
+    const offset = -0.1 * h;
+    return [
+        scale, 0, 0, 0, offset,
+        0, scale, 0, 0, offset,
+        0, 0, scale, 0, offset,
+        0, 0, 0, 1, 0,
+    ];
+}
+/**
+ * Composes brightness/contrast/saturation/vibrance/temperature/tint/shadows/
+ * highlights into a single 4×5 color matrix (each enabled adjustment multiplies
+ * onto the running matrix, in that order). Returns null if nothing is set —
+ * vignette is intentionally unsupported since it needs spatial, not per-pixel, data.
+ */
+export class ColorAdjustmentImageFillFilter extends ImageFillFilter {
+    constructor() {
+        super("colorAdjustment");
+    }
+    makeImageFilter(filter, ck) {
+        let mat = identity();
+        let hasAdjustment = false;
+        const apply = (m) => {
+            mat = multiply(m, mat);
+            hasAdjustment = true;
+        };
+        const b = filter.brightness ?? 0;
+        if (b !== 0)
+            apply(brightnessMatrix(b));
+        const c = filter.contrast ?? 1;
+        if (c !== 1)
+            apply(contrastMatrix(c));
+        const s = filter.saturation ?? 1;
+        if (s !== 1)
+            apply(saturationMatrix(s));
+        // Vibrance: approximate as a lighter saturation pass (muted colors benefit more)
+        const v = filter.vibrance ?? 0;
+        if (v !== 0)
+            apply(saturationMatrix(1 + v * 0.7));
+        const temp = filter.temperature ?? 0;
+        if (temp !== 0)
+            apply(temperatureMatrix(temp));
+        const tint = filter.tint ?? 0;
+        if (tint !== 0)
+            apply(tintMatrix(tint));
+        const sh = filter.shadows ?? 0;
+        if (sh !== 0)
+            apply(shadowsMatrix(sh));
+        const hi = filter.highlights ?? 0;
+        if (hi !== 0)
+            apply(highlightsMatrix(hi));
+        // vignette requires spatial data — not implementable via color matrix
+        if (!hasAdjustment)
+            return null;
+        const colorFilter = ck.ColorFilter.MakeMatrix(mat);
+        const imageFilter = ck.ImageFilter.MakeColorFilter(colorFilter, null);
+        colorFilter.delete();
+        return imageFilter;
+    }
+}
+//# sourceMappingURL=color-adjustment.js.map

package/dist/fills/filters/color-adjustment.js.map

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

package/dist/fills/filters/color-matrix.d.ts

@@ -0,0 +1,9 @@
+import type { CanvasKit } from "@motion-script/canvaskit";
+import type { ColorMatrixFilter } from "@motion-script/core";
+import { ImageFillFilter } from "./filter";
+/** Applies an arbitrary user-supplied 4×5 color matrix verbatim. */
+export declare class ColorMatrixImageFillFilter extends ImageFillFilter<ColorMatrixFilter> {
+    constructor();
+    makeImageFilter(filter: ColorMatrixFilter, ck: CanvasKit): any;
+}
+//# sourceMappingURL=color-matrix.d.ts.map