fix: catch variant/flag fetch timeout error and log at debug-level (#135)

Author: tyiuhc

packages/experiment-browser/src/experimentClient.ts

@@ -12,6 +12,7 @@ import {
   Poller,
   SdkEvaluationApi,
   SdkFlagApi,
+  TimeoutError,
   topologicalSort,
 } from '@amplitude/experiment-core';
 
@@ -255,7 +256,11 @@ export class ExperimentClient implements Client {
       );
     } catch (e) {
       if (this.config.debug) {
-        console.error(e);
+        if (e instanceof TimeoutError) {
+          console.debug(e);
+        } else {
+          console.error(e);
+        }
       }
     }
     return this;
@@ -697,13 +702,22 @@ export class ExperimentClient implements Client {
   }
 
   private async doFlags(): Promise<void> {
-    const flags = await this.flagApi.getFlags({
-      libraryName: 'experiment-js-client',
-      libraryVersion: PACKAGE_VERSION,
-      timeoutMillis: this.config.fetchTimeoutMillis,
-    });
-    this.flags.clear();
-    this.flags.putAll(flags);
+    try {
+      const flags = await this.flagApi.getFlags({
+        libraryName: 'experiment-js-client',
+        libraryVersion: PACKAGE_VERSION,
+        timeoutMillis: this.config.fetchTimeoutMillis,
+      });
+      this.flags.clear();
+      this.flags.putAll(flags);
+    } catch (e) {
+      if (this.config.debug && e instanceof TimeoutError) {
+        console.debug(e);
+      } else {
+        throw e;
+      }
+    }
+
     try {
       this.flags.store();
     } catch (e) {

packages/experiment-browser/src/transport/http.ts

@@ -3,7 +3,7 @@
  * @internal
  */
 
-import { safeGlobal } from '@amplitude/experiment-core';
+import { safeGlobal, TimeoutError } from '@amplitude/experiment-core';
 import {
   HttpClient as CoreHttpClient,
   HttpRequest,
@@ -29,7 +29,11 @@ const timeout = (
   }
   return new Promise(function (resolve, reject) {
     safeGlobal.setTimeout(function () {
-      reject(Error('Request timeout after ' + timeoutMillis + ' milliseconds'));
+      reject(
+        new TimeoutError(
+          'Request timeout after ' + timeoutMillis + ' milliseconds',
+        ),
+      );
     }, timeoutMillis);
     promise.then(resolve, reject);
   });
@@ -63,6 +67,7 @@ const _request = (
  */
 export class WrapperClient implements CoreHttpClient {
   private readonly client: HttpClient;
+
   constructor(client: HttpClient) {
     this.client = client;
   }

packages/experiment-core/src/evaluation/error.ts

@@ -7,3 +7,10 @@ export class FetchError extends Error {
     Object.setPrototypeOf(this, FetchError.prototype);
   }
 }
+
+export class TimeoutError extends Error {
+  constructor(message: string) {
+    super(message);
+    Object.setPrototypeOf(this, TimeoutError.prototype);
+  }
+}

packages/experiment-core/src/index.ts

@@ -23,4 +23,4 @@ export {
   getGlobalScope,
   isLocalStorageAvailable,
 } from './util/global';
-export { FetchError } from './evaluation/error';
+export { FetchError, TimeoutError } from './evaluation/error';