@fishjam-cloud/react-client 0.13.0 → 0.14.1

package/dist/types/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/types/public.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAExF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAC/C,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK;IAAE,KAAK,EAAE,gBAAgB,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,GAAG,IAAI,CAAC;AAEtH,MAAM,MAAM,gBAAgB,GAAG,CAC7B,UAAU,EAAE,gBAAgB,EAC5B,UAAU,EAAE,gBAAgB,GAAG,IAAI,KAChC;IAAE,UAAU,EAAE,gBAAgB,CAAC;IAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEhG;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,MAAM,MAAM,MAAM,GAAG;IACnB,YAAY,EAAE,mBAAmB,CAAC;IAClC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,YAAY,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,eAAe,CAAC;IACnC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IAC5C,cAAc,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAAE,SAAS,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;CAAE,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,wBAAwB,CAAA;CAAE,CAAC;AAE5F,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GACnB;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,GAC3B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAEhC,OAAO,CAAC,MAAM,KAAK,EAAE,OAAO,MAAM,CAAC;AACnC,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,IAAI,CAAC,GAAG;IAAE,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/types/public.ts"],"names":[],"mappings":"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"}

package/dist/utils/bandwidth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bandwidth.d.ts","sourceRoot":"","sources":["../../src/utils/bandwidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,eAAO,MAAM,sBAAsB,8EAA+E,CAAC;AAEnH,eAAO,MAAM,gCAAgC,YAAa,OAAO,CAAC,eAAe,CAAC,KAAG,eAGnF,CAAC"}
+{"version":3,"file":"bandwidth.d.ts","sourceRoot":"","sources":["../../src/utils/bandwidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,eAAO,MAAM,sBAAsB,8EAA+E,CAAC;AAEnH,eAAO,MAAM,gCAAgC,GAAI,SAAS,OAAO,CAAC,eAAe,CAAC,KAAG,eAGnF,CAAC"}

package/dist/utils/deferred.d.ts

@@ -0,0 +1,9 @@
+export declare class Deferred<T, E = unknown> {
+    readonly promise: Promise<T>;
+    private resolveFn;
+    private rejectFn;
+    constructor();
+    resolve(value: T): void;
+    reject(reason?: E): void;
+}
+//# sourceMappingURL=deferred.d.ts.map

package/dist/utils/deferred.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deferred.d.ts","sourceRoot":"","sources":["../../src/utils/deferred.ts"],"names":[],"mappings":"AAAA,qBAAa,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO;IAClC,SAAgB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAEpC,OAAO,CAAC,SAAS,CAAmD;IACpE,OAAO,CAAC,QAAQ,CAAoC;;IAS7C,OAAO,CAAC,KAAK,EAAE,CAAC;IAIhB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;CAGzB"}

package/dist/utils/deferred.js

@@ -0,0 +1,17 @@
+export class Deferred {
+    promise;
+    resolveFn = () => null;
+    rejectFn = () => null;
+    constructor() {
+        this.promise = new Promise((resolve, reject) => {
+            this.resolveFn = resolve;
+            this.rejectFn = reject;
+        });
+    }
+    resolve(value) {
+        this.resolveFn(value);
+    }
+    reject(reason) {
+        this.rejectFn(reason);
+    }
+}

package/dist/utils/errors.d.ts

@@ -3,5 +3,5 @@ export declare const PERMISSION_DENIED: DeviceError;
 export declare const OVERCONSTRAINED_ERROR: DeviceError;
 export declare const NOT_FOUND_ERROR: DeviceError;
 export declare const UNHANDLED_ERROR: DeviceError;
-export declare const parseUserMediaError: (error: unknown) => DeviceError | null;
+export declare const parseUserMediaError: (error: unknown) => DeviceError;
 //# sourceMappingURL=errors.d.ts.map

package/dist/utils/errors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/utils/errors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,iBAAiB,EAAE,WAAyC,CAAC;AAC1E,eAAO,MAAM,qBAAqB,EAAE,WAA8C,CAAC;AACnF,eAAO,MAAM,eAAe,EAAE,WAAuC,CAAC;AACtE,eAAO,MAAM,eAAe,EAAE,WAAyC,CAAC;AAIxE,eAAO,MAAM,mBAAmB,UAAW,OAAO,KAAG,WAAW,GAAG,IAelE,CAAC"}
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/utils/errors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,iBAAiB,EAAE,WAAyC,CAAC;AAC1E,eAAO,MAAM,qBAAqB,EAAE,WAA8C,CAAC;AACnF,eAAO,MAAM,eAAe,EAAE,WAAuC,CAAC;AACtE,eAAO,MAAM,eAAe,EAAE,WAAyC,CAAC;AAIxE,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,KAAG,WAepD,CAAC"}

package/dist/utils/errors.js

@@ -7,7 +7,7 @@ export const UNHANDLED_ERROR = { name: "UNHANDLED_ERROR" };
 export const parseUserMediaError = (error) => {
     if (!(error instanceof DOMException)) {
         console.warn({ name: "Unhandled getUserMedia error", error });
-        return null;
+        return UNHANDLED_ERROR;
     }
     if (error.name === "NotAllowedError") {
         return PERMISSION_DENIED;
@@ -18,5 +18,5 @@ export const parseUserMediaError = (error) => {
     else if (error.name === "NotFoundError") {
         return NOT_FOUND_ERROR;
     }
-    return null;
+    return UNHANDLED_ERROR;
 };

package/dist/utils/localStorage.d.ts

@@ -1,3 +1,4 @@
-import type { DeviceType, PersistLastDeviceHandlers } from "../types/public";
-export declare function createStorageConfig(deviceType: DeviceType, storage?: boolean | PersistLastDeviceHandlers): PersistLastDeviceHandlers | null;
+import type { DeviceType } from "../types/public";
+export declare const getLastDevice: (deviceType: DeviceType) => MediaDeviceInfo | null;
+export declare const saveLastDevice: (info: MediaDeviceInfo, deviceType: DeviceType) => void;
 //# sourceMappingURL=localStorage.d.ts.map

package/dist/utils/localStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localStorage.d.ts","sourceRoot":"","sources":["../../src/utils/localStorage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE7E,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,OAAO,GAAG,yBAAyB,GAC5C,yBAAyB,GAAG,IAAI,CAIlC"}
+{"version":3,"file":"localStorage.d.ts","sourceRoot":"","sources":["../../src/utils/localStorage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,eAAO,MAAM,aAAa,GAAI,YAAY,UAAU,2BACsB,CAAC;AAE3E,eAAO,MAAM,cAAc,GAAI,MAAM,eAAe,EAAE,YAAY,UAAU,SACT,CAAC"}

package/dist/utils/localStorage.js

@@ -1,17 +1,6 @@
-export function createStorageConfig(deviceType, storage) {
-    if (storage === false)
-        return null;
-    if (storage === true || storage === undefined)
-        return getLocalStorageConfig(deviceType);
-    return storage;
-}
-const getLocalStorageConfig = (deviceType) => {
-    const key = `last-selected-${deviceType}-device`;
-    return {
-        getLastDevice: () => loadObject(key, null),
-        saveLastDevice: (info) => saveObject(key, info),
-    };
-};
+const getLocalStorageKey = (deviceType) => `last-selected-${deviceType}-device`;
+export const getLastDevice = (deviceType) => loadObject(getLocalStorageKey(deviceType), null);
+export const saveLastDevice = (info, deviceType) => saveObject(getLocalStorageKey(deviceType), info);
 const loadObject = (key, defaultValue) => {
     const stringValue = loadString(key, "");
     if (stringValue === "") {

package/dist/utils/track.d.ts

@@ -1,7 +1,9 @@
 import type { FishjamClient, SimulcastConfig } from "@fishjam-cloud/ts-client";
 import { Variant } from "@fishjam-cloud/ts-client";
 import type { BandwidthLimits, Track } from "../types/public";
-export declare const getRemoteOrLocalTrack: (tsClient: FishjamClient, remoteOrLocalTrackId: string | null) => Track | null;
+export declare const getRemoteOrLocalTrack: (tsClient: FishjamClient, remoteOrLocalTrackId: string) => Track | null;
 export declare function setupOnEndedCallback(track: MediaStreamTrack, getCurrentTrackId: () => string | undefined, callback: () => Promise<void>): void;
 export declare const getConfigAndBandwidthFromProps: (encodings: Variant[] | false | undefined, bandwidthLimits: BandwidthLimits) => readonly [number, undefined] | readonly [Map<Variant, number>, SimulcastConfig];
+export declare function getTrackFromStream(stream: MediaStream, type: "audio" | "video"): MediaStreamTrack;
+export declare function stopStream(stream: MediaStream, type: "audio" | "video"): void;
 //# sourceMappingURL=track.d.ts.map

package/dist/utils/track.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"track.d.ts","sourceRoot":"","sources":["../../src/utils/track.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAA+B,MAAM,0BAA0B,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAW,MAAM,iBAAiB,CAAC;AAmCvE,eAAO,MAAM,qBAAqB,aAAc,aAAa,wBAAwB,MAAM,GAAG,IAAI,iBAIjG,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,gBAAgB,EACvB,iBAAiB,EAAE,MAAM,MAAM,GAAG,SAAS,EAC3C,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,QAQ9B;AAOD,eAAO,MAAM,8BAA8B,cAC9B,OAAO,EAAE,GAAG,KAAK,GAAG,SAAS,mBACvB,eAAe,oFAcjC,CAAC"}
+{"version":3,"file":"track.d.ts","sourceRoot":"","sources":["../../src/utils/track.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAA+B,MAAM,0BAA0B,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAW,MAAM,iBAAiB,CAAC;AAiCvE,eAAO,MAAM,qBAAqB,GAAI,UAAU,aAAa,EAAE,sBAAsB,MAAM,iBAI1F,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,gBAAgB,EACvB,iBAAiB,EAAE,MAAM,MAAM,GAAG,SAAS,EAC3C,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,QAQ9B;AAOD,eAAO,MAAM,8BAA8B,GACzC,WAAW,OAAO,EAAE,GAAG,KAAK,GAAG,SAAS,EACxC,iBAAiB,eAAe,oFAcjC,CAAC;AAOF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,oBAE9E;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,QAKtE"}

package/dist/utils/track.js

@@ -8,16 +8,14 @@ import { Variant } from "@fishjam-cloud/ts-client";
 // However, in that event handler, we don't yet have the remote track ID.
 // Therefore, for that brief moment, we will use the local track ID from the MediaStreamTrack object to identify the track.
 const getRemoteOrLocalTrackContext = (tsClient, remoteOrLocalTrackId) => {
-    if (!remoteOrLocalTrackId)
-        return null;
     const tracks = tsClient?.getLocalPeer()?.tracks;
     if (!tracks)
         return null;
     const trackByRemoteId = tracks?.get(remoteOrLocalTrackId);
     if (trackByRemoteId)
         return trackByRemoteId;
-    const trackByLocalId = [...tracks.values()].find((track) => track.track?.id === remoteOrLocalTrackId);
-    return trackByLocalId ? trackByLocalId : null;
+    const trackByLocalId = [...tracks.values()].find(({ track }) => track?.id === remoteOrLocalTrackId);
+    return trackByLocalId ?? null;
 };
 const getTrackFromContext = (context) => ({
     metadata: context.metadata,
@@ -57,3 +55,17 @@ export const getConfigAndBandwidthFromProps = (encodings, bandwidthLimits) => {
     const bandwidth = new Map(variantEntries);
     return [bandwidth, config];
 };
+function getCertainTypeTracks(stream, type) {
+    if (type === "audio")
+        return stream.getAudioTracks();
+    return stream.getVideoTracks();
+}
+export function getTrackFromStream(stream, type) {
+    return getCertainTypeTracks(stream, type)[0] ?? null;
+}
+export function stopStream(stream, type) {
+    getCertainTypeTracks(stream, type).forEach((track) => {
+        track.enabled = false;
+        track.stop();
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fishjam-cloud/react-client",
-  "version": "0.13.0",
+  "version": "0.14.1",
   "description": "React client library for Fishjam",
   "license": "Apache-2.0",
   "author": "Fishjam Team",
@@ -10,7 +10,11 @@
   "files": [
     "dist/**"
   ],
-  "repository": "github:fishjam-cloud/web-client-sdk",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fishjam-cloud/web-client-sdk.git",
+    "directory": "packages/react-client"
+  },
   "homepage": "https://github.com/fishjam-cloud/web-client-sdk#readme",
   "bugs": "https://github.com/fishjam-cloud/web-client-sdk/issues",
   "keywords": [
@@ -22,9 +26,9 @@
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
-    "./internal": {
-      "import": "./dist/internal.js",
-      "types": "./dist/internal.d.ts"
+    "./debug": {
+      "import": "./dist/debug.js",
+      "types": "./dist/debug.d.ts"
     }
   },
   "scripts": {
@@ -38,19 +42,19 @@
     "prepack": "yarn workspace @fishjam-cloud/ts-client build && yarn build"
   },
   "devDependencies": {
-    "@playwright/test": "^1.50.0",
+    "@playwright/test": "^1.51.1",
     "@types/events": "^3.0.3",
     "@types/lodash.isequal": "^4.5.8",
-    "@types/node": "^22.12.0",
-    "@types/react": "^19.0.8",
+    "@types/node": "^22.13.10",
+    "@types/react": "^19.0.11",
     "react": "^19.0.0",
     "typed-emitter": "^2.1.0",
-    "typedoc": "^0.27.6",
-    "typedoc-plugin-mdn-links": "^4.0.10",
-    "typescript": "^5.7.3"
+    "typedoc": "^0.28.0",
+    "typedoc-plugin-mdn-links": "^5.0.1",
+    "typescript": "^5.8.2"
   },
   "dependencies": {
-    "@fishjam-cloud/ts-client": "0.13.0",
+    "@fishjam-cloud/ts-client": "0.14.1",
     "events": "3.3.0",
     "lodash.isequal": "4.5.0"
   },

package/dist/devices/DeviceManager.d.ts

@@ -1,64 +0,0 @@
-import type TypedEmitter from "typed-emitter";
-import type { DeviceManagerStatus, DeviceState, Media, MediaManager } from "../types/internal";
-import type { DeviceError, DeviceType, PersistLastDeviceHandlers, TrackMiddleware } from "../types/public";
-export type DeviceManagerEvents = {
-    managerStarted: (event: DeviceState & {
-        constraints: MediaTrackConstraints | undefined;
-    }, state: DeviceState) => void;
-    managerInitialized: (state: DeviceState) => void;
-    devicesStarted: (event: {
-        restarting: boolean;
-        constraints?: MediaTrackConstraints | boolean;
-    }, state: DeviceState) => void;
-    deviceReady: (event: {
-        stream: MediaStream;
-    }, state: DeviceState) => void;
-    devicesReady: (event: DeviceState & {
-        restarted: boolean;
-    }, state: DeviceState) => void;
-    deviceStopped: (state: DeviceState) => void;
-    deviceEnabled: (state: DeviceState) => void;
-    deviceDisabled: (state: DeviceState) => void;
-    middlewareSet: (state: DeviceState) => void;
-    error: (event: any, state: DeviceState) => void;
-};
-export type DeviceManagerConfig = {
-    deviceType: DeviceType;
-    defaultConstraints: MediaTrackConstraints;
-    userConstraints?: boolean | MediaTrackConstraints;
-    storage?: boolean | PersistLastDeviceHandlers;
-};
-declare const DeviceManager_base: new () => TypedEmitter<DeviceManagerEvents>;
-export declare class DeviceManager extends DeviceManager_base implements MediaManager {
-    private readonly constraints;
-    private status;
-    private readonly deviceType;
-    private readonly middlewareManager;
-    readonly getLastDevice: () => MediaDeviceInfo | null;
-    private readonly saveLastDevice;
-    private rawMedia;
-    private processedMediaTrack;
-    private media;
-    private mediaStatus;
-    private devices;
-    private devicesStatus;
-    private error;
-    constructor({ deviceType, storage, userConstraints, defaultConstraints }: DeviceManagerConfig);
-    getState(): DeviceState;
-    getStatus(): DeviceManagerStatus;
-    getConstraints(): MediaTrackConstraints | boolean;
-    getDeviceType: () => DeviceType;
-    getMedia: () => Media | null;
-    initialize: (stream: MediaStream | null, track: MediaStreamTrack | null, devices: MediaDeviceInfo[], requestedMedia: boolean, error?: DeviceError | null) => void;
-    start(deviceId?: string): Promise<void>;
-    setTrackMiddleware(middleware: TrackMiddleware | null): Promise<void>;
-    getMiddleware(): TrackMiddleware | null;
-    stop(): void;
-    disable(): void;
-    enable(): void;
-    private setEnable;
-    private updateMedia;
-    private setCurrentMedia;
-}
-export {};
-//# sourceMappingURL=DeviceManager.d.ts.map

package/dist/devices/DeviceManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeviceManager.d.ts","sourceRoot":"","sources":["../../src/devices/DeviceManager.ts"],"names":[],"mappings":"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"}

package/dist/devices/DeviceManager.js

@@ -1,200 +0,0 @@
-import EventEmitter from "events";
-import { parseUserMediaError } from "../utils/errors";
-import { createStorageConfig } from "../utils/localStorage";
-import { setupOnEndedCallback } from "../utils/track";
-import { prepareMediaTrackConstraints } from "./constraints";
-import { MiddlewareManager } from "./MiddlewareManager";
-const NOOP = () => { };
-export class DeviceManager extends EventEmitter {
-    constraints;
-    status = "uninitialized";
-    deviceType;
-    middlewareManager = new MiddlewareManager();
-    getLastDevice = () => null;
-    saveLastDevice = NOOP;
-    rawMedia = null;
-    processedMediaTrack = null;
-    media = null;
-    mediaStatus = "Not requested";
-    devices = null;
-    devicesStatus = "Not requested";
-    error = null;
-    constructor({ deviceType, storage, userConstraints, defaultConstraints }) {
-        super();
-        const storageConfig = createStorageConfig(deviceType, storage);
-        if (storageConfig) {
-            this.getLastDevice = storageConfig.getLastDevice;
-            this.saveLastDevice = storageConfig.saveLastDevice;
-        }
-        this.deviceType = deviceType;
-        this.constraints = userConstraints ?? defaultConstraints;
-    }
-    getState() {
-        return {
-            mediaStatus: this.mediaStatus,
-            devices: this.devices,
-            devicesStatus: this.devicesStatus,
-            error: this.error,
-            media: this.media,
-            currentMiddleware: this.middlewareManager.getMiddleware(),
-        };
-    }
-    getStatus() {
-        return this.status;
-    }
-    getConstraints() {
-        return this.constraints;
-    }
-    getDeviceType = () => {
-        return this.deviceType;
-    };
-    getMedia = () => {
-        return this.media;
-    };
-    initialize = (stream, track, devices, requestedMedia, error = null) => {
-        const deviceInfo = getDeviceInfo(track?.getSettings()?.deviceId || null, devices);
-        const [devicesStatus, newError] = prepareStatus(requestedMedia, track);
-        this.devices = devices;
-        this.devicesStatus = devicesStatus;
-        this.mediaStatus = devicesStatus;
-        this.error = newError ?? error;
-        this.updateMedia({
-            stream: track ? stream : null,
-            track,
-            deviceInfo,
-            enabled: Boolean(track?.enabled),
-        });
-        if (deviceInfo)
-            this.saveLastDevice?.(deviceInfo);
-        this.status = "initialized";
-        if (track) {
-            setupOnEndedCallback(track, () => this?.rawMedia?.track?.id, async () => this.stop());
-        }
-        this.emit("managerInitialized", this.getState());
-    };
-    async start(deviceId) {
-        const newDeviceId = deviceId ?? this.getLastDevice?.()?.deviceId;
-        const currentDeviceId = this.rawMedia?.deviceInfo?.deviceId;
-        const shouldReplaceDevice = Boolean(currentDeviceId && currentDeviceId !== newDeviceId);
-        const isDeviceStopped = currentDeviceId === undefined;
-        const shouldProceed = isDeviceStopped || shouldReplaceDevice;
-        const exactConstraints = shouldProceed && prepareMediaTrackConstraints(newDeviceId, this.constraints);
-        if (!exactConstraints)
-            return;
-        this.mediaStatus = "Requesting";
-        this.emit("devicesStarted", { restarting: shouldReplaceDevice, constraints: exactConstraints }, this.getState());
-        try {
-            const stream = await navigator.mediaDevices.getUserMedia({ [this.deviceType]: exactConstraints });
-            const track = getTrack(stream, this.deviceType);
-            const trackDeviceId = track?.getSettings()?.deviceId;
-            const deviceInfo = trackDeviceId ? getDeviceInfo(trackDeviceId, this.devices ?? []) : null;
-            if (deviceInfo) {
-                this.saveLastDevice?.(deviceInfo);
-            }
-            // The device manager assumes that there is only one audio and video track.
-            // All previous tracks are deactivated even if the browser is able to handle multiple active sessions. (Chrome, Firefox)
-            //
-            // Safari always deactivates the track and emits the `ended` event.
-            // Its handling is asynchronous and can be executed even before returning a value from the re-execution of `getUserMedia`.
-            // In such a case, the tracks are already deactivated at this point (logic in `onTrackEnded` method).
-            // The track is null, so the stop method will not execute.
-            //
-            // However, if Safari has not yet handled this event, the tracks are manually stopped at this point.
-            // Manually stopping tracks on its own does not generate the `ended` event.
-            // The ended event in Safari has already been emitted and will be handled in the future.
-            // Therefore, in the `onTrackEnded` method, events for already stopped tracks are filtered out to prevent the state from being damaged.
-            if (shouldReplaceDevice) {
-                this.rawMedia?.track?.stop();
-                this.processedMediaTrack?.stop();
-            }
-            this.updateMedia({
-                stream,
-                track,
-                deviceInfo,
-                enabled: Boolean(track?.enabled),
-            });
-            if (track) {
-                setupOnEndedCallback(track, () => this?.rawMedia?.track?.id, async () => this.stop());
-            }
-            this.mediaStatus = "OK";
-            this.emit("devicesReady", { ...this.getState(), restarted: shouldReplaceDevice }, this.getState());
-        }
-        catch (err) {
-            const parsedError = parseUserMediaError(err);
-            const event = {
-                parsedError,
-                constraints: exactConstraints,
-            };
-            if (exactConstraints) {
-                this.error = parsedError;
-            }
-            this.emit("error", event, this.getState());
-        }
-    }
-    async setTrackMiddleware(middleware) {
-        const rawTrack = this.rawMedia?.track ?? null;
-        const processedMedia = this.middlewareManager.applyMiddleware(rawTrack, middleware);
-        this.setCurrentMedia(this.rawMedia, processedMedia);
-        this.emit("middlewareSet", this.getState());
-    }
-    getMiddleware() {
-        return this.middlewareManager.getMiddleware();
-    }
-    stop() {
-        this.middlewareManager.clearMiddleware();
-        this.processedMediaTrack?.stop();
-        this.rawMedia?.track?.stop();
-        this.updateMedia(null);
-        this.emit("deviceStopped", this.getState());
-    }
-    disable() {
-        this.setEnable(this.rawMedia?.track ?? null, false);
-        this.setEnable(this.processedMediaTrack, false);
-        if (this.media) {
-            this.media.enabled = false;
-        }
-        this.emit("deviceDisabled", this.getState());
-    }
-    enable() {
-        this.setEnable(this.rawMedia?.track ?? null, true);
-        this.setEnable(this.processedMediaTrack, true);
-        if (this.media) {
-            this.media.enabled = true;
-        }
-        this.emit("deviceEnabled", this.getState());
-    }
-    setEnable = (track, value) => {
-        if (!track)
-            return;
-        track.enabled = value;
-    };
-    updateMedia(media) {
-        this.rawMedia = !media ? null : { ...media };
-        const processedMedia = this.middlewareManager.applyMiddleware(media?.track ?? null);
-        this.setCurrentMedia(this.rawMedia, processedMedia);
-    }
-    setCurrentMedia(media, processedTrack) {
-        this.processedMediaTrack = processedTrack;
-        const streamTrack = processedTrack ? { track: processedTrack, stream: new MediaStream([processedTrack]) } : media;
-        this.media = streamTrack
-            ? {
-                ...streamTrack,
-                enabled: Boolean(streamTrack.track?.enabled),
-                deviceInfo: this.rawMedia?.deviceInfo ?? null,
-            }
-            : null;
-    }
-}
-function getDeviceInfo(trackDeviceId, devices) {
-    return (trackDeviceId && devices.find(({ deviceId }) => trackDeviceId === deviceId)) || null;
-}
-function getTrack(stream, deviceType) {
-    return (deviceType === "audio" ? stream?.getAudioTracks()?.[0] : stream?.getVideoTracks()?.[0]) ?? null;
-}
-function prepareStatus(requested, track) {
-    if (!requested)
-        return ["Not requested", null];
-    if (track)
-        return ["OK", null];
-    return ["Error", null];
-}

package/dist/devices/MiddlewareManager.d.ts

@@ -1,9 +0,0 @@
-import type { TrackMiddleware } from "../types/public";
-export declare class MiddlewareManager {
-    private middleware;
-    private clearMiddlewareFn;
-    getMiddleware(): TrackMiddleware | null;
-    clearMiddleware(): void;
-    applyMiddleware(rawTrack: MediaStreamTrack | null, middleware?: TrackMiddleware | null): MediaStreamTrack | null;
-}
-//# sourceMappingURL=MiddlewareManager.d.ts.map

package/dist/devices/MiddlewareManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MiddlewareManager.d.ts","sourceRoot":"","sources":["../../src/devices/MiddlewareManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGvD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,UAAU,CAAgC;IAClD,OAAO,CAAC,iBAAiB,CAA6B;IAE/C,aAAa,IAAI,eAAe,GAAG,IAAI;IAIvC,eAAe;IAKf,eAAe,CACpB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,EACjC,UAAU,GAAE,eAAe,GAAG,IAAsB,GACnD,gBAAgB,GAAG,IAAI;CAmB3B"}

package/dist/devices/MiddlewareManager.js

@@ -1,26 +0,0 @@
-import { setupOnEndedCallback } from "../utils/track";
-export class MiddlewareManager {
-    middleware = null;
-    clearMiddlewareFn = null;
-    getMiddleware() {
-        return this.middleware;
-    }
-    clearMiddleware() {
-        this.clearMiddlewareFn?.();
-        this.clearMiddlewareFn = null;
-    }
-    applyMiddleware(rawTrack, middleware = this.middleware) {
-        this.middleware = middleware;
-        this.clearMiddleware();
-        if (!rawTrack || !middleware)
-            return null;
-        const { onClear, track } = middleware(rawTrack);
-        if (onClear)
-            this.clearMiddlewareFn = onClear;
-        setupOnEndedCallback(track, () => track.id, async () => {
-            this.clearMiddleware();
-            track.stop();
-        });
-        return track;
-    }
-}

package/dist/hooks/internal/device/useDeviceApi.d.ts

@@ -1,8 +0,0 @@
-import type { DeviceManager } from "../../../devices/DeviceManager";
-import type { Device } from "../../../types/public";
-type DeviceApiDependencies = {
-    deviceManager: DeviceManager;
-};
-export declare const useDeviceApi: ({ deviceManager }: DeviceApiDependencies) => Device;
-export {};
-//# sourceMappingURL=useDeviceApi.d.ts.map

package/dist/hooks/internal/device/useDeviceApi.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDeviceApi.d.ts","sourceRoot":"","sources":["../../../../src/hooks/internal/device/useDeviceApi.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,EAAE,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAGhE,KAAK,qBAAqB,GAAG;IAC3B,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,YAAY,sBAAuB,qBAAqB,KAAG,MA+BvE,CAAC"}

package/dist/hooks/internal/device/useDeviceApi.js

@@ -1,28 +0,0 @@
-import { useMemo } from "react";
-import { useDeviceManager } from "./useDeviceManager";
-export const useDeviceApi = ({ deviceManager }) => {
-    const { deviceState, deviceType, deviceStatus } = useDeviceManager(deviceManager);
-    const mediaStream = useMemo(() => deviceState.media?.stream ?? null, [deviceState.media?.stream]);
-    const currentMiddleware = deviceState.currentMiddleware ?? null;
-    const mediaStreamTrack = useMemo(() => {
-        if (deviceType === "video")
-            return mediaStream?.getVideoTracks()[0] ?? null;
-        return mediaStream?.getAudioTracks()[0] ?? null;
-    }, [mediaStream, deviceType]);
-    const devices = useMemo(() => deviceState.devices?.map(({ deviceId, label }) => ({ deviceId, label })) ?? [], [deviceState.devices]);
-    const activeDevice = deviceState.media?.deviceInfo
-        ? { deviceId: deviceState.media.deviceInfo.deviceId, label: deviceState.media.deviceInfo.label }
-        : null;
-    const isMuted = !deviceState.media?.enabled;
-    const deviceError = deviceState.error ?? null;
-    return {
-        mediaStream,
-        currentMiddleware,
-        deviceStatus,
-        devices,
-        deviceError,
-        activeDevice,
-        isMuted,
-        mediaStreamTrack,
-    };
-};

package/dist/hooks/internal/device/useDeviceManager.d.ts

@@ -1,4 +0,0 @@
-import type { DeviceManager } from "../../../devices/DeviceManager";
-import type { DeviceManagerState } from "../../../types/internal";
-export declare const useDeviceManager: (deviceManager: DeviceManager) => DeviceManagerState;
-//# sourceMappingURL=useDeviceManager.d.ts.map

package/dist/hooks/internal/device/useDeviceManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDeviceManager.d.ts","sourceRoot":"","sources":["../../../../src/hooks/internal/device/useDeviceManager.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAuB,MAAM,gCAAgC,CAAC;AACzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAelE,eAAO,MAAM,gBAAgB,kBAAmB,aAAa,uBAoC5D,CAAC"}

package/dist/hooks/internal/device/useDeviceManager.js

@@ -1,40 +0,0 @@
-import { useCallback, useRef, useSyncExternalStore } from "react";
-const eventNames = [
-    "deviceDisabled",
-    "deviceEnabled",
-    "managerStarted",
-    "deviceStopped",
-    "deviceReady",
-    "devicesStarted",
-    "devicesReady",
-    "managerInitialized",
-    "error",
-    "middlewareSet",
-];
-export const useDeviceManager = (deviceManager) => {
-    const mutationRef = useRef(false);
-    const subscribe = useCallback((subscribeCallback) => {
-        const callback = () => {
-            mutationRef.current = true;
-            subscribeCallback();
-        };
-        eventNames.forEach((eventName) => deviceManager.on(eventName, callback));
-        return () => {
-            eventNames.forEach((eventName) => deviceManager.removeListener(eventName, callback));
-        };
-    }, [deviceManager]);
-    const lastSnapshotRef = useRef(null);
-    const getSnapshot = useCallback(() => {
-        if (mutationRef.current || lastSnapshotRef.current === null) {
-            lastSnapshotRef.current = {
-                deviceState: deviceManager.getState(),
-                deviceStatus: deviceManager.getStatus(),
-                deviceType: deviceManager.getDeviceType(),
-            };
-            mutationRef.current = false;
-        }
-        return lastSnapshotRef.current;
-    }, [deviceManager]);
-    const deviceState = useSyncExternalStore(subscribe, getSnapshot);
-    return deviceState;
-};