@fishjam-cloud/react-client 0.24.0 → 0.25.0-rc.2

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,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,oBAyJ5B,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

@@ -35,11 +35,21 @@ export const useScreenShareManager = ({ fishjamClient, peerStatus, logger, }) =>
             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)

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,yEAAyE;IACzE,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/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/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.24.0",
+  "version": "0.25.0-rc.2",
   "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.24.0",
+    "@fishjam-cloud/ts-client": "0.25.0-rc.2",
     "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"
 }