@twick/core 0.11.0

package/lib/exporter/FFmpegExporter.js

@@ -0,0 +1,140 @@
+var _a;
+import { EventDispatcher } from '../events';
+import { download } from './download-videos';
+/**
+ * FFmpeg video exporter.
+ *
+ * @remarks
+ * Most of the export logic is handled on the server. This class communicates
+ * with the FFmpegBridge through a WebSocket connection which lets it invoke
+ * methods on the FFmpegExporterServer class.
+ *
+ * For example, calling the following method:
+ * ```ts
+ * async this.invoke('process', 7);
+ * ```
+ * Will invoke the `process` method on the FFmpegExporterServer class with `7`
+ * as the argument. The result of the method will be returned as a Promise.
+ *
+ * Before any methods can be invoked, the FFmpegExporterServer class must be
+ * initialized by invoking `start`.
+ */
+export class FFmpegExporterClient {
+    static async create(_, settings) {
+        return new _a(settings);
+    }
+    constructor(settings) {
+        if (settings.exporter.name !== _a.id) {
+            throw new Error('Invalid exporter');
+        }
+        this.settings = settings;
+        this.exporterOptions = settings.exporter.options;
+    }
+    async start() {
+        await this.invoke('start', this.settings);
+    }
+    async handleFrame(canvas) {
+        const blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
+        if (!blob) {
+            throw Error('Failed to convert canvas to Blob.');
+        }
+        const dataUrl = await this.blobToDataUrl(blob);
+        await this.invoke('handleFrame', {
+            data: dataUrl,
+        });
+    }
+    async blobToDataUrl(blob) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onloadend = () => resolve(reader.result);
+            reader.onerror = reject;
+            reader.readAsDataURL(blob);
+        });
+    }
+    async stop(result) {
+        await this.invoke('end', result);
+        await fetch('/twick-ffmpeg-decoder/finished', {
+            method: 'POST',
+            headers: {
+                // eslint-disable-next-line
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({}),
+        });
+    }
+    async kill() {
+        await this.invoke('kill', {});
+    }
+    async downloadVideos(assets) {
+        await download(assets);
+    }
+    async generateAudio(assets, startFrame, endFrame) {
+        await fetch('/audio-processing/generate-audio', {
+            method: 'POST',
+            body: JSON.stringify({
+                tempDir: `twick-${this.settings.name}-${this.settings.hiddenFolderId}`,
+                assets,
+                startFrame,
+                endFrame,
+                fps: this.settings.fps,
+            }),
+        });
+    }
+    async mergeMedia() {
+        const outputFilename = this.settings.name;
+        const tempDir = `twick-${this.settings.name}-${this.settings.hiddenFolderId}`;
+        const format = this.exporterOptions.format;
+        await fetch('/audio-processing/merge-media', {
+            method: 'POST',
+            body: JSON.stringify({
+                outputFilename,
+                tempDir,
+                format,
+            }),
+        });
+    }
+    /**
+     * Remotely invoke a method on the server and wait for a response.
+     *
+     * @param method - The method name to execute on the server.
+     * @param data - The data that will be passed as an argument to the method.
+     *               Should be serializable.
+     */
+    invoke(method, data) {
+        if (import.meta.hot) {
+            return new Promise((resolve, reject) => {
+                const handle = (response) => {
+                    if (response.method !== method) {
+                        return;
+                    }
+                    _a.response.unsubscribe(handle);
+                    if (response.status === 'success') {
+                        resolve(response.data);
+                    }
+                    else {
+                        reject({
+                            message: `An error occurred while exporting the video: ${response.message}`,
+                            remarks: `Method: ${method}<br>Server error: ${response.message}`,
+                            object: data,
+                        });
+                    }
+                };
+                _a.response.subscribe(handle);
+                import.meta.hot.send('twick:ffmpeg-exporter', { method, data });
+            });
+        }
+        else {
+            throw new Error('FFmpegExporter can only be used locally.');
+        }
+    }
+}
+_a = FFmpegExporterClient;
+FFmpegExporterClient.id = '@twick/core/ffmpeg';
+FFmpegExporterClient.displayName = 'Video (FFmpeg)';
+FFmpegExporterClient.response = new EventDispatcher();
+(() => {
+    if (import.meta.hot) {
+        import.meta.hot.on(`twick:ffmpeg-exporter-ack`, (response) => _a.response.dispatch(response));
+    }
+})();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRkZtcGVnRXhwb3J0ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZXhwb3J0ZXIvRkZtcGVnRXhwb3J0ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQU1BLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFFMUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLG1CQUFtQixDQUFDO0FBa0IzQzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxNQUFNLE9BQU8sb0JBQW9CO0lBT3hCLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQVUsRUFBRSxRQUEwQjtRQUMvRCxPQUFPLElBQUksRUFBb0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBYUQsWUFBbUIsUUFBMEI7UUFDM0MsSUFBSSxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxFQUFvQixDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ3ZELE1BQU0sSUFBSSxLQUFLLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUN0QyxDQUFDO1FBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDekIsSUFBSSxDQUFDLGVBQWUsR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQztJQUNuRCxDQUFDO0lBRU0sS0FBSyxDQUFDLEtBQUs7UUFDaEIsTUFBTSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVNLEtBQUssQ0FBQyxXQUFXLENBQUMsTUFBeUI7UUFDaEQsTUFBTSxJQUFJLEdBQUcsTUFBTSxJQUFJLE9BQU8sQ0FBYyxPQUFPLENBQUMsRUFBRSxDQUNwRCxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FDcEMsQ0FBQztRQUVGLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNWLE1BQU0sS0FBSyxDQUFD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

