@stream-io/video-client 1.7.2 → 1.7.4

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.7.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.7.3...@stream-io/video-client-1.7.4) (2024-10-02)
+
+
+### Bug Fixes
+
+* retryable location hint ([#1505](https://github.com/GetStream/stream-video-js/issues/1505)) ([087417f](https://github.com/GetStream/stream-video-js/commit/087417f926b3d43a5bcb814ac9bb5951c1e63479))
+
+## [1.7.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.7.2...@stream-io/video-client-1.7.3) (2024-09-24)
+
+
+### Bug Fixes
+
+* do not always error out api calls when web socket initially failed ([#1495](https://github.com/GetStream/stream-video-js/issues/1495)) ([7cdb62e](https://github.com/GetStream/stream-video-js/commit/7cdb62e75cad56098ee81eabbcc63382f93fd218))
+
 ## [1.7.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.7.1...@stream-io/video-client-1.7.2) (2024-09-20)
 
 

package/dist/index.browser.es.js

@@ -2875,6 +2875,13 @@ function convertErrorToJson(err) {
     }
     return jsonObj;
 }
+/**
+ * Informs if a promise is yet to be resolved or rejected
+ */
+async function isPromisePending(promise) {
+    const emptyObj = {};
+    return Promise.race([promise, emptyObj]).then((value) => (value === emptyObj ? true : false), () => false);
+}
 /**
  * isOnline safely return the navigator.online value for browser env
  * if navigator is not in global object, it always return true
@@ -2928,7 +2935,7 @@ const logLevels = Object.freeze({
     warn: 3,
     error: 4,
 });
-let logger$1;
+let logger;
 let level = 'info';
 const logToConsole = (logLevel, message, ...args) => {
     let logMethod;
@@ -2962,7 +2969,7 @@ const logToConsole = (logLevel, message, ...args) => {
     logMethod(message, ...args);
 };
 const setLogger = (l, lvl) => {
-    logger$1 = l;
+    logger = l;
     if (lvl) {
         setLogLevel(lvl);
     }
@@ -2972,7 +2979,7 @@ const setLogLevel = (l) => {
 };
 const getLogLevel = () => level;
 const getLogger = (withTags) => {
-    const loggerMethod = logger$1 || logToConsole;
+    const loggerMethod = logger || logToConsole;
     const tags = (withTags || []).filter(Boolean).join(':');
     const result = (logLevel, message, ...args) => {
         if (logLevels[logLevel] >= logLevels[level]) {
@@ -3013,7 +3020,7 @@ const retryable = async (rpc, signal) => {
     return result;
 };
 
-const version = "1.7.2";
+const version = "1.7.4";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -11365,6 +11372,15 @@ class StableWSConnection {
                 this._log(`_connect() - tokenProvider failed before, so going to retry`);
                 await this.client.tokenManager.loadToken();
             }
+            let mustSetupConnectionIdPromise = true;
+            if (this.client.connectionIdPromise) {
+                if (await isPromisePending(this.client.connectionIdPromise)) {
+                    mustSetupConnectionIdPromise = false;
+                }
+            }
+            if (mustSetupConnectionIdPromise) {
+                this.client._setupConnectionIdPromise();
+            }
             this._setupConnectionPromise();
             const wsURL = this._buildUrl();
             this._log(`_connect() - Connecting to ${wsURL}`, {
@@ -11390,6 +11406,7 @@ class StableWSConnection {
             }
         }
         catch (err) {
+            await this.client._setupConnectionIdPromise();
             this.isConnecting = false;
             // @ts-ignore
             this._log(`_connect() - Error - `, err);
@@ -11891,27 +11908,31 @@ class WSConnectionFallback {
     }
 }
 
-const logger = getLogger(['location']);
-const HINT_URL = `https://hint.stream-io-video.com/`;
-const getLocationHint = async (hintUrl = HINT_URL, timeout = 2000) => {
-    const abortController = new AbortController();
-    const timeoutId = setTimeout(() => abortController.abort(), timeout);
-    try {
-        const response = await fetch(hintUrl, {
-            method: 'HEAD',
-            signal: abortController.signal,
-        });
-        const awsPop = response.headers.get('x-amz-cf-pop') || 'ERR';
-        logger('debug', `Location header: ${awsPop}`);
-        return awsPop.substring(0, 3); // AMS1-P2 -> AMS
-    }
-    catch (e) {
-        logger('warn', `Failed to get location hint from ${hintUrl}`, e);
-        return 'ERR';
-    }
-    finally {
-        clearTimeout(timeoutId);
-    }
+const getLocationHint = async (hintUrl = `https://hint.stream-io-video.com/`, timeout = 2000, maxAttempts = 3) => {
+    const logger = getLogger(['location-hint']);
+    let attempt = 0;
+    let locationHint = 'ERR';
+    do {
+        const abortController = new AbortController();
+        const timeoutId = setTimeout(() => abortController.abort(), timeout);
+        try {
+            const response = await fetch(hintUrl, {
+                method: 'HEAD',
+                signal: abortController.signal,
+            });
+            const awsPop = response.headers.get('x-amz-cf-pop') || 'ERR';
+            logger('debug', `Location header: ${awsPop}`);
+            locationHint = awsPop.substring(0, 3); // AMS1-P2 -> AMS
+        }
+        catch (e) {
+            logger('warn', `Failed to get location hint from ${hintUrl}`, e);
+            locationHint = 'ERR';
+        }
+        finally {
+            clearTimeout(timeoutId);
+        }
+    } while (locationHint === 'ERR' && ++attempt < maxAttempts);
+    return locationHint;
 };
 
 class StreamClient {
@@ -12047,10 +12068,7 @@ class StreamClient {
                 this.logger('info', 'client:openConnection() - openConnection called twice, healthy connection already exists');
                 return Promise.resolve();
             }
-            this.connectionIdPromise = new Promise((resolve, reject) => {
-                this.resolveConnectionId = resolve;
-                this.rejectConnectionId = reject;
-            });
+            this._setupConnectionIdPromise();
             this.clientID = `${this.userID}--${randomId()}`;
             this.wsPromise = this.connect();
             return this.wsPromise;
@@ -12090,10 +12108,7 @@ class StreamClient {
          */
         this.connectAnonymousUser = async (user, tokenOrProvider) => {
             addConnectionEventListeners(this.updateNetworkConnectionStatus);
-            this.connectionIdPromise = new Promise((resolve, reject) => {
-                this.resolveConnectionId = resolve;
-                this.rejectConnectionId = reject;
-            });
+            this._setupConnectionIdPromise();
             this.anonymous = true;
             await this._setToken(user, tokenOrProvider, this.anonymous);
             this._setUser(user);
@@ -12132,6 +12147,16 @@ class StreamClient {
             this.logger('debug', `Removing listener for ${eventName} event`);
             this.listeners[eventName] = this.listeners[eventName]?.filter((value) => value !== callback);
         };
+        /**
+         * sets up the this.connectionIdPromise
+         */
+        this._setupConnectionIdPromise = async () => {
+            /** a promise that is resolved once connection id is set */
+            this.connectionIdPromise = new Promise((resolve, reject) => {
+                this.resolveConnectionId = resolve;
+                this.rejectConnectionId = reject;
+            });
+        };
         this._logApiRequest = (type, url, data, config) => {
             this.logger('trace', `client: ${type} - Request - ${url}`, {
                 payload: data,
@@ -12154,8 +12179,18 @@ class StreamClient {
                 await Promise.all([
                     this.tokenManager.tokenReady(),
                     this.guestUserCreatePromise,
-                    this.connectionIdPromise,
                 ]);
+                // we need to wait for presence of connection id before making requests
+                try {
+                    await this.connectionIdPromise;
+                }
+                catch (e) {
+                    // in case connection id was rejected
+                    // reconnection maybe in progress
+                    // we can wait for healthy connection to resolve, which rejects when 15s timeout is reached
+                    await this.wsConnection?._waitForHealthy();
+                    await this.connectionIdPromise;
+                }
             }
             const requestConfig = this._enrichAxiosOptions(options);
             try {
@@ -12338,7 +12373,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "1.7.2";
+            const version = "1.7.4";
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };
@@ -12421,7 +12456,7 @@ class StreamClient {
         this.browser = inputOptions.browser || typeof window !== 'undefined';
         this.node = !this.browser;
         if (this.browser) {
-            this.locationHint = getLocationHint(options?.locationHintUrl, options?.locationHintTimeout);
+            this.locationHint = getLocationHint(options?.locationHintUrl, options?.locationHintTimeout, options?.locationHintMaxAttempts);
         }
         this.options = {
             timeout: 5000,