frameyard 0.4.0 → 0.6.0

package/dist/preview/timeline-host.js

@@ -0,0 +1,297 @@
+function sourceSize(source, data) {
+    if (source.kind === "composition" || source.kind === "timeline") {
+        return { width: source.width, height: source.height };
+    }
+    return {
+        width: source.width ?? data.format.width,
+        height: source.height ?? data.format.height,
+    };
+}
+function clipBox(transform, stage) {
+    if (transform.width !== undefined && transform.height !== undefined) {
+        return { width: transform.width, height: transform.height };
+    }
+    return { width: stage.width, height: stage.height };
+}
+function fitScale(transform, source, box) {
+    if (transform.fit === "stretch") {
+        return {
+            x: box.width / source.width,
+            y: box.height / source.height,
+        };
+    }
+    const contain = transform.fit === "contain";
+    const raw = contain
+        ? Math.min(box.width / source.width, box.height / source.height)
+        : Math.max(box.width / source.width, box.height / source.height);
+    return { x: raw, y: raw };
+}
+function waitFor(predicate, timeout = 30_000) {
+    return new Promise((resolve, reject) => {
+        const started = performance.now();
+        const tick = () => {
+            const value = predicate();
+            if (value !== undefined) {
+                resolve(value);
+                return;
+            }
+            if (performance.now() - started > timeout) {
+                reject(new Error("Timed out waiting for a timeline source."));
+                return;
+            }
+            setTimeout(tick, 16);
+        };
+        tick();
+    });
+}
+function cloneProps(frame, props) {
+    if (props === undefined) {
+        return undefined;
+    }
+    const contentWindow = frame.contentWindow;
+    const serialized = JSON.stringify(props);
+    return contentWindow?.JSON ? contentWindow.JSON.parse(serialized) : JSON.parse(serialized);
+}
+function waitForVideo(video) {
+    if (video.readyState >= 2) {
+        video.pause();
+        return Promise.resolve();
+    }
+    return new Promise((resolve, reject) => {
+        video.addEventListener("loadeddata", () => {
+            video.pause();
+            resolve();
+        }, { once: true });
+        video.addEventListener("error", () => reject(new Error(`Could not load ${video.src}`)), { once: true });
+    });
+}
+function seekVideo(video, time) {
+    return new Promise((resolve, reject) => {
+        if (Math.abs(video.currentTime - time) <= 0.001 && video.readyState >= 2) {
+            requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+            return;
+        }
+        let onSeeked;
+        let onError;
+        const cleanup = () => {
+            video.removeEventListener("seeked", onSeeked);
+            video.removeEventListener("error", onError);
+        };
+        onSeeked = () => {
+            cleanup();
+            requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+        };
+        onError = () => {
+            cleanup();
+            reject(new Error(`Could not seek ${video.src}`));
+        };
+        video.addEventListener("seeked", onSeeked);
+        video.addEventListener("error", onError);
+        video.currentTime = time;
+    });
+}
+export function createTimelineHost(stage, data, options = {}) {
+    const maxCachedLayers = options.maxCachedLayers ?? 12;
+    const stageSize = { width: data.format.width, height: data.format.height };
+    stage.style.position = "relative";
+    stage.style.width = `${stageSize.width}px`;
+    stage.style.height = `${stageSize.height}px`;
+    stage.style.overflow = "hidden";
+    stage.style.background = options.background ?? data.background ?? "#000";
+    const visualClips = data.clips.filter((clip) => clip.source.kind !== "audio");
+    const layers = new Map();
+    let currentFrame = 0;
+    const disposeLayer = (layer) => {
+        const frame = layer.element instanceof HTMLIFrameElement ? layer.element : undefined;
+        if (frame) {
+            try {
+                const win = frame.contentWindow;
+                void win?.__fy?.dispose?.();
+                void win?.__fyTimeline?.dispose?.();
+            }
+            catch {
+                // Preview cleanup is best-effort.
+            }
+        }
+        layer.wrapper.remove();
+        layers.delete(layer.clip.id);
+    };
+    const ensureLayer = (clip) => {
+        const existing = layers.get(clip.id);
+        if (existing) {
+            return existing;
+        }
+        const source = clip.source;
+        const size = sourceSize(source, data);
+        const box = clipBox(clip.transform, stageSize);
+        const fit = fitScale(clip.transform, size, box);
+        const scale = clip.transform.width === undefined ? clip.transform.scale : 1;
+        const wrapper = document.createElement("div");
+        wrapper.className = "timeline-layer";
+        wrapper.style.width = `${box.width}px`;
+        wrapper.style.height = `${box.height}px`;
+        wrapper.style.overflow = "hidden";
+        wrapper.style.display = "none";
+        wrapper.style.opacity = String(clip.transform.opacity);
+        wrapper.style.transform = `translate(-50%, -50%) translate(${clip.transform.x}px, ${clip.transform.y}px) rotate(${clip.transform.rotation}deg) scale(${scale})`;
+        const place = (element) => {
+            element.style.position = "absolute";
+            element.style.left = "50%";
+            element.style.top = "50%";
+            element.style.transformOrigin = "center";
+            element.style.transform = `translate(-50%, -50%) scale(${fit.x}, ${fit.y})`;
+        };
+        let element;
+        let load;
+        if (source.kind === "composition" || source.kind === "timeline") {
+            const frame = document.createElement("iframe");
+            frame.src = source.url;
+            frame.width = String(size.width);
+            frame.height = String(size.height);
+            frame.style.width = `${size.width}px`;
+            frame.style.height = `${size.height}px`;
+            frame.style.border = "0";
+            // The preview pages are dark. Without this, Chromium gives an iframe that
+            // inherits the dark color scheme a white base behind transparent
+            // compositions.
+            frame.style.colorScheme = "normal";
+            frame.title = `${source.kind} ${source.id}`;
+            place(frame);
+            wrapper.append(frame);
+            stage.append(wrapper);
+            element = frame;
+            load = (async () => {
+                const loaded = await waitFor(() => {
+                    const frameWindow = frame.contentWindow;
+                    return (frameWindow?.__fy || frameWindow?.__fyTimeline || frameWindow?.__fyError || frameWindow?.__fyTimelineError);
+                });
+                if ("__fyError" in loaded) {
+                    throw new Error(loaded.message ?? `${source.kind} failed to initialize.`);
+                }
+                if (source.kind === "composition") {
+                    const api = await waitFor(() => frame.contentWindow?.__fy);
+                    await api.ready;
+                    await api.load({ props: cloneProps(frame, clip.props) });
+                }
+                else {
+                    const api = await waitFor(() => frame.contentWindow?.__fyTimeline);
+                    await api.ready;
+                    await api.load();
+                }
+            })();
+        }
+        else if (source.kind === "video") {
+            const video = document.createElement("video");
+            video.src = source.url;
+            video.width = size.width;
+            video.height = size.height;
+            video.style.width = `${size.width}px`;
+            video.style.height = `${size.height}px`;
+            video.muted = true;
+            video.playsInline = true;
+            video.preload = "auto";
+            place(video);
+            wrapper.append(video);
+            stage.append(wrapper);
+            element = video;
+            load = waitForVideo(video);
+        }
+        else {
+            const image = document.createElement("img");
+            image.src = source.url;
+            image.width = size.width;
+            image.height = size.height;
+            image.style.width = `${size.width}px`;
+            image.style.height = `${size.height}px`;
+            image.alt = "";
+            place(image);
+            wrapper.append(image);
+            stage.append(wrapper);
+            element = image;
+            load = image.decode().catch(() => undefined);
+        }
+        const layer = { clip, wrapper, element, load, lastActive: -1 };
+        layers.set(clip.id, layer);
+        return layer;
+    };
+    const seek = async (target) => {
+        const frame = Math.max(0, Math.min(data.durationInFrames - 1, Math.floor(target)));
+        currentFrame = frame;
+        const active = visualClips.filter((clip) => clip.start <= frame && frame < clip.end);
+        const activeIds = new Set(active.map((clip) => clip.id));
+        const activeLayers = active.map((clip) => ensureLayer(clip));
+        await Promise.all(activeLayers.map((layer) => layer.load));
+        for (const layer of activeLayers) {
+            layer.lastActive = frame;
+            layer.wrapper.style.display = "block";
+            const clip = layer.clip;
+            const localFrame = clip.sourceIn + (frame - clip.start);
+            if (clip.source.kind === "composition" || clip.source.kind === "timeline") {
+                const contentWindow = layer.element.contentWindow;
+                if (!contentWindow) {
+                    continue;
+                }
+                if (clip.source.kind === "composition") {
+                    const api = contentWindow.__fy;
+                    if (api) {
+                        api.seek(localFrame);
+                        await api.settle();
+                    }
+                }
+                else {
+                    const api = contentWindow.__fyTimeline;
+                    if (api) {
+                        await api.seek(localFrame);
+                        await api.settle();
+                    }
+                }
+            }
+            else if (clip.source.kind === "video") {
+                await seekVideo(layer.element, localFrame / data.format.fps + 0.001);
+            }
+        }
+        for (const layer of layers.values()) {
+            if (!activeIds.has(layer.clip.id)) {
+                layer.wrapper.style.display = "none";
+            }
+        }
+        for (const clip of visualClips) {
+            if (clip.start > frame && clip.start <= frame + data.format.fps * 2 && !layers.has(clip.id)) {
+                const prefetched = ensureLayer(clip);
+                void prefetched.load.catch(() => disposeLayer(prefetched));
+            }
+        }
+        if (layers.size > maxCachedLayers) {
+            const inactive = [...layers.values()]
+                .filter((layer) => !activeIds.has(layer.clip.id))
+                .sort((left, right) => left.lastActive - right.lastActive);
+            while (layers.size > maxCachedLayers && inactive.length > 0) {
+                const layer = inactive.shift();
+                if (layer) {
+                    disposeLayer(layer);
+                }
+            }
+        }
+    };
+    return {
+        format: data.format,
+        durationInFrames: data.durationInFrames,
+        get frame() {
+            return currentFrame;
+        },
+        ready: Promise.resolve(),
+        async load() {
+            // Layers are loaded on demand around the playhead.
+        },
+        seek,
+        async settle() {
+            await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));
+        },
+        async dispose() {
+            for (const layer of Array.from(layers.values())) {
+                disposeLayer(layer);
+            }
+        },
+    };
+}
+//# sourceMappingURL=timeline-host.js.map

