@stream-io/video-client 1.30.1 → 1.31.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.31.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.30.1...@stream-io/video-client-1.31.0) (2025-09-17)
+
+### Features
+
+- introduce @stream-io/worker-timers ([94c962b](https://github.com/GetStream/stream-video-js/commit/94c962b2c5f731c152771b7803a59664fa925477))
+
+### Bug Fixes
+
+- **video-filters:** prevent background tab throttling ([#1920](https://github.com/GetStream/stream-video-js/issues/1920)) ([f93d5cc](https://github.com/GetStream/stream-video-js/commit/f93d5cc5785957c7f181fcaf689ec366df9e646b))
+
 ## [1.30.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.30.0...@stream-io/video-client-1.30.1) (2025-09-16)
 
 ### Bug Fixes

package/dist/index.browser.es.js

@@ -7,6 +7,7 @@ import { TwirpFetchTransport, TwirpErrorCode } from '@protobuf-ts/twirp-transpor
 import { ReplaySubject, combineLatest, BehaviorSubject, shareReplay, map, distinctUntilChanged, startWith, takeWhile, distinctUntilKeyChanged, fromEventPattern, concatMap, merge, from, fromEvent, tap, debounceTime, pairwise, of } from 'rxjs';
 import { UAParser } from 'ua-parser-js';
 import { parse, write } from 'sdp-transform';
+import { WorkerTimer } from '@stream-io/worker-timer';
 
 /* tslint:disable */
 /**
@@ -5757,7 +5758,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.30.1";
+const version = "1.31.0";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -7894,137 +7895,12 @@ function lazy(factory) {
     };
 }
 
-// Do not modify this file manually. Instead, edit worker.ts
-// and the run ./generate-timer-worker.sh
-const timerWorker = {
-    src: `const timerIdMapping = new Map();
-self.addEventListener('message', (event) => {
-    const request = event.data;
-    switch (request.type) {
-        case 'setTimeout':
-        case 'setInterval':
-            timerIdMapping.set(request.id, (request.type === 'setTimeout' ? setTimeout : setInterval)(() => {
-                tick(request.id);
-                if (request.type === 'setTimeout') {
-                    timerIdMapping.delete(request.id);
-                }
-            }, request.timeout));
-            break;
-        case 'clearTimeout':
-        case 'clearInterval':
-            (request.type === 'clearTimeout' ? clearTimeout : clearInterval)(timerIdMapping.get(request.id));
-            timerIdMapping.delete(request.id);
-            break;
-    }
-});
-function tick(id) {
-    const message = { type: 'tick', id };
-    self.postMessage(message);
-}`,
-};
-
-class TimerWorker {
-    constructor() {
-        this.currentTimerId = 1;
-        this.callbacks = new Map();
-        this.fallback = false;
-    }
-    setup({ useTimerWorker = true } = {}) {
-        if (!useTimerWorker) {
-            this.fallback = true;
-            return;
-        }
-        try {
-            const source = timerWorker.src;
-            const blob = new Blob([source], {
-                type: 'application/javascript; charset=utf-8',
-            });
-            const script = URL.createObjectURL(blob);
-            this.worker = new Worker(script, { name: 'str-timer-worker' });
-            this.worker.addEventListener('message', (event) => {
-                const { type, id } = event.data;
-                if (type === 'tick') {
-                    this.callbacks.get(id)?.();
-                }
-            });
-        }
-        catch (err) {
-            getLogger(['timer-worker'])('error', err);
-            this.fallback = true;
-        }
-    }
-    destroy() {
-        this.callbacks.clear();
-        this.worker?.terminate();
-        this.worker = undefined;
-        this.fallback = false;
-    }
-    get ready() {
-        return this.fallback || Boolean(this.worker);
-    }
-    setInterval(callback, timeout) {
-        return this.setTimer('setInterval', callback, timeout);
-    }
-    clearInterval(id) {
-        this.clearTimer('clearInterval', id);
-    }
-    setTimeout(callback, timeout) {
-        return this.setTimer('setTimeout', callback, timeout);
-    }
-    clearTimeout(id) {
-        this.clearTimer('clearTimeout', id);
-    }
-    setTimer(type, callback, timeout) {
-        if (!this.ready) {
-            this.setup();
-        }
-        if (this.fallback) {
-            return (type === 'setTimeout' ? setTimeout : setInterval)(callback, timeout);
-        }
-        const id = this.getTimerId();
-        this.callbacks.set(id, () => {
-            callback();
-            // Timeouts are one-off operations, so no need to keep callback reference
-            // after timer has fired
-            if (type === 'setTimeout') {
-                this.callbacks.delete(id);
-            }
-        });
-        this.sendMessage({ type, id, timeout });
-        return id;
-    }
-    clearTimer(type, id) {
-        if (!id) {
-            return;
-        }
-        if (!this.ready) {
-            this.setup();
-        }
-        if (this.fallback) {
-            (type === 'clearTimeout' ? clearTimeout : clearInterval)(id);
-            return;
-        }
-        this.callbacks.delete(id);
-        this.sendMessage({ type, id });
-    }
-    getTimerId() {
-        return this.currentTimerId++;
-    }
-    sendMessage(message) {
-        if (!this.worker) {
-            throw new Error("Cannot use timer worker before it's set up");
-        }
-        this.worker.postMessage(message);
-    }
-}
 let timerWorkerEnabled = false;
 const enableTimerWorker = () => {
     timerWorkerEnabled = true;
 };
 const getTimers = lazy(() => {
-    const instance = new TimerWorker();
-    instance.setup({ useTimerWorker: timerWorkerEnabled });
-    return instance;
+    return new WorkerTimer({ useWorker: timerWorkerEnabled });
 });
 
 /**
@@ -14664,7 +14540,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.30.1", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.31.0", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),