@fishjam-cloud/react-client 0.23.0 → 0.25.0-rc.1

package/dist/FishjamProvider.d.ts

@@ -37,6 +37,10 @@ export interface FishjamProviderProps extends PropsWithChildren {
      * You can get you Fishjam ID at https://fishjam.io/app
      */
     fishjamId: string;
+    /**
+     * Enables Fishjam SDK's debug logs in the console.
+     */
+    debug?: boolean;
 }
 /**
  * Provides the Fishjam Context

package/dist/FishjamProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FishjamProvider.d.ts","sourceRoot":"","sources":["../src/FishjamProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,KAAK,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAkBhE,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI/F;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC;IACtC;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IAC9D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACxD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAiF1D"}
+{"version":3,"file":"FishjamProvider.d.ts","sourceRoot":"","sources":["../src/FishjamProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EAAE,KAAK,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAkBhE,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI/F;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC;IACtC;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IAC9D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACxD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAwF1D"}

package/dist/FishjamProvider.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { FishjamClient } from "@fishjam-cloud/ts-client";
+import { FishjamClient, getLogger } from "@fishjam-cloud/ts-client";
 import { useMemo, useRef } from "react";
 import { CameraContext } from "./contexts/camera";
 import { CustomSourceContext } from "./contexts/customSource";
@@ -24,7 +24,7 @@ import { getLastDevice, saveLastDevice } from "./utils/localStorage";
  * @category Components
  */
 export function FishjamProvider(props) {
-    const fishjamClientRef = useRef(new FishjamClient({ reconnect: props.reconnect }));
+    const fishjamClientRef = useRef(new FishjamClient({ reconnect: props.reconnect, debug: props.debug }));
     const persistHandlers = useMemo(() => {
         if (props.persistLastDevice === false)
             return undefined;
@@ -32,10 +32,12 @@ export function FishjamProvider(props) {
             return props.persistLastDevice;
         return { getLastDevice, saveLastDevice };
     }, [props.persistLastDevice]);
+    const logger = getLogger(props.debug ?? false);
     const { cameraManager, microphoneManager, initializeDevices } = useMediaDevices({
         videoConstraints: props.constraints?.video ?? VIDEO_TRACK_CONSTRAINTS,
         audioConstraints: props.constraints?.audio ?? true,
         persistHandlers,
+        logger,
     });
     const peerStatus = usePeerStatus(fishjamClientRef.current);
     const mergedBandwidthLimits = useMemo(() => mergeWithDefaultBandwitdthLimits(props.bandwidthLimits), [props.bandwidthLimits]);
@@ -46,6 +48,7 @@ export function FishjamProvider(props) {
         bandwidthLimits: mergedBandwidthLimits,
         streamConfig: props.videoConfig,
         type: "camera",
+        logger,
     });
     const audioTrackManager = useTrackManager({
         tsClient: fishjamClientRef.current,
@@ -54,16 +57,19 @@ export function FishjamProvider(props) {
         bandwidthLimits: mergedBandwidthLimits,
         streamConfig: props.audioConfig,
         type: "microphone",
+        logger,
     });
     const screenShareManager = useScreenShareManager({
         fishjamClient: fishjamClientRef.current,
         peerStatus,
+        logger,
     });
     const cameraContext = useMemo(() => ({ videoTrackManager, cameraManager }), [videoTrackManager, cameraManager]);
     const microphoneContext = useMemo(() => ({ audioTrackManager, microphoneManager }), [audioTrackManager, microphoneManager]);
     const customSourceManager = useCustomSourceManager({
         fishjamClient: fishjamClientRef.current,
         peerStatus,
+        logger,
     });
     const fishjamClientState = useFishjamClientState(fishjamClientRef.current);
     return (_jsx(FishjamClientContext.Provider, { value: fishjamClientRef, children: _jsx(FishjamClientStateContext.Provider, { value: fishjamClientState, children: _jsx(FishjamIdContext.Provider, { value: props.fishjamId, children: _jsx(InitDevicesContext.Provider, { value: initializeDevices, children: _jsx(PeerStatusContext.Provider, { value: peerStatus, children: _jsx(CameraContext.Provider, { value: cameraContext, children: _jsx(MicrophoneContext.Provider, { value: microphoneContext, children: _jsx(ScreenshareContext.Provider, { value: screenShareManager, children: _jsx(CustomSourceContext.Provider, { value: customSourceManager, children: props.children }) }) }) }) }) }) }) }) }));

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

@@ -7,6 +7,14 @@ export declare function useCamera(): {
      * Toggles current camera on/off
      */
     toggleCamera: () => Promise<undefined | import("../..").DeviceError>;
+    /**
+     * Stops the camera
+     */
+    stopCamera: () => void;
+    /**
+     * Starts the camera
+     */
+    startCamera: (deviceId?: string | null) => Promise<[MediaStreamTrack, null] | [null, import("../..").DeviceError]>;
     /**
      * Selects the camera device
      */

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":"AAIA;;;GAGG;AACH,wBAAgB,SAAS;IAarB;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;EAGN"}
+{"version":3,"file":"useCamera.d.ts","sourceRoot":"","sources":["../../../src/hooks/devices/useCamera.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,SAAS;IAarB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;EAGN"}

package/dist/hooks/devices/useCamera.js

@@ -20,6 +20,14 @@ export function useCamera() {
          * Toggles current camera on/off
          */
         toggleCamera: videoTrackManager.toggleDevice,
+        /**
+         * Stops the camera
+         */
+        stopCamera: videoTrackManager.stopDevice,
+        /**
+         * Starts the camera
+         */
+        startCamera: videoTrackManager.startDevice,
         /**
          * Selects the camera device
          */

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

@@ -7,6 +7,10 @@ export declare function useMicrophone(): {
     toggleMicrophone: () => Promise<undefined | import("../..").DeviceError>;
     /** Mutes/unmutes the microphone */
     toggleMicrophoneMute: () => Promise<void>;
+    /** Stops the microphone */
+    stopMicrophone: () => void;
+    /** Starts the microphone */
+    startMicrophone: (deviceId?: string | null) => Promise<[MediaStreamTrack, null] | [null, import("../..").DeviceError]>;
     /** Selects the microphone device */
     selectMicrophone: (deviceId: string) => Promise<undefined | import("../..").DeviceError>;
     /**

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":"AAIA;;;GAGG;AACH,wBAAgB,aAAa;IAazB,wCAAwC;;IAExC,mCAAmC;;IAEnC,oCAAoC;;IAEpC;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;EAGN"}
+{"version":3,"file":"useMicrophone.d.ts","sourceRoot":"","sources":["../../../src/hooks/devices/useMicrophone.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,aAAa;IAazB,wCAAwC;;IAExC,mCAAmC;;IAEnC,2BAA2B;;IAE3B,4BAA4B;;IAE5B,oCAAoC;;IAEpC;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;EAGN"}

package/dist/hooks/devices/useMicrophone.js

@@ -20,6 +20,10 @@ export function useMicrophone() {
         toggleMicrophone: audioTrackManager.toggleDevice,
         /** Mutes/unmutes the microphone */
         toggleMicrophoneMute: audioTrackManager.toggleMute,
+        /** Stops the microphone */
+        stopMicrophone: audioTrackManager.stopDevice,
+        /** Starts the microphone */
+        startMicrophone: audioTrackManager.startDevice,
         /** Selects the microphone device */
         selectMicrophone: audioTrackManager.selectDevice,
         /**

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

@@ -1,3 +1,4 @@
+import type { Logger } from "@fishjam-cloud/ts-client";
 import type { SetStateAction } from "react";
 import type { DeviceError, DeviceItem, TrackMiddleware } from "../../../types/public";
 type DeviceManagerProps = {
@@ -11,6 +12,7 @@ type DeviceManagerProps = {
     constraints?: MediaTrackConstraints | boolean;
     setSelectedDevice: (device: MediaDeviceInfo) => void;
     selectedDevice: MediaDeviceInfo | null;
+    logger: Logger;
 };
 export type DeviceManager = {
     startDevice: (deviceId?: string | null) => Promise<[MediaStreamTrack, null] | [null, DeviceError]>;
@@ -27,6 +29,6 @@ export type DeviceManager = {
     deviceError: DeviceError | null;
     selectedDevice: MediaDeviceInfo | null;
 };
-export declare const useDeviceManager: ({ mediaStream, setMediaStream, getInitialStream, deviceType, constraints, allDevicesList, setSelectedDevice, deviceError, setDeviceError, selectedDevice, }: DeviceManagerProps) => DeviceManager;
+export declare const useDeviceManager: ({ mediaStream, setMediaStream, getInitialStream, deviceType, constraints, allDevicesList, setSelectedDevice, deviceError, setDeviceError, selectedDevice, logger, }: DeviceManagerProps) => DeviceManager;
 export {};
 //# sourceMappingURL=useDeviceManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDeviceManager.d.ts","sourceRoot":"","sources":["../../../../src/hooks/internal/devices/useDeviceManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAMtF,KAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACrE,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACrE,gBAAgB,EAAE,MAAM,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACpD,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC;IAC9B,cAAc,EAAE,eAAe,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC;IAC9C,iBAAiB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,eAAe,GAAG,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IACnG,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,GAAG,SAAS,CAAC;IACxG,YAAY,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,eAAe,CAAC;IACnC,eAAe,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnF,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,eAAe,GAAG,IAAI,CAAC;CACxC,CAAC;AAsCF,eAAO,MAAM,gBAAgB,GAAI,6JAW9B,kBAAkB,KAAG,aAgIvB,CAAC"}
+{"version":3,"file":"useDeviceManager.d.ts","sourceRoot":"","sources":["../../../../src/hooks/internal/devices/useDeviceManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAMtF,KAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACrE,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACrE,gBAAgB,EAAE,MAAM,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACpD,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC;IAC9B,cAAc,EAAE,eAAe,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC;IAC9C,iBAAiB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,eAAe,GAAG,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IACnG,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,GAAG,SAAS,CAAC;IACxG,YAAY,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,eAAe,CAAC;IACnC,eAAe,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnF,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,eAAe,GAAG,IAAI,CAAC;CACxC,CAAC;AAsCF,eAAO,MAAM,gBAAgB,GAAI,qKAY9B,kBAAkB,KAAG,aAiIvB,CAAC"}

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

@@ -29,7 +29,7 @@ async function getDeviceStream(type, constraints, deviceId) {
     });
     return stream;
 }
-export const useDeviceManager = ({ mediaStream, setMediaStream, getInitialStream, deviceType, constraints, allDevicesList, setSelectedDevice, deviceError, setDeviceError, selectedDevice, }) => {
+export const useDeviceManager = ({ mediaStream, setMediaStream, getInitialStream, deviceType, constraints, allDevicesList, setSelectedDevice, deviceError, setDeviceError, selectedDevice, logger, }) => {
     const rawTrack = useMemo(() => mediaStream && getTrackFromStream(mediaStream, deviceType), [mediaStream, deviceType]);
     const clearStream = useCallback(() => {
         setMediaStream(null);
@@ -73,7 +73,7 @@ export const useDeviceManager = ({ mediaStream, setMediaStream, getInitialStream
             return [retrievedTrack, null];
         }
         catch (err) {
-            const parsedError = parseUserMediaError(err);
+            const parsedError = parseUserMediaError(err, logger);
             setDeviceError(parsedError);
             return [null, parsedError];
         }
@@ -85,6 +85,7 @@ export const useDeviceManager = ({ mediaStream, setMediaStream, getInitialStream
         setMediaStream,
         deviceEnabled,
         setSelectedDeviceId,
+        logger,
         setDeviceError,
     ]);
     const selectDevice = useCallback((deviceId) => {

package/dist/hooks/internal/devices/useMediaDevices.d.ts

@@ -1,14 +1,16 @@
+import type { Logger } from "@fishjam-cloud/ts-client";
 import type { InitializeDevicesResult, PersistLastDeviceHandlers } from "../../../types/public";
 interface UseDevicesProps {
     videoConstraints?: MediaTrackConstraints | boolean;
     audioConstraints?: MediaTrackConstraints | boolean;
     persistHandlers?: PersistLastDeviceHandlers;
+    logger: Logger;
 }
 export type InitializeDevicesSettings = {
     enableVideo?: boolean;
     enableAudio?: boolean;
 };
-export declare const useMediaDevices: ({ videoConstraints, audioConstraints, persistHandlers }: UseDevicesProps) => {
+export declare const useMediaDevices: ({ videoConstraints, audioConstraints, persistHandlers, logger }: UseDevicesProps) => {
     initializeDevices: (settings?: InitializeDevicesSettings) => Promise<InitializeDevicesResult>;
     cameraManager: import("./useDeviceManager").DeviceManager;
     microphoneManager: import("./useDeviceManager").DeviceManager;

package/dist/hooks/internal/devices/useMediaDevices.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaDevices.d.ts","sourceRoot":"","sources":["../../../../src/hooks/internal/devices/useMediaDevices.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAe,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAG7G,UAAU,eAAe;IACvB,gBAAgB,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC;IACnD,gBAAgB,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC;IACnD,eAAe,CAAC,EAAE,yBAAyB,CAAC;CAC7C;AAED,MAAM,MAAM,yBAAyB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzF,eAAO,MAAM,eAAe,GAAI,yDAAyD,eAAe;mCAmClF,yBAAyB,KAAG,OAAO,CAAC,uBAAuB,CAAC;;;CAyGjF,CAAC"}
+{"version":3,"file":"useMediaDevices.d.ts","sourceRoot":"","sources":["../../../../src/hooks/internal/devices/useMediaDevices.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAKvD,OAAO,KAAK,EAAe,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAG7G,UAAU,eAAe;IACvB,gBAAgB,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC;IACnD,gBAAgB,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC;IACnD,eAAe,CAAC,EAAE,yBAAyB,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,yBAAyB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzF,eAAO,MAAM,eAAe,GAAI,iEAAiE,eAAe;mCAmC1F,yBAAyB,KAAG,OAAO,CAAC,uBAAuB,CAAC;;;CA2GjF,CAAC"}

package/dist/hooks/internal/devices/useMediaDevices.js

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { prepareConstraints } from "../../../devices/constraints";
 import { correctDevicesOnSafari, getAvailableMedia } from "../../../devices/mediaInitializer";
 import { useDeviceManager } from "./useDeviceManager";
-export const useMediaDevices = ({ videoConstraints, audioConstraints, persistHandlers }) => {
+export const useMediaDevices = ({ videoConstraints, audioConstraints, persistHandlers, logger }) => {
     const [deviceList, setDeviceList] = useState([]);
     const [videoStream, setVideoStream] = useState(null);
     const [audioStream, setAudioStream] = useState(null);
@@ -88,6 +88,7 @@ export const useMediaDevices = ({ videoConstraints, audioConstraints, persistHan
         constraints: videoConstraints,
         setSelectedDevice: selectCamera,
         selectedDevice: selectedCamera,
+        logger,
     });
     const microphoneManager = useDeviceManager({
         mediaStream: audioStream,
@@ -100,6 +101,7 @@ export const useMediaDevices = ({ videoConstraints, audioConstraints, persistHan
         constraints: audioConstraints,
         setSelectedDevice: selectMic,
         selectedDevice: selectedMic,
+        logger,
     });
     return {
         initializeDevices,

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

@@ -1,14 +1,15 @@
-import { type FishjamClient } from "@fishjam-cloud/ts-client";
+import { type FishjamClient, type Logger } from "@fishjam-cloud/ts-client";
 import type { CustomSourceState } from "../../types/internal";
 import type { PeerStatus } from "../../types/public";
 type CustomSourceManagerProps = {
     fishjamClient: FishjamClient;
     peerStatus: PeerStatus;
+    logger: Logger;
 };
 export type CustomSourceManager = {
     setStream: (sourceId: string, stream: MediaStream | null) => Promise<void>;
     getSource: (sourceId: string) => CustomSourceState | undefined;
 };
-export declare function useCustomSourceManager({ fishjamClient, peerStatus }: CustomSourceManagerProps): CustomSourceManager;
+export declare function useCustomSourceManager({ fishjamClient, peerStatus, logger, }: CustomSourceManagerProps): CustomSourceManager;
 export {};
 //# sourceMappingURL=useCustomSourceManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCustomSourceManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useCustomSourceManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAsC,MAAM,0BAA0B,CAAC;AAGlG,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAClF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,KAAK,wBAAwB,GAAG;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,iBAAiB,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,wBAAwB,GAAG,mBAAmB,CA8GnH"}
+{"version":3,"file":"useCustomSourceManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useCustomSourceManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM,EAAsC,MAAM,0BAA0B,CAAC;AAG/G,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAClF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,KAAK,wBAAwB,GAAG;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,iBAAiB,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,aAAa,EACb,UAAU,EACV,MAAM,GACP,EAAE,wBAAwB,GAAG,mBAAmB,CA8GhD"}

package/dist/hooks/internal/useCustomSourceManager.js

@@ -1,6 +1,6 @@
 import { TrackTypeError } from "@fishjam-cloud/ts-client";
 import { useCallback, useEffect, useMemo, useState } from "react";
-export function useCustomSourceManager({ fishjamClient, peerStatus }) {
+export function useCustomSourceManager({ fishjamClient, peerStatus, logger, }) {
     const [sources, setSources] = useState({});
     const pendingSources = useMemo(() => Object.entries(sources).filter(([_, source]) => source.trackIds === undefined), [sources]);
     const getDisplayName = useCallback(() => {
@@ -14,12 +14,12 @@ export function useCustomSourceManager({ fishjamClient, peerStatus }) {
         }
         catch (err) {
             if (err instanceof TrackTypeError) {
-                console.warn(err.message);
+                logger.warn(err.message);
                 return undefined;
             }
             throw err;
         }
-    }, [fishjamClient]);
+    }, [fishjamClient, logger]);
     const startStreaming = useCallback(async (source) => {
         const stream = source?.stream;
         const video = stream.getVideoTracks().at(0);
@@ -35,12 +35,12 @@ export function useCustomSourceManager({ fishjamClient, peerStatus }) {
             promises.push(addTrackToFishjamClient(audio, audioMetadata));
         }
         if (promises.length === 0) {
-            console.warn("Attempted to add empty MediaStream as custom source.");
+            logger.warn("Attempted to add empty MediaStream as custom source.");
             return source;
         }
         const [videoId, audioId] = await Promise.all(promises);
         return { ...source, trackIds: { videoId, audioId } };
-    }, [addTrackToFishjamClient, getDisplayName]);
+    }, [addTrackToFishjamClient, getDisplayName, logger]);
     const removeTracks = useCallback(async ({ videoId, audioId }) => {
         const promises = [];
         if (videoId)

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

@@ -1,4 +1,4 @@
-import { type FishjamClient } from "@fishjam-cloud/ts-client";
+import { type FishjamClient, type Logger } from "@fishjam-cloud/ts-client";
 import type { PeerStatus, TracksMiddleware } from "../../types/public";
 export type UseScreenshareResult = {
     /**
@@ -40,7 +40,8 @@ export type UseScreenshareResult = {
 interface ScreenShareManagerProps {
     fishjamClient: FishjamClient;
     peerStatus: PeerStatus;
+    logger: Logger;
 }
-export declare const useScreenShareManager: ({ fishjamClient, peerStatus }: ScreenShareManagerProps) => UseScreenshareResult;
+export declare const useScreenShareManager: ({ fishjamClient, peerStatus, logger, }: ScreenShareManagerProps) => UseScreenshareResult;
 export {};
 //# sourceMappingURL=useScreenshareManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScreenshareManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useScreenshareManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAsC,MAAM,0BAA0B,CAAC;AAIlG,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE;QACvB,gBAAgB,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;QACnD,gBAAgB,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;KACpD,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,uBAAuB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjD;;;;OAIG;IACH,mBAAmB,EAAE,CAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7E,CAAC;AAEF,UAAU,uBAAuB;IAC/B,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,GAAI,+BAA+B,uBAAuB,KAAG,oBAiJ9F,CAAC"}
+{"version":3,"file":"useScreenshareManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useScreenshareManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM,EAAsC,MAAM,0BAA0B,CAAC;AAI/G,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE;QACvB,gBAAgB,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;QACnD,gBAAgB,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;KACpD,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,uBAAuB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjD;;;;OAIG;IACH,mBAAmB,EAAE,CAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7E,CAAC;AAEF,UAAU,uBAAuB;IAC/B,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,GAAI,wCAInC,uBAAuB,KAAG,oBAkK5B,CAAC"}

package/dist/hooks/internal/useScreenshareManager.js

@@ -1,6 +1,6 @@
 import { TrackTypeError } from "@fishjam-cloud/ts-client";
 import { useCallback, useEffect, useRef, useState } from "react";
-export const useScreenShareManager = ({ fishjamClient, peerStatus }) => {
+export const useScreenShareManager = ({ fishjamClient, peerStatus, logger, }) => {
     const [state, setState] = useState({ stream: null, trackIds: null });
     const cleanMiddlewareFnRef = useRef(null);
     const stream = state.stream ?? null;
@@ -16,7 +16,7 @@ export const useScreenShareManager = ({ fishjamClient, peerStatus }) => {
         }
         catch (err) {
             if (err instanceof TrackTypeError) {
-                console.warn(err.message);
+                logger.warn(err.message);
                 return undefined;
             }
             throw err;
@@ -35,11 +35,21 @@ export const useScreenShareManager = ({ fishjamClient, peerStatus }) => {
             audio = audioTrack;
             cleanMiddlewareFnRef.current = onClear;
         }
-        const addTrackPromises = [addTrackToFishjamClient(video, { displayName, type: "screenShareVideo", paused: false })];
-        if (audio)
-            addTrackPromises.push(addTrackToFishjamClient(audio, { displayName, type: "screenShareAudio", paused: false }));
-        const [videoId, audioId] = await Promise.all(addTrackPromises);
-        setState({ stream: displayStream, trackIds: { videoId, audioId } });
+        // TODO: FCE-2659 Refactor this hook so this check is not required.
+        // This check is needed to support screensharing in livestreams which don't use the FishjamClient.
+        // trackIds are simply ignored because they are not used in this use case.
+        if (fishjamClient.status === "initialized") {
+            const addTrackPromises = [
+                addTrackToFishjamClient(video, { displayName, type: "screenShareVideo", paused: false }),
+            ];
+            if (audio)
+                addTrackPromises.push(addTrackToFishjamClient(audio, { displayName, type: "screenShareAudio", paused: false }));
+            const [videoId, audioId] = await Promise.all(addTrackPromises);
+            setState({ stream: displayStream, trackIds: { videoId, audioId } });
+        }
+        else {
+            setState({ stream: displayStream, trackIds: {} });
+        }
     };
     const replaceTracks = async (newVideoTrack, newAudioTrack) => {
         if (!state?.stream)
@@ -70,7 +80,7 @@ export const useScreenShareManager = ({ fishjamClient, peerStatus }) => {
     };
     const stopStreaming = useCallback(async () => {
         if (!state.stream) {
-            console.warn("No stream to stop");
+            logger.warn("No stream to stop");
             return;
         }
         const [video, audio] = getTracksFromStream(state.stream);
@@ -87,7 +97,15 @@ export const useScreenShareManager = ({ fishjamClient, peerStatus }) => {
         }
         cleanMiddleware();
         setState(({ tracksMiddleware }) => ({ stream: null, trackIds: null, tracksMiddleware }));
-    }, [state, fishjamClient, setState, cleanMiddleware, peerStatus]);
+    }, [
+        state.stream,
+        state.trackIds?.videoId,
+        state.trackIds?.audioId,
+        peerStatus,
+        cleanMiddleware,
+        logger,
+        fishjamClient,
+    ]);
     useEffect(() => {
         if (!state.stream)
             return;

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

@@ -1,4 +1,4 @@
-import { type FishjamClient } from "@fishjam-cloud/ts-client";
+import { type FishjamClient, type Logger } from "@fishjam-cloud/ts-client";
 import type { TrackManager } from "../../types/internal";
 import type { BandwidthLimits, PeerStatus, StreamConfig } from "../../types/public";
 import type { DeviceManager } from "./devices/useDeviceManager";
@@ -9,7 +9,8 @@ interface TrackManagerConfig {
     bandwidthLimits: BandwidthLimits;
     streamConfig?: StreamConfig;
     type: "camera" | "microphone";
+    logger: Logger;
 }
-export declare const useTrackManager: ({ deviceManager, tsClient, peerStatus, bandwidthLimits, streamConfig, type, }: TrackManagerConfig) => TrackManager;
+export declare const useTrackManager: ({ deviceManager, tsClient, peerStatus, bandwidthLimits, streamConfig, type, logger, }: TrackManagerConfig) => TrackManager;
 export {};
 //# sourceMappingURL=useTrackManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTrackManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useTrackManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAA+C,MAAM,0BAA0B,CAAC;AAG3G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAmB,MAAM,oBAAoB,CAAC;AAErG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,UAAU,kBAAkB;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,eAAe,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,GAAI,+EAO7B,kBAAkB,KAAG,YAkLvB,CAAC"}
+{"version":3,"file":"useTrackManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useTrackManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM,EAA+C,MAAM,0BAA0B,CAAC;AAGxH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAmB,MAAM,oBAAoB,CAAC;AAErG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,UAAU,kBAAkB;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,eAAe,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,GAAI,uFAQ7B,kBAAkB,KAAG,YAoLvB,CAAC"}

package/dist/hooks/internal/useTrackManager.js

@@ -1,7 +1,7 @@
 import { TrackTypeError, Variant } from "@fishjam-cloud/ts-client";
 import { useCallback, useEffect, useRef } from "react";
 import { getConfigAndBandwidthFromProps, getRemoteOrLocalTrack } from "../../utils/track";
-export const useTrackManager = ({ deviceManager, tsClient, peerStatus, bandwidthLimits, streamConfig, type, }) => {
+export const useTrackManager = ({ deviceManager, tsClient, peerStatus, bandwidthLimits, streamConfig, type, logger, }) => {
     const currentTrackIdRef = useRef(null);
     const { startDevice, stopDevice, enableDevice, disableDevice, deviceTrack, applyMiddleware, currentMiddleware, selectDevice: _selectDevice, } = deviceManager;
     const getCurrentTrackId = useCallback(() => {
@@ -45,12 +45,12 @@ export const useTrackManager = ({ deviceManager, tsClient, peerStatus, bandwidth
         }
         catch (err) {
             if (err instanceof TrackTypeError) {
-                console.warn(err.message);
+                logger.warn(err.message);
                 currentTrackIdRef.current = null;
             }
             throw err;
         }
-    }, [tsClient, type, bandwidthLimits]);
+    }, [type, tsClient, bandwidthLimits, logger]);
     const pauseStreaming = useCallback(async (trackId) => {
         if (peerStatus !== "connected")
             return;
@@ -70,7 +70,7 @@ export const useTrackManager = ({ deviceManager, tsClient, peerStatus, bandwidth
         const isTrackCurrentlyEnabled = Boolean(deviceTrack?.enabled);
         const currentTrackId = getCurrentTrackId();
         if (!currentTrackId) {
-            console.warn("Toggling mute is only possible while connected to a room.");
+            logger.warn("Toggling mute is only possible while connected to a room.");
             return;
         }
         if (isTrackCurrentlyEnabled) {
@@ -81,7 +81,7 @@ export const useTrackManager = ({ deviceManager, tsClient, peerStatus, bandwidth
             enableDevice();
             await resumeStreaming(currentTrackId, deviceTrack);
         }
-    }, [deviceTrack, getCurrentTrackId, disableDevice, pauseStreaming, enableDevice, resumeStreaming]);
+    }, [deviceTrack, getCurrentTrackId, logger, disableDevice, pauseStreaming, enableDevice, resumeStreaming]);
     /**
      * @see {@link TrackManager#toggleDevice} for more details.
      */
@@ -138,5 +138,7 @@ export const useTrackManager = ({ deviceManager, tsClient, peerStatus, bandwidth
         selectDevice,
         toggleMute,
         toggleDevice,
+        stopDevice,
+        startDevice,
     };
 };

package/dist/hooks/useLivestreamStreamer.d.ts

@@ -26,7 +26,7 @@ export interface UseLivestreamStreamerResult {
     connect: (inputs: ConnectStreamerConfig, urlOverride?: string) => Promise<void>;
     /** Callback to stop publishing anything previously published with {@link connect} */
     disconnect: () => void;
-    /** Any errors encounterd in {@link connect} will populate this field */
+    /** Any errors encountered in {@link connect} will populate this field */
     error: LivestreamError | null;
     /** Utility flag which indicates the current connection status */
     isConnected: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useLivestreamStreamer.d.ts","sourceRoot":"","sources":["../../src/hooks/useLivestreamStreamer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAmD,MAAM,0BAA0B,CAAC;AAK5G,2BAA2B;AAC3B,MAAM,MAAM,cAAc,GACtB;IACE,sHAAsH;IACtH,KAAK,EAAE,WAAW,CAAC;IACnB,8HAA8H;IAC9H,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,GACD;IACE,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEN,2BAA2B;AAC3B,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,2BAA2B;AAC3B,MAAM,WAAW,2BAA2B;IAC1C;;;;;OAKG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChF,qFAAqF;IACrF,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,wEAAwE;IACxE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,iEAAiE;IACjE,WAAW,EAAE,OAAO,CAAC;CACtB;AAKD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,QAAO,2BAyCxC,CAAC"}
+{"version":3,"file":"useLivestreamStreamer.d.ts","sourceRoot":"","sources":["../../src/hooks/useLivestreamStreamer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAmD,MAAM,0BAA0B,CAAC;AAM5G,2BAA2B;AAC3B,MAAM,MAAM,cAAc,GACtB;IACE,sHAAsH;IACtH,KAAK,EAAE,WAAW,CAAC;IACnB,8HAA8H;IAC9H,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,GACD;IACE,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEN,2BAA2B;AAC3B,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,2BAA2B;AAC3B,MAAM,WAAW,2BAA2B;IAC1C;;;;;OAKG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChF,qFAAqF;IACrF,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,yEAAyE;IACzE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,iEAAiE;IACjE,WAAW,EAAE,OAAO,CAAC;CACtB;AAKD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,QAAO,2BA0CxC,CAAC"}

package/dist/hooks/useLivestreamStreamer.js

@@ -1,6 +1,7 @@
 import { LivestreamError, publishLivestream } from "@fishjam-cloud/ts-client";
 import { useCallback, useRef, useState } from "react";
-import { FISHJAM_WHIP_URL } from "../consts";
+import { useFishjamId } from "../contexts/fishjamId";
+import { buildLivestreamWhipUrl } from "../utils/fishjamUrl";
 const isLivestreamError = (err) => Object.values(LivestreamError).includes(err);
 /**
  * Hook for publishing a livestream, which can be then received with {@link useLivestreamViewer}
@@ -10,6 +11,7 @@ const isLivestreamError = (err) => Object.values(LivestreamError).includes(err);
 export const useLivestreamStreamer = () => {
     const [error, setError] = useState(null);
     const [isConnected, setIsConnected] = useState(false);
+    const fishjamId = useFishjamId();
     const resultRef = useRef(null);
     const disconnect = useCallback(() => {
         resultRef.current?.stopPublishing();
@@ -27,7 +29,7 @@ export const useLivestreamStreamer = () => {
         const audioTrack = audio?.getAudioTracks().at(0);
         const stream = new MediaStream([videoTrack, audioTrack].filter((v) => v != null));
         try {
-            const result = await publishLivestream(stream, urlOverride ?? FISHJAM_WHIP_URL, token, {
+            const result = await publishLivestream(stream, urlOverride ?? buildLivestreamWhipUrl(fishjamId), token, {
                 onConnectionStateChange,
             });
             resultRef.current = result;
@@ -39,6 +41,6 @@ export const useLivestreamStreamer = () => {
             else
                 console.error(e);
         }
-    }, [disconnect, onConnectionStateChange]);
+    }, [disconnect, onConnectionStateChange, fishjamId]);
     return { connect, disconnect, error, isConnected };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useLivestreamViewer.d.ts","sourceRoot":"","sources":["../../src/hooks/useLivestreamViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAmD,MAAM,0BAA0B,CAAC;AAK5G,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5G;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,oCAAoC;IACpC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B;;;;OAIG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,6FAA6F;IAC7F,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,+EAA+E;IAC/E,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,iEAAiE;IACjE,WAAW,EAAE,OAAO,CAAC;CACtB;AAUD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAAO,yBAqCtC,CAAC"}
+{"version":3,"file":"useLivestreamViewer.d.ts","sourceRoot":"","sources":["../../src/hooks/useLivestreamViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAmD,MAAM,0BAA0B,CAAC;AAM5G,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5G;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,oCAAoC;IACpC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B;;;;OAIG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,6FAA6F;IAC7F,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,+EAA+E;IAC/E,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,iEAAiE;IACjE,WAAW,EAAE,OAAO,CAAC;CACtB;AAUD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAAO,yBAyCtC,CAAC"}

package/dist/hooks/useLivestreamViewer.js

@@ -1,11 +1,12 @@
 import { LivestreamError, receiveLivestream } from "@fishjam-cloud/ts-client";
 import { useCallback, useRef, useState } from "react";
-import { FISHJAM_WHEP_URL } from "../consts";
+import { useFishjamId } from "../contexts/fishjamId";
+import { buildLivestreamWhepUrl } from "../utils/fishjamUrl";
 const isLivestreamError = (err) => Object.values(LivestreamError).includes(err);
-const urlFromConfig = (config) => {
+const urlFromConfig = (config, baseUrl) => {
     if (config.streamId)
-        return `${FISHJAM_WHEP_URL}/${config.streamId}`;
-    return FISHJAM_WHEP_URL;
+        return `${baseUrl}/${config.streamId}`;
+    return baseUrl;
 };
 /**
  * Hook for receiving a published livestream.
@@ -17,6 +18,7 @@ export const useLivestreamViewer = () => {
     const [error, setError] = useState(null);
     const resultRef = useRef(null);
     const [isConnected, setIsConnected] = useState(false);
+    const fishjamId = useFishjamId();
     const disconnect = useCallback(() => {
         setStream(null);
         resultRef.current?.stop();
@@ -31,7 +33,10 @@ export const useLivestreamViewer = () => {
         if (resultRef.current !== null)
             disconnect();
         try {
-            const result = await receiveLivestream(url ?? urlFromConfig(config), config.token, { onConnectionStateChange });
+            const baseUrl = buildLivestreamWhepUrl(fishjamId);
+            const result = await receiveLivestream(url ?? urlFromConfig(config, baseUrl), config.token, {
+                onConnectionStateChange,
+            });
             resultRef.current = result;
             setError(null);
             setStream(result.stream);
@@ -40,6 +45,6 @@ export const useLivestreamViewer = () => {
             if (isLivestreamError(e))
                 setError(e);
         }
-    }, [disconnect, onConnectionStateChange]);
+    }, [disconnect, onConnectionStateChange, fishjamId]);
     return { stream, connect, disconnect, error, isConnected };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useScreenShare.d.ts","sourceRoot":"","sources":["../../src/hooks/useScreenShare.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAKvB;;OAEG;;wBADoD,CAAC;wBAEpD,CAAC;;IACL;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;CAGN,CAAC"}
+{"version":3,"file":"useScreenShare.d.ts","sourceRoot":"","sources":["../../src/hooks/useScreenShare.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAKvB;;OAEG;;wBADiE,CAAC;wBAEpD,CAAC;;IAClB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;CAGN,CAAC"}

package/dist/hooks/useVAD.d.ts

@@ -2,6 +2,8 @@ import type { PeerId } from "../types/public";
 /**
  * Voice activity detection. Use this hook to check if voice is detected in audio track for given peer(s).
  *
+ * @param options - Options object containing `peerIds` - a list of ids of peers to subscribe to for voice activity detection notifications.
+ *
  * Example usage:
  * ```tsx
  * import { useVAD, type PeerId } from "@fishjam-cloud/react-client";
@@ -9,15 +11,14 @@ import type { PeerId } from "../types/public";
  *   const peersInfo = useVAD({peerIds});
  *   const activePeers = (Object.keys(peersInfo) as PeerId[]).filter((peerId) => peersInfo[peerId]);
  *
- *   return `Now talking: ${activePeers.join(", ")}`;
+ *   return "Now talking: " + activePeers.join(", ");
  * }
  * ```
- * @param peerIds List of ids of peers to subscribe to for voice activity detection notifications.
  * @category Connection
  * @group Hooks
  * @returns Each key is a peerId and the boolean value indicates if voice activity is currently detected for that peer.
  */
-export declare const useVAD: ({ peerIds }: {
+export declare const useVAD: (options: {
     peerIds: ReadonlyArray<PeerId>;
 }) => Record<PeerId, boolean>;
 //# sourceMappingURL=useVAD.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useVAD.d.ts","sourceRoot":"","sources":["../../src/hooks/useVAD.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AAEvD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,GAAI,aAAa;IAAE,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CAAE,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAgE9F,CAAC"}
+{"version":3,"file":"useVAD.d.ts","sourceRoot":"","sources":["../../src/hooks/useVAD.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,GAAI,SAAS;IAAE,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CAAE,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAiE1F,CAAC"}

package/dist/hooks/useVAD.js

@@ -3,6 +3,8 @@ import { FishjamClientStateContext } from "../contexts/fishjamState";
 /**
  * Voice activity detection. Use this hook to check if voice is detected in audio track for given peer(s).
  *
+ * @param options - Options object containing `peerIds` - a list of ids of peers to subscribe to for voice activity detection notifications.
+ *
  * Example usage:
  * ```tsx
  * import { useVAD, type PeerId } from "@fishjam-cloud/react-client";
@@ -10,15 +12,15 @@ import { FishjamClientStateContext } from "../contexts/fishjamState";
  *   const peersInfo = useVAD({peerIds});
  *   const activePeers = (Object.keys(peersInfo) as PeerId[]).filter((peerId) => peersInfo[peerId]);
  *
- *   return `Now talking: ${activePeers.join(", ")}`;
+ *   return "Now talking: " + activePeers.join(", ");
  * }
  * ```
- * @param peerIds List of ids of peers to subscribe to for voice activity detection notifications.
  * @category Connection
  * @group Hooks
  * @returns Each key is a peerId and the boolean value indicates if voice activity is currently detected for that peer.
  */
-export const useVAD = ({ peerIds }) => {
+export const useVAD = (options) => {
+    const { peerIds } = options;
     const clientState = useContext(FishjamClientStateContext);
     if (!clientState)
         throw Error("useVAD must be used within FishjamProvider");

package/dist/types/internal.d.ts

@@ -22,6 +22,8 @@ export type ScreenShareState = ({
 };
 export interface TrackManager {
     selectDevice: (deviceId: string) => Promise<undefined | DeviceError>;
+    stopDevice: () => void;
+    startDevice: (deviceId?: string | null) => Promise<[MediaStreamTrack, null] | [null, DeviceError]>;
     deviceTrack: MediaStreamTrack | null;
     currentMiddleware: TrackMiddleware;
     setTrackMiddleware: (middleware: TrackMiddleware | null) => Promise<void>;

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

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/types/internal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEvF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAAE,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;IAAC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CAAE,CAAC;AAExG,MAAM,MAAM,gBAAgB,GAAG,CAC3B;IACE,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClD,GACD;IAAE,MAAM,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,IAAI,CAAA;CAAE,CACnC,GAAG;IAAE,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;CAAE,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,CAAC;IACrE,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,eAAe,CAAC;IACnC,kBAAkB,EAAE,CAAC,UAAU,EAAE,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E;;;;;;;OAOG;IACH,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC;;;;;;OAMG;IACH,YAAY,EAAE,MAAM,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,CAAC;CACtD;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/types/internal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEvF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAAE,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;IAAC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CAAE,CAAC;AAExG,MAAM,MAAM,gBAAgB,GAAG,CAC3B;IACE,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClD,GACD;IAAE,MAAM,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,IAAI,CAAA;CAAE,CACnC,GAAG;IAAE,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;CAAE,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,CAAC;IACrE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IACnG,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,eAAe,CAAC;IACnC,kBAAkB,EAAE,CAAC,UAAU,EAAE,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E;;;;;;;OAOG;IACH,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC;;;;;;OAMG;IACH,YAAY,EAAE,MAAM,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,CAAC;CACtD;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC"}

package/dist/utils/errors.d.ts

@@ -1,7 +1,8 @@
+import type { getLogger } from "@fishjam-cloud/ts-client";
 import type { DeviceError } from "../types/public";
 export declare const PERMISSION_DENIED: DeviceError;
 export declare const OVERCONSTRAINED_ERROR: DeviceError;
 export declare const NOT_FOUND_ERROR: DeviceError;
 export declare const UNHANDLED_ERROR: DeviceError;
-export declare const parseUserMediaError: (error: unknown) => DeviceError;
+export declare const parseUserMediaError: (error: unknown, logger: ReturnType<typeof getLogger>) => DeviceError;
 //# sourceMappingURL=errors.d.ts.map

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

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

package/dist/utils/errors.js

@@ -4,9 +4,9 @@ export const NOT_FOUND_ERROR = { name: "NotFoundError" };
 export const UNHANDLED_ERROR = { name: "UNHANDLED_ERROR" };
 // https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#exceptions
 // OverconstrainedError has higher priority than NotAllowedError
-export const parseUserMediaError = (error) => {
+export const parseUserMediaError = (error, logger) => {
     if (!(error instanceof DOMException)) {
-        console.warn({ name: "Unhandled getUserMedia error", error });
+        logger.warn({ name: "Unhandled getUserMedia error", error });
         return UNHANDLED_ERROR;
     }
     if (error.name === "NotAllowedError") {

package/dist/utils/fishjamUrl.d.ts

@@ -1,3 +1,9 @@
+type LivestreamKind = "whip" | "whep";
 export declare function resolveFishjamUrl(fishjamId: string): string;
 export declare function httpToWebsocketUrl(url: string): string;
+export declare function extractDomainFromFishjamId(fishjamId: string): string;
+export declare function buildLivestreamUrl(fishjamId: string, kind: LivestreamKind): string;
+export declare function buildLivestreamWhipUrl(fishjamId: string): string;
+export declare function buildLivestreamWhepUrl(fishjamId: string): string;
+export {};
 //# sourceMappingURL=fishjamUrl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"fishjamUrl.d.ts","sourceRoot":"","sources":["../../src/utils/fishjamUrl.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAM3D;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEtD"}
+{"version":3,"file":"fishjamUrl.d.ts","sourceRoot":"","sources":["../../src/utils/fishjamUrl.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtC,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAM3D;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAOpE;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,MAAM,CAMlF;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAEhE"}

package/dist/utils/fishjamUrl.js

@@ -9,3 +9,25 @@ export function resolveFishjamUrl(fishjamId) {
 export function httpToWebsocketUrl(url) {
     return url.replace("https://", "wss://").replace("http://", "ws://");
 }
+export function extractDomainFromFishjamId(fishjamId) {
+    try {
+        const url = new URL(fishjamId);
+        return url.origin;
+    }
+    catch {
+        return "https://fishjam.io";
+    }
+}
+export function buildLivestreamUrl(fishjamId, kind) {
+    if (!fishjamId || fishjamId.trim() === "") {
+        throw new Error("fishjamId is required to build a livestream WHEP URL.");
+    }
+    const domain = extractDomainFromFishjamId(fishjamId);
+    return `${domain}/api/v1/live/api/${kind}`;
+}
+export function buildLivestreamWhipUrl(fishjamId) {
+    return buildLivestreamUrl(fishjamId, "whip");
+}
+export function buildLivestreamWhepUrl(fishjamId) {
+    return buildLivestreamUrl(fishjamId, "whep");
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fishjam-cloud/react-client",
-  "version": "0.23.0",
+  "version": "0.25.0-rc.1",
   "description": "React client library for Fishjam",
   "license": "Apache-2.0",
   "author": "Fishjam Team",
@@ -42,6 +42,9 @@
     "lint:check": "eslint . --ext .ts,.tsx",
     "prepack": "yarn workspace @fishjam-cloud/ts-client build && yarn build"
   },
+  "peerDependencies": {
+    "react": "^19.1.0"
+  },
   "devDependencies": {
     "@playwright/test": "^1.51.1",
     "@testing-library/dom": "^10.4.0",
@@ -49,10 +52,9 @@
     "@types/events": "^3.0.3",
     "@types/lodash.isequal": "^4.5.8",
     "@types/node": "^22.14.0",
-    "@types/react": "^19.0.12",
+    "@types/react": "19.1.0",
     "fake-mediastreamtrack": "^2.0.0",
     "jsdom": "^26.0.0",
-    "react": "^19.0.0",
     "typed-emitter": "^2.1.0",
     "typedoc": "^0.28.2",
     "typedoc-plugin-mdn-links": "^5.0.1",
@@ -60,12 +62,21 @@
     "vitest": "^3.1.1"
   },
   "dependencies": {
-    "@fishjam-cloud/ts-client": "0.23.0",
+    "@fishjam-cloud/ts-client": "0.25.0-rc.1",
     "events": "3.3.0",
     "lodash.isequal": "4.5.0"
   },
   "directories": {
     "example": "examples"
   },
-  "packageManager": "yarn@4.9.2+sha256.ca4310f8ba997b4643a000ce512d9772e01c1485df35511114b325315960acb7"
+  "packageManager": "yarn@4.12.0",
+  "lint-staged": {
+    "*": [
+      "yarn format"
+    ],
+    "*.(js|ts|tsx)": [
+      "yarn lint"
+    ]
+  },
+  "stableVersion": "0.24.0"
 }