package/dist/preview/timeline-host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-host.js","sourceRoot":"","sources":["../../src/preview/timeline-host.ts"],"names":[],"mappings":"AAyDA,SAAS,UAAU,CAAC,MAA6B,EAAE,IAAyB;IAC1E,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAChE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;IACxD,CAAC;IACD,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK;QACxC,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM;KAC5C,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CACd,SAAmC,EACnC,KAAwC;IAExC,IAAI,SAAS,CAAC,KAAK,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QACpE,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC;IAC9D,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACtD,CAAC;AAED,SAAS,QAAQ,CACf,SAAmC,EACnC,MAAyC,EACzC,GAAsC;IAEtC,IAAI,SAAS,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO;YACL,CAAC,EAAE,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;YAC3B,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM;SAC9B,CAAC;IACJ,CAAC;IACD,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,KAAK,SAAS,CAAC;IAC5C,MAAM,GAAG,GAAG,OAAO;QACjB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAChE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACnE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;AAC5B,CAAC;AAED,SAAS,OAAO,CAAI,SAA8B,EAAE,OAAO,GAAG,MAAM;IAClE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAClC,MAAM,IAAI,GAAG,GAAS,EAAE;YACtB,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;YAC1B,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,OAAO,CAAC,KAAK,CAAC,CAAC;gBACf,OAAO;YACT,CAAC;YACD,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC;gBAC1C,MAAM,CAAC,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC,CAAC;gBAC9D,OAAO;YACT,CAAC;YACD,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,IAAI,EAAE,CAAC;IACT,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,UAAU,CAAC,KAAwB,EAAE,KAAc;IAC1D,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,MAAM,aAAa,GAAG,KAAK,CAAC,aAAiD,CAAC;IAC9E,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACzC,OAAO,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;AAC7F,CAAC;AAED,SAAS,YAAY,CAAC,KAAuB;IAC3C,IAAI,KAAK,CAAC,UAAU,IAAI,CAAC,EAAE,CAAC;QAC1B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;IACD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,KAAK,CAAC,gBAAgB,CACpB,YAAY,EACZ,GAAG,EAAE;YACH,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,EAAE,CAAC;QACZ,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;QACF,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,kBAAkB,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1G,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,KAAuB,EAAE,IAAY;IACtD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAAC,EAAE,CAAC;YACzE,qBAAqB,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;YACpE,OAAO;QACT,CAAC;QACD,IAAI,QAAoB,CAAC;QACzB,IAAI,OAAmB,CAAC;QACxB,MAAM,OAAO,GAAG,GAAS,EAAE;YACzB,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC9C,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9C,CAAC,CAAC;QACF,QAAQ,GAAG,GAAS,EAAE;YACpB,OAAO,EAAE,CAAC;YACV,qBAAqB,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QACtE,CAAC,CAAC;QACF,OAAO,GAAG,GAAS,EAAE;YACnB,OAAO,EAAE,CAAC;YACV,MAAM,CAAC,IAAI,KAAK,CAAC,kBAAkB,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACnD,CAAC,CAAC;QACF,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC3C,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACzC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAC3B,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,KAAkB,EAClB,IAAyB,EACzB,UAA+B,EAAE;IAEjC,MAAM,eAAe,GAAG,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC;IACtD,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IAC3E,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAClC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,SAAS,CAAC,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC;IAC7C,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAChC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC;IAEzE,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;IAC9E,MAAM,MAAM,GAAG,IAAI,GAAG,EAAiB,CAAC;IACxC,IAAI,YAAY,GAAG,CAAC,CAAC;IAErB,MAAM,YAAY,GAAG,CAAC,KAAY,EAAQ,EAAE;QAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,YAAY,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QACrF,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC;gBACH,MAAM,GAAG,GAAG,KAAK,CAAC,aAAiD,CAAC;gBACpE,KAAK,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;gBAC5B,KAAK,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,CAAC;YACtC,CAAC;YAAC,MAAM,CAAC;gBACP,kCAAkC;YACpC,CAAC;QACH,CAAC;QACD,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAyB,EAAS,EAAE;QACvD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACtC,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC/C,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC;QACrC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC;QACvC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC;QACzC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC/B,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACvD,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,mCAAmC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,cAAc,IAAI,CAAC,SAAS,CAAC,QAAQ,cAAc,KAAK,GAAG,CAAC;QAEhK,MAAM,KAAK,GAAG,CAAC,OAAoB,EAAQ,EAAE;YAC3C,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YACpC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;YAC3B,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;YAC1B,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ,CAAC;YACzC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,+BAA+B,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC;QAC9E,CAAC,CAAC;QAEF,IAAI,OAAgE,CAAC;QACrE,IAAI,IAAmB,CAAC;QAExB,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAChE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC/C,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACnC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;YACtC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;YACxC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;YACzB,0EAA0E;YAC1E,iEAAiE;YACjE,gBAAgB;YAChB,KAAK,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;YACnC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;YAC5C,KAAK,CAAC,KAAK,CAAC,CAAC;YACb,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACtB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACtB,OAAO,GAAG,KAAK,CAAC;YAChB,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE;gBACjB,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,GAAG,EAAE;oBAChC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAiD,CAAC;oBAC5E,OAAO,CACL,WAAW,EAAE,IAAI,IAAI,WAAW,EAAE,YAAY,IAAI,WAAW,EAAE,SAAS,IAAI,WAAW,EAAE,iBAAiB,CAC3G,CAAC;gBACJ,CAAC,CAAC,CAAC;gBACH,IAAI,WAAW,IAAK,MAAiB,EAAE,CAAC;oBACtC,MAAM,IAAI,KAAK,CAAE,MAA+B,CAAC,OAAO,IAAI,GAAG,MAAM,CAAC,IAAI,wBAAwB,CAAC,CAAC;gBACtG,CAAC;gBACD,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;oBAClC,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,GAAG,EAAE,CAAE,KAAK,CAAC,aAAkD,EAAE,IAAI,CAAC,CAAC;oBACjG,MAAM,GAAG,CAAC,KAAK,CAAC;oBAChB,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBAC3D,CAAC;qBAAM,CAAC;oBACN,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,GAAG,EAAE,CAAE,KAAK,CAAC,aAAkD,EAAE,YAAY,CAAC,CAAC;oBACzG,MAAM,GAAG,CAAC,KAAK,CAAC;oBAChB,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;gBACnB,CAAC;YACH,CAAC,CAAC,EAAE,CAAC;QACP,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC9C,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACzB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC3B,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;YACtC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;YACxC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YACnB,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;YACzB,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACvB,KAAK,CAAC,KAAK,CAAC,CAAC;YACb,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACtB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACtB,OAAO,GAAG,KAAK,CAAC;YAChB,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC5C,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACzB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC3B,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;YACtC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;YACxC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;YACf,KAAK,CAAC,KAAK,CAAC,CAAC;YACb,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACtB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACtB,OAAO,GAAG,KAAK,CAAC;YAChB,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;QAC/C,CAAC;QAED,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC;QACtE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,EAAE,MAAc,EAAiB,EAAE;QACnD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnF,YAAY,GAAG,KAAK,CAAC;QACrB,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QACrF,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAEzD,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,MAAM,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAE3D,KAAK,MAAM,KAAK,IAAI,YAAY,EAAE,CAAC;YACjC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;YACzB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YACtC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;YACxB,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;YACxD,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,aAAa,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC1E,MAAM,aAAa,GAAI,KAAK,CAAC,OAA6B,CAAC,aAAiD,CAAC;gBAC7G,IAAI,CAAC,aAAa,EAAE,CAAC;oBACnB,SAAS;gBACX,CAAC;gBACD,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;oBACvC,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC;oBAC/B,IAAI,GAAG,EAAE,CAAC;wBACR,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;wBACrB,MAAM,GAAG,CAAC,MAAM,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,MAAM,GAAG,GAAG,aAAa,CAAC,YAAY,CAAC;oBACvC,IAAI,GAAG,EAAE,CAAC;wBACR,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;wBAC3B,MAAM,GAAG,CAAC,MAAM,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC;YACH,CAAC;iBAAM,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBACxC,MAAM,SAAS,CAAC,KAAK,CAAC,OAA2B,EAAE,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;YAC3F,CAAC;QACH,CAAC;QAED,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;gBAClC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACvC,CAAC;QACH,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;YAC/B,IAAI,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC5F,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;gBACrC,KAAK,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC;QAED,IAAI,MAAM,CAAC,IAAI,GAAG,eAAe,EAAE,CAAC;YAClC,MAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;iBAClC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;iBAChD,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;YAC7D,OAAO,MAAM,CAAC,IAAI,GAAG,eAAe,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5D,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;gBAC/B,IAAI,KAAK,EAAE,CAAC;oBACV,YAAY,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;QACvC,IAAI,KAAK;YACP,OAAO,YAAY,CAAC;QACtB,CAAC;QACD,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE;QACxB,KAAK,CAAC,IAAI;YACR,mDAAmD;QACrD,CAAC;QACD,IAAI;QACJ,KAAK,CAAC,MAAM;YACV,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QAC5G,CAAC;QACD,KAAK,CAAC,OAAO;YACX,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC;gBAChD,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/preview/timeline-main.d.ts

@@ -0,0 +1,17 @@
+import type { TimelinePreviewData } from "./timeline-data.js";
+interface TimelineHostApi {
+    ready: Promise<void>;
+    format: TimelinePreviewData["format"];
+    durationInFrames: number;
+    load(): Promise<void>;
+    seek(frame: number): Promise<void>;
+    settle(): Promise<void>;
+    dispose(): Promise<void>;
+}
+declare global {
+    interface Window {
+        __fyTimeline?: TimelineHostApi;
+    }
+}
+export {};
+//# sourceMappingURL=timeline-main.d.ts.map

package/dist/preview/timeline-main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-main.d.ts","sourceRoot":"","sources":["../../src/preview/timeline-main.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiD,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE7G,UAAU,eAAe;IACvB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACtC,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,YAAY,CAAC,EAAE,eAAe,CAAC;KAChC;CACF"}