@fishjam-cloud/react-client 0.8.1 → 0.10.1

package/dist/{DeviceManager.d.ts → devices/DeviceManager.d.ts}

@@ -1,7 +1,6 @@
-import type { DeviceError, DeviceManagerStatus, DeviceState, Media, MediaManager } from "./types/internal";
+import type { DeviceError, DeviceManagerStatus, DeviceState, Media, MediaManager } from "../types/internal";
 import type TypedEmitter from "typed-emitter";
-import type { PersistLastDeviceHandlers, TrackMiddleware } from "./types/public";
-export type DeviceType = "audio" | "video";
+import type { PersistLastDeviceHandlers, TrackMiddleware, DeviceType } from "../types/public";
 export type DeviceManagerEvents = {
     managerStarted: (event: DeviceState & {
         constraints: MediaTrackConstraints | undefined;

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

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

package/dist/{DeviceManager.js → devices/DeviceManager.js}

@@ -1,9 +1,9 @@
 import { prepareMediaTrackConstraints } from "./constraints";
 import EventEmitter from "events";
-import { MiddlewareManager } from "./devices/MiddlewareManager";
-import { createStorageConfig } from "./utils/localStorage";
-import { setupOnEndedCallback } from "./utils/track";
-import { parseUserMediaError } from "./utils/errors";
+import { MiddlewareManager } from "./MiddlewareManager";
+import { createStorageConfig } from "../utils/localStorage";
+import { setupOnEndedCallback } from "../utils/track";
+import { parseUserMediaError } from "../utils/errors";
 const NOOP = () => { };
 export class DeviceManager extends EventEmitter {
     constraints;

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

@@ -0,0 +1 @@
+{"version":3,"file":"constraints.d.ts","sourceRoot":"","sources":["../../src/devices/constraints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,EAAE,qBAErC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,qBAerC,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,sBAM9C,CAAC;AAEF,eAAO,MAAM,4BAA4B,aAC7B,MAAM,GAAG,SAAS,eACf,qBAAqB,GAAG,SAAS,GAAG,OAAO,KACvD,qBAAqB,GAAG,OAM1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,oBACZ,MAAM,GAAG,SAAS,eACtB,qBAAqB,GAAG,SAAS,GAAG,OAAO,KACvD,qBAAqB,GAAG,SAAS,GAAG,OAUtC,CAAC"}

package/dist/{mediaInitializer.d.ts → devices/mediaInitializer.d.ts}

@@ -1,4 +1,4 @@
-import type { DeviceError } from "./types/internal";
+import type { DeviceError } from "../types/internal";
 type AudioVideo<T> = {
     audio: T;
     video: T;

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

@@ -0,0 +1 @@
+{"version":3,"file":"mediaInitializer.d.ts","sourceRoot":"","sources":["../../src/devices/mediaInitializer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrE,KAAK,UAAU,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAE5C,KAAK,gBAAgB,GAAG,UAAU,CAAC,qBAAqB,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;AAEhF,KAAK,eAAe,GAAG,UAAU,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;AAsB1D,eAAO,MAAM,iBAAiB,gBACf,sBAAsB,iBACrB,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,KAC3C,OAAO,CAAC,CAAC,WAAW,GAAG,IAAI,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAuB9D,CAAC;AAIF,eAAO,MAAM,kBAAkB,WACrB,WAAW,gBACL,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,WACnC,eAAe,EAAE,eACb,gBAAgB,mBACZ,eAAe,KAC/B,OAAO,CAAC,CAAC,WAAW,GAAG,IAAI,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAsB9D,CAAC"}

package/dist/{mediaInitializer.js → devices/mediaInitializer.js}

@@ -1,5 +1,5 @@
 import { prepareConstraints } from "./constraints";
-import { NOT_FOUND_ERROR, OVERCONSTRAINED_ERROR, PERMISSION_DENIED, UNHANDLED_ERROR } from "./utils/errors";
+import { NOT_FOUND_ERROR, OVERCONSTRAINED_ERROR, PERMISSION_DENIED, UNHANDLED_ERROR } from "../utils/errors";
 const defaultErrors = { audio: null, video: null };
 const tryToGetAudioOnlyThenVideoOnly = async (constraints, deviceErrors = defaultErrors, transformConstraint = () => false) => {
     const audioOnly = await getAvailableMedia({ ...constraints, video: transformConstraint(constraints.video) }, { ...deviceErrors, audio: null });

package/dist/fishjamProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fishjamProvider.d.ts","sourceRoot":"","sources":["../src/fishjamProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAO/E,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAItG,UAAU,oBAAqB,SAAQ,iBAAiB;IACtD,SAAS,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC;IACtC,WAAW,CAAC,EAAE,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IAC9D,iBAAiB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,mBAAmB,GAAG,KAAK,CAAC;IAC/C,oBAAoB,CAAC,EAAE,mBAAmB,GAAG,KAAK,CAAC;CACpD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,oBAAoB,2CA8DtB"}
+{"version":3,"file":"fishjamProvider.d.ts","sourceRoot":"","sources":["../src/fishjamProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAO/E,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAItG,UAAU,oBAAqB,SAAQ,iBAAiB;IACtD,SAAS,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC;IACtC,WAAW,CAAC,EAAE,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IAC9D,iBAAiB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,mBAAmB,GAAG,KAAK,CAAC;IAC/C,oBAAoB,CAAC,EAAE,mBAAmB,GAAG,KAAK,CAAC;CACpD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,oBAAoB,2CA8DtB"}

package/dist/fishjamProvider.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from "react";
-import { useTrackManager } from "./hooks/useTrackManager";
+import { useTrackManager } from "./hooks/internal/useTrackManager";
 import { FishjamClient } from "@fishjam-cloud/ts-client";
-import { FishjamContext } from "./hooks/useFishjamContext";
-import { DeviceManager } from "./DeviceManager";
-import { usePeerStatus } from "./hooks/usePeerStatus";
-import { useFishjamClientState } from "./hooks/useFishjamClientState";
-import { AUDIO_TRACK_CONSTRAINTS, VIDEO_TRACK_CONSTRAINTS } from "./constraints";
+import { FishjamContext } from "./hooks/internal/useFishjamContext";
+import { DeviceManager } from "./devices/DeviceManager";
+import { usePeerStatus } from "./hooks/internal/usePeerStatus";
+import { useFishjamClientState } from "./hooks/internal/useFishjamClientState";
+import { AUDIO_TRACK_CONSTRAINTS, VIDEO_TRACK_CONSTRAINTS } from "./devices/constraints";
 import { useScreenShareManager } from "./hooks/useScreenShare";
 import { mergeWithDefaultBandwitdthLimits } from "./utils/bandwidth";
 /**

package/dist/hooks/devices/useCamera.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCamera.d.ts","sourceRoot":"","sources":["../../../src/hooks/devices/useCamera.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAIjD;;;GAGG;AACH,wBAAgB,SAAS,IAAI,MAAM,CA+BlC"}
+{"version":3,"file":"useCamera.d.ts","sourceRoot":"","sources":["../../../src/hooks/devices/useCamera.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAIjD;;;GAGG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAIlC"}

package/dist/hooks/devices/useCamera.js

@@ -1,35 +1,10 @@
-import { useDeviceManager } from "../deviceManagers/useDeviceManager";
-import { useFishjamContext } from "../useFishjamContext";
+import { useFishjamContext } from "../internal/useFishjamContext";
+import { useDeviceApi } from "../internal/device/useDeviceApi";
 /**
  *
  * @category Devices
  */
 export function useCamera() {
     const { videoTrackManager, videoDeviceManagerRef } = useFishjamContext();
-    const { deviceState, status } = useDeviceManager(videoDeviceManagerRef.current);
-    const { currentTrack, ...trackManager } = videoTrackManager;
-    const stream = deviceState.media?.stream ?? null;
-    const currentMiddleware = deviceState.currentMiddleware ?? null;
-    const isStreaming = Boolean(currentTrack?.stream);
-    const track = stream?.getAudioTracks()[0] ?? null;
-    const trackId = currentTrack?.trackId ?? null;
-    const devices = deviceState.devices ?? [];
-    const activeDevice = deviceState.media?.deviceInfo ?? null;
-    const isMuted = !deviceState.media?.enabled;
-    const deviceError = deviceState.error ?? null;
-    const isDeviceEnabled = Boolean(deviceState.media);
-    return {
-        ...trackManager,
-        currentMiddleware,
-        status,
-        stream,
-        track,
-        devices,
-        activeDevice,
-        deviceError,
-        isMuted,
-        isStreaming,
-        trackId,
-        isDeviceEnabled,
-    };
+    return useDeviceApi({ trackManager: videoTrackManager, deviceManager: videoDeviceManagerRef.current });
 }

package/dist/hooks/devices/useInitializeDevices.js

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
-import { prepareConstraints } from "../../constraints";
-import { getAvailableMedia, getCorrectedResult } from "../../mediaInitializer";
-import { useFishjamContext } from "../useFishjamContext";
+import { prepareConstraints } from "../../devices/constraints";
+import { getAvailableMedia, getCorrectedResult } from "../../devices/mediaInitializer";
+import { useFishjamContext } from "../internal/useFishjamContext";
 /**
  *
  * @category Devices

package/dist/hooks/devices/useMicrophone.d.ts

@@ -1,7 +1,7 @@
-import type { AudioDevice } from "../../types/public";
+import type { Device } from "../../types/public";
 /**
  *
  * @category Devices
  */
-export declare function useMicrophone(): AudioDevice;
+export declare function useMicrophone(): Device;
 //# sourceMappingURL=useMicrophone.d.ts.map

package/dist/hooks/devices/useMicrophone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMicrophone.d.ts","sourceRoot":"","sources":["../../../src/hooks/devices/useMicrophone.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD;;;GAGG;AACH,wBAAgB,aAAa,IAAI,WAAW,CAiC3C"}
+{"version":3,"file":"useMicrophone.d.ts","sourceRoot":"","sources":["../../../src/hooks/devices/useMicrophone.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAIjD;;;GAGG;AACH,wBAAgB,aAAa,IAAI,MAAM,CAItC"}

package/dist/hooks/devices/useMicrophone.js

@@ -1,37 +1,10 @@
-import { useDeviceManager } from "../deviceManagers/useDeviceManager";
-import { useFishjamContext } from "../useFishjamContext";
+import { useFishjamContext } from "../internal/useFishjamContext";
+import { useDeviceApi } from "../internal/device/useDeviceApi";
 /**
  *
  * @category Devices
  */
 export function useMicrophone() {
     const { audioTrackManager, audioDeviceManagerRef } = useFishjamContext();
-    const { deviceState, status } = useDeviceManager(audioDeviceManagerRef.current);
-    const { currentTrack, ...trackManager } = audioTrackManager;
-    const stream = deviceState.media?.stream ?? null;
-    const currentMiddleware = deviceState.currentMiddleware ?? null;
-    const isStreaming = Boolean(currentTrack?.stream);
-    const track = stream?.getAudioTracks()[0] ?? null;
-    const trackId = currentTrack?.trackId ?? null;
-    const devices = deviceState.devices ?? [];
-    const activeDevice = deviceState.media?.deviceInfo ?? null;
-    const isAudioPlaying = currentTrack?.vadStatus === "speech";
-    const isMuted = !deviceState.media?.enabled;
-    const deviceError = deviceState.error ?? null;
-    const isDeviceEnabled = Boolean(deviceState.media);
-    return {
-        ...trackManager,
-        currentMiddleware,
-        isDeviceEnabled,
-        status,
-        stream,
-        track,
-        isStreaming,
-        trackId,
-        devices,
-        activeDevice,
-        isMuted,
-        deviceError,
-        isAudioPlaying,
-    };
+    return useDeviceApi({ trackManager: audioTrackManager, deviceManager: audioDeviceManagerRef.current });
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceApi.d.ts","sourceRoot":"","sources":["../../../../src/hooks/internal/device/useDeviceApi.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAGpE,KAAK,qBAAqB,GAAG;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAqC,qBAAqB,KAAG,MAkCrF,CAAC"}

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

@@ -0,0 +1,34 @@
+import { useMemo } from "react";
+import { useDeviceManager } from "./useDeviceManager";
+export const useDeviceApi = ({ trackManager, deviceManager }) => {
+    const { deviceState, status, type } = useDeviceManager(deviceManager);
+    const { currentTrack } = trackManager;
+    const stream = useMemo(() => deviceState.media?.stream ?? null, [deviceState.media?.stream]);
+    const currentMiddleware = deviceState.currentMiddleware ?? null;
+    const isStreaming = Boolean(currentTrack?.stream && !trackManager.paused);
+    const track = useMemo(() => {
+        if (type === "video")
+            return stream?.getVideoTracks()[0] ?? null;
+        return stream?.getAudioTracks()[0] ?? null;
+    }, [stream, type]);
+    const trackId = currentTrack?.trackId ?? null;
+    const devices = useMemo(() => deviceState.devices ?? [], [deviceState.devices]);
+    const activeDevice = deviceState.media?.deviceInfo ?? null;
+    const isMuted = !deviceState.media?.enabled;
+    const deviceError = deviceState.error ?? null;
+    const isDeviceEnabled = Boolean(deviceState.media);
+    return {
+        ...trackManager,
+        currentMiddleware,
+        status,
+        stream,
+        devices,
+        activeDevice,
+        isStreaming,
+        track,
+        trackId,
+        isMuted,
+        deviceError,
+        isDeviceEnabled,
+    };
+};

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

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

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

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

package/dist/hooks/{deviceManagers → internal/device}/useDeviceManager.js

@@ -29,6 +29,7 @@ export const useDeviceManager = (deviceManager) => {
             lastSnapshotRef.current = {
                 deviceState: deviceManager.getState(),
                 status: deviceManager.getStatus(),
+                type: deviceManager.getDeviceType(),
             };
             mutationRef.current = false;
         }

package/dist/hooks/internal/useFishjamClientState.d.ts

@@ -0,0 +1,10 @@
+import type { Component, Peer, FishjamClient, GenericMetadata } from "@fishjam-cloud/ts-client";
+import type { PeerId } from "../../types/internal";
+export interface FishjamClientState<P = GenericMetadata, S = GenericMetadata> {
+    peers: Record<PeerId, Peer<P, S>>;
+    components: Record<string, Component>;
+    localPeer: Peer<P, S> | null;
+    isReconnecting: boolean;
+}
+export declare function useFishjamClientState<P, S>(fishjamClient: FishjamClient<P, S>): FishjamClientState<P, S>;
+//# sourceMappingURL=useFishjamClientState.d.ts.map

package/dist/hooks/internal/useFishjamClientState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFishjamClientState.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useFishjamClientState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAiB,IAAI,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC/G,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AA0CnD,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,eAAe,EAAE,CAAC,GAAG,eAAe;IAC1E,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACtC,SAAS,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;CACzB;AAMD,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAwCxG"}

package/dist/hooks/{useFishjamClientState.js → internal/useFishjamClientState.js}

@@ -38,25 +38,6 @@ const eventNames = [
     "localTrackMetadataChanged",
     "disconnectRequested",
 ];
-function trackContextToTrack(track) {
-    return {
-        metadata: track.metadata,
-        trackId: track.trackId,
-        stream: track.stream,
-        simulcastConfig: track.simulcastConfig ?? null,
-        encoding: track.encoding ?? null,
-        vadStatus: track.vadStatus,
-        track: track.track,
-    };
-}
-function endpointToPeerState(peer) {
-    const tracks = [...peer.tracks].reduce((acc, [, track]) => ({ ...acc, [track.trackId]: trackContextToTrack(track) }), {});
-    return {
-        metadata: peer.metadata,
-        id: peer.id,
-        tracks,
-    };
-}
 /*
 This is an internally used hook.
 It is not meant to be used by the end user.
@@ -77,10 +58,9 @@ export function useFishjamClientState(fishjamClient) {
     const lastSnapshotRef = useRef(null);
     const getSnapshot = useCallback(() => {
         if (mutationRef.current || lastSnapshotRef.current === null) {
-            const peers = Object.values(client.getRemotePeers()).map(endpointToPeerState);
-            const components = Object.values(client.getRemoteComponents()).map(endpointToPeerState);
-            const localEndpoint = client.getLocalPeer();
-            const localPeer = localEndpoint ? endpointToPeerState(localEndpoint) : null;
+            const peers = client.getRemotePeers();
+            const components = client.getRemoteComponents();
+            const localPeer = client.getLocalPeer();
             const isReconnecting = client.isReconnecting();
             lastSnapshotRef.current = {
                 peers,

package/dist/hooks/internal/useFishjamClient_DO_NOT_USE.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @category Connection
+ * @deprecated
+ */
+export declare function useFishjamClient_DO_NOT_USE(): import("@fishjam-cloud/ts-client").FishjamClient<import("@fishjam-cloud/ts-client").GenericMetadata, import("@fishjam-cloud/ts-client").GenericMetadata>;
+//# sourceMappingURL=useFishjamClient_DO_NOT_USE.d.ts.map

package/dist/hooks/internal/useFishjamClient_DO_NOT_USE.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFishjamClient_DO_NOT_USE.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useFishjamClient_DO_NOT_USE.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,2BAA2B,6JAI1C"}

package/dist/hooks/{useFishjamContext.d.ts → internal/useFishjamContext.d.ts}

@@ -1,11 +1,11 @@
 import type { FishjamClient } from "@fishjam-cloud/ts-client";
 import { type MutableRefObject } from "react";
-import type { PeerMetadata, TrackMetadata, TrackManager } from "../types/internal";
-import type { DeviceManager } from "../DeviceManager";
+import type { TrackManager } from "../../types/internal";
+import type { DeviceManager } from "../../devices/DeviceManager";
 import type { FishjamClientState } from "./useFishjamClientState";
-import type { BandwidthLimits, PeerStatus, ScreenshareApi } from "../types/public";
+import type { BandwidthLimits, PeerStatus, ScreenshareApi } from "../../types/public";
 export type FishjamContextType = {
-    fishjamClientRef: MutableRefObject<FishjamClient<PeerMetadata, TrackMetadata>>;
+    fishjamClientRef: MutableRefObject<FishjamClient>;
     videoDeviceManagerRef: MutableRefObject<DeviceManager>;
     audioDeviceManagerRef: MutableRefObject<DeviceManager>;
     hasDevicesBeenInitializedRef: MutableRefObject<boolean>;

package/dist/hooks/internal/useFishjamContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFishjamContext.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useFishjamContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAiB,KAAK,gBAAgB,EAAc,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEtF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAClD,qBAAqB,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IACvD,qBAAqB,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IACvD,4BAA4B,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxD,kBAAkB,EAAE,cAAc,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,iBAAiB,EAAE,YAAY,CAAC;IAChC,iBAAiB,EAAE,YAAY,CAAC;IAChC,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,cAAc,oDAAiD,CAAC;AAE7E,wBAAgB,iBAAiB,IAGb,kBAAkB,CACrC"}

package/dist/hooks/internal/usePeerStatus.d.ts

@@ -0,0 +1,7 @@
+import type { FishjamClient } from "@fishjam-cloud/ts-client";
+import type { PeerStatus } from "../../types/public";
+export declare const usePeerStatus: (client: FishjamClient) => {
+    readonly peerStatus: PeerStatus;
+    readonly getCurrentPeerStatus: () => PeerStatus;
+};
+//# sourceMappingURL=usePeerStatus.d.ts.map

package/dist/hooks/internal/usePeerStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePeerStatus.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/usePeerStatus.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,aAAa,WAAY,aAAa;;;CA8ClD,CAAC"}

package/dist/hooks/internal/useReconnection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReconnection.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useReconnection.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,kBA6BlC,CAAC"}

package/dist/hooks/{useTrackManager.d.ts → internal/useTrackManager.d.ts}

@@ -1,9 +1,9 @@
-import type { FishjamClient } from "@fishjam-cloud/ts-client";
-import type { MediaManager, PeerMetadata, TrackManager, TrackMetadata } from "../types/internal";
-import type { BandwidthLimits, PeerStatus, StartStreamingProps } from "../types/public";
+import { type FishjamClient } from "@fishjam-cloud/ts-client";
+import type { MediaManager, TrackManager } from "../../types/internal";
+import type { BandwidthLimits, PeerStatus, StartStreamingProps } from "../../types/public";
 interface TrackManagerConfig {
     mediaManager: MediaManager;
-    tsClient: FishjamClient<PeerMetadata, TrackMetadata>;
+    tsClient: FishjamClient;
     getCurrentPeerStatus: () => PeerStatus;
     bandwidthLimits: BandwidthLimits;
     autoStreamProps?: StartStreamingProps | false;

package/dist/hooks/internal/useTrackManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrackManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useTrackManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAC3F,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGvE,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,mBAAmB,EAAmB,MAAM,oBAAoB,CAAC;AAE5G,UAAU,kBAAkB;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC;IACxB,oBAAoB,EAAE,MAAM,UAAU,CAAC;IACvC,eAAe,EAAE,eAAe,CAAC;IACjC,eAAe,CAAC,EAAE,mBAAmB,GAAG,KAAK,CAAC;CAC/C;AAWD,eAAO,MAAM,eAAe,wFAMzB,kBAAkB,KAAG,YAgMvB,CAAC"}

package/dist/hooks/{useTrackManager.js → internal/useTrackManager.js}

@@ -1,4 +1,5 @@
-import { getConfigAndBandwidthFromProps, getRemoteOrLocalTrack } from "../utils/track";
+import { Variant } from "@fishjam-cloud/ts-client";
+import { getConfigAndBandwidthFromProps, getRemoteOrLocalTrack } from "../../utils/track";
 import { useCallback, useEffect, useMemo, useState } from "react";
 const TRACK_TYPE_TO_DEVICE = {
     video: "camera",
@@ -21,7 +22,7 @@ export const useTrackManager = ({ mediaManager, tsClient, getCurrentPeerStatus,
         await tsClient.replaceTrack(currentTrackId, newTrack);
     }
     const stop = useCallback(() => mediaManager.stop(), [mediaManager]);
-    const startStreaming = useCallback(async (props = { simulcast: ["l", "m", "h"] }) => {
+    const startStreaming = useCallback(async (props = { simulcast: [Variant.VARIANT_LOW, Variant.VARIANT_MEDIUM, Variant.VARIANT_HIGH] }) => {
         if (currentTrackId)
             throw Error("Track already added");
         const media = mediaManager.getMedia();
@@ -32,9 +33,12 @@ export const useTrackManager = ({ mediaManager, tsClient, getCurrentPeerStatus,
             return track.trackId;
         // see `getRemoteOrLocalTrackContext()` explanation
         setCurrentTrackId(media.track.id);
-        const displayName = tsClient.getLocalPeer()?.metadata?.peer?.displayName;
         const deviceType = getDeviceType(mediaManager);
-        const trackMetadata = { type: deviceType, displayName, paused: false };
+        const trackMetadata = { type: deviceType, paused: false };
+        const displayName = tsClient.getLocalPeer()?.metadata?.peer?.displayName;
+        if (typeof displayName === "string") {
+            trackMetadata.displayName = displayName;
+        }
         const [maxBandwidth, simulcastConfig] = getConfigAndBandwidthFromProps(props.simulcast, bandwidthLimits);
         const remoteTrackId = await tsClient.addTrack(media.track, trackMetadata, simulcastConfig, maxBandwidth);
         setCurrentTrackId(remoteTrackId);

package/dist/hooks/useConnection.d.ts

@@ -1,12 +1,26 @@
-import type { ConnectConfig } from "../types/public";
+import type { GenericMetadata } from "@fishjam-cloud/ts-client";
+export interface JoinRoomConfig<PeerMetadata extends GenericMetadata = GenericMetadata> {
+    /**
+     * fishjam URL
+     */
+    url: string;
+    /**
+     * token received from server (or Room Manager)
+     */
+    peerToken: string;
+    /**
+     * string indexed record with metadata, that will be available to all other peers
+     */
+    peerMetadata?: PeerMetadata;
+}
 /**
- *
  * @category Connection
+ * @returns
  */
-export declare function useConnect(): (config: ConnectConfig) => Promise<void>;
-/**
- *
- * @category Connection
- */
-export declare function useDisconnect(): () => void;
+export declare function useConnection(): {
+    joinRoom: <PeerMetadata extends GenericMetadata = GenericMetadata>({ url, peerToken, peerMetadata, }: JoinRoomConfig<PeerMetadata>) => Promise<void>;
+    leaveRoom: () => void;
+    peerStatus: import("..").PeerStatus;
+    reconnectionStatus: import("@fishjam-cloud/ts-client").ReconnectionStatus;
+};
 //# sourceMappingURL=useConnection.d.ts.map

package/dist/hooks/useConnection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConnection.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnection.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD;;;GAGG;AACH,wBAAgB,UAAU,IAAI,CAAC,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAIrE;AAED;;;GAGG;AACH,wBAAgB,aAAa,eAM5B"}
+{"version":3,"file":"useConnection.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIhE,MAAM,WAAW,cAAc,CAAC,YAAY,SAAS,eAAe,GAAG,eAAe;IACpF;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,aAAa;eAOxB,YAAY,SAAS,eAAe,uDAIlC,cAAc,CAAC,YAAY,CAAC;;;;EASlC"}

package/dist/hooks/useConnection.js

@@ -1,20 +1,17 @@
 import { useCallback } from "react";
-import { useFishjamContext } from "./useFishjamContext";
+import { useFishjamContext } from "./internal/useFishjamContext";
+import { useReconnection } from "./internal/useReconnection";
 /**
- *
  * @category Connection
+ * @returns
  */
-export function useConnect() {
-    const client = useFishjamContext().fishjamClientRef.current;
-    return useCallback((config) => client.connect({ ...config, peerMetadata: config.peerMetadata ?? {} }), [client]);
-}
-/**
- *
- * @category Connection
- */
-export function useDisconnect() {
-    const client = useFishjamContext().fishjamClientRef.current;
-    return useCallback(() => {
+export function useConnection() {
+    const context = useFishjamContext();
+    const client = context.fishjamClientRef.current;
+    const reconnectionStatus = useReconnection();
+    const joinRoom = useCallback(({ url, peerToken, peerMetadata, }) => client.connect({ url, token: peerToken, peerMetadata: peerMetadata ?? {} }), [client]);
+    const leaveRoom = useCallback(() => {
         client.disconnect();
     }, [client]);
+    return { joinRoom, leaveRoom, peerStatus: context.peerStatus, reconnectionStatus };
 }

package/dist/hooks/usePeers.d.ts

@@ -1,10 +1,31 @@
-import type { PeerWithTracks } from "../types/public";
+import type { DistinguishedTracks, PeerState } from "../types/internal";
+export type PeerWithTracks<P, S> = PeerState<P, S> & DistinguishedTracks;
+/**
+ * Result type for the usePeers hook.
+ */
+export type UsePeersResult<P, S> = {
+    /**
+     * The local peer with distinguished tracks (camera, microphone, screen share).
+     * Will be null if the local peer is not found.
+     */
+    localPeer: PeerWithTracks<P, S> | null;
+    /**
+     * Array of remote peers with distinguished tracks (camera, microphone, screen share).
+     */
+    remotePeers: PeerWithTracks<P, S>[];
+    /**
+     * @deprecated Use remotePeers instead
+     * Legacy array containing remote peers.
+     * This property will be removed in future versions.
+     */
+    peers: PeerWithTracks<P, S>[];
+};
 /**
  *
  * @category Connection
+ *
+ * @typeParam P Type of metadata set by peer while connecting to a room.
+ * @typeParam S Type of metadata set by the server while creating a peer.
  */
-export declare function usePeers(): {
-    localPeer: PeerWithTracks | null;
-    peers: PeerWithTracks[];
-};
+export declare function usePeers<P = Record<string, unknown>, S = Record<string, unknown>>(): UsePeersResult<P, S>;
 //# sourceMappingURL=usePeers.d.ts.map

package/dist/hooks/usePeers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePeers.d.ts","sourceRoot":"","sources":["../../src/hooks/usePeers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AActD;;;GAGG;AACH,wBAAgB,QAAQ;;;EAOvB"}
+{"version":3,"file":"usePeers.d.ts","sourceRoot":"","sources":["../../src/hooks/usePeers.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,mBAAmB,CAAC;AAiCzE;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,IAAI;IACjC;;;OAGG;IACH,SAAS,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAEvC;;OAEG;IACH,WAAW,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAEpC;;;;OAIG;IACH,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;CAC/B,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAQzG"}

package/dist/hooks/usePeers.js

@@ -1,19 +1,41 @@
-import { useFishjamContext } from "./useFishjamContext";
-function getPeerWithDistinguishedTracks(peerState) {
-    const peerTracks = Object.values(peerState.tracks ?? {});
-    const cameraTrack = peerTracks.find(({ metadata }) => metadata?.type === "camera");
-    const microphoneTrack = peerTracks.find(({ metadata }) => metadata?.type === "microphone");
-    const screenShareVideoTrack = peerTracks.find(({ metadata }) => metadata?.type === "screenShareVideo");
-    const screenShareAudioTrack = peerTracks.find(({ metadata }) => metadata?.type === "screenShareAudio");
-    return { ...peerState, cameraTrack, microphoneTrack, screenShareVideoTrack, screenShareAudioTrack };
+import { useFishjamContext } from "./internal/useFishjamContext";
+function trackContextToTrack(track) {
+    return {
+        metadata: track.metadata,
+        trackId: track.trackId,
+        stream: track.stream,
+        simulcastConfig: track.simulcastConfig ?? null,
+        encoding: track.encoding ?? null,
+        vadStatus: track.vadStatus,
+        track: track.track,
+    };
+}
+function getPeerWithDistinguishedTracks(peer) {
+    const tracks = [...peer.tracks.values()].map(trackContextToTrack);
+    const cameraTrack = tracks.find(({ metadata }) => metadata?.type === "camera");
+    const microphoneTrack = tracks.find(({ metadata }) => metadata?.type === "microphone");
+    const screenShareVideoTrack = tracks.find(({ metadata }) => metadata?.type === "screenShareVideo");
+    const screenShareAudioTrack = tracks.find(({ metadata }) => metadata?.type === "screenShareAudio");
+    return {
+        id: peer.id,
+        metadata: peer.metadata,
+        tracks,
+        cameraTrack,
+        microphoneTrack,
+        screenShareVideoTrack,
+        screenShareAudioTrack,
+    };
 }
 /**
  *
  * @category Connection
+ *
+ * @typeParam P Type of metadata set by peer while connecting to a room.
+ * @typeParam S Type of metadata set by the server while creating a peer.
  */
 export function usePeers() {
     const { clientState } = useFishjamContext();
     const localPeer = clientState.localPeer ? getPeerWithDistinguishedTracks(clientState.localPeer) : null;
-    const peers = Object.values(clientState.peers).map(getPeerWithDistinguishedTracks);
-    return { localPeer, peers };
+    const remotePeers = Object.values(clientState.peers).map((peer) => getPeerWithDistinguishedTracks(peer));
+    return { localPeer, remotePeers, peers: remotePeers };
 }

package/dist/hooks/useScreenShare.d.ts

@@ -1,8 +1,7 @@
 import type { FishjamClient } from "@fishjam-cloud/ts-client";
 import type { ScreenshareApi, PeerStatus } from "../types/public";
-import type { PeerMetadata, TrackMetadata } from "../types/internal";
 interface ScreenShareManagerProps {
-    fishjamClient: FishjamClient<PeerMetadata, TrackMetadata>;
+    fishjamClient: FishjamClient;
     getCurrentPeerStatus: () => PeerStatus;
 }
 /**
@@ -11,6 +10,5 @@ interface ScreenShareManagerProps {
  */
 export declare const useScreenShareManager: ({ fishjamClient, getCurrentPeerStatus, }: ScreenShareManagerProps) => ScreenshareApi;
 export declare const useScreenShare: () => ScreenshareApi;
-export declare const getTracksFromStream: (stream: MediaStream) => [MediaStreamTrack, MediaStreamTrack | null];
 export {};
 //# sourceMappingURL=useScreenShare.d.ts.map