@swmansion/smelter-browser-render 0.2.1 → 0.2.2-next.0

package/dist/index.d.ts

@@ -8,6 +8,7 @@ declare const loadWasmModule: (wasmModuleUrl: string) => Promise<void>;
 
 type Resolution = Api.Resolution;
 type ImageSpec = Required<Pick<Api.ImageSpec, 'asset_type' | 'url'>>;
+type ShaderSpec = Api.ShaderSpec;
 type Component = Extract<Api.Component, {
     type: 'input_stream' | 'view' | 'rescaler' | 'image' | 'text' | 'tiles';
 }>;
@@ -20,35 +21,38 @@ type RendererOptions = {
      * A timeout that defines when the smelter should switch to fallback on the input stream that stopped sending frames.
      */
     streamFallbackTimeoutMs: number;
-    logger_level?: 'error' | 'warn' | 'info' | 'debug' | 'trace';
+    loggerLevel?: 'error' | 'warn' | 'info' | 'debug' | 'trace';
 };
-type FrameSet = {
+type InputFrameSet = {
     ptsMs: number;
-    frames: {
-        [id: string]: Frame;
-    };
+    frames: Record<string, InputFrame>;
 };
-type Frame = {
+type OutputFrameSet = {
+    ptsMs: number;
+    frames: Record<string, OutputFrame>;
+};
+type InputFrame = {
+    readonly frame: VideoFrame | HTMLVideoElement;
+    readonly ptsMs: number;
+};
+type OutputFrame = {
     resolution: Resolution;
-    format: FrameFormat;
     data: Uint8ClampedArray;
 };
-declare enum FrameFormat {
-    RGBA_BYTES = "RGBA_BYTES",
-    YUV_BYTES = "YUV_BYTES"
-}
 declare class Renderer {
     private renderer;
     private constructor();
     static create(options: RendererOptions): Promise<Renderer>;
-    render(input: FrameSet): FrameSet;
-    updateScene(outputId: OutputId, resolution: Resolution, scene: Component): void;
-    registerInput(inputId: InputId): void;
+    render(input: InputFrameSet): Promise<OutputFrameSet>;
+    updateScene(outputId: OutputId, resolution: Resolution, scene: Component): Promise<void>;
+    registerInput(inputId: InputId): Promise<void>;
     registerImage(rendererId: RendererId, imageSpec: ImageSpec): Promise<void>;
+    registerShader(rendererId: RendererId, shaderSpec: ShaderSpec): Promise<void>;
     registerFont(fontUrl: string): Promise<void>;
-    unregisterInput(inputId: InputId): void;
-    unregisterImage(rendererId: RendererId): void;
-    unregisterOutput(outputId: OutputId): void;
+    unregisterInput(inputId: InputId): Promise<void>;
+    unregisterImage(rendererId: RendererId): Promise<void>;
+    unregisterShader(rendererId: RendererId): Promise<void>;
+    unregisterOutput(outputId: OutputId): Promise<void>;
 }
 
-export { type Component, type Frame, FrameFormat, type FrameSet, type ImageSpec, type InputId, type OutputId, Renderer, type RendererId, type RendererOptions, type Resolution, loadWasmModule };
+export { type Component, type ImageSpec, type InputFrame, type InputFrameSet, type InputId, type OutputFrame, type OutputFrameSet, type OutputId, Renderer, type RendererId, type RendererOptions, type Resolution, type ShaderSpec, loadWasmModule };

package/dist/index.js

@@ -74,14 +74,6 @@ function getDataViewMemory0() {
     return cachedDataViewMemory0;
 }
 
-const cachedTextDecoder = (typeof TextDecoder !== 'undefined' ? new TextDecoder('utf-8', { ignoreBOM: true, fatal: true }) : { decode: () => { throw Error('TextDecoder not available') } } );
-
-if (typeof TextDecoder !== 'undefined') { cachedTextDecoder.decode(); }
-function getStringFromWasm0(ptr, len) {
-    ptr = ptr >>> 0;
-    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
-}
-
 function addToExternrefTable0(obj) {
     const idx = wasm.__externref_table_alloc();
     wasm.__wbindgen_export_4.set(idx, obj);
@@ -97,6 +89,14 @@ function handleError(f, args) {
     }
 }
 
+const cachedTextDecoder = (typeof TextDecoder !== 'undefined' ? new TextDecoder('utf-8', { ignoreBOM: true, fatal: true }) : { decode: () => { throw Error('TextDecoder not available') } } );
+
+if (typeof TextDecoder !== 'undefined') { cachedTextDecoder.decode(); }
+function getStringFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
 let cachedFloat32ArrayMemory0 = null;
 
 function getFloat32ArrayMemory0() {
@@ -139,6 +139,11 @@ function getArrayU32FromWasm0(ptr, len) {
     return getUint32ArrayMemory0().subarray(ptr / 4, ptr / 4 + len);
 }
 
+function getArrayU8FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
+}
+
 function isLikeNone(x) {
     return x === undefined || x === null;
 }
@@ -262,92 +267,18 @@ function create_renderer(options) {
     return ret;
 }
 
-function _assertClass(instance, klass) {
-    if (!(instance instanceof klass)) {
-        throw new Error(`expected instance of ${klass.name}`);
-    }
-}
-
-function takeFromExternrefTable0(idx) {
-    const value = wasm.__wbindgen_export_4.get(idx);
-    wasm.__externref_table_dealloc(idx);
-    return value;
-}
-function __wbg_adapter_54(arg0, arg1, arg2) {
-    wasm.closure549_externref_shim(arg0, arg1, arg2);
+function __wbg_adapter_60(arg0, arg1, arg2) {
+    wasm.closure1064_externref_shim(arg0, arg1, arg2);
 }
 
-function __wbg_adapter_718(arg0, arg1, arg2, arg3) {
-    wasm.closure2694_externref_shim(arg0, arg1, arg2, arg3);
+function __wbg_adapter_739(arg0, arg1, arg2, arg3) {
+    wasm.closure3248_externref_shim(arg0, arg1, arg2, arg3);
 }
 
 const __wbindgen_enum_RequestCredentials = ["omit", "same-origin", "include"];
 
 const __wbindgen_enum_RequestMode = ["same-origin", "no-cors", "cors", "navigate"];
 
-const FrameSetFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_frameset_free(ptr >>> 0, 1));
-
-class FrameSet {
-
-    static __wrap(ptr) {
-        ptr = ptr >>> 0;
-        const obj = Object.create(FrameSet.prototype);
-        obj.__wbg_ptr = ptr;
-        FrameSetFinalization.register(obj, obj.__wbg_ptr, obj);
-        return obj;
-    }
-
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        FrameSetFinalization.unregister(this);
-        return ptr;
-    }
-
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_frameset_free(ptr, 0);
-    }
-    /**
-     * @returns {number}
-     */
-    get pts_ms() {
-        const ret = wasm.__wbg_get_frameset_pts_ms(this.__wbg_ptr);
-        return ret;
-    }
-    /**
-     * @param {number} arg0
-     */
-    set pts_ms(arg0) {
-        wasm.__wbg_set_frameset_pts_ms(this.__wbg_ptr, arg0);
-    }
-    /**
-     * @param {number} pts_ms
-     * @param {Map<any, any>} frames
-     */
-    constructor(pts_ms, frames) {
-        const ret = wasm.frameset_new(pts_ms, frames);
-        this.__wbg_ptr = ret >>> 0;
-        FrameSetFinalization.register(this, this.__wbg_ptr, this);
-        return this;
-    }
-    /**
-     * @returns {Map<any, any>}
-     */
-    get frames() {
-        const ret = wasm.frameset_frames(this.__wbg_ptr);
-        return ret;
-    }
-    /**
-     * @param {Map<any, any>} frames
-     */
-    set frames(frames) {
-        wasm.frameset_set_frames(this.__wbg_ptr, frames);
-    }
-}
-
 const SmelterRendererFinalization = (typeof FinalizationRegistry === 'undefined')
     ? { register: () => {}, unregister: () => {} }
     : new FinalizationRegistry(ptr => wasm.__wbg_smelterrenderer_free(ptr >>> 0, 1));
@@ -374,38 +305,34 @@ class SmelterRenderer {
         wasm.__wbg_smelterrenderer_free(ptr, 0);
     }
     /**
-     * @param {FrameSet} input
-     * @returns {FrameSet}
+     * @param {InputFrameSet} input
+     * @returns {Promise<OutputFrameSet>}
      */
     render(input) {
-        _assertClass(input, FrameSet);
-        var ptr0 = input.__destroy_into_raw();
-        const ret = wasm.smelterrenderer_render(this.__wbg_ptr, ptr0);
-        if (ret[2]) {
-            throw takeFromExternrefTable0(ret[1]);
-        }
-        return FrameSet.__wrap(ret[0]);
+        const ret = wasm.smelterrenderer_render(this.__wbg_ptr, input);
+        return ret;
     }
     /**
      * @param {string} output_id
      * @param {any} resolution
      * @param {any} scene
+     * @returns {Promise<void>}
      */
     update_scene(output_id, resolution, scene) {
         const ptr0 = passStringToWasm0(output_id, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
         const len0 = WASM_VECTOR_LEN;
         const ret = wasm.smelterrenderer_update_scene(this.__wbg_ptr, ptr0, len0, resolution, scene);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
+        return ret;
     }
     /**
      * @param {string} input_id
+     * @returns {Promise<void>}
      */
     register_input(input_id) {
         const ptr0 = passStringToWasm0(input_id, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
         const len0 = WASM_VECTOR_LEN;
-        wasm.smelterrenderer_register_input(this.__wbg_ptr, ptr0, len0);
+        const ret = wasm.smelterrenderer_register_input(this.__wbg_ptr, ptr0, len0);
+        return ret;
     }
     /**
      * @param {string} renderer_id
@@ -418,6 +345,17 @@ class SmelterRenderer {
         const ret = wasm.smelterrenderer_register_image(this.__wbg_ptr, ptr0, len0, image_spec);
         return ret;
     }
+    /**
+     * @param {string} shader_id
+     * @param {any} shader_spec
+     * @returns {Promise<void>}
+     */
+    register_shader(shader_id, shader_spec) {
+        const ptr0 = passStringToWasm0(shader_id, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.smelterrenderer_register_shader(this.__wbg_ptr, ptr0, len0, shader_spec);
+        return ret;
+    }
     /**
      * @param {string} font_url
      * @returns {Promise<void>}
@@ -430,30 +368,43 @@ class SmelterRenderer {
     }
     /**
      * @param {string} input_id
+     * @returns {Promise<void>}
      */
     unregister_input(input_id) {
         const ptr0 = passStringToWasm0(input_id, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
         const len0 = WASM_VECTOR_LEN;
-        wasm.smelterrenderer_unregister_input(this.__wbg_ptr, ptr0, len0);
+        const ret = wasm.smelterrenderer_unregister_input(this.__wbg_ptr, ptr0, len0);
+        return ret;
     }
     /**
      * @param {string} output_id
+     * @returns {Promise<void>}
      */
     unregister_output(output_id) {
         const ptr0 = passStringToWasm0(output_id, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
         const len0 = WASM_VECTOR_LEN;
-        wasm.smelterrenderer_unregister_output(this.__wbg_ptr, ptr0, len0);
+        const ret = wasm.smelterrenderer_unregister_output(this.__wbg_ptr, ptr0, len0);
+        return ret;
     }
     /**
      * @param {string} renderer_id
+     * @returns {Promise<void>}
      */
     unregister_image(renderer_id) {
         const ptr0 = passStringToWasm0(renderer_id, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
         const len0 = WASM_VECTOR_LEN;
         const ret = wasm.smelterrenderer_unregister_image(this.__wbg_ptr, ptr0, len0);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
-        }
+        return ret;
+    }
+    /**
+     * @param {string} renderer_id
+     * @returns {Promise<void>}
+     */
+    unregister_shader(renderer_id) {
+        const ptr0 = passStringToWasm0(renderer_id, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.smelterrenderer_unregister_shader(this.__wbg_ptr, ptr0, len0);
+        return ret;
     }
 }
 
@@ -507,6 +458,10 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_activeTexture_460f2e367e813fb0 = function(arg0, arg1) {
         arg0.activeTexture(arg1 >>> 0);
     };
+    imports.wbg.__wbg_allocationSize_da90e777d24e264f = function() { return handleError(function (arg0, arg1) {
+        const ret = arg0.allocationSize(arg1);
+        return ret;
+    }, arguments) };
     imports.wbg.__wbg_append_8c7dd8d641a5f01b = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
         arg0.append(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
     }, arguments) };
@@ -698,6 +653,10 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_copyTexSubImage3D_32e92c94044e58ca = function(arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9) {
         arg0.copyTexSubImage3D(arg1 >>> 0, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9);
     };
+    imports.wbg.__wbg_copyTo_6a0737a733066d69 = function(arg0, arg1, arg2, arg3) {
+        const ret = arg0.copyTo(getArrayU8FromWasm0(arg1, arg2), arg3);
+        return ret;
+    };
     imports.wbg.__wbg_createBuffer_7a9ec3d654073660 = function(arg0) {
         const ret = arg0.createBuffer();
         return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
@@ -762,19 +721,12 @@ function __wbg_get_imports() {
         const ret = arg0.createVertexArray();
         return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
     };
-    imports.wbg.__wbg_crypto_ed58b8e10a292839 = function(arg0) {
-        const ret = arg0.crypto;
-        return ret;
-    };
     imports.wbg.__wbg_cullFace_187079e6e20a464d = function(arg0, arg1) {
         arg0.cullFace(arg1 >>> 0);
     };
     imports.wbg.__wbg_cullFace_fbae6dd4d5e61ba4 = function(arg0, arg1) {
         arg0.cullFace(arg1 >>> 0);
     };
-    imports.wbg.__wbg_debug_e17b51583ca6a632 = function(arg0, arg1, arg2, arg3) {
-        console.debug(arg0, arg1, arg2, arg3);
-    };
     imports.wbg.__wbg_deleteBuffer_7ed96e1bf7c02e87 = function(arg0, arg1) {
         arg0.deleteBuffer(arg1);
     };
@@ -856,6 +808,14 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_disable_8b53998501a7a85b = function(arg0, arg1) {
         arg0.disable(arg1 >>> 0);
     };
+    imports.wbg.__wbg_displayHeight_a6ff7964b6182d84 = function(arg0) {
+        const ret = arg0.displayHeight;
+        return ret;
+    };
+    imports.wbg.__wbg_displayWidth_d82e7b620f6f4189 = function(arg0) {
+        const ret = arg0.displayWidth;
+        return ret;
+    };
     imports.wbg.__wbg_document_d249400bd7bd996d = function(arg0) {
         const ret = arg0.document;
         return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
@@ -907,10 +867,6 @@ function __wbg_get_imports() {
         const ret = Object.entries(arg0);
         return ret;
     };
-    imports.wbg.__wbg_entries_c8a90a7ed73e84ce = function(arg0) {
-        const ret = arg0.entries();
-        return ret;
-    };
     imports.wbg.__wbg_error_7534b8e9a36f1ab4 = function(arg0, arg1) {
         let deferred0_0;
         let deferred0_1;
@@ -922,9 +878,6 @@ function __wbg_get_imports() {
             wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
         }
     };
-    imports.wbg.__wbg_error_80de38b3f7cc3c3c = function(arg0, arg1, arg2, arg3) {
-        console.error(arg0, arg1, arg2, arg3);
-    };
     imports.wbg.__wbg_fenceSync_02d142d21e315da6 = function(arg0, arg1, arg2) {
         const ret = arg0.fenceSync(arg1 >>> 0, arg2 >>> 0);
         return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
@@ -937,6 +890,12 @@ function __wbg_get_imports() {
         const ret = arg0.fetch(arg1);
         return ret;
     };
+    imports.wbg.__wbg_flush_4150080f65c49208 = function(arg0) {
+        arg0.flush();
+    };
+    imports.wbg.__wbg_flush_987c35de09e06fd6 = function(arg0) {
+        arg0.flush();
+    };
     imports.wbg.__wbg_framebufferRenderbuffer_2fdd12e89ad81eb9 = function(arg0, arg1, arg2, arg3, arg4) {
         arg0.framebufferRenderbuffer(arg1 >>> 0, arg2 >>> 0, arg3 >>> 0, arg4);
     };
@@ -1014,9 +973,6 @@ function __wbg_get_imports() {
         const ret = arg0.getQueryParameter(arg1, arg2 >>> 0);
         return ret;
     };
-    imports.wbg.__wbg_getRandomValues_bcb4912f16000dc4 = function() { return handleError(function (arg0, arg1) {
-        arg0.getRandomValues(arg1);
-    }, arguments) };
     imports.wbg.__wbg_getShaderInfoLog_7e7b38fb910ec534 = function(arg0, arg1, arg2) {
         const ret = arg1.getShaderInfoLog(arg2);
         var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
@@ -1067,10 +1023,6 @@ function __wbg_get_imports() {
         const ret = Reflect.get(arg0, arg1);
         return ret;
     }, arguments) };
-    imports.wbg.__wbg_get_85c3d71662a108c8 = function() { return handleError(function (arg0, arg1) {
-        const ret = Reflect.get(arg0, arg1 >>> 0);
-        return ret;
-    }, arguments) };
     imports.wbg.__wbg_get_b9b93047fe3cf45b = function(arg0, arg1) {
         const ret = arg0[arg1 >>> 0];
         return ret;
@@ -1087,13 +1039,34 @@ function __wbg_get_imports() {
         const ret = arg0.headers;
         return ret;
     };
+    imports.wbg.__wbg_height_1d93eb7f5e355d97 = function(arg0) {
+        const ret = arg0.height;
+        return ret;
+    };
+    imports.wbg.__wbg_height_1f8226c8f6875110 = function(arg0) {
+        const ret = arg0.height;
+        return ret;
+    };
+    imports.wbg.__wbg_height_838cee19ba8597db = function(arg0) {
+        const ret = arg0.height;
+        return ret;
+    };
+    imports.wbg.__wbg_height_d3f39e12f0f62121 = function(arg0) {
+        const ret = arg0.height;
+        return ret;
+    };
+    imports.wbg.__wbg_height_df1aa98dfbbe11ad = function(arg0) {
+        const ret = arg0.height;
+        return ret;
+    };
+    imports.wbg.__wbg_height_e3c322f23d99ad2f = function(arg0) {
+        const ret = arg0.height;
+        return ret;
+    };
     imports.wbg.__wbg_includes_937486a108ec147b = function(arg0, arg1, arg2) {
         const ret = arg0.includes(arg1, arg2);
         return ret;
     };
-    imports.wbg.__wbg_info_033d8b8a0838f1d3 = function(arg0, arg1, arg2, arg3) {
-        console.info(arg0, arg1, arg2, arg3);
-    };
     imports.wbg.__wbg_instanceof_ArrayBuffer_e14585432e3737fc = function(arg0) {
         let result;
         try {
@@ -1114,6 +1087,16 @@ function __wbg_get_imports() {
         const ret = result;
         return ret;
     };
+    imports.wbg.__wbg_instanceof_HtmlVideoElement_7f414b32f362e317 = function(arg0) {
+        let result;
+        try {
+            result = arg0 instanceof HTMLVideoElement;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
     imports.wbg.__wbg_instanceof_Map_f3469ce2244d2430 = function(arg0) {
         let result;
         try {
@@ -1144,6 +1127,16 @@ function __wbg_get_imports() {
         const ret = result;
         return ret;
     };
+    imports.wbg.__wbg_instanceof_VideoFrame_f362406fe1355687 = function(arg0) {
+        let result;
+        try {
+            result = arg0 instanceof VideoFrame;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
     imports.wbg.__wbg_instanceof_WebGl2RenderingContext_2b6045efeb76568d = function(arg0) {
         let result;
         try {
@@ -1183,10 +1176,6 @@ function __wbg_get_imports() {
         const ret = Symbol.iterator;
         return ret;
     };
-    imports.wbg.__wbg_length_238152a0aedbb6e7 = function(arg0) {
-        const ret = arg0.length;
-        return ret;
-    };
     imports.wbg.__wbg_length_a446193dc22c12f8 = function(arg0) {
         const ret = arg0.length;
         return ret;
@@ -1212,9 +1201,6 @@ function __wbg_get_imports() {
             wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
         }
     };
-    imports.wbg.__wbg_log_cad59bb680daec67 = function(arg0, arg1, arg2, arg3) {
-        console.log(arg0, arg1, arg2, arg3);
-    };
     imports.wbg.__wbg_log_cb9e190acc5753fb = function(arg0, arg1) {
         let deferred0_0;
         let deferred0_1;
@@ -1245,10 +1231,6 @@ function __wbg_get_imports() {
             wasm.__wbindgen_free(deferred1_0, deferred1_1, 1);
         }
     }, arguments) };
-    imports.wbg.__wbg_msCrypto_0a36e2ec3a343d26 = function(arg0) {
-        const ret = arg0.msCrypto;
-        return ret;
-    };
     imports.wbg.__wbg_new_018dcc2d6c8c2f6a = function() { return handleError(function () {
         const ret = new Headers();
         return ret;
@@ -1260,7 +1242,7 @@ function __wbg_get_imports() {
                 const a = state0.a;
                 state0.a = 0;
                 try {
-                    return __wbg_adapter_718(a, state0.b, arg0, arg1);
+                    return __wbg_adapter_739(a, state0.b, arg0, arg1);
                 } finally {
                     state0.a = a;
                 }
@@ -1279,18 +1261,10 @@ function __wbg_get_imports() {
         const ret = new Object();
         return ret;
     };
-    imports.wbg.__wbg_new_5e0be73521bc8c17 = function() {
-        const ret = new Map();
-        return ret;
-    };
     imports.wbg.__wbg_new_78feb108b6472713 = function() {
         const ret = new Array();
         return ret;
     };
-    imports.wbg.__wbg_new_7a91e41fe43b3c92 = function(arg0) {
-        const ret = new Uint8ClampedArray(arg0);
-        return ret;
-    };
     imports.wbg.__wbg_new_8a6f238a6ece86ea = function() {
         const ret = new Error();
         return ret;
@@ -1335,10 +1309,6 @@ function __wbg_get_imports() {
         const ret = new Int16Array(arg0, arg1 >>> 0, arg2 >>> 0);
         return ret;
     };
-    imports.wbg.__wbg_newwithlength_a381634e90c276d4 = function(arg0) {
-        const ret = new Uint8Array(arg0 >>> 0);
-        return ret;
-    };
     imports.wbg.__wbg_newwithstrandinit_06c535e0a867c635 = function() { return handleError(function (arg0, arg1, arg2) {
         const ret = new Request(getStringFromWasm0(arg0, arg1), arg2);
         return ret;
@@ -1351,10 +1321,6 @@ function __wbg_get_imports() {
         const ret = arg0.next();
         return ret;
     }, arguments) };
-    imports.wbg.__wbg_node_02999533c4ea02e3 = function(arg0) {
-        const ret = arg0.node;
-        return ret;
-    };
     imports.wbg.__wbg_of_2eaf5a02d443ef03 = function(arg0) {
         const ret = Array.of(arg0);
         return ret;
@@ -1371,10 +1337,6 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_polygonOffset_8c11c066486216c4 = function(arg0, arg1, arg2) {
         arg0.polygonOffset(arg1, arg2);
     };
-    imports.wbg.__wbg_process_5c1d670bc53614b8 = function(arg0) {
-        const ret = arg0.process;
-        return ret;
-    };
     imports.wbg.__wbg_push_737cfc8c1432c2c6 = function(arg0, arg1) {
         const ret = arg0.push(arg1);
         return ret;
@@ -1393,9 +1355,6 @@ function __wbg_get_imports() {
         const ret = arg0.queueMicrotask;
         return ret;
     };
-    imports.wbg.__wbg_randomFillSync_ab2cfe79ebbf2740 = function() { return handleError(function (arg0, arg1) {
-        arg0.randomFillSync(arg1);
-    }, arguments) };
     imports.wbg.__wbg_readBuffer_1c35b1e4939f881d = function(arg0, arg1) {
         arg0.readBuffer(arg1 >>> 0);
     };
@@ -1417,10 +1376,6 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_renderbufferStorage_f010012bd3566942 = function(arg0, arg1, arg2, arg3, arg4) {
         arg0.renderbufferStorage(arg1 >>> 0, arg2 >>> 0, arg3, arg4);
     };
-    imports.wbg.__wbg_require_79b1e9274cde3c87 = function() { return handleError(function () {
-        const ret = module.require;
-        return ret;
-    }, arguments) };
     imports.wbg.__wbg_resolve_4851785c9c5f573d = function(arg0) {
         const ret = Promise.resolve(arg0);
         return ret;
@@ -1437,19 +1392,9 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_scissor_eb177ca33bf24a44 = function(arg0, arg1, arg2, arg3, arg4) {
         arg0.scissor(arg1, arg2, arg3, arg4);
     };
-    imports.wbg.__wbg_set_3f1d0b984ed272ed = function(arg0, arg1, arg2) {
-        arg0[arg1] = arg2;
-    };
     imports.wbg.__wbg_set_65595bdd868b3009 = function(arg0, arg1, arg2) {
         arg0.set(arg1, arg2 >>> 0);
     };
-    imports.wbg.__wbg_set_6775f73144c2ef27 = function(arg0, arg1, arg2) {
-        arg0.set(arg1, arg2 >>> 0);
-    };
-    imports.wbg.__wbg_set_8fc6bf8a5b1071d1 = function(arg0, arg1, arg2) {
-        const ret = arg0.set(arg1, arg2);
-        return ret;
-    };
     imports.wbg.__wbg_set_bb8cecf6a62b9f46 = function() { return handleError(function (arg0, arg1, arg2) {
         const ret = Reflect.set(arg0, arg1, arg2);
         return ret;
@@ -1469,6 +1414,9 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_setheight_da683a33fa99843c = function(arg0, arg1) {
         arg0.height = arg1 >>> 0;
     };
+    imports.wbg.__wbg_setlayout_1a66735c5ff7f19e = function(arg0, arg1) {
+        arg0.layout = arg1;
+    };
     imports.wbg.__wbg_setmethod_3c5280fe5d890842 = function(arg0, arg1, arg2) {
         arg0.method = getStringFromWasm0(arg1, arg2);
     };
@@ -1553,10 +1501,6 @@ function __wbg_get_imports() {
         const ret = JSON.stringify(arg0);
         return ret;
     }, arguments) };
-    imports.wbg.__wbg_subarray_aa9065fa9dc5df96 = function(arg0, arg1, arg2) {
-        const ret = arg0.subarray(arg1 >>> 0, arg2 >>> 0);
-        return ret;
-    };
     imports.wbg.__wbg_texImage2D_57483314967bdd11 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9) {
         arg0.texImage2D(arg1 >>> 0, arg2, arg3, arg4, arg5, arg6, arg7 >>> 0, arg8 >>> 0, arg9);
     }, arguments) };
@@ -1587,6 +1531,9 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_texSubImage2D_061605071aad9d2c = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9) {
         arg0.texSubImage2D(arg1 >>> 0, arg2, arg3, arg4, arg5, arg6, arg7 >>> 0, arg8 >>> 0, arg9);
     }, arguments) };
+    imports.wbg.__wbg_texSubImage2D_82670edc2c5acd35 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9) {
+        arg0.texSubImage2D(arg1 >>> 0, arg2, arg3, arg4, arg5, arg6, arg7 >>> 0, arg8 >>> 0, arg9);
+    }, arguments) };
     imports.wbg.__wbg_texSubImage2D_aa9a084093764796 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9) {
         arg0.texSubImage2D(arg1 >>> 0, arg2, arg3, arg4, arg5, arg6, arg7 >>> 0, arg8 >>> 0, arg9);
     }, arguments) };
@@ -1608,6 +1555,9 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_texSubImage2D_fbdf91268228c757 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9) {
         arg0.texSubImage2D(arg1 >>> 0, arg2, arg3, arg4, arg5, arg6, arg7 >>> 0, arg8 >>> 0, arg9);
     }, arguments) };
+    imports.wbg.__wbg_texSubImage3D_02bbdad14919acfc = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10, arg11) {
+        arg0.texSubImage3D(arg1 >>> 0, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9 >>> 0, arg10 >>> 0, arg11);
+    }, arguments) };
     imports.wbg.__wbg_texSubImage3D_04731251d7cecc83 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10, arg11) {
         arg0.texSubImage3D(arg1 >>> 0, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9 >>> 0, arg10 >>> 0, arg11);
     }, arguments) };
@@ -1759,10 +1709,6 @@ function __wbg_get_imports() {
         const ret = arg0.value;
         return ret;
     };
-    imports.wbg.__wbg_versions_c71aa1626a93e0a1 = function(arg0) {
-        const ret = arg0.versions;
-        return ret;
-    };
     imports.wbg.__wbg_vertexAttribDivisorANGLE_11e909d332960413 = function(arg0, arg1, arg2) {
         arg0.vertexAttribDivisorANGLE(arg1 >>> 0, arg2 >>> 0);
     };
@@ -1778,14 +1724,54 @@ function __wbg_get_imports() {
     imports.wbg.__wbg_vertexAttribPointer_7a2a506cdbe3aebc = function(arg0, arg1, arg2, arg3, arg4, arg5, arg6) {
         arg0.vertexAttribPointer(arg1 >>> 0, arg2, arg3 >>> 0, arg4 !== 0, arg5, arg6);
     };
+    imports.wbg.__wbg_videoHeight_3a43327a766c1f03 = function(arg0) {
+        const ret = arg0.videoHeight;
+        return ret;
+    };
+    imports.wbg.__wbg_videoWidth_4b400cf6f4744a4d = function(arg0) {
+        const ret = arg0.videoWidth;
+        return ret;
+    };
     imports.wbg.__wbg_viewport_a1b4d71297ba89af = function(arg0, arg1, arg2, arg3, arg4) {
         arg0.viewport(arg1, arg2, arg3, arg4);
     };
     imports.wbg.__wbg_viewport_e615e98f676f2d39 = function(arg0, arg1, arg2, arg3, arg4) {
         arg0.viewport(arg1, arg2, arg3, arg4);
     };
-    imports.wbg.__wbg_warn_aaf1f4664a035bd6 = function(arg0, arg1, arg2, arg3) {
-        console.warn(arg0, arg1, arg2, arg3);
+    imports.wbg.__wbg_visibleRect_f7558c0cfa7dfdbf = function(arg0) {
+        const ret = arg0.visibleRect;
+        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
+    };
+    imports.wbg.__wbg_width_4f334fc47ef03de1 = function(arg0) {
+        const ret = arg0.width;
+        return ret;
+    };
+    imports.wbg.__wbg_width_5dde457d606ba683 = function(arg0) {
+        const ret = arg0.width;
+        return ret;
+    };
+    imports.wbg.__wbg_width_8fe4e8f77479c2a6 = function(arg0) {
+        const ret = arg0.width;
+        return ret;
+    };
+    imports.wbg.__wbg_width_b0c1d9f437a95799 = function(arg0) {
+        const ret = arg0.width;
+        return ret;
+    };
+    imports.wbg.__wbg_width_cdaf02311c1621d1 = function(arg0) {
+        const ret = arg0.width;
+        return ret;
+    };
+    imports.wbg.__wbg_width_f54c7178d3c78f16 = function(arg0) {
+        const ret = arg0.width;
+        return ret;
+    };
+    imports.wbg.__wbindgen_array_new = function() {
+        const ret = [];
+        return ret;
+    };
+    imports.wbg.__wbindgen_array_push = function(arg0, arg1) {
+        arg0.push(arg1);
     };
     imports.wbg.__wbindgen_as_number = function(arg0) {
         const ret = +arg0;
@@ -1795,6 +1781,10 @@ function __wbg_get_imports() {
         const ret = arg0;
         return ret;
     };
+    imports.wbg.__wbindgen_bigint_from_u128 = function(arg0, arg1) {
+        const ret = BigInt.asUintN(64, arg0) << BigInt(64) | BigInt.asUintN(64, arg1);
+        return ret;
+    };
     imports.wbg.__wbindgen_bigint_from_u64 = function(arg0) {
         const ret = BigInt.asUintN(64, arg0);
         return ret;
@@ -1819,8 +1809,8 @@ function __wbg_get_imports() {
         const ret = false;
         return ret;
     };
-    imports.wbg.__wbindgen_closure_wrapper2577 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 550, __wbg_adapter_54);
+    imports.wbg.__wbindgen_closure_wrapper2885 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 1065, __wbg_adapter_60);
         return ret;
     };
     imports.wbg.__wbindgen_debug_string = function(arg0, arg1) {
@@ -1972,11 +1962,6 @@ const loadWasmModule = (() => {
     };
 })();
 
-var FrameFormat;
-(function (FrameFormat) {
-    FrameFormat["RGBA_BYTES"] = "RGBA_BYTES";
-    FrameFormat["YUV_BYTES"] = "YUV_BYTES";
-})(FrameFormat || (FrameFormat = {}));
 class Renderer {
     renderer;
     constructor(renderer) {
@@ -1985,40 +1970,51 @@ class Renderer {
     static async create(options) {
         const renderer = await create_renderer({
             stream_fallback_timeout_ms: options.streamFallbackTimeoutMs,
-            logger_level: options.logger_level ?? 'warn',
+            logger_level: options.loggerLevel ?? 'warn',
+            upload_frames_with_copy_external: self.navigator.userAgent.includes('Macintosh'),
         });
         return new Renderer(renderer);
     }
-    render(input) {
-        const frames = new Map(Object.entries(input.frames));
-        const inputFrameSet = new FrameSet(input.ptsMs, frames);
-        const output = this.renderer.render(inputFrameSet);
+    async render(input) {
+        const frames = Object.entries(input.frames).map(([inputId, value]) => {
+            return { inputId, frame: value.frame, ptsMs: value.ptsMs };
+        });
+        const output = await this.renderer.render({
+            ptsMs: input.ptsMs,
+            frames,
+        });
         return {
-            ptsMs: output.pts_ms,
-            frames: Object.fromEntries(output.frames),
+            ptsMs: output.ptsMs,
+            frames: Object.fromEntries(output.frames.map(({ outputId, ...value }) => [outputId, value])),
         };
     }
-    updateScene(outputId, resolution, scene) {
-        this.renderer.update_scene(outputId, resolution, scene);
+    async updateScene(outputId, resolution, scene) {
+        await this.renderer.update_scene(outputId, resolution, scene);
     }
-    registerInput(inputId) {
-        this.renderer.register_input(inputId);
+    async registerInput(inputId) {
+        await this.renderer.register_input(inputId);
     }
     async registerImage(rendererId, imageSpec) {
         await this.renderer.register_image(rendererId, imageSpec);
     }
+    async registerShader(rendererId, shaderSpec) {
+        await this.renderer.register_shader(rendererId, shaderSpec);
+    }
     async registerFont(fontUrl) {
         await this.renderer.register_font(fontUrl);
     }
-    unregisterInput(inputId) {
-        this.renderer.unregister_input(inputId);
+    async unregisterInput(inputId) {
+        await this.renderer.unregister_input(inputId);
+    }
+    async unregisterImage(rendererId) {
+        await this.renderer.unregister_image(rendererId);
     }
-    unregisterImage(rendererId) {
-        this.renderer.unregister_image(rendererId);
+    async unregisterShader(rendererId) {
+        await this.renderer.unregister_shader(rendererId);
     }
-    unregisterOutput(outputId) {
-        this.renderer.unregister_output(outputId);
+    async unregisterOutput(outputId) {
+        await this.renderer.unregister_output(outputId);
     }
 }
 
-export { FrameFormat, Renderer, loadWasmModule };
+export { Renderer, loadWasmModule };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swmansion/smelter-browser-render",
-  "version": "0.2.1",
+  "version": "0.2.2-next.0",
   "author": "Software Mansion <contact@swmansion.com>",
   "license": "SEE LICENSE IN ./LICENSE",
   "description": "Smelter rendering engine compiled to WASM",
@@ -21,7 +21,7 @@
     "wasm-pack": "^0.13.0"
   },
   "peerDependencies": {
-    "@swmansion/smelter": "0.2.1"
+    "@swmansion/smelter": "0.2.2-next.0"
   },
   "scripts": {
     "lint": "eslint .",