package/lib/exporter/ImageExporter.d.ts

@@ -0,0 +1,34 @@
+import type { Logger } from '../app/Logger';
+import type { Project } from '../app/Project';
+import type { AssetInfo, RendererSettings } from '../app/Renderer';
+import type { CanvasOutputMimeType } from '../types';
+import type { Exporter } from './Exporter';
+export interface ImageExporterOptions {
+    quality: number;
+    fileType: CanvasOutputMimeType;
+    groupByScene: boolean;
+}
+/**
+ * Image sequence exporter.
+ *
+ * @internal
+ */
+export declare class ImageExporter implements Exporter {
+    private readonly logger;
+    static readonly id = "@twick/core/image-sequence";
+    static readonly displayName = "Image sequence";
+    static create(project: Project, settings: RendererSettings): Promise<ImageExporter>;
+    private static readonly response;
+    private readonly frameLookup;
+    private readonly projectName;
+    private readonly quality;
+    private readonly fileType;
+    private readonly groupByScene;
+    constructor(logger: Logger, settings: RendererSettings);
+    start(): Promise<void>;
+    handleFrame(canvas: HTMLCanvasElement, frame: number, sceneFrame: number, sceneName: string, signal: AbortSignal): Promise<void>;
+    downloadVideos(assets: AssetInfo[][]): Promise<void>;
+    stop(): Promise<void>;
+    private handleResponse;
+}
+//# sourceMappingURL=ImageExporter.d.ts.map

package/lib/exporter/ImageExporter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageExporter.d.ts","sourceRoot":"","sources":["../../src/exporter/ImageExporter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAGjE,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,UAAU,CAAC;AACnD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAMzC,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC;CACvB;AAMD;;;;GAIG;AACH,qBAAa,aAAc,YAAW,QAAQ;IA4B1C,OAAO,CAAC,QAAQ,CAAC,MAAM;IA3BzB,gBAAuB,EAAE,gCAAgC;IACzD,gBAAuB,WAAW,oBAAoB;WAElC,MAAM,CACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,gBAAgB,GACzB,OAAO,CAAC,aAAa,CAAC;IAIzB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAyC;IAUzE,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAqB;IACjD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IACrC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAS;IACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAChD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAU;gBAGpB,MAAM,EAAE,MAAM,EAC/B,QAAQ,EAAE,gBAAgB;IAef,KAAK;IAIL,WAAW,CACtB,MAAM,EAAE,iBAAiB,EACzB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,WAAW;IA4BR,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAIpD,IAAI;IAOjB,OAAO,CAAC,cAAc,CAEpB;CACH"}

