@pexip/media-processor 22.0.0 → 22.2.0

package/api-docs/interfaces/MPMask.mdx

@@ -4,7 +4,7 @@ Wrapper for a mask produced by a Segmentation Task.
 
 | Property | Modifier | Type | Description |
 | ------ | ------ | ------ | ------ |
-| <a id="canvas"></a> `canvas` | `readonly` | `OffscreenCanvas` \| `undefined` | Returns the canvas element that the mask is bound to. |
+| <a id="canvas"></a> `canvas` | `readonly` | `OffscreenCanvas \| undefined` | Returns the canvas element that the mask is bound to. |
 | <a id="width"></a> `width` | `readonly` | `number` | Returns the width of the mask. |
 | <a id="height"></a> `height` | `readonly` | `number` | Returns the height of the mask. |
 

package/api-docs/interfaces/Process.mdx

@@ -12,7 +12,7 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="status"></a> `status` | \| `"closed"` \| `"closing"` \| `"Error"` \| `"destroyed"` \| `"destroying"` \| `"idle"` \| `"new"` \| `"opened"` \| `"opening"` \| `"processing"` \| `"updated"` \| `"updating"` |
+| <a id="status"></a> `status` | `\| "closed" \| "closing" \| "Error" \| "destroyed" \| "destroying" \| "idle" \| "new" \| "opened" \| "opening" \| "processing" \| "updated" \| "updating"` |
 
 ## Methods
 
@@ -24,19 +24,19 @@ open(): Promise<T>;
 
 #### Returns
 
-`Promise`\<`T`\>
+`Promise<T>`
 
 ***
 
 ### close()
 
 ```ts
-close(): void;
+close(): Promise<void>;
 ```
 
 #### Returns
 
-`void`
+`Promise<void>`
 
 ***
 
@@ -48,4 +48,4 @@ destroy(): Promise<void>;
 
 #### Returns
 
-`Promise`\<`void`\>
+`Promise<void>`

package/api-docs/interfaces/ProcessWorkerDebugMessage.mdx

@@ -2,5 +2,5 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="context"></a> `context?` | `Record`\<`string`, `unknown`\> |
+| <a id="context"></a> `context?` | `Record<string, unknown>` |
 | <a id="message"></a> `message` | `string` |

package/api-docs/interfaces/ProcessWorkerEventClosed.mdx

@@ -0,0 +1,5 @@
+## Properties
+
+| Property | Type |
+| ------ | ------ |
+| <a id="type"></a> `type` | `"closed"` |

package/api-docs/interfaces/ProcessorEvent.mdx

@@ -2,6 +2,7 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="type"></a> `type` | \| `"Error"` \| `"ContextCreationError"` \| `"ContextLost"` \| `"ContextRestored"` \| `"ProcessorRestarted"` \| `"SamplingError"` |
+| <a id="type"></a> `type` | `\| "Error" \| "ContextCreationError" \| "ContextLost" \| "ContextRestored" \| "ProcessorRestarted" \| "SamplingError"` |
+| <a id="error"></a> `error?` | `Error` |
 | <a id="message"></a> `message?` | `string` |
 | <a id="track"></a> `track?` | `MediaStreamTrack` |

package/api-docs/interfaces/ProcessorProcessOptions.mdx

@@ -3,6 +3,6 @@
 | Property | Type |
 | ------ | ------ |
 | <a id="track"></a> `track?` | `MediaStreamTrack` |
-| <a id="readable"></a> `readable?` | `ReadableStream`\<`VideoFrame`\> |
-| <a id="writable"></a> `writable?` | `WritableStream`\<`VideoFrame`\> |
+| <a id="readable"></a> `readable?` | `ReadableStream<VideoFrame>` |
+| <a id="writable"></a> `writable?` | `WritableStream<VideoFrame>` |
 | <a id="renderoptions"></a> `renderOptions?` | [`RendererOptions`](RendererOptions.mdx) |

package/api-docs/interfaces/ProcessorUpdateOptions.mdx

@@ -1,6 +1,8 @@
 ## Extends
 
-- `Omit`\<[`ProcessorOptions`](ProcessorOptions.mdx), `"renderOptions"`\>
+```ts
+- Omit<ProcessorOptions, "renderOptions">
+```
 
 ## Properties
 

package/api-docs/interfaces/ReadWritableStream.mdx

