@stream-io/video-filters-web 0.7.5 → 0.8.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.8.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.7.5...@stream-io/video-filters-web-0.8.0) (2026-06-26)
+
+### Dependency Updates
+
+- `@stream-io/typescript-config` updated to version `0.1.0`
+
+### Features
+
+- upgrade to TypeScript 6.0.3, pin ES2022, raise supported-browser floors ([#2290](https://github.com/GetStream/stream-video-js/issues/2290)) ([d9ea158](https://github.com/GetStream/stream-video-js/commit/d9ea15846582fa8db86b3b873eca2afe92ae3593))
+
 ## [0.7.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.7.4...@stream-io/video-filters-web-0.7.5) (2026-06-01)
 
 ## [0.7.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.7.3...@stream-io/video-filters-web-0.7.4) (2026-04-09)

package/dist/index.cjs.js

@@ -1561,7 +1561,7 @@ const createTFLiteSIMDModule = (__Module) => {
   return __Module.ready;
 };
 
-const version = "0.7.5";
+const version = "0.8.0";
 const packageName = "@stream-io/video-filters-web";
 
 // @ts-expect-error - module is not declared
@@ -1612,11 +1612,33 @@ const BACKGROUND_BLUR_MAP = {
 };
 
 class WebGLRenderer {
+    canvas;
+    gl;
+    stateUpdateProgram;
+    maskRefineProgram;
+    blurProgram;
+    blendProgram;
+    stateUpdateLocations;
+    maskRefineLocations;
+    blurLocations;
+    blendLocations;
+    positionBuffer;
+    texCoordBuffer;
+    storedStateTextures;
+    fbo;
+    refineFbo;
+    refinedMaskTexture;
+    frameTexture;
+    blurTexture1;
+    blurTexture2;
+    blurFbo1;
+    blurFbo2;
+    running = false;
+    static DEFAULT_BG_COLOR = [33, 150, 243, 255];
+    currentStateIndex = 0;
+    backgroundRenderInfo = null;
+    activeBackgroundSourceIdentifier = null;
     constructor(canvas) {
-        this.running = false;
-        this.currentStateIndex = 0;
-        this.backgroundRenderInfo = null;
-        this.activeBackgroundSourceIdentifier = null;
         this.canvas = canvas;
         const gl = this.canvas.getContext('webgl2', {
             alpha: false,
@@ -2309,7 +2331,6 @@ class WebGLRenderer {
         this.activeBackgroundSourceIdentifier = null;
     }
 }
-WebGLRenderer.DEFAULT_BG_COLOR = [33, 150, 243, 255];
 
 /**
  * Fallback video processor for browsers that do not support MediaStreamTrackGenerator.
@@ -2375,13 +2396,10 @@ const TrackGenerator = typeof MediaStreamTrackGenerator !== 'undefined'
  * into the canvas and update the underlying track automatically.
  */
 class FallbackProcessor {
+    readable;
+    workerTimer;
+    video;
     constructor({ track }) {
-        this.close = () => {
-            this.video.pause();
-            this.video.srcObject = null;
-            this.video.src = '';
-            this.workerTimer.destroy();
-        };
         if (!track)
             throw new Error('MediaStreamTrack is required');
         if (track.kind !== 'video') {
@@ -2444,6 +2462,12 @@ class FallbackProcessor {
             },
         });
     }
+    close = () => {
+        this.video.pause();
+        this.video.srcObject = null;
+        this.video.src = '';
+        this.workerTimer.destroy();
+    };
 }
 const TrackProcessor = typeof MediaStreamTrackProcessor !== 'undefined'
     ? MediaStreamTrackProcessor
@@ -2462,15 +2486,20 @@ const TrackProcessor = typeof MediaStreamTrackProcessor !== 'undefined'
  * `MediaStreamTrack` ready to use.
  */
 class BaseVideoProcessor {
+    track;
+    processor;
+    generator;
+    hooks;
+    abortController = new AbortController();
+    canvas;
+    frames = 0;
+    delayTotal = 0;
+    lastStatsTime = 0;
     /**
      * Constructs a new instance.
      */
     constructor(track, hooks = {}) {
         this.track = track;
-        this.abortController = new AbortController();
-        this.frames = 0;
-        this.delayTotal = 0;
-        this.lastStatsTime = 0;
         this.processor = new TrackProcessor({ track });
         this.generator = new TrackGenerator({
             kind: 'video',
@@ -2552,14 +2581,17 @@ class BaseVideoProcessor {
  * on a new MediaStreamVideoTrack for downstream consumption.
  */
 class VirtualBackground extends BaseVideoProcessor {
+    options;
+    segmenter = null;
+    isSegmenterReady = false;
+    webGlRenderer;
+    opts;
+    latestCategoryMask = undefined;
+    latestConfidenceMask = undefined;
+    lastFrameTime = -1;
     constructor(track, options = {}, hooks = {}) {
         super(track, hooks);
         this.options = options;
-        this.segmenter = null;
-        this.isSegmenterReady = false;
-        this.latestCategoryMask = undefined;
-        this.latestConfidenceMask = undefined;
-        this.lastFrameTime = -1;
     }
     async initialize() {
         this.webGlRenderer = new WebGLRenderer(this.canvas);
@@ -2590,7 +2622,7 @@ class VirtualBackground extends BaseVideoProcessor {
     }
     async transform(frame) {
         const currentTime = frame.timestamp;
-        const hasNewFrame = currentTime - this.lastFrameTime > 1000;
+        const hasNewFrame = currentTime - this.lastFrameTime > 1_000;
         this.lastFrameTime = currentTime;
         if (hasNewFrame && this.isSegmenterReady && this.segmenter) {
             const start = performance.now();
@@ -2685,12 +2717,24 @@ class VirtualBackground extends BaseVideoProcessor {
  * and upscaling back to full resolution for output.
  */
 class FullScreenBlurRenderer {
+    canvas;
+    gl;
+    blurProgramHandle;
+    blurLocations;
+    passthroughProgramHandle;
+    passthroughLocations;
+    positionBuffer;
+    texCoordBuffer;
+    pingTexture;
+    pongTexture;
+    pingFbo;
+    pongFbo;
+    inputTexture = null;
+    isRunning = false;
+    targetWidth = 0;
+    targetHeight = 0;
+    weightCache = new Map();
     constructor(canvas) {
-        this.inputTexture = null;
-        this.isRunning = false;
-        this.targetWidth = 0;
-        this.targetHeight = 0;
-        this.weightCache = new Map();
         this.canvas = canvas;
         const gl = canvas.getContext('webgl2', {
             alpha: false,
@@ -2948,6 +2992,8 @@ class FullScreenBlurRenderer {
  * by the base processor.
  */
 class FullScreenBlur extends BaseVideoProcessor {
+    blurRenderer;
+    blurRadius;
     /**
      * Creates a new full-screen blur processor for the given video track.
      *