package/lib/exporter/ImageExporter.js

@@ -0,0 +1,80 @@
+var _a;
+import { EventDispatcher } from '../events';
+import { clamp } from '../tweening';
+import { download } from './download-videos';
+const EXPORT_FRAME_LIMIT = 256;
+const EXPORT_RETRY_DELAY = 1000;
+/**
+ * Image sequence exporter.
+ *
+ * @internal
+ */
+export class ImageExporter {
+    static async create(project, settings) {
+        return new _a(project.logger, settings);
+    }
+    constructor(logger, settings) {
+        this.logger = logger;
+        this.frameLookup = new Set();
+        this.handleResponse = ({ frame }) => {
+            this.frameLookup.delete(frame);
+        };
+        if (settings.exporter.name !== _a.id) {
+            throw new Error(`Invalid exporter name: ${settings.exporter.name}. Expected: ${_a.id}`);
+        }
+        const options = settings.exporter.options;
+        this.projectName = settings.name;
+        this.quality = clamp(0, 1, options.quality / 100);
+        this.fileType = options.fileType;
+        this.groupByScene = options.groupByScene;
+    }
+    async start() {
+        _a.response.subscribe(this.handleResponse);
+    }
+    async handleFrame(canvas, frame, sceneFrame, sceneName, signal) {
+        if (this.frameLookup.has(frame)) {
+            this.logger.warn(`Frame no. ${frame} is already being exported.`);
+            return;
+        }
+        if (import.meta.hot) {
+            while (this.frameLookup.size > EXPORT_FRAME_LIMIT) {
+                await new Promise(resolve => setTimeout(resolve, EXPORT_RETRY_DELAY));
+                if (signal.aborted) {
+                    return;
+                }
+            }
+            this.frameLookup.add(frame);
+            import.meta.hot.send('twick:export', {
+                frame,
+                sceneFrame,
+                data: canvas.toDataURL(this.fileType, this.quality),
+                mimeType: this.fileType,
+                subDirectories: this.groupByScene
+                    ? [this.projectName, sceneName]
+                    : [this.projectName],
+                groupByScene: this.groupByScene,
+            });
+        }
+    }
+    async downloadVideos(assets) {
+        await download(assets);
+    }
+    async stop() {
+        while (this.frameLookup.size > 0) {
+            await new Promise(resolve => setTimeout(resolve, EXPORT_RETRY_DELAY));
+        }
+        _a.response.unsubscribe(this.handleResponse);
+    }
+}
+_a = ImageExporter;
+ImageExporter.id = '@twick/core/image-sequence';
+ImageExporter.displayName = 'Image sequence';
+ImageExporter.response = new EventDispatcher();
+(() => {
+    if (import.meta.hot) {
+        import.meta.hot.on('twick:export-ack', response => {
+            _a.response.dispatch(response);
+        });
+    }
+})();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2VFeHBvcnRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leHBvcnRlci9JbWFnZUV4cG9ydGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFHQSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sV0FBVyxDQUFDO0FBQzFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsTUFBTSxhQUFhLENBQUM7QUFHbEMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLG1CQUFtQixDQUFDO0FBRTNDLE1BQU0sa0JBQWtCLEdBQUcsR0FBRyxDQUFDO0FBQy9CLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDO0FBWWhDOzs7O0dBSUc7QUFDSCxNQUFNLE9BQU8sYUFBYTtJQUlqQixNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FDeEIsT0FBZ0IsRUFDaEIsUUFBMEI7UUFFMUIsT0FBTyxJQUFJLEVBQWEsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ3JELENBQUM7SUFrQkQsWUFDbUIsTUFBYyxFQUMvQixRQUEwQjtRQURULFdBQU0sR0FBTixNQUFNLENBQVE7UUFQaEIsZ0JBQVcsR0FBRyxJQUFJLEdBQUcsRUFBVSxDQUFDO1FBdUV6QyxtQkFBYyxHQUFHLENBQUMsRUFBQyxLQUFLLEVBQWlCLEVBQUUsRUFBRTtZQUNuRCxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxDQUFDLENBQUM7UUEvREEsSUFBSSxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxFQUFhLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDaEQsTUFBTSxJQUFJLEtBQUssQ0FDYiwwQkFBMEIsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLGVBQWUsRUFBYSxDQUFDLEVBQUUsRUFBRSxDQUNsRixDQUFDO1FBQ0osQ0FBQztRQUVELE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FB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