@@ -8,5 +8,5 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="readable"></a> `readable` | `ReadableStream`\<`T`\> |
-| <a id="writable"></a> `writable` | `WritableStream`\<`T`\> |
+| <a id="readable"></a> `readable` | `ReadableStream<T>` |
+| <a id="writable"></a> `writable` | `WritableStream<T>` |

package/api-docs/interfaces/RenderEventHandlers.mdx

@@ -2,6 +2,6 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="contextlost"></a> `contextLost` | (`message`) => `void` |
-| <a id="contextrestored"></a> `contextRestored` | (`message`) => `void` |
-| <a id="contextcreationerror"></a> `contextCreationError` | (`message`) => `void` |
+| <a id="contextlost"></a> `contextLost` | `(message) => void` |
+| <a id="contextrestored"></a> `contextRestored` | `(message) => void` |
+| <a id="contextcreationerror"></a> `contextCreationError` | `(message) => void` |

package/api-docs/interfaces/Renderer.mdx

@@ -14,7 +14,9 @@ init(options?): void | Promise<void>;
 
 #### Returns
 
-`void` \| `Promise`\<`void`\>
+```ts
+void | Promise<void>
+```
 
 ***
 

package/api-docs/interfaces/RendererOptions.mdx

@@ -8,16 +8,16 @@ All values are stable per-frame and can be safely updated in real-time.
 | <a id="backgroundimageurl"></a> `backgroundImageUrl` | `string` | URL or Data URI for the virtual background image (used in "overlay" effect). |
 | <a id="backgroundbluramount"></a> `backgroundBlurAmount` | `number` | Amount of background blur (radius in px): [0,9]. Recommend: 3–6 for portraits. Higher may be slow and over-blurred. **Default** `3` |
 | <a id="edgebluramount"></a> `edgeBlurAmount` | `number` | Edge blur for mask boundary antialiasing (radius in px): [0,9]. Small values (1–5) smooth mask stair-steps; large values soften edges more visibly. **Default** `4` |
-| <a id="effects"></a> `effects` | `"blur"` \| `"none"` \| `"overlay"` | Effects to apply: "none", "blur", or "overlay". "blur" = background blur. "overlay" = replace BG with backgroundImageUrl. |
-| <a id="backend"></a> `backend` | `"webgl"` \| `"webgpu"` | Backend to render background effects |
-| <a id="foregroundthreshold"></a> `foregroundThreshold` | `number` | [0,1] Upper mask confidence: all mask pixels >= this are considered definite foreground. Adjust to make mask edges tighter or more permissive for foreground inclusion. Example: 0.8 ("mask > 0.8 = sure foreground"). Must always be >= backgroundThreshold. **Default** `0.85` |
-| <a id="backgroundthreshold"></a> `backgroundThreshold` | `number` | [0,1] Lower mask confidence: all mask pixels <= this are considered definite background. Adjust to make mask edges tighter or more permissive for background inclusion. Example: 0.3 ("mask < 0.3 = sure background"). **Default** `0.35` |
+| <a id="effects"></a> `effects` | `"blur" \| "none" \| "overlay"` | Effects to apply: "none", "blur", or "overlay". "blur" = background blur. "overlay" = replace BG with backgroundImageUrl. |
+| <a id="backend"></a> `backend` | `"webgl" \| "webgpu" \| "canvas2d"` | Backend to render background effects |
+| <a id="foregroundthreshold"></a> `foregroundThreshold` | `number` | [0,1] Upper mask confidence: all mask pixels \>= this are considered definite foreground. Adjust to make mask edges tighter or more permissive for foreground inclusion. Example: 0.8 ("mask \> 0.8 = sure foreground"). Must always be \>= backgroundThreshold. **Default** `0.85` |
+| <a id="backgroundthreshold"></a> `backgroundThreshold` | `number` | [0,1] Lower mask confidence: all mask pixels \<= this are considered definite background. Adjust to make mask edges tighter or more permissive for background inclusion. Example: 0.3 ("mask \< 0.3 = sure background"). **Default** `0.35` |
 | <a id="sigmaspace"></a> `sigmaSpace` | `number` | Bilateral filter: sigma in pixel space for mask edge snapping. Controls the neighborhood/pixel distance—higher is larger window (5–10 typical). **Default** `5` |
 | <a id="sigmarangelo"></a> `sigmaRangeLo` | `number` | Bilateral filter: minimum sigma in color/luma (for mask interiors), [0,1]. Controls how little color difference is needed to cross-mask regions away from edge. Lower = sharper edge preservation in mask interiors. Example: 0.2 **Default** `0.2` |
 | <a id="sigmarangehi"></a> `sigmaRangeHi` | `number` | Bilateral filter: maximum sigma in color/luma (for mask uncertain zones), [0,1]. Controls how much color similarity is required at uncertain/edge mask locations. Higher = more mask smoothing at edges. Example: 0.8 **Default** `0.8` |
 | <a id="maskcombineratio"></a> `maskCombineRatio` | `number` | Ratio for mask smoothing (how much uncertainty enables temporal blend), [0,1]. Higher = more frame-to-frame blending, more stability but more trailing ghosts. Typical: 0.6–0.85. **Default** `0.8` |
 | <a id="excludebystanders"></a> `excludeBystanders` | `boolean` | **`Experimental`** Whether to exclude bystanders/connected people from the output mask. The main person instance (closest to personCenter OR largest blob) is kept in the output mask. All other bystanders/connected people are suppressed (bystander removal). **Default** `false (no bystander removal, all detected people are included in the mask). @experimental This feature is experimental and only works in WebGL backend.` |
