@fishjam-cloud/react-client 0.7.0 → 0.7.2

package/dist/hooks/useTrackManager.js

@@ -1,49 +1,28 @@
 import { getRemoteOrLocalTrack } from "../utils/track";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 const TRACK_TYPE_TO_DEVICE = {
     video: "camera",
     audio: "microphone",
 };
-export const useTrackManager = ({ mediaManager, tsClient, getCurrentParticipantStatus, }) => {
+export const useTrackManager = ({ mediaManager, tsClient, getCurrentPeerStatus }) => {
     const [currentTrackId, setCurrentTrackId] = useState(null);
     const [paused, setPaused] = useState(false);
-    const clearMiddlewareFnRef = useRef(null);
-    const [currentTrackMiddleware, setCurrentTrackMiddleware] = useState(null);
     const type = TRACK_TYPE_TO_DEVICE[mediaManager.getDeviceType()];
     const metadata = useMemo(() => ({ type, paused }), [type, paused]);
     const currentTrack = useMemo(() => getRemoteOrLocalTrack(tsClient, currentTrackId), [tsClient, currentTrackId]);
-    function clearMiddleware() {
-        clearMiddlewareFnRef.current?.();
-        clearMiddlewareFnRef.current = null;
-    }
-    const clearAndGetProcessedTrack = useCallback((inputTrack) => {
-        clearMiddleware();
-        const { onClear, track } = currentTrackMiddleware?.(inputTrack) ?? {};
-        if (onClear)
-            clearMiddlewareFnRef.current = onClear;
-        return track ?? inputTrack;
-    }, [currentTrackMiddleware]);
     async function setTrackMiddleware(middleware) {
-        const mediaTrack = mediaManager.getTracks()[0];
-        setCurrentTrackMiddleware(() => middleware);
-        if (!currentTrack || !mediaTrack)
-            return;
-        clearMiddleware();
-        const { onClear, track } = middleware?.(mediaTrack) ?? { track: mediaTrack };
-        if (onClear)
-            clearMiddlewareFnRef.current = onClear;
-        await tsClient.replaceTrack(currentTrack.trackId, track);
+        mediaManager.setTrackMiddleware(middleware);
+        await refreshStreamedTrack();
     }
     async function initialize(deviceId) {
         await mediaManager?.start(deviceId);
         if (!currentTrackId)
             return;
-        const newTrack = mediaManager.getTracks()[0];
-        await tsClient.replaceTrack(currentTrackId, clearAndGetProcessedTrack(newTrack));
+        const newTrack = mediaManager.getMedia()?.track ?? null;
+        await tsClient.replaceTrack(currentTrackId, newTrack);
     }
     function stop() {
-        clearMiddleware();
-        return mediaManager?.stop();
+        return mediaManager.stop();
     }
     const startStreaming = useCallback(async (simulcastConfig, maxBandwidth) => {
         if (currentTrackId)
@@ -56,26 +35,24 @@ export const useTrackManager = ({ mediaManager, tsClient, getCurrentParticipantS
             return track.trackId;
         // see `getRemoteOrLocalTrackContext()` explanation
         setCurrentTrackId(media.track.id);
-        const displayName = tsClient.getLocalPeer()?.metadata?.displayName;
+        const displayName = tsClient.getLocalPeer()?.metadata?.peer?.displayName;
         const trackMetadata = { ...metadata, displayName, paused: false };
-        const processedTrack = clearAndGetProcessedTrack(media.track);
-        const remoteTrackId = await tsClient.addTrack(processedTrack, trackMetadata, simulcastConfig, maxBandwidth);
+        const remoteTrackId = await tsClient.addTrack(media.track, trackMetadata, simulcastConfig, maxBandwidth);
         setCurrentTrackId(remoteTrackId);
         setPaused(false);
         return remoteTrackId;
-    }, [clearAndGetProcessedTrack, currentTrackId, mediaManager, metadata, tsClient]);
+    }, [currentTrackId, mediaManager, metadata, tsClient]);
     async function refreshStreamedTrack() {
         if (!currentTrack)
             return;
-        const newTrack = mediaManager.getTracks()[0];
+        const newTrack = mediaManager.getMedia()?.track ?? null;
         if (!newTrack)
             throw Error("New track is empty");
-        return tsClient.replaceTrack(currentTrack.trackId, clearAndGetProcessedTrack(newTrack));
+        return tsClient.replaceTrack(currentTrack.trackId, newTrack);
     }
     async function stopStreaming() {
         if (!currentTrack)
             return;
-        clearMiddleware();
         setCurrentTrackId(null);
         setPaused(true);
         return tsClient.removeTrack(currentTrack.trackId);
@@ -94,9 +71,8 @@ export const useTrackManager = ({ mediaManager, tsClient, getCurrentParticipantS
         const media = mediaManager.getMedia();
         if (!media)
             throw Error("Device is unavailable");
-        const processedTrack = media.track ? clearAndGetProcessedTrack(media.track) : null;
         setPaused(false);
-        await tsClient.replaceTrack(currentTrack.trackId, processedTrack);
+        await tsClient.replaceTrack(currentTrack.trackId, media.track);
         const trackMetadata = { ...metadata, paused: false };
         return tsClient.updateTrackMetadata(currentTrack.trackId, trackMetadata);
     }
@@ -107,7 +83,7 @@ export const useTrackManager = ({ mediaManager, tsClient, getCurrentParticipantS
         mediaManager.enable();
     }
     const stream = async () => {
-        if (getCurrentParticipantStatus() !== "connected")
+        if (getCurrentPeerStatus() !== "connected")
             return;
         if (currentTrack?.trackId) {
             await resumeStreaming();
@@ -116,12 +92,9 @@ export const useTrackManager = ({ mediaManager, tsClient, getCurrentParticipantS
             await startStreaming();
         }
     };
-    /**
-     * @see {@link TrackManager#toggle} for more details.
-     */
-    async function toggle(mode = "hard") {
+    async function toggle(mode) {
         const mediaStream = mediaManager.getMedia()?.stream;
-        const track = mediaManager.getTracks()?.[0];
+        const track = mediaManager.getMedia()?.track ?? null;
         const enabled = Boolean(track?.enabled);
         if (mediaStream && enabled) {
             mediaManager.disable();
@@ -129,7 +102,7 @@ export const useTrackManager = ({ mediaManager, tsClient, getCurrentParticipantS
                 await pauseStreaming();
             }
             if (mode === "hard") {
-                await mediaManager.stop();
+                mediaManager.stop();
             }
         }
         else if (mediaStream && !enabled) {
@@ -141,9 +114,21 @@ export const useTrackManager = ({ mediaManager, tsClient, getCurrentParticipantS
             await stream();
         }
     }
+    /**
+     * @see {@link TrackManager#toggleMute} for more details.
+     */
+    async function toggleMute() {
+        await toggle("soft");
+    }
+    /**
+     * @see {@link TrackManager#toggleDevice} for more details.
+     */
+    async function toggleDevice() {
+        await toggle("hard");
+    }
     useEffect(() => {
         const joinedHandler = () => {
-            if (mediaManager.getTracks().length > 0) {
+            if (mediaManager.getMedia()?.track) {
                 startStreaming();
             }
         };
@@ -168,9 +153,9 @@ export const useTrackManager = ({ mediaManager, tsClient, getCurrentParticipantS
         resumeStreaming,
         disableTrack,
         enableTrack,
-        currentTrackMiddleware,
         refreshStreamedTrack,
         paused,
-        toggle,
+        toggleMute,
+        toggleDevice,
     };
 };

package/dist/index.d.ts

@@ -1,9 +1,6 @@
-export * from "./hooks/public";
-export * from "./fishjamProvider";
-export type { PeerState, Track, PeerId, TrackId, TrackWithOrigin, Origin, ParticipantStatus } from "./state.types";
-export type { DeviceManagerConfig, Participiants, StorageConfig, Devices, Device, AudioDevice, UseSetupMediaResult, UseSetupMediaConfig, ScreenshareApi, UseConnect, ConnectConfig, TrackMiddleware, PeerStateWithTracks, TrackMetadata, // only for compatibility reasons, will be removed in: FCE-415
-PeerMetadata, } from "./types";
+export { useConnect, useDisconnect, useReconnection, useCamera, useMicrophone, useInitializeDevices, usePeers, useScreenShare, useStatus, } from "./hooks/public";
+export { FishjamProvider } from "./fishjamProvider";
+export { Track, TrackMiddleware, TracksMiddleware, PeerStatus, Device, AudioDevice, PeerWithTracks, ConnectConfig, PersistLastDeviceHandlers, ScreenshareApi, } from "./types/public";
 export { AUDIO_TRACK_CONSTRAINTS, VIDEO_TRACK_CONSTRAINTS, SCREEN_SHARING_MEDIA_CONSTRAINTS } from "./constraints";
 export type { Peer, MessageEvents, CreateConfig, TrackBandwidthLimit, SimulcastBandwidthLimit, BandwidthLimit, WebRTCEndpointEvents, TrackContextEvents, Endpoint, SimulcastConfig, TrackContext, VadStatus, EncodingReason, MetadataParser, AuthErrorReason, Encoding, } from "@fishjam-cloud/ts-client";
-export { FishjamClient } from "@fishjam-cloud/ts-client";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAElC,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEnH,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,EACN,WAAW,EACX,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,aAAa,EAAE,8DAA8D;AAC7E,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,MAAM,eAAe,CAAC;AAEnH,YAAY,EACV,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,GACT,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,eAAe,EACf,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,QAAQ,EACR,cAAc,EACd,SAAS,GACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EACL,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,WAAW,EACX,cAAc,EACd,aAAa,EACb,yBAAyB,EACzB,cAAc,GACf,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,MAAM,eAAe,CAAC;AAEnH,YAAY,EACV,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,GACT,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -1,4 +1,3 @@
-export * from "./hooks/public";
-export * from "./fishjamProvider";
+export { useConnect, useDisconnect, useReconnection, useCamera, useMicrophone, useInitializeDevices, usePeers, useScreenShare, useStatus, } from "./hooks/public";
+export { FishjamProvider } from "./fishjamProvider";
 export { AUDIO_TRACK_CONSTRAINTS, VIDEO_TRACK_CONSTRAINTS, SCREEN_SHARING_MEDIA_CONSTRAINTS } from "./constraints";
-export { FishjamClient } from "@fishjam-cloud/ts-client";

package/dist/mediaInitializer.d.ts

@@ -1,9 +1,9 @@
-import type { DeviceError } from "./types";
+import type { DeviceError } from "./types/internal";
 type AudioVideo<T> = {
     audio: T;
     video: T;
 };
-type MediaConstraints = AudioVideo<MediaTrackConstraints | undefined>;
+type MediaConstraints = AudioVideo<MediaTrackConstraints | undefined | boolean>;
 type PreviousDevices = AudioVideo<MediaDeviceInfo | null>;
 export declare const getAvailableMedia: (constraints: MediaStreamConstraints, deviceErrors?: AudioVideo<DeviceError | null>) => Promise<[MediaStream | null, AudioVideo<DeviceError | null>]>;
 export declare const getCorrectedResult: (stream: MediaStream, deviceErrors: AudioVideo<DeviceError | null>, devices: MediaDeviceInfo[], constraints: MediaConstraints, previousDevices: PreviousDevices) => Promise<[MediaStream | null, AudioVideo<DeviceError | null>]>;

package/dist/mediaInitializer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mediaInitializer.d.ts","sourceRoot":"","sources":["../src/mediaInitializer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAS3C,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,CAAC,CAAC;AAEtE,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"}
+{"version":3,"file":"mediaInitializer.d.ts","sourceRoot":"","sources":["../src/mediaInitializer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGpE,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

@@ -1,6 +1,5 @@
 import { prepareConstraints } from "./constraints";
 import { NOT_FOUND_ERROR, OVERCONSTRAINED_ERROR, PERMISSION_DENIED, UNHANDLED_ERROR } from "./utils/errors";
-import { getCurrentDevicesSettings, stopTracks, isAnyDeviceDifferentFromLastSession, removeSpecifiedDeviceFromConstraints, } from "./utils/media";
 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 });
@@ -46,3 +45,33 @@ export const getCorrectedResult = async (stream, deviceErrors, devices, constrai
     };
     return await getAvailableMedia(exactConstraints, deviceErrors);
 };
+const getCurrentDevicesSettings = (requestedDevices, mediaDeviceInfos) => {
+    const currentDevices = { videoinput: null, audioinput: null };
+    for (const track of requestedDevices.getTracks()) {
+        const settings = track.getSettings();
+        if (settings.deviceId) {
+            const currentDevice = mediaDeviceInfos.find((device) => device.deviceId == settings.deviceId);
+            const kind = currentDevice?.kind ?? null;
+            if ((currentDevice && kind === "videoinput") || kind === "audioinput") {
+                currentDevices[kind] = currentDevice ?? null;
+            }
+        }
+    }
+    return currentDevices;
+};
+const isDeviceDifferentFromLastSession = (lastDevice, currentDevice) => lastDevice && (currentDevice?.deviceId !== lastDevice.deviceId || currentDevice?.label !== lastDevice?.label);
+const isAnyDeviceDifferentFromLastSession = (lastVideoDevice, lastAudioDevice, currentDevices) => !!((currentDevices?.videoinput &&
+    isDeviceDifferentFromLastSession(lastVideoDevice, currentDevices?.videoinput || null)) ||
+    (currentDevices?.audioinput &&
+        isDeviceDifferentFromLastSession(lastAudioDevice, currentDevices?.audioinput || null)));
+const stopTracks = (requestedDevices) => {
+    for (const track of requestedDevices.getTracks()) {
+        track.stop();
+    }
+};
+const removeSpecifiedDeviceFromConstraints = (trackConstraints) => {
+    if (typeof trackConstraints === "object") {
+        return { ...trackConstraints, deviceId: undefined };
+    }
+    return trackConstraints;
+};

package/dist/types/internal.d.ts

@@ -0,0 +1,119 @@
+import type { SimulcastConfig, TrackBandwidthLimit } from "@fishjam-cloud/ts-client";
+import type { Track, TrackMiddleware, TracksMiddleware } from "./public";
+import type { DeviceType } from "../DeviceManager";
+export type TrackId = string;
+export type PeerId = string;
+export type PeerState = {
+    id: PeerId;
+    metadata: {
+        peer?: PeerMetadata;
+        server: Record<string, unknown>;
+    };
+    tracks: Record<TrackId, Track>;
+};
+export type PeerMetadata = {
+    displayName?: string;
+};
+export type TrackMetadata = {
+    type: "camera" | "microphone" | "screenShareVideo" | "screenShareAudio";
+    paused: boolean;
+    displayName?: string;
+};
+export type DevicesStatus = "OK" | "Error" | "Not requested" | "Requesting";
+export type MediaStatus = "OK" | "Error" | "Not requested" | "Requesting";
+export type DeviceManagerStatus = "uninitialized" | "initializing" | "initialized" | "error";
+export interface DeviceManagerState {
+    deviceState: DeviceState;
+    status: DeviceManagerStatus;
+}
+export type Media = {
+    stream: MediaStream | null;
+    track: MediaStreamTrack | null;
+    enabled: boolean;
+    deviceInfo: MediaDeviceInfo | null;
+};
+export type DeviceState = {
+    media: Media | null;
+    mediaStatus: MediaStatus;
+    devices: MediaDeviceInfo[] | null;
+    devicesStatus: DevicesStatus;
+    error: DeviceError | null;
+    currentMiddleware: TrackMiddleware | null;
+};
+export type DeviceError = {
+    name: "OverconstrainedError";
+} | {
+    name: "NotAllowedError";
+} | {
+    name: "NotFoundError";
+} | {
+    name: "UNHANDLED_ERROR";
+};
+export type CurrentDevices = {
+    videoinput: MediaDeviceInfo | null;
+    audioinput: MediaDeviceInfo | null;
+};
+export interface MediaManager {
+    start: (deviceId?: string) => Promise<void>;
+    stop: () => void;
+    disable: () => void;
+    enable: () => void;
+    setTrackMiddleware: (middleware: TrackMiddleware | null) => void;
+    getMiddleware: () => TrackMiddleware | null;
+    getMedia: () => {
+        stream: MediaStream | null;
+        track: MediaStreamTrack | null;
+        enabled: boolean;
+    } | null;
+    getDeviceType: () => DeviceType;
+}
+export type ScreenShareState = ({
+    stream: MediaStream;
+    trackIds: {
+        videoId: string;
+        audioId?: string;
+    };
+} | {
+    stream: null;
+    trackIds: null;
+}) & {
+    tracksMiddleware?: TracksMiddleware | null;
+};
+export interface TrackManager {
+    initialize: (deviceId?: string) => Promise<void>;
+    stop: () => void;
+    startStreaming: (simulcastConfig?: SimulcastConfig, maxBandwidth?: TrackBandwidthLimit) => Promise<string>;
+    stopStreaming: () => Promise<void>;
+    pauseStreaming: () => Promise<void>;
+    resumeStreaming: () => Promise<void>;
+    paused: boolean;
+    disableTrack: () => void;
+    enableTrack: () => void;
+    setTrackMiddleware: (middleware: TrackMiddleware | null) => Promise<void>;
+    refreshStreamedTrack: () => Promise<void>;
+    currentTrack: Track | null;
+    /**
+     * Either enables or disables the stream.
+     *
+     * - **Soft Mode** - Enables and disables the media stream. Starts the device if needed.
+     *   - If enabled: disables the media stream and pauses streaming, but does not stop the device.
+     *   - If disabled: enables the media stream and starts (or resumes) streaming.
+     *   - If stopped: starts the device, enables the media stream, and starts (or resumes) streaming.
+     */
+    toggleMute: () => Promise<void>;
+    /**
+     * Either initiates or terminates the device.
+     *
+     * - **Hard Mode** - Turns the physical device on and off.
+     *   - If started: disables the media stream, pauses streaming, and stops the device.
+     *   - If stopped: starts the device and begins (or resumes) streaming.
+     */
+    toggleDevice: () => Promise<void>;
+}
+export type DistinguishedTracks = {
+    cameraTrack?: Track;
+    microphoneTrack?: Track;
+    screenShareVideoTrack?: Track;
+    screenShareAudioTrack?: Track;
+};
+//# sourceMappingURL=internal.d.ts.map

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

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

package/dist/types/public.d.ts

@@ -0,0 +1,65 @@
+import type { Encoding, SimulcastConfig, ConnectConfig as TSClientConnectConfig, VadStatus } from "@fishjam-cloud/ts-client";
+import type { DeviceManagerStatus, DistinguishedTracks, PeerMetadata, PeerState, TrackId, TrackManager, TrackMetadata } from "./internal";
+export type Track = {
+    stream: MediaStream | null;
+    encoding: Encoding | null;
+    trackId: TrackId;
+    metadata?: TrackMetadata;
+    simulcastConfig: SimulcastConfig | null;
+    vadStatus: VadStatus;
+    track: MediaStreamTrack | null;
+};
+export type TrackMiddleware = ((track: MediaStreamTrack) => {
+    track: MediaStreamTrack;
+    onClear?: () => void;
+}) | null;
+export type TracksMiddleware = (videoTrack: MediaStreamTrack, audioTrack: MediaStreamTrack | null) => {
+    videoTrack: MediaStreamTrack;
+    audioTrack: MediaStreamTrack | null;
+    onClear: () => void;
+};
+/**
+ * Represents the possible statuses of a peer connection.
+ *
+ * idle - Peer is not connected, either never connected or successfully disconnected.
+ * connecting - Peer is in the process of connecting.
+ * connected - Peer has successfully connected.
+ * error - There was an error in the connection process.
+ */
+export type PeerStatus = "connecting" | "connected" | "error" | "idle";
+export type Device = {
+    isStreaming: boolean;
+    status: DeviceManagerStatus;
+    trackId: TrackId | null;
+    track: MediaStreamTrack | null;
+    stream: MediaStream | null;
+    devices: MediaDeviceInfo[];
+    activeDevice: MediaDeviceInfo | null;
+    currentMiddleware: TrackMiddleware;
+} & Omit<TrackManager, "currentTrack">;
+export type AudioDevice = Device & {
+    isAudioPlaying: boolean;
+};
+export type PeerWithTracks = PeerState & DistinguishedTracks;
+export type ConnectConfig = Omit<TSClientConnectConfig<PeerMetadata>, "peerMetadata"> & {
+    peerMetadata?: PeerMetadata;
+};
+export type PersistLastDeviceHandlers = {
+    getLastDevice: () => MediaDeviceInfo | null;
+    saveLastDevice: (info: MediaDeviceInfo) => void;
+};
+export type ScreenshareApi = {
+    startStreaming: (props?: {
+        audioConstraints?: boolean | MediaTrackConstraints;
+        videoConstraints?: boolean | MediaTrackConstraints;
+    }) => Promise<void>;
+    stopStreaming: () => Promise<void>;
+    stream: MediaStream | null;
+    videoTrack: MediaStreamTrack | null;
+    audioTrack: MediaStreamTrack | null;
+    videoBroadcast: Track | null;
+    audioBroadcast: Track | null;
+    setTracksMiddleware: (middleware: TracksMiddleware | null) => Promise<void>;
+    currentTracksMiddleware: TracksMiddleware | null;
+};
+//# sourceMappingURL=public.d.ts.map

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

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

package/dist/utils/errors.d.ts

@@ -1,4 +1,4 @@
-import type { DeviceError } from "../types";
+import type { DeviceError } from "../types/internal";
 export declare const PERMISSION_DENIED: DeviceError;
 export declare const OVERCONSTRAINED_ERROR: DeviceError;
 export declare const NOT_FOUND_ERROR: DeviceError;

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,UAAU,CAAC;AAE5C,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,mBAAmB,CAAC;AAErD,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"}

package/dist/utils/localStorage.d.ts

@@ -1,5 +1,4 @@
-export declare const loadObject: <T>(key: string, defaultValue: T) => T;
-export declare const loadString: (key: string, defaultValue?: string) => string;
-export declare const saveObject: <T>(key: string, value: T) => void;
-export declare const saveString: (key: string, value: string) => void;
+import type { PersistLastDeviceHandlers } from "../types/public";
+import type { DeviceType } from "../DeviceManager";
+export declare function createStorageConfig(deviceType: DeviceType, storage?: boolean | PersistLastDeviceHandlers): PersistLastDeviceHandlers | null;
 //# 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,eAAO,MAAM,UAAU,GAAI,CAAC,OAAO,MAAM,gBAAgB,CAAC,KAAG,CAM5D,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,MAAM,kCAMrC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,OAAO,MAAM,SAAS,CAAC,SAGlD,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,MAAM,SAAS,MAAM,SAEpD,CAAC"}
+{"version":3,"file":"localStorage.d.ts","sourceRoot":"","sources":["../../src/utils/localStorage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,OAAO,GAAG,yBAAyB,GAC5C,yBAAyB,GAAG,IAAI,CAIlC"}

package/dist/utils/localStorage.js

@@ -1,21 +1,35 @@
-export const loadObject = (key, defaultValue) => {
+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 loadObject = (key, defaultValue) => {
     const stringValue = loadString(key, "");
     if (stringValue === "") {
         return defaultValue;
     }
     return JSON.parse(stringValue);
 };
-export const loadString = (key, defaultValue = "") => {
+const loadString = (key, defaultValue = "") => {
     const value = localStorage.getItem(key);
     if (value === null || value === undefined) {
         return defaultValue;
     }
     return value;
 };
-export const saveObject = (key, value) => {
+const saveObject = (key, value) => {
     const stringValue = JSON.stringify(value);
     saveString(key, stringValue);
 };
-export const saveString = (key, value) => {
+const saveString = (key, value) => {
     localStorage.setItem(key, value);
 };

package/dist/utils/track.d.ts

@@ -1,5 +1,6 @@
 import type { FishjamClient } from "@fishjam-cloud/ts-client";
-import type { Track } from "../state.types";
-import type { PeerMetadata, TrackMetadata } from "../types";
+import type { PeerMetadata, TrackMetadata } from "../types/internal";
+import type { Track } from "../types/public";
 export declare const getRemoteOrLocalTrack: (tsClient: FishjamClient<PeerMetadata, TrackMetadata>, remoteOrLocalTrackId: string | null) => Track | null;
+export declare function setupOnEndedCallback(track: MediaStreamTrack, getCurrentTrackId: () => string | undefined, callback: () => Promise<void>): 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,EAAgB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAsC5D,eAAO,MAAM,qBAAqB,aACtB,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,wBAC9B,MAAM,GAAG,IAAI,iBAKpC,CAAC"}
+{"version":3,"file":"track.d.ts","sourceRoot":"","sources":["../../src/utils/track.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAoC7C,eAAO,MAAM,qBAAqB,aACtB,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,wBAC9B,MAAM,GAAG,IAAI,iBAKpC,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,gBAAgB,EACvB,iBAAiB,EAAE,MAAM,MAAM,GAAG,SAAS,EAC3C,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,QAQ9B"}

package/dist/utils/track.js

@@ -19,7 +19,6 @@ const getRemoteOrLocalTrackContext = (tsClient, remoteOrLocalTrackId) => {
     return trackByLocalId ? trackByLocalId : null;
 };
 const getTrackFromContext = (context) => ({
-    rawMetadata: context.rawMetadata,
     metadata: context.metadata,
     trackId: context.trackId,
     stream: context.stream,
@@ -27,7 +26,6 @@ const getTrackFromContext = (context) => ({
     encoding: context.encoding || null,
     vadStatus: context.vadStatus,
     track: context.track,
-    metadataParsingError: context.metadataParsingError,
 });
 export const getRemoteOrLocalTrack = (tsClient, remoteOrLocalTrackId) => {
     const context = getRemoteOrLocalTrackContext(tsClient, remoteOrLocalTrackId);
@@ -35,3 +33,11 @@ export const getRemoteOrLocalTrack = (tsClient, remoteOrLocalTrackId) => {
         return null;
     return getTrackFromContext(context);
 };
+export function setupOnEndedCallback(track, getCurrentTrackId, callback) {
+    track.addEventListener("ended", async (event) => {
+        const trackId = event.target.id;
+        if (trackId === getCurrentTrackId()) {
+            await callback();
+        }
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fishjam-cloud/react-client",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "React client library for Fishjam Cloud",
   "license": "Apache-2.0",
   "author": "Fishjam Cloud Team",
@@ -38,19 +38,19 @@
     "prepack": "yarn workspace @fishjam-cloud/ts-client build && yarn build"
   },
   "devDependencies": {
-    "@playwright/test": "^1.47.1",
+    "@playwright/test": "^1.47.2",
     "@types/events": "^3.0.3",
     "@types/lodash.isequal": "^4.5.8",
-    "@types/node": "^22.5.5",
-    "@types/react": "^18.3.6",
+    "@types/node": "^22.7.5",
+    "@types/react": "^18.3.11",
     "react": "^18.2.0",
     "typed-emitter": "^2.1.0",
-    "typedoc": "^0.26.7",
-    "typedoc-plugin-mdn-links": "^3.2.12",
+    "typedoc": "^0.26.8",
+    "typedoc-plugin-mdn-links": "^3.3.2",
     "typescript": "^5.6.2"
   },
   "dependencies": {
-    "@fishjam-cloud/ts-client": "0.7.0",
+    "@fishjam-cloud/ts-client": "0.7.2",
     "events": "3.3.0",
     "lodash.isequal": "4.5.0"
   },