package/lib/exporter/WasmExporter.d.ts

@@ -0,0 +1,19 @@
+import type { Project } from '../app/Project';
+import type { AssetInfo, RendererSettings } from '../app/Renderer';
+import type { Exporter } from './Exporter';
+export declare class WasmExporter implements Exporter {
+    private readonly project;
+    private readonly settings;
+    static readonly id = "@twick/core/wasm";
+    static readonly displayName = "Video (Wasm)";
+    static create(project: Project, settings: RendererSettings): Promise<WasmExporter>;
+    constructor(project: Project, settings: RendererSettings);
+    start(): Promise<void>;
+    private encoder;
+    handleFrame(canvas: HTMLCanvasElement): Promise<void>;
+    stop(): Promise<void>;
+    generateAudio(assets: AssetInfo[][], startFrame: number, endFrame: number): Promise<void>;
+    mergeMedia(): Promise<void>;
+    downloadVideos(assets: AssetInfo[][]): Promise<void>;
+}
+//# sourceMappingURL=WasmExporter.d.ts.map

package/lib/exporter/WasmExporter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WasmExporter.d.ts","sourceRoot":"","sources":["../../src/exporter/WasmExporter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AACjE,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAGzC,qBAAa,YAAa,YAAW,QAAQ;IASzC,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAT3B,gBAAuB,EAAE,sBAAsB;IAC/C,gBAAuB,WAAW,kBAAkB;WAEhC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB;gBAKpD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,gBAAgB;IAGhC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAenC,OAAO,CAAC,OAAO,CAAM;IAER,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAMrD,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAyBrB,aAAa,CACxB,MAAM,EAAE,SAAS,EAAE,EAAE,EACrB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC;IAcH,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAe3B,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;CAGlE"}

package/lib/exporter/WasmExporter.js