-| <a id="personcenter"></a> `personCenter` | \[`number`, `number`\] | **`Experimental`** Person center: normalized (x, y) in [0,1] image coordinates for main subject selection. Used by the CCL/bias filter to select the main person blob. **Default** `[0.5, 0.42] (= center, slightly above vertical midpoint). @experimental This feature is experimental and only works in WebGL backend.` |
+| <a id="personcenter"></a> `personCenter` | `[number, number]` | **`Experimental`** Person center: normalized (x, y) in [0,1] image coordinates for main subject selection. Used by the CCL/bias filter to select the main person blob. **Default** `[0.5, 0.42] (= center, slightly above vertical midpoint). @experimental This feature is experimental and only works in WebGL backend.` |
 | <a id="morpheroderadiuspx"></a> `morphErodeRadiusPx` | `number` | **`Experimental`** Morphological erosion: radius in pixels [1,12]. Sets kernel size for bridge-breaking. Larger values break thicker bridges but may erode fine details. **Default** `5 @experimental This feature is experimental and only works in WebGL backend.` |
 | <a id="morphpass"></a> `morphPass` | `number` | **`Experimental`** Morphological pass: number of separable passes [1,10]. More passes increase the effective span. **Default** `4 @experimental This feature is experimental and only works in WebGL backend.` |
 | <a id="morphdilateradiuspx"></a> `morphDilateRadiusPx` | `number` | **`Experimental`** Geodesic dilation: radius in pixels [1,12]. Must match erosion for good reconstruction. **Default** `6 @experimental This feature is experimental and only works in WebGL backend.` |

package/api-docs/interfaces/Runner.mdx

@@ -2,7 +2,7 @@
 
 | Type Parameter |
 | ------ |
-| `P` *extends* `unknown`[] |
+| `P extends unknown[]` |
 
 ## Properties
 
@@ -22,11 +22,11 @@ start(...params): Promise<void>;
 
 | Parameter | Type |
 | ------ | ------ |
-| ...`params` | `P` |
+| `...params` | `P` |
 
 #### Returns
 
-`Promise`\<`void`\>
+`Promise<void>`
 
 ***
 

package/api-docs/interfaces/Segmentation.mdx

@@ -2,4 +2,4 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="canvas"></a> `canvas` | `OffscreenCanvas` \| `undefined` |
+| <a id="canvas"></a> `canvas` | `OffscreenCanvas \| undefined` |

package/api-docs/interfaces/Segmenter.mdx

@@ -1,12 +1,14 @@
 ## Extends
 
-- [`Process`](Process.mdx)\<`Partial`\<[`RendererOptions`](RendererOptions.mdx)\>\>
+```ts
+- Process<Partial<RendererOptions>>
+```
 
 ## Properties
 
 | Property | Type | Inherited from |
 | ------ | ------ | ------ |
