@fishjam-cloud/react-client 0.5.0 → 0.5.2

package/dist/create.js

@@ -1,123 +1,83 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useRef, useSyncExternalStore } from "react";
+import { createContext, useCallback, useContext, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Client } from "./Client";
 import { createUseSetupMediaHook } from "./useSetupMedia";
+import { useScreenShare as _useScreenShare } from "./screenShareTrackManager";
+import { useTrackManager } from "./trackManager";
+const eventNames = [
+    "socketOpen",
+    "socketError",
+    "socketClose",
+    "authSuccess",
+    "authError",
+    "disconnected",
+    "joined",
+    "joinError",
+    "peerJoined",
+    "peerUpdated",
+    "peerLeft",
+    "reconnected",
+    "reconnectionRetriesLimitReached",
+    "reconnectionStarted",
+    "componentAdded",
+    "componentUpdated",
+    "componentRemoved",
+    "trackReady",
+    "trackAdded",
+    "trackRemoved",
+    "trackUpdated",
+    "bandwidthEstimationChanged",
+    "encodingChanged",
+    "voiceActivityChanged",
+    "deviceDisabled",
+    "deviceEnabled",
+    "managerInitialized",
+    "managerStarted",
+    "deviceStopped",
+    "deviceReady",
+    "devicesStarted",
+    "devicesReady",
+    "error",
+    "targetTrackEncodingRequested",
+    "localTrackAdded",
+    "localTrackRemoved",
+    "localTrackReplaced",
+    "localTrackMuted",
+    "localTrackUnmuted",
+    "localTrackBandwidthSet",
+    "localTrackEncodingBandwidthSet",
+    "localTrackEncodingEnabled",
+    "localTrackEncodingDisabled",
+    "localPeerMetadataChanged",
+    "localTrackMetadataChanged",
+    "disconnectRequested",
+];
 /**
  * Create a client that can be used with a context.
  * Returns context provider, and two hooks to interact with the context.
  *
  * @returns ContextProvider, useSelector, useConnect
  */
