myio-js-library 0.1.214 → 0.1.215

package/dist/index.cjs

@@ -29206,13 +29206,31 @@ var DefaultSettingsPersister = class {
 };
 
 // src/components/premium-modals/settings/SettingsFetcher.ts
-var DefaultSettingsFetcher = class {
+var DefaultSettingsFetcher = class _DefaultSettingsFetcher {
   jwtToken;
   tbBaseUrl;
+  static FETCH_TIMEOUT_MS = 8e3;
+  // 8 second timeout
   constructor(jwtToken, apiConfig) {
     this.jwtToken = jwtToken;
     this.tbBaseUrl = apiConfig?.tbBaseUrl || window.location.origin;
   }
+  /**
+   * Fetch with timeout to prevent hanging requests from blocking modal render
+   */
+  async fetchWithTimeout(url, options, timeoutMs = _DefaultSettingsFetcher.FETCH_TIMEOUT_MS) {
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+    try {
+      const response = await fetch(url, {
+        ...options,
+        signal: controller.signal
+      });
+      return response;
+    } finally {
+      clearTimeout(timeoutId);
+    }
+  }
   async fetchCurrentSettings(deviceId, jwtToken, scope = "SERVER_SCOPE") {
     try {
       const [entityResult, attributesResult] = await Promise.allSettled([
@@ -29246,9 +29264,12 @@ var DefaultSettingsFetcher = class {
     }
   }
   async fetchDeviceEntity(deviceId) {
-    const response = await fetch(`${this.tbBaseUrl}/api/device/${deviceId}`, {
-      headers: { "X-Authorization": `Bearer ${this.jwtToken}` }
-    });
+    const response = await this.fetchWithTimeout(
+      `${this.tbBaseUrl}/api/device/${deviceId}`,
+      {
+        headers: { "X-Authorization": `Bearer ${this.jwtToken}` }
+      }
+    );
     if (!response.ok) {
       throw new Error(
         `Failed to fetch device entity: ${response.status} ${response.statusText}`
@@ -29260,7 +29281,7 @@ var DefaultSettingsFetcher = class {
     };
   }
   async fetchDeviceAttributes(deviceId, scope) {
-    const response = await fetch(
+    const response = await this.fetchWithTimeout(
       `${this.tbBaseUrl}/api/plugins/telemetry/DEVICE/${deviceId}/values/attributes/${scope}`,
       {
         headers: { "X-Authorization": `Bearer ${this.jwtToken}` }
@@ -29469,12 +29490,16 @@ var SettingsController = class {
       const tbBaseUrl = this.params.api?.tbBaseUrl || window.location.origin;
       const url = `${tbBaseUrl}/api/plugins/telemetry/CUSTOMER/${customerId}/values/attributes/SERVER_SCOPE?keys=mapInstantaneousPower`;
       console.log("[SettingsModal] RFC-0080: Fetching GLOBAL from:", url);
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), 8e3);
       const response = await fetch(url, {
         headers: {
           "X-Authorization": `Bearer ${jwtToken}`,
           "Content-Type": "application/json"
-        }
+        },
+        signal: controller.signal
       });
+      clearTimeout(timeoutId);
       if (!response.ok) {
         throw new Error(`HTTP ${response.status}`);
       }

package/dist/index.js

@@ -29034,13 +29034,31 @@ var DefaultSettingsPersister = class {
 };
 
 // src/components/premium-modals/settings/SettingsFetcher.ts
-var DefaultSettingsFetcher = class {
+var DefaultSettingsFetcher = class _DefaultSettingsFetcher {
   jwtToken;
   tbBaseUrl;
+  static FETCH_TIMEOUT_MS = 8e3;
+  // 8 second timeout
   constructor(jwtToken, apiConfig) {
     this.jwtToken = jwtToken;
     this.tbBaseUrl = apiConfig?.tbBaseUrl || window.location.origin;
   }
+  /**
+   * Fetch with timeout to prevent hanging requests from blocking modal render
+   */
+  async fetchWithTimeout(url, options, timeoutMs = _DefaultSettingsFetcher.FETCH_TIMEOUT_MS) {
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+    try {
+      const response = await fetch(url, {
+        ...options,
+        signal: controller.signal
+      });
+      return response;
+    } finally {
+      clearTimeout(timeoutId);
+    }
+  }
   async fetchCurrentSettings(deviceId, jwtToken, scope = "SERVER_SCOPE") {
     try {
       const [entityResult, attributesResult] = await Promise.allSettled([
@@ -29074,9 +29092,12 @@ var DefaultSettingsFetcher = class {
     }
   }
   async fetchDeviceEntity(deviceId) {
-    const response = await fetch(`${this.tbBaseUrl}/api/device/${deviceId}`, {
-      headers: { "X-Authorization": `Bearer ${this.jwtToken}` }
-    });
+    const response = await this.fetchWithTimeout(
+      `${this.tbBaseUrl}/api/device/${deviceId}`,
+      {
+        headers: { "X-Authorization": `Bearer ${this.jwtToken}` }
+      }
+    );
     if (!response.ok) {
       throw new Error(
         `Failed to fetch device entity: ${response.status} ${response.statusText}`
@@ -29088,7 +29109,7 @@ var DefaultSettingsFetcher = class {
     };
   }
   async fetchDeviceAttributes(deviceId, scope) {
-    const response = await fetch(
+    const response = await this.fetchWithTimeout(
       `${this.tbBaseUrl}/api/plugins/telemetry/DEVICE/${deviceId}/values/attributes/${scope}`,
       {
         headers: { "X-Authorization": `Bearer ${this.jwtToken}` }
@@ -29297,12 +29318,16 @@ var SettingsController = class {
       const tbBaseUrl = this.params.api?.tbBaseUrl || window.location.origin;
       const url = `${tbBaseUrl}/api/plugins/telemetry/CUSTOMER/${customerId}/values/attributes/SERVER_SCOPE?keys=mapInstantaneousPower`;
       console.log("[SettingsModal] RFC-0080: Fetching GLOBAL from:", url);
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), 8e3);
       const response = await fetch(url, {
         headers: {
           "X-Authorization": `Bearer ${jwtToken}`,
           "Content-Type": "application/json"
-        }
+        },
+        signal: controller.signal
       });
+      clearTimeout(timeoutId);
       if (!response.ok) {
         throw new Error(`HTTP ${response.status}`);
       }

package/dist/myio-js-library.umd.js

@@ -28848,13 +28848,31 @@
   };
 
   // src/components/premium-modals/settings/SettingsFetcher.ts
-  var DefaultSettingsFetcher = class {
+  var DefaultSettingsFetcher = class _DefaultSettingsFetcher {
     jwtToken;
     tbBaseUrl;
+    static FETCH_TIMEOUT_MS = 8e3;
+    // 8 second timeout
     constructor(jwtToken, apiConfig) {
       this.jwtToken = jwtToken;
       this.tbBaseUrl = apiConfig?.tbBaseUrl || window.location.origin;
     }
+    /**
+     * Fetch with timeout to prevent hanging requests from blocking modal render
+     */
+    async fetchWithTimeout(url, options, timeoutMs = _DefaultSettingsFetcher.FETCH_TIMEOUT_MS) {
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+      try {
+        const response = await fetch(url, {
+          ...options,
+          signal: controller.signal
+        });
+        return response;
+      } finally {
+        clearTimeout(timeoutId);
+      }
+    }
     async fetchCurrentSettings(deviceId, jwtToken, scope = "SERVER_SCOPE") {
       try {
         const [entityResult, attributesResult] = await Promise.allSettled([
@@ -28888,9 +28906,12 @@
       }
     }
     async fetchDeviceEntity(deviceId) {
-      const response = await fetch(`${this.tbBaseUrl}/api/device/${deviceId}`, {
-        headers: { "X-Authorization": `Bearer ${this.jwtToken}` }
-      });
+      const response = await this.fetchWithTimeout(
+        `${this.tbBaseUrl}/api/device/${deviceId}`,
+        {
+          headers: { "X-Authorization": `Bearer ${this.jwtToken}` }
+        }
+      );
       if (!response.ok) {
         throw new Error(
           `Failed to fetch device entity: ${response.status} ${response.statusText}`
@@ -28902,7 +28923,7 @@
       };
     }
     async fetchDeviceAttributes(deviceId, scope) {
-      const response = await fetch(
+      const response = await this.fetchWithTimeout(
         `${this.tbBaseUrl}/api/plugins/telemetry/DEVICE/${deviceId}/values/attributes/${scope}`,
         {
           headers: { "X-Authorization": `Bearer ${this.jwtToken}` }
@@ -29111,12 +29132,16 @@
         const tbBaseUrl = this.params.api?.tbBaseUrl || window.location.origin;
         const url = `${tbBaseUrl}/api/plugins/telemetry/CUSTOMER/${customerId}/values/attributes/SERVER_SCOPE?keys=mapInstantaneousPower`;
         console.log("[SettingsModal] RFC-0080: Fetching GLOBAL from:", url);
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 8e3);
         const response = await fetch(url, {
           headers: {
             "X-Authorization": `Bearer ${jwtToken}`,
             "Content-Type": "application/json"
-          }
+          },
+          signal: controller.signal
         });
+        clearTimeout(timeoutId);
         if (!response.ok) {
           throw new Error(`HTTP ${response.status}`);
         }