-| <a id="status"></a> `status` | \| `"closed"` \| `"closing"` \| `"Error"` \| `"destroyed"` \| `"destroying"` \| `"idle"` \| `"new"` \| `"opened"` \| `"opening"` \| `"processing"` \| `"updated"` \| `"updating"` | [`Process`](Process.mdx).[`status`](Process.mdx#status) |
+| <a id="status"></a> `status` | `\| "closed" \| "closing" \| "Error" \| "destroyed" \| "destroying" \| "idle" \| "new" \| "opened" \| "opening" \| "processing" \| "updated" \| "updating"` | [`Process`](Process.mdx).[`status`](Process.mdx#status) |
 | <a id="modelasset"></a> `modelAsset` | [`SegmentationModelAsset`](SegmentationModelAsset.mdx) | - |
 | <a id="backgroundimage"></a> `backgroundImage?` | [`BackgroundImage`](BackgroundImage.mdx) | - |
 
@@ -15,12 +17,12 @@
 ### close()
 
 ```ts
-close(): void;
+close(): Promise<void>;
 ```
 
 #### Returns
 
-`void`
+`Promise<void>`
 
 #### Inherited from
 
@@ -36,7 +38,7 @@ destroy(): Promise<void>;
 
 #### Returns
 
-`Promise`\<`void`\>
+`Promise<void>`
 
 #### Inherited from
 
@@ -61,7 +63,9 @@ It is expected to be called once.
 
 #### Returns
 
-`Promise`\<`Partial`\<[`RendererOptions`](RendererOptions.mdx)\>\>
+```ts
+Promise<Partial<RendererOptions>>
+```
 
 #### Overrides
 
@@ -85,7 +89,9 @@ Update the processor options
 
 #### Returns
 
-`Promise`\<`Partial`\<[`RendererOptions`](RendererOptions.mdx)\>\>
+```ts
+Promise<Partial<RendererOptions>>
+```
 
 ***
 
@@ -128,7 +134,7 @@ Process provided input
 
 ##### Returns
 
-`Promise`\<`MediaStreamTrack`\>
+`Promise<MediaStreamTrack>`
 
 #### Call Signature
 
@@ -142,14 +148,20 @@ process(input, options?): Promise<
 
 | Parameter | Type |
 | ------ | ------ |
-| `input` | [`ReadWritableStream`](ReadWritableStream.mdx)\<`VideoFrame`\> |
+| `input` | [`ReadWritableStream<VideoFrame>`](ReadWritableStream.mdx) |
 | `options?` | [`RendererOptions`](RendererOptions.mdx) |
 
 ##### Returns
 
-`Promise`\<
-  \| [`ReadWritableStream`](ReadWritableStream.mdx)\<`VideoFrame`\>
-  \| `undefined`\>
+```ts
+Promise<
+```
+```ts
+| ReadWritableStream<VideoFrame>
+```
+```ts
+| undefined>
+```
 
 #### Call Signature
 
@@ -164,15 +176,23 @@ process(input, options?): Promise<
 
 | Parameter | Type |
 | ------ | ------ |
-| `input` | \| `MediaStreamTrack` \| [`ReadWritableStream`](ReadWritableStream.mdx)\<`VideoFrame`\> |
+| `input` | \| `MediaStreamTrack` \| [`ReadWritableStream<VideoFrame>`](ReadWritableStream.mdx) |
 | `options?` | [`RendererOptions`](RendererOptions.mdx) |
 
 ##### Returns
 
-`Promise`\<
-  \| `MediaStreamTrack`
-  \| [`ReadWritableStream`](ReadWritableStream.mdx)\<`VideoFrame`\>
-  \| `undefined`\>
+```ts
+Promise<
+```
+```ts
+| MediaStreamTrack
+```
+```ts
+| ReadWritableStream<VideoFrame>
+```
+```ts
+| undefined>
+```
 
 ***
 
@@ -188,8 +208,8 @@ Subscribe rendering events,
 
 | Parameter | Type |
 | ------ | ------ |
-| `event` | \| `"Error"` \| `"ContextCreationError"` \| `"ContextLost"` \| `"ContextRestored"` \| `"ProcessorRestarted"` \| `"SamplingError"` |
-| `callback` | `Callback`\<`void`\> |
+| `event` | `\| "Error" \| "ContextCreationError" \| "ContextLost" \| "ContextRestored" \| "ProcessorRestarted" \| "SamplingError"` |
+| `callback` | `Callback<void>` |
 
 #### Returns
 

package/api-docs/interfaces/VideoFrameLike.mdx

@@ -2,7 +2,7 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="frame"></a> `frame` | `ImageBitmap` \| `VideoFrame` |
+| <a id="frame"></a> `frame` | `ImageBitmap \| VideoFrame` |
 | <a id="timestamp"></a> `timestamp` | `number` |
 | <a id="width"></a> `width` | `number` |
 | <a id="height"></a> `height` | `number` |

package/api-docs/interfaces/VideoProcessor.mdx

@@ -2,9 +2,9 @@
 
 | Property | Modifier | Type | Description |
 | ------ | ------ | ------ | ------ |
-| <a id="status"></a> `status` | `readonly` | \| `"closed"` \| `"closing"` \| `"Error"` \| `"destroyed"` \| `"destroying"` \| `"idle"` \| `"new"` \| `"opened"` \| `"opening"` \| `"processing"` \| `"updated"` \| `"updating"` | - |
-| <a id="process"></a> `process` | `public` | (`source`) => `Promise`\<`MediaStreamTrack`\> | Process the video and return a MediaStream |
-| <a id="destroy"></a> `destroy` | `public` | () => `Promise`\<`void`\> | Destroy the segmentation wasm instance |
+| <a id="status"></a> `status` | `readonly` | `\| "closed" \| "closing" \| "Error" \| "destroyed" \| "destroying" \| "idle" \| "new" \| "opened" \| "opening" \| "processing" \| "updated" \| "updating"` | - |
+| <a id="process"></a> `process` | `public` | `(source) => Promise<MediaStreamTrack>` | Process the video and return a MediaStream |
+| <a id="destroy"></a> `destroy` | `public` | `() => Promise<void>` | Destroy the segmentation wasm instance |
 | <a id="renderoptions"></a> `renderOptions` | `readonly` | [`RendererOptions`](RendererOptions.mdx) | Current renderer options |
 | <a id="processingwidth"></a> `processingWidth` | `readonly` | `number` | Current processing width |
 | <a id="processingheight"></a> `processingHeight` | `readonly` | `number` | Current processing height |
@@ -27,7 +27,7 @@ Initialize the video processor and related
 
 #### Returns
 
-`Promise`\<`void`\>
+`Promise<void>`
 
 ***
 
@@ -47,7 +47,7 @@ Update the video processor with provided options
 
 #### Returns
 
-`Promise`\<`void`\>
+`Promise<void>`
 
 ***
 
@@ -72,11 +72,11 @@ mute(muted): void;
 ### close()
 
 ```ts
-close(): void;
+close(): Promise<void>;
 ```
 
 Stop the process of video segmentation
 
 #### Returns
 
-`void`
+`Promise<void>`

package/api-docs/interfaces/WorkletMessagePortOptions.mdx

@@ -12,5 +12,5 @@
 
 | Property | Type |
 | ------ | ------ |
-| <a id="messagehandler"></a> `messageHandler` | (`message`) => `void` |
-| <a id="errorhandler"></a> `errorHandler?` | (`event`) => `void` |
+| <a id="messagehandler"></a> `messageHandler` | `(message) => void` |
+| <a id="errorhandler"></a> `errorHandler?` | `(event) => void` |

package/api-docs/type-aliases/AsyncCallback.mdx

@@ -4,4 +4,4 @@ type AsyncCallback = () => Promise<void>;
 
 ## Returns
 
-`Promise`\<`void`\>
+`Promise<void>`

package/api-docs/type-aliases/Callback.mdx

@@ -7,13 +7,13 @@ type Callback<R, T> = (...params) => R;
 | Type Parameter |
 | ------ |
 | `R` |
-| `T` *extends* `unknown`[] |
+| `T extends unknown[]` |
 
 ## Parameters
 
 | Parameter | Type |
 | ------ | ------ |
-| ...`params` | `T` |
+| `...params` | `T` |
 
 ## Returns
 

package/api-docs/type-aliases/ExtractMessageEventType.mdx

@@ -6,4 +6,4 @@ type ExtractMessageEventType<T> = T extends object ? O : never;
 
 | Type Parameter |
 | ------ |
-| `T` *extends* `object` |
+| `T extends object` |

package/api-docs/type-aliases/IncludeMessageEventDataType.mdx

@@ -6,5 +6,5 @@ type IncludeMessageEventDataType<E, I> = E extends object ? A extends I ? D : ne
 
 | Type Parameter |
 | ------ |
-| `E` *extends* `object` |
+| `E extends object` |
 | `I` |

package/api-docs/type-aliases/Logger.mdx

@@ -0,0 +1,12 @@
+```ts
+type Logger = object;
+```
+
+## Properties
+
+| Property | Type |
+| ------ | ------ |
+| <a id="debug"></a> `debug` | `LogMethod` |
+| <a id="info"></a> `info` | `LogMethod` |
+| <a id="warn"></a> `warn` | `LogMethod` |
+| <a id="error"></a> `error` | `LogMethod` |

package/api-docs/type-aliases/OptionalKeys.mdx

@@ -7,4 +7,4 @@ type OptionalKeys<T, K> = Omit<T, K> & Partial<Pick<T, K>>;
 | Type Parameter |
 | ------ |
 | `T` |
-| `K` *extends* keyof `T` |
+| `K extends keyof T` |

package/api-docs/type-aliases/ProcessWorkerEvents.mdx

@@ -3,6 +3,7 @@ type ProcessWorkerEvents<T, E, D, U> =
   | ProcessWorkerEventProcessed<T>
   | ProcessWorkerEventOpened<U>
   | ProcessWorkerEventUpdated<U>
+  | ProcessWorkerEventClosed
   | ProcessWorkerEvent<E>
   | ProcessWorkerEventDebug<D>
   | ProcessWorkerEventStats;

package/api-docs/type-aliases/RunnerCreator.mdx

@@ -6,16 +6,16 @@ type RunnerCreator<P, R> = (callback, frameRate) => Runner<P>;
 
 | Type Parameter |
 | ------ |
-| `P` *extends* `unknown`[] |
+| `P extends unknown[]` |
 | `R` |
 
 ## Parameters
 
 | Parameter | Type |
 | ------ | ------ |
-| `callback` | [`Callback`](Callback.mdx)\<`R`, `P`\> |
+| `callback` | [`Callback<R, P>`](Callback.mdx) |
 | `frameRate` | `number` |
 
 ## Returns
 
-[`Runner`](../interfaces/Runner.mdx)\<`P`\>
+[`Runner<P>`](../interfaces/Runner.mdx)

package/api-docs/type-aliases/TupleOf.mdx

@@ -9,4 +9,4 @@ From https://github.com/Microsoft/TypeScript/issues/26223#issuecomment-674500430
 | Type Parameter |
 | ------ |
 | `T` |
-| `N` *extends* `number` |
+| `N extends number` |

package/api-docs/variables/RENDER_BACKEND.mdx

@@ -8,3 +8,4 @@ const RENDER_BACKEND: object;
 | ------ | ------ |
 | <a id="webgl"></a> `WebGL` | `"webgl"` |
 | <a id="webgpu"></a> `WebGPU` | `"webgpu"` |
+| <a id="canvas2d"></a> `Canvas2D` | `"canvas2d"` |

package/api-docs/variables/cloneImageRecord.mdx

@@ -13,7 +13,9 @@ const cloneImageRecord: (image) => Promise<{
 
 ## Returns
 
-`Promise`\<\{
+```ts
+Promise<{
+```
   `image`: `ImageBitmap`;
   `key`: `string`;
 \}\>

package/api-docs/variables/createLazyProps.mdx

@@ -6,7 +6,7 @@ const createLazyProps: <T>(stateBuilder) => T;
 
 | Type Parameter |
 | ------ |
-| `T` *extends* `Record`\<`string`, `unknown`\> |
+| `T extends Record<string, unknown>` |
 
 ## Parameters
 

package/api-docs/variables/createObjectUpdater.mdx

@@ -6,7 +6,7 @@ const createObjectUpdater: <T>(original) => (another) => void;
 
 | Type Parameter |
 | ------ |
-| `T` *extends* `{ [K in keyof T]: unknown }` |
+| `T extends { [K in keyof T]: unknown }` |
 
 ## Parameters
 
@@ -24,7 +24,7 @@ const createObjectUpdater: <T>(original) => (another) => void;
 
 | Parameter | Type |
 | ------ | ------ |
-| `another` | `Partial`\<`T`\> |
+| `another` | `Partial<T>` |
 
 ### Returns
 

package/api-docs/variables/createRemoteImageBitmap.mdx

@@ -14,8 +14,8 @@ const createRemoteImageBitmap: (map?) => object;
 
 | Name | Type |
 | ------ | ------ |
-| `tryFetchingImage()` | (`uri`, `abortSignal`) => `Promise`\<`ImageBitmap` \| `null` \| `undefined`\> |
-| `setImage()` | (`uri`, `image`) => `void` |
-| `getImage()` | (`uri`) => `ImageBitmap` \| `null` |
-| `removeImage()` | (`uri`) => `boolean` |
-| `clear()` | () => `void` |
+| `tryFetchingImage()` | `(uri, abortSignal) => Promise<ImageBitmap` | null | undefined\>` |
+| `setImage()` | `(uri, image) => void` |
+| `getImage()` | `(uri) => ImageBitmap \| null` |
+| `removeImage()` | `(uri) => boolean` |
+| `clear()` | `() => void` |

package/api-docs/variables/getCanUseWebGL.mdx

@@ -0,0 +1,7 @@
+```ts
+const getCanUseWebGL: () => boolean;
+```
+
+## Returns
+
+`boolean`

package/api-docs/variables/handleWebGLContextLoss.mdx

@@ -8,7 +8,7 @@ const handleWebGLContextLoss: (canvas, eventHandlers, contextLostCb?) => () => v
 | ------ | ------ |
 | `canvas` | `OffscreenCanvas` |
 | `eventHandlers` | [`RenderEventHandlers`](../interfaces/RenderEventHandlers.mdx) |
-| `contextLostCb?` | () => `void` |
+| `contextLostCb?` | `() => void` |
 
 ## Returns
 

package/api-docs/variables/urls.mdx

@@ -6,5 +6,5 @@ const urls: object;
 
 | Name | Type |
 | ------ | ------ |
-| <a id="denoise"></a> `denoise()` | () => `URL` |
-| <a id="mediaworker"></a> `mediaWorker()` | () => `URL` |
+| <a id="denoise"></a> `denoise()` | `() => URL` |
+| <a id="mediaworker"></a> `mediaWorker()` | `() => URL` |

package/dist/common/backends/canvas2d/renderer.d.ts

@@ -0,0 +1,2 @@
+import type { Renderer, RenderEventHandlers } from '../../types/render';
+export declare const createRenderer: (renderEventHandlers: RenderEventHandlers, canvas?: OffscreenCanvas) => Renderer;

package/dist/common/backends/canvas2d/renderer.js

@@ -0,0 +1,36 @@
+import { PROCESSING_HEIGHT, PROCESSING_WIDTH } from '../../constants';
+import { createCanvasRenderUtils } from '../../canvasRenderUtils';
+export const createRenderer = (renderEventHandlers, canvas = new OffscreenCanvas(PROCESSING_WIDTH, PROCESSING_HEIGHT)) => {
+    const utils = createCanvasRenderUtils(canvas.width, canvas.height);
+    let ctx = null;
+    const init = () => {
+        ctx = canvas.getContext('2d');
+        if (!ctx) {
+            renderEventHandlers.contextCreationError('Failed to create 2D rendering context');
+        }
+    };
+    const render = (mask, frame, options) => {
+        if (!ctx) {
+            return;
+        }
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        const inputImage = utils.evaluateInput(frame);
+        if (options.effects === 'blur' && options.backgroundBlurAmount) {
+            utils.drawBlurEffect(canvas, inputImage, mask, options.foregroundThreshold, options.backgroundBlurAmount, options.edgeBlurAmount);
+        }
+        else if (options?.effects === 'overlay' && options.backgroundImage) {
+            utils.drawOverlayEffect(canvas, inputImage, options.backgroundImage, mask, options.foregroundThreshold, 0, options.edgeBlurAmount);
+        }
+    };
+    const cleanup = () => {
+        utils.reset();
+        ctx = null;
+    };
+    const release = () => {
+        cleanup();
+    };
+    const isContextLost = () => {
+        return !ctx || ctx.isContextLost();
+    };
+    return { init, render, release, isContextLost };
+};

package/dist/common/backends/webgl/blur.d.ts

@@ -2,7 +2,7 @@ import type { TextureInfo } from './types';
 /**
  * Blur provided frame
  */
-export declare const createBlurRenderer: (processor: OffscreenCanvas, pass: number, redOnly?: boolean) => {
+export declare const createBlurRenderer: (processor: OffscreenCanvas, redOnly?: boolean) => {
     render: (frame: TextureInfo, pass: number) => TextureInfo;
     release: () => void;
 };