@@ -0,0 +1,78 @@
+import loadMp4Module from 'mp4-wasm';
+import { download } from './download-videos';
+export class WasmExporter {
+    static async create(project, settings) {
+        return new WasmExporter(project, settings);
+    }
+    constructor(project, settings) {
+        this.project = project;
+        this.settings = settings;
+    }
+    async start() {
+        const resp = await fetch('/@mp4-wasm');
+        const buffer = await resp.arrayBuffer();
+        const mp4 = await loadMp4Module({
+            wasmBinary: buffer,
+        });
+        this.encoder = mp4.createWebCodecsEncoder({
+            width: this.settings.size.x,
+            height: this.settings.size.y,
+            fps: this.project.settings.rendering.fps,
+        });
+    }
+    async handleFrame(canvas) {
+        const frame = new VideoFrame(canvas, { timestamp: 0 });
+        await this.encoder.addFrame(frame);
+        frame.close();
+    }
+    async stop() {
+        const buf = await this.encoder.end();
+        const formData = new FormData();
+        formData.append('file', new Blob([buf], { type: 'video/mp4' }), 'video.mp4');
+        formData.append('tempDir', `twick-${this.settings.name}-${this.settings.hiddenFolderId}`);
+        await fetch('/twick-ffmpeg-decoder/finished', {
+            method: 'POST',
+            headers: {
+                // eslint-disable-next-line
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({}),
+        });
+        await fetch('/uploadVideoFile', {
+            method: 'POST',
+            body: formData,
+        });
+    }
+    async generateAudio(assets, startFrame, endFrame) {
+        await fetch('/audio-processing/generate-audio', {
+            method: 'POST',
+            // TODO: add type and validate on the other side
+            body: JSON.stringify({
+                tempDir: `twick-${this.settings.name}-${this.settings.hiddenFolderId}`,
+                assets,
+                startFrame,
+                endFrame,
+                fps: this.settings.fps,
+            }),
+        });
+    }
+    async mergeMedia() {
+        const outputFilename = this.settings.name;
+        const tempDir = `twick-${this.settings.name}-${this.settings.hiddenFolderId}`;
+        await fetch('/audio-processing/merge-media', {
+            method: 'POST',
+            // TODO: add type and validate on the other side
+            body: JSON.stringify({
+                outputFilename,
+                tempDir,
+                format: 'mp4',
+            }),
+        });
+    }
+    async downloadVideos(assets) {
+        await download(assets);
+    }
+}
+WasmExporter.id = '@twick/core/wasm';
+WasmExporter.displayName = 'Video (Wasm)';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2FzbUV4cG9ydGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2V4cG9ydGVyL1dhc21FeHBvcnRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGFBQWEsTUFBTSxVQUFVLENBQUM7QUFJckMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLG1CQUFtQixDQUFDO0FBRTNDLE1BQU0sT0FBTyxZQUFZO0lBSWhCLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQWdCLEVBQUUsUUFBMEI7UUFDckUsT0FBTyxJQUFJLFlBQVksQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQ21CLE9BQWdCLEVBQ2hCLFFBQTBCO1FBRDFCLFlBQU8sR0FBUCxPQUFPLENBQVM7UUFDaEIsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7SUFDMUMsQ0FBQztJQUVHLEtBQUssQ0FBQyxLQUFLO1FBQ2hCLE1BQU0sSUFBSSxHQUFHLE1BQU0sS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3ZDLE1BQU0sTUFBTSxHQUFHLE1BQU0sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRXhDLE1BQU0sR0FBRyxHQUFHLE1BQU0sYUFBYSxDQUFDO1lBQzlCLFVBQVUsRUFBRSxNQUFNO1NBQ25CLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDLHNCQUFzQixDQUFDO1lBQ3hDLEtBQUssRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzNCLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzVCLEdBQUcsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRztTQUN6QyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBSU0sS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUF5QjtRQUNoRCxNQUFN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

package/lib/exporter/download-videos.d.ts

@@ -0,0 +1,3 @@
+import type { AssetInfo } from '../app';
+export declare function download(assets: AssetInfo[][]): Promise<void>;
+//# sourceMappingURL=download-videos.d.ts.map

package/lib/exporter/download-videos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"download-videos.d.ts","sourceRoot":"","sources":["../../src/exporter/download-videos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEtC,wBAAsB,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA0DnE"}

package/lib/exporter/download-videos.js

@@ -0,0 +1,45 @@
+export async function download(assets) {
+    const videoRanges = new Map();
+    assets.forEach(frameAssets => {
+        frameAssets.forEach(asset => {
+            if (asset.type !== 'video' || asset.decoder !== 'ffmpeg') {
+                return;
+            }
+            if (videoRanges.has(asset.src)) {
+                const range = videoRanges.get(asset.src);
+                range.start = Math.min(range.start, asset.currentTime);
+                range.end = Math.max(range.end, asset.currentTime);
+                return;
+            }
+            videoRanges.set(asset.src, {
+                start: asset.currentTime,
+                end: asset.currentTime,
+            });
+        });
+    });
+    const videoDurations = Array.from(videoRanges.entries()).map(([src, { start, end }]) => ({
+        src,
+        startTime: start,
+        endTime: end,
+    }));
+    videoDurations.forEach(({ src, startTime, endTime }) => {
+        console.log(`downloading ${src} from ${startTime}s to ${endTime}s`);
+    });
+    const response = await fetch('/twick-ffmpeg-decoder/download-video-chunks', {
+        method: 'POST',
+        headers: {
+            // eslint-disable-next-line
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(videoDurations),
+    });
+    if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+    }
+    const result = await response.json();
+    if (!result.success) {
+        throw new Error(`Error downloading video chunks: ${result.error}`);
+    }
+    console.log('finished downloading');
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG93bmxvYWQtdmlkZW9zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2V4cG9ydGVyL2Rvd25sb2FkLXZpZGVvcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQUMsS0FBSyxVQUFVLFFBQVEsQ0FBQyxNQUFxQjtJQUNsRCxNQUFNLFdBQVcsR0FBOEMsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUV6RSxNQUFNLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxFQUFFO1FBQzNCLFdBQVcsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDMUIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLE9BQU8sSUFBSSxLQUFLLENBQUMsT0FBTyxLQUFLLFFBQVEsRUFBRSxDQUFDO2dCQUN6RCxPQUFPO1lBQ1QsQ0FBQztZQUVELElBQUksV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztnQkFDL0IsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFFLENBQUM7Z0JBQzFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDdkQsS0FBSyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUNuRCxPQUFPO1lBQ1QsQ0FBQztZQUVELFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEdBQUcsRUFBRTtnQkFDekIsS0FBSyxFQUFFLEtBQUssQ0FBQyxXQUFXO2dCQUN4QixHQUFHLEVBQUUsS0FBSyxDQUFDLFdBQVc7YUFDdkIsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsR0FBRyxDQUMxRCxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUMsS0FBSyxFQUFFLEdBQUcsRUFBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDeEIsR0FBRztRQUNILFNBQVMsRUFBRSxLQUFLO1FBQ2hCLE9BQU8sRUFBRSxHQUFHO0tBQ2IsQ0FBQyxDQUNILENBQUM7SUFFRixjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBQyxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBQyxFQUFFLEVBQUU7UUFDbkQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxlQUFlLEdBQUcsU0FBUyxTQUFTLFFBQVEsT0FBTyxHQUFHLENBQUMsQ0FBQztJQUN0RSxDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sUUFBUSxHQUFHLE1BQU0sS0FBSyxDQUMxQiw2Q0FBNkMsRUFDN0M7UUFDRSxNQUFNLEVBQUUsTUFBTTtRQUNkLE9BQU8sRUFBRTtZQUNQLDJCQUEyQjtZQUMzQixjQUFjLEVBQUUsa0JBQWtCO1NBQ25DO1FBQ0QsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDO0tBQ3JDLENBQ0YsQ0FBQztJQUVGLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLENBQUM7UUFDakIsTUFBTSxJQUFJLEtBQUssQ0FBQyx1QkFBdUIsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVELE1BQU0sTUFBTSxHQUFHLE1BQU0sUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBRXJDLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDcEIsTUFBTSxJQUFJLEtBQUssQ0FBQyxtQ0FBbUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELE9BQU8sQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQztBQUN0QyxDQUFDIn0=

package/lib/exporter/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Exporter';
+export * from './FFmpegExporter';
+export * from './ImageExporter';
+export * from './WasmExporter';
+//# sourceMappingURL=index.d.ts.map

package/lib/exporter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/exporter/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/lib/exporter/index.js

@@ -0,0 +1,5 @@
+export * from './Exporter';
+export * from './FFmpegExporter';
+export * from './ImageExporter';
+export * from './WasmExporter';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZXhwb3J0ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZ0JBQWdCLENBQUMifQ==

package/lib/flow/all.d.ts

@@ -0,0 +1,18 @@
+import type { ThreadGenerator } from '../threading';
+/**
+ * Run all tasks concurrently and wait for all of them to finish.
+ *
+ * @example
+ * ```ts
+ * // current time: 0s
+ * yield* all(
+ *   rect.fill('#ff0000', 2),
+ *   rect.opacity(1, 1),
+ * );
+ * // current time: 2s
+ * ```
+ *
+ * @param tasks - A list of tasks to run.
+ */
+export declare function all(...tasks: ThreadGenerator[]): ThreadGenerator;
+//# sourceMappingURL=all.d.ts.map

package/lib/flow/all.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/flow/all.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAIlD;;;;;;;;;;;;;;GAcG;AACH,wBAAiB,GAAG,CAAC,GAAG,KAAK,EAAE,eAAe,EAAE,GAAG,eAAe,CAKjE"}

package/lib/flow/all.js

@@ -0,0 +1,25 @@
+import { decorate, threadable } from '../decorators';
+import { join } from './join';
+decorate(all, threadable());
+/**
+ * Run all tasks concurrently and wait for all of them to finish.
+ *
+ * @example
+ * ```ts
+ * // current time: 0s
+ * yield* all(
+ *   rect.fill('#ff0000', 2),
+ *   rect.opacity(1, 1),
+ * );
+ * // current time: 2s
+ * ```
+ *
+ * @param tasks - A list of tasks to run.
+ */
+export function* all(...tasks) {
+    for (const task of tasks) {
+        yield task;
+    }
+    yield* join(...tasks);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Zsb3cvYWxsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUUsVUFBVSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRW5ELE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxRQUFRLENBQUM7QUFFNUIsUUFBUSxDQUFDLEdBQUcsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO0FBQzVCOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsTUFBTSxTQUFTLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUF3QjtJQUM5QyxLQUFLLE1BQU0sSUFBSSxJQUFJLEtBQUssRUFBRSxDQUFDO1FBQ3pCLE1BQU0sSUFBSSxDQUFDO0lBQ2IsQ0FBQztJQUNELEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDO0FBQ3hCLENBQUMifQ==

package/lib/flow/any.d.ts

@@ -0,0 +1,18 @@
+import type { ThreadGenerator } from '../threading';
+/**
+ * Run all tasks concurrently and wait for any of them to finish.
+ *
+ * @example
+ * ```ts
+ * // current time: 0s
+ * yield* any(
+ *   rect.fill('#ff0000', 2),
+ *   rect.opacity(1, 1),
+ * );
+ * // current time: 1s
+ * ```
+ *
+ * @param tasks - A list of tasks to run.
+ */
+export declare function any(...tasks: ThreadGenerator[]): ThreadGenerator;
+//# sourceMappingURL=any.d.ts.map

package/lib/flow/any.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"any.d.ts","sourceRoot":"","sources":["../../src/flow/any.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAIlD;;;;;;;;;;;;;;GAcG;AACH,wBAAiB,GAAG,CAAC,GAAG,KAAK,EAAE,eAAe,EAAE,GAAG,eAAe,CAKjE"}

package/lib/flow/any.js

@@ -0,0 +1,25 @@
+import { decorate, threadable } from '../decorators';
+import { join } from './join';
+decorate(any, threadable());
+/**
+ * Run all tasks concurrently and wait for any of them to finish.
+ *
+ * @example
+ * ```ts
+ * // current time: 0s
+ * yield* any(
+ *   rect.fill('#ff0000', 2),
+ *   rect.opacity(1, 1),
+ * );
+ * // current time: 1s
+ * ```
+ *
+ * @param tasks - A list of tasks to run.
+ */
+export function* any(...tasks) {
+    for (const task of tasks) {
+        yield task;
+    }
+    yield* join(false, ...tasks);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW55LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Zsb3cvYW55LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUUsVUFBVSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRW5ELE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxRQUFRLENBQUM7QUFFNUIsUUFBUSxDQUFDLEdBQUcsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO0FBQzVCOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsTUFBTSxTQUFTLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUF3QjtJQUM5QyxLQUFLLE1BQU0sSUFBSSxJQUFJLEtBQUssRUFBRSxDQUFDO1FBQ3pCLE1BQU0sSUFBSSxDQUFDO0lBQ2IsQ0FBQztJQUNELEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsR0FBRyxLQUFLLENBQUMsQ0FBQztBQUMvQixDQUFDIn0=

package/lib/flow/chain.d.ts

@@ -0,0 +1,36 @@
+import type { ThreadGenerator } from '../threading';
+/**
+ * Run tasks one after another.
+ *
+ * @example
+ * ```ts
+ * // current time: 0s
+ * yield* chain(
+ *   rect.fill('#ff0000', 2),
+ *   rect.opacity(1, 1),
+ * );
+ * // current time: 3s
+ * ```
+ *
+ * Note that the same animation can be written as:
+ * ```ts
+ * yield* rect.fill('#ff0000', 2),
+ * yield* rect.opacity(1, 1),
+ * ```
+ *
+ * The reason `chain` exists is to make it easier to pass it to other flow
+ * functions. For example:
+ * ```ts
+ * yield* all(
+ *   rect.radius(20, 3),
+ *   chain(
+ *     rect.fill('#ff0000', 2),
+ *     rect.opacity(1, 1),
+ *   ),
+ * );
+ * ```
+ *
+ * @param tasks - A list of tasks to run.
+ */
+export declare function chain(...tasks: (ThreadGenerator | Callback)[]): ThreadGenerator;
+//# sourceMappingURL=chain.d.ts.map

package/lib/flow/chain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain.d.ts","sourceRoot":"","sources":["../../src/flow/chain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAGlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAiB,KAAK,CACpB,GAAG,KAAK,EAAE,CAAC,eAAe,GAAG,QAAQ,CAAC,EAAE,GACvC,eAAe,CAQjB"}

package/lib/flow/chain.js

@@ -0,0 +1,46 @@
+import { decorate, threadable } from '../decorators';
+decorate(chain, threadable());
+/**
+ * Run tasks one after another.
+ *
+ * @example
+ * ```ts
+ * // current time: 0s
+ * yield* chain(
+ *   rect.fill('#ff0000', 2),
+ *   rect.opacity(1, 1),
+ * );
+ * // current time: 3s
+ * ```
+ *
+ * Note that the same animation can be written as:
+ * ```ts
+ * yield* rect.fill('#ff0000', 2),
+ * yield* rect.opacity(1, 1),
+ * ```
+ *
+ * The reason `chain` exists is to make it easier to pass it to other flow
+ * functions. For example:
+ * ```ts
+ * yield* all(
+ *   rect.radius(20, 3),
+ *   chain(
+ *     rect.fill('#ff0000', 2),
+ *     rect.opacity(1, 1),
+ *   ),
+ * );
+ * ```
+ *
+ * @param tasks - A list of tasks to run.
+ */
+export function* chain(...tasks) {
+    for (const generator of tasks) {
+        if ('next' in generator) {
+            yield* generator;
+        }
+        else {
+            generator();
+        }
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZmxvdy9jaGFpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUduRCxRQUFRLENBQUMsS0FBSyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7QUFDOUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBZ0NHO0FBQ0gsTUFBTSxTQUFTLENBQUMsQ0FBQyxLQUFLLENBQ3BCLEdBQUcsS0FBcUM7SUFFeEMsS0FBSyxNQUFNLFNBQVMsSUFBSSxLQUFLLEVBQUUsQ0FBQztRQUM5QixJQUFJLE1BQU0sSUFBSSxTQUFTLEVBQUUsQ0FBQztZQUN4QixLQUFLLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDbkIsQ0FBQzthQUFNLENBQUM7WUFDTixTQUFTLEVBQUUsQ0FBQztRQUNkLENBQUM7SUFDSCxDQUFDO0FBQ0gsQ0FBQyJ9