@stream-io/video-client 0.0.6 → 0.0.8

package/dist/index.cjs.js

@@ -5973,13 +5973,13 @@ const createWebSocketSignalChannel = (opts) => {
     const ws = new WebSocket(endpoint);
     ws.binaryType = 'arraybuffer'; // do we need this?
     ws.addEventListener('error', (e) => {
-        console.error('Error', e);
+        console.log('Signaling WS channel error', e);
     });
     ws.addEventListener('close', (e) => {
-        console.warn('Signalling channel is closed', e);
+        console.log('Signaling WS channel is closed', e);
     });
     ws.addEventListener('open', (e) => {
-        console.log('Signalling channel is open', e);
+        console.log('Signaling WS channel is open', e);
     });
     if (onMessage) {
         ws.addEventListener('message', (e) => {
@@ -8322,6 +8322,13 @@ const getSdkInfo = () => {
  * An object representation of a `Call`.
  */
 class Call {
+    /**
+     * A promise that exposes the reconnection logic
+     * The use-case is for the react-native platform where online/offline events are not available in the window
+     */
+    get rejoin() {
+        return this.rejoinPromise;
+    }
     /**
      * Constructs a new `Call` instance.
      *
@@ -8367,6 +8374,7 @@ class Call {
             if (callingState === exports.CallingState.LEFT) {
                 throw new Error('Cannot leave call that has already been left.');
             }
+            this.rejoinPromise = undefined;
             if (this.ringing) {
                 // I'm the one who started the call, so I should cancel it.
                 const hasOtherParticipants = this.state.remoteParticipants.length > 0;
@@ -8559,7 +8567,7 @@ class Call {
                 yield sleep(retryInterval(this.reconnectAttempts));
                 yield this.join(data);
                 console.log(`Rejoin: ${this.reconnectAttempts} successful!`);
-                if (localParticipant) {
+                if (localParticipant && !isReactNative()) {
                     const { audioStream, videoStream, screenShareStream: screenShare, } = localParticipant;
                     // restore previous publishing state
                     if (audioStream)
@@ -8571,6 +8579,7 @@ class Call {
                 }
                 console.log(`Rejoin: state restored ${this.reconnectAttempts}`);
             });
+            this.rejoinPromise = rejoin;
             // reconnect if the connection was closed unexpectedly. example:
             // - SFU crash or restart
             // - network change
@@ -8583,6 +8592,9 @@ class Call {
                     // e.g., the user has been blocked by an admin or moderator
                     if (e.code === KnownCodes.WS_POLICY_VIOLATION)
                         return;
+                    // do nothing for react-native as its handled by SDK
+                    if (isReactNative())
+                        return;
                     if (this.reconnectAttempts < this.maxReconnectAttempts) {
                         rejoin().catch(() => {
                             console.log(`Rejoin failed for ${this.reconnectAttempts} times. Giving up.`);
@@ -10998,7 +11010,7 @@ class StreamClient {
     }
     getUserAgent() {
         return (this.userAgent ||
-            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.5"}`);
+            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.7"}`);
     }
     setUserAgent(userAgent) {
         this.userAgent = userAgent;
@@ -11080,9 +11092,17 @@ class StreamVideoClient {
          * @param tokenOrProvider a token or a function that returns a token.
          */
         this.connectUser = (user, tokenOrProvider) => __awaiter(this, void 0, void 0, function* () {
-            const connectUserResponse = yield this.streamClient.connectUser(
-            // @ts-expect-error
-            user, tokenOrProvider);
+            var _a;
+            const connectUser = () => {
+                return this.streamClient.connectUser(
+                // @ts-expect-error
+                user, tokenOrProvider);
+            };
+            this.connectionPromise = this.disconnectionPromise
+                ? this.disconnectionPromise.then(() => connectUser())
+                : connectUser();
+            (_a = this.connectionPromise) === null || _a === void 0 ? void 0 : _a.finally(() => (this.connectionPromise = undefined));
+            const connectUserResponse = yield this.connectionPromise;
             this.writeableStateStore.setConnectedUser(user);
             this.eventHandlersToUnregister.push(this.on('connection.changed', (e) => {
                 const event = e;
@@ -11156,8 +11176,14 @@ class StreamVideoClient {
          * @param tokenOrProvider a token or a function that returns a token.
          */
         this.connectAnonymousUser = (user, tokenOrProvider) => __awaiter(this, void 0, void 0, function* () {
+            const connectAnonymousUser = () => 
             // @ts-expect-error
-            return this.streamClient.connectAnonymousUser(user, tokenOrProvider);
+            this.streamClient.connectAnonymousUser(user, tokenOrProvider);
+            this.connectionPromise = this.disconnectionPromise
+                ? this.disconnectionPromise.then(() => connectAnonymousUser())
+                : connectAnonymousUser();
+            this.connectionPromise.finally(() => (this.connectionPromise = undefined));
+            return this.connectionPromise;
         });
         /**
          * Disconnects the currently connected user from the client.
@@ -11168,7 +11194,12 @@ class StreamVideoClient {
          *                https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
          */
         this.disconnectUser = (timeout) => __awaiter(this, void 0, void 0, function* () {
-            yield this.streamClient.disconnectUser(timeout);
+            const disconnectUser = () => this.streamClient.disconnectUser(timeout);
+            this.disconnectionPromise = this.connectionPromise
+                ? this.connectionPromise.then(() => disconnectUser())
+                : disconnectUser();
+            this.disconnectionPromise.finally(() => (this.disconnectionPromise = undefined));
+            yield this.disconnectionPromise;
             this.eventHandlersToUnregister.forEach((unregister) => unregister());
             this.eventHandlersToUnregister = [];
             this.writeableStateStore.setConnectedUser(undefined);