@stream-io/video-client 0.0.6 → 0.0.8

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.8](https://github.com/GetStream/stream-video-js/compare/client0.0.7...client0.0.8) (2023-06-09)
+
+
+### Features
+
+* **react-native:** support reconnection flow ([#458](https://github.com/GetStream/stream-video-js/issues/458)) ([89f2dda](https://github.com/GetStream/stream-video-js/commit/89f2ddafd1397d91f8ddea5a3c69dd62ae027313))
+
+### [0.0.7](https://github.com/GetStream/stream-video-js/compare/client0.0.6...client0.0.7) (2023-06-08)
+
+
+### Features
+
+* StreamCall signature, video client creation ([#596](https://github.com/GetStream/stream-video-js/issues/596)) ([5c3000c](https://github.com/GetStream/stream-video-js/commit/5c3000cc6fc3f8b7904609d7b11fa025b7458cad))
+
 ### [0.0.6](https://github.com/GetStream/stream-video-js/compare/client0.0.5...client0.0.6) (2023-06-07)
 
 

package/dist/index.browser.es.js

@@ -5969,13 +5969,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) => {
@@ -8318,6 +8318,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.
      *
@@ -8363,6 +8370,7 @@ class Call {
             if (callingState === 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;
@@ -8555,7 +8563,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)
@@ -8567,6 +8575,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
@@ -8579,6 +8588,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.`);
@@ -10993,7 +11005,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;
@@ -11075,9 +11087,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;
@@ -11151,8 +11171,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.
@@ -11163,7 +11189,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);