@stream-io/video-client 1.30.1 → 1.31.0

package/dist/src/timers/index.d.ts

@@ -1,22 +1,3 @@
-declare class TimerWorker {
-    private currentTimerId;
-    private callbacks;
-    private worker;
-    private fallback;
-    setup({ useTimerWorker }?: {
-        useTimerWorker?: boolean;
-    }): void;
-    destroy(): void;
-    get ready(): boolean;
-    setInterval(callback: () => void, timeout: number): number;
-    clearInterval(id?: number): void;
-    setTimeout(callback: () => void, timeout: number): number;
-    clearTimeout(id?: number): void;
-    private setTimer;
-    private clearTimer;
-    private getTimerId;
-    private sendMessage;
-}
+import { WorkerTimer } from '@stream-io/worker-timer';
 export declare const enableTimerWorker: () => void;
-export declare const getTimers: (...args: never[]) => TimerWorker;
-export {};
+export declare const getTimers: (...args: never[]) => WorkerTimer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-client",
-  "version": "1.30.1",
+  "version": "1.31.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "browser": "dist/index.browser.es.js",
@@ -14,8 +14,7 @@
     "test": "vitest",
     "test-ci": "vitest run --coverage",
     "generate:open-api": "./generate-openapi.sh protocol",
-    "generate:open-api:dev": "./generate-openapi.sh chat",
-    "generate:timer-worker": "./generate-timer-worker.sh"
+    "generate:open-api:dev": "./generate-openapi.sh chat"
   },
   "files": [
     "dist",
@@ -30,6 +29,7 @@
     "@protobuf-ts/runtime": "^2.9.4",
     "@protobuf-ts/runtime-rpc": "^2.9.4",
     "@protobuf-ts/twirp-transport": "^2.9.4",
+    "@stream-io/worker-timer": "^1.2.4",
     "axios": "^1.8.1",
     "rxjs": "~7.8.1",
     "sdp-transform": "^2.15.0",

package/src/timers/index.ts

@@ -1,128 +1,5 @@
+import { WorkerTimer } from '@stream-io/worker-timer';
 import { lazy } from '../helpers/lazy';
-import { getLogger } from '../logger';
-import { TimerWorkerEvent, TimerWorkerRequest } from './types';
-import { timerWorker } from './worker.build';
-
-class TimerWorker {
-  private currentTimerId = 1;
-  private callbacks = new Map<number, () => void>();
-  private worker: Worker | undefined;
-  private fallback = false;
-
-  setup({ useTimerWorker = true }: { useTimerWorker?: boolean } = {}): void {
-    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 as TimerWorkerEvent;
-        if (type === 'tick') {
-          this.callbacks.get(id)?.();
-        }
-      });
-    } catch (err: any) {
-      getLogger(['timer-worker'])('error', err);
-      this.fallback = true;
-    }
-  }
-
-  destroy(): void {
-    this.callbacks.clear();
-    this.worker?.terminate();
-    this.worker = undefined;
-    this.fallback = false;
-  }
-
-  get ready() {
-    return this.fallback || Boolean(this.worker);
-  }
-
-  setInterval(callback: () => void, timeout: number): number {
-    return this.setTimer('setInterval', callback, timeout);
-  }
-
-  clearInterval(id?: number): void {
-    this.clearTimer('clearInterval', id);
-  }
-
-  setTimeout(callback: () => void, timeout: number): number {
-    return this.setTimer('setTimeout', callback, timeout);
-  }
-
-  clearTimeout(id?: number): void {
-    this.clearTimer('clearTimeout', id);
-  }
-
-  private setTimer(
-    type: 'setTimeout' | 'setInterval',
-    callback: () => void,
-    timeout: number,
-  ) {
-    if (!this.ready) {
-      this.setup();
-    }
-
-    if (this.fallback) {
-      return (type === 'setTimeout' ? setTimeout : setInterval)(
-        callback,
-        timeout,
-      ) as unknown as number;
-    }
-
-    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;
-  }
-
-  private clearTimer(type: 'clearTimeout' | 'clearInterval', id?: number) {
-    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 });
-  }
-
-  private getTimerId() {
-    return this.currentTimerId++;
-  }
-
-  private sendMessage(message: TimerWorkerRequest) {
-    if (!this.worker) {
-      throw new Error("Cannot use timer worker before it's set up");
-    }
-
-    this.worker.postMessage(message);
-  }
-}
 
 let timerWorkerEnabled = false;
 
@@ -131,7 +8,5 @@ export const enableTimerWorker = () => {
 };
 
 export const getTimers = lazy(() => {
-  const instance = new TimerWorker();
-  instance.setup({ useTimerWorker: timerWorkerEnabled });
-  return instance;
+  return new WorkerTimer({ useWorker: timerWorkerEnabled });
 });

package/dist/src/timers/types.d.ts

@@ -1,12 +0,0 @@
-export type TimerWorkerRequest = {
-    type: 'setInterval' | 'setTimeout';
-    id: number;
-    timeout: number;
-} | {
-    type: 'clearInterval' | 'clearTimeout';
-    id: number;
-};
-export type TimerWorkerEvent = {
-    type: 'tick';
-    id: number;
-};

package/dist/src/timers/worker.build.d.ts

@@ -1,3 +0,0 @@
-export declare const timerWorker: {
-    src: string;
-};

package/dist/src/timers/worker.d.ts

@@ -1 +0,0 @@
-export {};

package/src/timers/types.ts

@@ -1,15 +0,0 @@
-export type TimerWorkerRequest =
-  | {
-      type: 'setInterval' | 'setTimeout';
-      id: number;
-      timeout: number;
-    }
-  | {
-      type: 'clearInterval' | 'clearTimeout';
-      id: number;
-    };
-
-export type TimerWorkerEvent = {
-  type: 'tick';
-  id: number;
-};

package/src/timers/worker.build.ts

@@ -1,28 +0,0 @@
-// Do not modify this file manually. Instead, edit worker.ts
-// and the run ./generate-timer-worker.sh
-export 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);
-}`,
-};

package/src/timers/worker.ts

@@ -1,36 +0,0 @@
-import type { TimerWorkerEvent, TimerWorkerRequest } from './types';
-
-const timerIdMapping = new Map<number, NodeJS.Timeout>();
-
-self.addEventListener('message', (event: MessageEvent) => {
-  const request = event.data as TimerWorkerRequest;
-
-  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: number) {
-  const message: TimerWorkerEvent = { type: 'tick', id };
-  self.postMessage(message);
-}