-export const create = (config, deviceManagerDefaultConfig, screenShareManagerDefaultConfig) => {
+export function create(config, deviceManagerDefaultConfig) {
     const FishjamContext = createContext(undefined);
-    const FishjamContextProvider = ({ children, }) => {
+    function FishjamContextProvider({ children }) {
         const memoClient = useMemo(() => {
             return new Client({
                 clientConfig: config,
                 deviceManagerDefaultConfig,
-                screenShareManagerDefaultConfig,
             });
         }, []);
         const clientRef = useRef(memoClient);
         const mutationRef = useRef(false);
-        const subscribe = useCallback((cb) => {
+        const subscribe = useCallback((subscribeCallback) => {
             const client = clientRef.current;
             const callback = () => {
                 mutationRef.current = true;
-                cb();
+                subscribeCallback();
             };
-            client.on("socketOpen", callback);
-            client.on("socketError", callback);
-            client.on("socketClose", callback);
-            client.on("authSuccess", callback);
-            client.on("authError", callback);
-            client.on("disconnected", callback);
-            client.on("joined", callback);
-            client.on("joinError", callback);
-            client.on("peerJoined", callback);
-            client.on("peerUpdated", callback);
-            client.on("peerLeft", callback);
-            client.on("reconnected", callback);
-            client.on("reconnectionRetriesLimitReached", callback);
-            client.on("reconnectionStarted", callback);
-            client.on("componentAdded", callback);
-            client.on("componentUpdated", callback);
-            client.on("componentRemoved", callback);
-            client.on("trackReady", callback);
-            client.on("trackAdded", callback);
-            client.on("trackRemoved", callback);
-            client.on("trackUpdated", callback);
-            client.on("bandwidthEstimationChanged", callback);
-            client.on("encodingChanged", callback);
-            client.on("voiceActivityChanged", callback);
-            client.on("deviceDisabled", callback);
-            client.on("deviceEnabled", callback);
-            client.on("managerInitialized", callback);
-            client.on("managerStarted", callback);
-            client.on("deviceStopped", callback);
-            client.on("deviceReady", callback);
-            client.on("devicesStarted", callback);
-            client.on("devicesReady", callback);
-            client.on("error", callback);
-            client.on("targetTrackEncodingRequested", callback);
-            client.on("localTrackAdded", callback);
-            client.on("localTrackRemoved", callback);
-            client.on("localTrackReplaced", callback);
-            client.on("localTrackMuted", callback);
-            client.on("localTrackUnmuted", callback);
-            client.on("localTrackBandwidthSet", callback);
-            client.on("localTrackEncodingBandwidthSet", callback);
-            client.on("localTrackEncodingEnabled", callback);
-            client.on("localTrackEncodingDisabled", callback);
-            client.on("localPeerMetadataChanged", callback);
-            client.on("localTrackMetadataChanged", callback);
-            client.on("disconnectRequested", callback);
+            eventNames.forEach((eventName) => client.on(eventName, callback));
             return () => {
-                client.removeListener("socketOpen", callback);
-                client.removeListener("socketError", callback);
-                client.removeListener("socketClose", callback);
-                client.removeListener("authSuccess", callback);
-                client.removeListener("authError", callback);
-                client.removeListener("disconnected", callback);
-                client.removeListener("joined", callback);
-                client.removeListener("joinError", callback);
-                client.removeListener("peerJoined", callback);
-                client.removeListener("peerUpdated", callback);
-                client.removeListener("peerLeft", callback);
-                client.removeListener("reconnected", callback);
-                client.removeListener("reconnectionRetriesLimitReached", callback);
-                client.removeListener("reconnectionStarted", callback);
-                client.removeListener("componentAdded", callback);
-                client.removeListener("componentUpdated", callback);
-                client.removeListener("componentRemoved", callback);
-                client.removeListener("trackReady", callback);
-                client.removeListener("trackAdded", callback);
-                client.removeListener("trackRemoved", callback);
-                client.removeListener("trackUpdated", callback);
-                client.removeListener("bandwidthEstimationChanged", callback);
-                client.removeListener("encodingChanged", callback);
-                client.removeListener("voiceActivityChanged", callback);
-                client.removeListener("deviceDisabled", callback);
-                client.removeListener("deviceEnabled", callback);
-                client.removeListener("managerInitialized", callback);
-                client.removeListener("managerStarted", callback);
-                client.removeListener("deviceStopped", callback);
-                client.removeListener("devicesStarted", callback);
-                client.removeListener("devicesReady", callback);
-                client.removeListener("error", callback);
-                client.removeListener("targetTrackEncodingRequested", callback);
-                client.removeListener("localTrackAdded", callback);
-                client.removeListener("localTrackRemoved", callback);
-                client.removeListener("localTrackReplaced", callback);
-                client.removeListener("localTrackMuted", callback);
-                client.removeListener("localTrackUnmuted", callback);
-                client.removeListener("localTrackBandwidthSet", callback);
-                client.removeListener("localTrackEncodingBandwidthSet", callback);
-                client.removeListener("localTrackEncodingEnabled", callback);
-                client.removeListener("localTrackEncodingDisabled", callback);
-                client.removeListener("localPeerMetadataChanged", callback);
-                client.removeListener("localTrackMetadataChanged", callback);
-                client.removeListener("disconnectRequested", callback);
+                eventNames.forEach((eventName) => client.removeListener(eventName, callback));
             };
         }, []);
         const lastSnapshotRef = useRef(null);
@@ -125,15 +85,12 @@ export const create = (config, deviceManagerDefaultConfig, screenShareManagerDef
             if (mutationRef.current || lastSnapshotRef.current === null) {
                 const state = {
                     remote: clientRef.current.peers,
-                    screenShareManager: clientRef.current.screenShareManager,
                     media: clientRef.current.media,
                     bandwidthEstimation: clientRef.current.bandwidthEstimation,
                     tracks: clientRef.current.peersTracks,
                     local: clientRef.current.local,
                     status: clientRef.current.status,
                     devices: clientRef.current.devices,
-                    videoTrackManager: clientRef.current.videoTrackManager,
-                    audioTrackManager: clientRef.current.audioTrackManager,
                     client: clientRef.current,
                     reconnectionStatus: clientRef.current.reconnectionStatus,
                 };
@@ -143,19 +100,29 @@ export const create = (config, deviceManagerDefaultConfig, screenShareManagerDef
             return lastSnapshotRef.current;
         }, []);
         const state = useSyncExternalStore(subscribe, getSnapshot);
-        return _jsx(FishjamContext.Provider, { value: { state }, children: children });
-    };
-    const useFishjamContext = () => {
+        const tsClient = state.client.getTsClient();
+        const screenshareState = useState(null);
+        const videoTrackManager = useTrackManager({
+            mediaManager: state.client.videoDeviceManager,
+            tsClient,
+        });
+        const audioTrackManager = useTrackManager({
+            mediaManager: state.client.audioDeviceManager,
+            tsClient,
+        });
+        return (_jsx(FishjamContext.Provider, { value: { state, screenshareState, videoTrackManager, audioTrackManager }, children: children }));
+    }
+    function useFishjamContext() {
         const context = useContext(FishjamContext);
         if (!context)
             throw new Error("useFishjamContext must be used within a FishjamContextProvider");
         return context;
-    };
-    const useSelector = (selector) => {
+    }
+    function useSelector(selector) {
         const { state } = useFishjamContext();
         return useMemo(() => selector(state), [selector, state]);
-    };
-    const useConnect = () => {
+    }
+    function useConnect() {
         const { state } = useFishjamContext();
         return useMemo(() => {
             return (config) => {
@@ -165,29 +132,31 @@ export const create = (config, deviceManagerDefaultConfig, screenShareManagerDef
                 };
             };
         }, [state.client]);
-    };
-    const useDisconnect = () => {
+    }
+    function useDisconnect() {
         const { state } = useFishjamContext();
         return useCallback(() => {
             state.client.disconnect();
         }, [state.client]);
-    };
-    const useStatus = () => useSelector((s) => s.status);
-    const useTracks = () => useSelector((s) => s.tracks);
-    const useClient = () => useSelector((s) => s.client);
-    const useCamera = () => {
-        const { state } = useFishjamContext();
-        return { ...state.devices.camera, ...state.videoTrackManager };
-    };
-    const useMicrophone = () => {
-        const { state } = useFishjamContext();
-        return { ...state.devices.microphone, ...state.audioTrackManager };
-    };
-    const useScreenShare = () => {
-        const { state } = useFishjamContext();
-        return { ...state.devices.screenShare };
-    };
-    const useReconnection = () => {
+    }
+    function useStatus() {
+        return useSelector((s) => s.status);
+    }
+    function useTracks() {
+        return useSelector((s) => s.tracks);
+    }
+    function useClient() {
+        return useSelector((s) => s.client);
+    }
+    function useCamera() {
+        const { state, videoTrackManager } = useFishjamContext();
+        return { ...state.devices.camera, ...videoTrackManager };
+    }
+    function useMicrophone() {
+        const { state, audioTrackManager } = useFishjamContext();
+        return { ...state.devices.microphone, ...audioTrackManager };
+    }
+    function useReconnection() {
         const { state } = useFishjamContext();
         return {
             status: state.reconnectionStatus,
@@ -195,21 +164,25 @@ export const create = (config, deviceManagerDefaultConfig, screenShareManagerDef
             isError: state.reconnectionStatus === "error",
             isIdle: state.reconnectionStatus === "idle",
         };
-    };
-    const getPeerWithDistinguishedTracks = (peerState) => {
+    }
+    function getPeerWithDistinguishedTracks(peerState) {
         const localTracks = Object.values(peerState.tracks ?? {});
-        const videoTrack = localTracks.find(({ track }) => track?.kind === "video");
-        const audioTrack = localTracks.find(({ track }) => track?.kind === "audio");
-        return { ...peerState, videoTrack, audioTrack };
-    };
-    const useParticipants = () => {
+        const videoTracks = localTracks.filter(({ track }) => track?.kind === "video");
+        const audioTracks = localTracks.filter(({ track }) => track?.kind === "audio");
+        return { ...peerState, videoTracks, audioTracks };
+    }
+    function useParticipants() {
         const { state } = useFishjamContext();
         const localParticipant = state.local
             ? getPeerWithDistinguishedTracks(state.local)
             : null;
         const participants = Object.values(state.remote).map(getPeerWithDistinguishedTracks);
         return { localParticipant, participants };
-    };
+    }
+    function useScreenShare() {
+        const { state, screenshareState } = useFishjamContext();
+        return _useScreenShare(screenshareState, state.client.getTsClient());
+    }
     return {
         FishjamContextProvider,
         useSelector,
@@ -219,10 +192,10 @@ export const create = (config, deviceManagerDefaultConfig, screenShareManagerDef
         useTracks,
         useSetupMedia: createUseSetupMediaHook(useFishjamContext),
         useParticipants,
+        useScreenShare,
         useCamera,
         useMicrophone,
-        useScreenShare,
         useClient,
         useReconnection,
     };
-};
+}

package/dist/index.d.ts

@@ -2,9 +2,8 @@ export { create } from "./create";
 export { Client } from "./Client";
 export type { ClientEvents } from "./Client";
 export type { PeerState, Track, PeerId, TrackId, TrackWithOrigin, Origin, PeerStatus, Selector, State, SetStore, } from "./state.types";
-export type { DeviceManagerConfig, StorageConfig, Devices, UserMediaAPI, ScreenShareAPI, UseSetupMediaResult, UseSetupMediaConfig, CreateFishjamClient, UseConnect, GenericTrackManager, } from "./types";
-export type { ScreenShareManagerConfig } from "./ScreenShareManager";
+export type { DeviceManagerConfig, StorageConfig, Devices, UserMediaAPI, UseSetupMediaResult, UseSetupMediaConfig, CreateFishjamClient, ScreenshareApi, UseConnect, TrackManager, TrackMiddleware, } from "./types";
 export { AUDIO_TRACK_CONSTRAINTS, VIDEO_TRACK_CONSTRAINTS, SCREEN_SHARING_MEDIA_CONSTRAINTS } from "./constraints";
-export type { Peer, MessageEvents, SignalingUrl, CreateConfig, TrackBandwidthLimit, SimulcastBandwidthLimit, BandwidthLimit, WebRTCEndpointEvents, TrackContextEvents, Endpoint, SimulcastConfig, TrackContext, VadStatus, EncodingReason, MetadataParser, ConnectConfig, AuthErrorReason, Encoding, } from "@fishjam-cloud/ts-client";
+export type { Peer, MessageEvents, CreateConfig, TrackBandwidthLimit, SimulcastBandwidthLimit, BandwidthLimit, WebRTCEndpointEvents, TrackContextEvents, Endpoint, SimulcastConfig, TrackContext, VadStatus, EncodingReason, MetadataParser, ConnectConfig, 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,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,YAAY,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,eAAe,EACf,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,OAAO,EACP,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,UAAU,EACV,mBAAmB,GACpB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,MAAM,eAAe,CAAC;AAEnH,YAAY,EACV,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,EACd,aAAa,EACb,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,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,YAAY,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,eAAe,EACf,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,YAAY,EACZ,eAAe,GAChB,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,aAAa,EACb,eAAe,EACf,QAAQ,GACT,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/screenShareTrackManager.d.ts

@@ -0,0 +1,4 @@
+import type { FishjamClient } from "@fishjam-cloud/ts-client";
+import type { ScreenshareApi, ScreenshareState } from "./types";
+export declare const useScreenShare: <PeerMetadata, TrackMetadata>([state, setState]: [ScreenshareState, React.Dispatch<React.SetStateAction<ScreenshareState>>], tsClient: FishjamClient<PeerMetadata, TrackMetadata>) => ScreenshareApi<TrackMetadata>;
+//# sourceMappingURL=screenShareTrackManager.d.ts.map

package/dist/screenShareTrackManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenShareTrackManager.d.ts","sourceRoot":"","sources":["../src/screenShareTrackManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAG9D,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAoB,MAAM,SAAS,CAAC;AASlF,eAAO,MAAM,cAAc,GAAI,YAAY,EAAE,aAAa,qBAErC,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC,YACnF,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,KACnD,cAAc,CAAC,aAAa,CAmG9B,CAAC"}

package/dist/screenShareTrackManager.js

@@ -0,0 +1,92 @@
+import { useCallback, useEffect } from "react";
+import { getRemoteOrLocalTrack } from "./utils/track";
+const getTracks = (stream) => {
+    const video = stream.getVideoTracks()[0];
+    const audio = stream.getAudioTracks()[0] ?? null;
+    return [video, audio];
+};
+export const useScreenShare = (
+// these arguments will be removed after we get rid of create() fn, we will just use the context
+[state, setState], tsClient) => {
+    const startStreaming = async (props) => {
+        const stream = await navigator.mediaDevices.getDisplayMedia({
+            video: props?.videoConstraints ?? true,
+            audio: props?.audioConstraints ?? true,
+        });
+        const [video, audio] = getTracks(stream);
+        const addTrackPromises = [tsClient.addTrack(video, props?.metadata)];
+        if (audio)
+            addTrackPromises.push(tsClient.addTrack(audio, props?.metadata));
+        const [videoId, audioId] = await Promise.all(addTrackPromises);
+        setState({ stream, trackIds: { videoId, audioId } });
+    };
+    const replaceTracks = async (newVideoTrack, newAudioTrack) => {
+        if (!state?.stream)
+            return;
+        const addTrackPromises = [tsClient.replaceTrack(state.trackIds.videoId, newVideoTrack)];
+        if (newAudioTrack && state.trackIds.audioId) {
+            addTrackPromises.push(tsClient.replaceTrack(state.trackIds.audioId, newAudioTrack));
+        }
+        await Promise.all(addTrackPromises);
+    };
+    const setTracksMiddleware = async (middleware) => {
+        if (!state?.stream)
+            return;
+        const [videoTrack, audioTrack] = getTracks(state.stream);
+        const [newVideoTrack, newAudioTrack] = middleware?.(videoTrack, audioTrack) ?? [videoTrack, audioTrack];
+        await replaceTracks(newVideoTrack, newAudioTrack);
+    };
+    const stopStreaming = useCallback(async () => {
+        if (!state) {
+            console.warn("No stream to stop");
+            return;
+        }
+        const [video, audio] = getTracks(state.stream);
+        video.stop();
+        if (audio)
+            audio.stop();
+        const removeTrackPromises = [tsClient.removeTrack(state.trackIds.videoId)];
+        if (state.trackIds.audioId)
+            removeTrackPromises.push(tsClient.removeTrack(state.trackIds.audioId));
+        await Promise.all(removeTrackPromises);
+        setState(null);
+    }, [state, tsClient, setState]);
+    useEffect(() => {
+        if (!state)
+            return;
+        const [video, audio] = getTracks(state.stream);
+        const trackEndedHandler = () => {
+            stopStreaming();
+        };
+        video.addEventListener("ended", trackEndedHandler);
+        audio?.addEventListener("ended", trackEndedHandler);
+        return () => {
+            video.removeEventListener("ended", trackEndedHandler);
+            audio?.removeEventListener("ended", trackEndedHandler);
+        };
+    }, [state, stopStreaming]);
+    useEffect(() => {
+        const onDisconnected = () => {
+            stopStreaming();
+        };
+        tsClient.on("disconnected", onDisconnected);
+        return () => {
+            tsClient.removeListener("disconnected", onDisconnected);
+        };
+    }, [stopStreaming, tsClient]);
+    const stream = state?.stream ?? null;
+    const [videoTrack, audioTrack] = stream ? getTracks(stream) : [null, null];
+    const videoBroadcast = state ? getRemoteOrLocalTrack(tsClient, state.trackIds.videoId) : null;
+    const audioBroadcast = state?.trackIds.audioId ? getRemoteOrLocalTrack(tsClient, state.trackIds.audioId) : null;
+    return {
+        startStreaming,
+        stopStreaming,
+        stream,
+        videoTrack,
+        audioTrack,
+        videoBroadcast,
+        audioBroadcast,
+        setTracksMiddleware,
+        currentTracksMiddleware: state?.tracksMiddleware ?? null,
+    };
+};

package/dist/state.types.d.ts

@@ -2,8 +2,6 @@ import type { Encoding, VadStatus, SimulcastConfig, ReconnectionStatus } from "@
 import type { MediaState } from "./types";
 import type { Devices } from "./types";
 import type { Client } from "./Client";
-import type { ScreenShareManager } from "./ScreenShareManager";
-import type { TrackManager } from "./trackManager";
 export type TrackId = string;
 export type PeerId = string;
 export type Track<TrackMetadata> = {
@@ -48,11 +46,8 @@ export type State<PeerMetadata, TrackMetadata> = {
     bandwidthEstimation: bigint;
     status: PeerStatus;
     media: MediaState | null;
-    devices: Devices<TrackMetadata>;
+    devices: Devices;
     client: Client<PeerMetadata, TrackMetadata>;
-    videoTrackManager: TrackManager<PeerMetadata, TrackMetadata>;
-    audioTrackManager: TrackManager<PeerMetadata, TrackMetadata>;
-    screenShareManager: ScreenShareManager;
     reconnectionStatus: ReconnectionStatus;
 };
 export type SetStore<PeerMetadata, TrackMetadata> = (setter: (prevState: State<PeerMetadata, TrackMetadata>) => State<PeerMetadata, TrackMetadata>) => void;

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

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

package/dist/trackManager.d.ts

@@ -1,24 +1,9 @@
-import type { FishjamClient, SimulcastConfig, TrackBandwidthLimit } from "@fishjam-cloud/ts-client";
-import type { GenericMediaManager, GenericTrackManager } from "./types";
-import type { Track } from "./state.types";
-export declare class TrackManager<PeerMetadata, TrackMetadata> implements GenericTrackManager<TrackMetadata> {
-    private mediaManager;
-    private tsClient;
-    private currentTrackId;
-    constructor(tsClient: FishjamClient<PeerMetadata, TrackMetadata>, deviceManager: GenericMediaManager);
-    private getPreviousTrack;
-    getCurrentTrack: () => Track<TrackMetadata> | null;
-    private trackContextToTrack;
-    private getRemoteTrack;
-    initialize: (deviceId?: string) => Promise<void>;
-    cleanup: () => Promise<void>;
-    startStreaming: (trackMetadata?: TrackMetadata, simulcastConfig?: SimulcastConfig, maxBandwidth?: TrackBandwidthLimit) => Promise<string>;
-    refreshStreamedTrack: () => Promise<void>;
-    stopStreaming: () => Promise<void>;
-    pauseStreaming: () => Promise<void>;
-    isMuted: () => boolean;
-    resumeStreaming: () => Promise<void>;
-    disableTrack: () => Promise<void>;
-    enableTrack: () => Promise<void>;
+import type { FishjamClient } from "@fishjam-cloud/ts-client";
+import type { MediaManager, TrackManager } from "./types";
+interface TrackManagerConfig<PeerMetadata, TrackMetadata> {
+    mediaManager: MediaManager;
+    tsClient: FishjamClient<PeerMetadata, TrackMetadata>;
 }
+export declare const useTrackManager: <PeerMetadata, TrackMetadata>({ mediaManager, tsClient, }: TrackManagerConfig<PeerMetadata, TrackMetadata>) => TrackManager<TrackMetadata>;
+export {};
 //# sourceMappingURL=trackManager.d.ts.map

package/dist/trackManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trackManager.d.ts","sourceRoot":"","sources":["../src/trackManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAgB,MAAM,0BAA0B,CAAC;AAClH,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,qBAAa,YAAY,CAAC,YAAY,EAAE,aAAa,CAAE,YAAW,mBAAmB,CAAC,aAAa,CAAC;IAClG,OAAO,CAAC,YAAY,CAAsB;IAC1C,OAAO,CAAC,QAAQ,CAA6C;IAC7D,OAAO,CAAC,cAAc,CAAuB;gBAEjC,QAAQ,EAAE,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,EAAE,aAAa,EAAE,mBAAmB;IAKpG,OAAO,CAAC,gBAAgB,CAQtB;IAEK,eAAe,QAAO,KAAK,CAAC,aAAa,CAAC,GAAG,IAAI,CAGtD;IAEF,OAAO,CAAC,mBAAmB,CAUxB;IAEH,OAAO,CAAC,cAAc,CASpB;IAEK,UAAU,cAAqB,MAAM,mBAE1C;IAEK,OAAO,sBAEZ;IAEK,cAAc,mBACH,aAAa,oBACX,eAAe,iBAClB,mBAAmB,qBAoBlC;IAEK,oBAAoB,sBAOzB;IAEK,aAAa,sBAIlB;IAEK,cAAc,sBAGnB;IAEK,OAAO,gBAMZ;IAEK,eAAe,sBAOpB;IAEK,YAAY,sBAEjB;IAEK,WAAW,sBAEhB;CACH"}
+{"version":3,"file":"trackManager.d.ts","sourceRoot":"","sources":["../src/trackManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAwC,MAAM,0BAA0B,CAAC;AACpG,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAmB,MAAM,SAAS,CAAC;AAK3E,UAAU,kBAAkB,CAAC,YAAY,EAAE,aAAa;IACtD,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,eAAe,GAAI,YAAY,EAAE,aAAa,+BAGxD,kBAAkB,CAAC,YAAY,EAAE,aAAa,CAAC,KAAG,YAAY,CAAC,aAAa,CA8H9E,CAAC"}