@stream-io/video-filters-web 0.1.2 → 0.1.4

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.1.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.1.3...@stream-io/video-filters-web-0.1.4) (2024-09-19)
+
+
+### Features
+
+* React SDK cold-start optimizations ([#1488](https://github.com/GetStream/stream-video-js/issues/1488)) ([972e579](https://github.com/GetStream/stream-video-js/commit/972e5792b5a131a212b1031ade76dcb383897a46))
+
+### [0.1.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.1.2...@stream-io/video-filters-web-0.1.3) (2024-07-02)
+
+
+### Bug Fixes
+
+* refactor background filters ([#1415](https://github.com/GetStream/stream-video-js/issues/1415)) ([deb6da2](https://github.com/GetStream/stream-video-js/commit/deb6da238f541c733451e84b198434671da8dceb))
+
 ### [0.1.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.1.1...@stream-io/video-filters-web-0.1.2) (2024-06-12)
 
 

package/dist/index.cjs.js

@@ -675,6 +675,8 @@ function buildWebGL2Pipeline(videoSource, backgroundImage, blurLevel, background
     const gl = canvas.getContext('webgl2');
     if (!gl)
         throw new Error('WebGL2 is not supported');
+    if (gl.isContextLost())
+        throw new Error('WebGL2 context was lost');
     const { width: frameWidth, height: frameHeight } = videoSource;
     const { width: segmentationWidth, height: segmentationHeight } = segmentationConfig;
     const vertexShaderSource = glsl `#version 300 es
@@ -777,16 +779,21 @@ const getSegmentationParams = (level) => {
     return { width: 160, height: 96 };
 };
 
-function createRenderer(tflite, videoSource, targetCanvas, options) {
+function createRenderer(tflite, videoSource, targetCanvas, options, onError) {
     const { backgroundFilter, backgroundImage, backgroundBlurLevel, segmentationLevel = exports.SegmentationLevel.HIGH, fps = 30, } = options;
     if (backgroundFilter === 'image' && !backgroundImage) {
         throw new Error(`backgroundImage element is required when backgroundFilter is image`);
     }
     const pipeline = buildWebGL2Pipeline(videoSource, backgroundImage, backgroundBlurLevel, backgroundFilter, targetCanvas, tflite, getSegmentationParams(segmentationLevel));
     const id = setInterval(() => {
-        pipeline.render();
-        if (backgroundFilter === 'image') {
-            pipeline.updatePostProcessingConfig();
+        try {
+            pipeline.render();
+            if (backgroundFilter === 'image') {
+                pipeline.updatePostProcessingConfig();
+            }
+        }
+        catch (error) {
+            onError?.(error);
         }
     }, 1000 / (fps <= 0 ? 30 : fps));
     return {
@@ -1024,7 +1031,7 @@ const createTFLiteSIMDModule = (__Module) => {
   }
 
   function getBinaryPromise() {
-    if (!wasmBinary && (ENVIRONMENT_IS_WEB )) {
+    if (!wasmBinary && (ENVIRONMENT_IS_WEB)) {
       if (typeof fetch == 'function') {
         return fetch(wasmBinaryFile, { credentials: 'same-origin' })
           .then(function (response) {
@@ -1252,7 +1259,7 @@ const createTFLiteSIMDModule = (__Module) => {
     for (var i = 0; i < str.length; ++i) {
       HEAP8[buffer++ >> 0] = str.charCodeAt(i);
     }
-    if (!dontAddNull) HEAP8[buffer >> 0] = 0;
+    HEAP8[buffer >> 0] = 0;
   }
 
   function _environ_get(__environ, environ_buf) {
@@ -1531,8 +1538,8 @@ const createTFLiteSIMDModule = (__Module) => {
   return __Module.ready;
 };
 
-const version = "0.1.2" ;
-const packageName = "@stream-io/video-filters-web" ;
+const version = "0.1.4";
+const packageName = "@stream-io/video-filters-web";
 
 // @ts-expect-error - module is not declared
 // This is a WebAssembly module compiled from the TensorFlow Lite C++ library.