viconic-react-icons 1.5.1 → 1.5.2

package/dist/index.js

@@ -2064,7 +2064,7 @@ function _dispatchBatchFetch(prefix, iconBaseName, entry) {
       }
     }).catch(() => {
     });
-  }, 0);
+  }, 150);
 }
 function _queueKitMiss(prefix, iconBaseName) {
   if (typeof window === "undefined") return;
@@ -2168,18 +2168,13 @@ var ViconicIcon = ({ name, className, style, size, color, ...props }) => {
       }
     }
     document.addEventListener("viconic:ready", tryInjectFromEvent);
-    const fallbackTimer = setTimeout(() => {
-      if (isInjected()) return;
-      tryInjectFromEvent();
-      if (!isInjected() && isKitIcon && prefixMatch) {
-        const prefix = prefixMatch[1];
-        const iconBaseName = prefixMatch[2];
-        _queueKitMiss(prefix, iconBaseName);
-      }
-    }, 50);
+    if (!isInjected() && isKitIcon && prefixMatch) {
+      const prefix = prefixMatch[1];
+      const iconBaseName = prefixMatch[2];
+      _queueKitMiss(prefix, iconBaseName);
+    }
     return () => {
       document.removeEventListener("viconic:ready", tryInjectFromEvent);
-      clearTimeout(fallbackTimer);
     };
   }, [name, className, size, color, style]);
   const combinedStyle = {

package/dist/index.mjs

@@ -2029,7 +2029,7 @@ function _dispatchBatchFetch(prefix, iconBaseName, entry) {
       }
     }).catch(() => {
     });
-  }, 0);
+  }, 150);
 }
 function _queueKitMiss(prefix, iconBaseName) {
   if (typeof window === "undefined") return;
@@ -2133,18 +2133,13 @@ var ViconicIcon = ({ name, className, style, size, color, ...props }) => {
       }
     }
     document.addEventListener("viconic:ready", tryInjectFromEvent);
-    const fallbackTimer = setTimeout(() => {
-      if (isInjected()) return;
-      tryInjectFromEvent();
-      if (!isInjected() && isKitIcon && prefixMatch) {
-        const prefix = prefixMatch[1];
-        const iconBaseName = prefixMatch[2];
-        _queueKitMiss(prefix, iconBaseName);
-      }
-    }, 50);
+    if (!isInjected() && isKitIcon && prefixMatch) {
+      const prefix = prefixMatch[1];
+      const iconBaseName = prefixMatch[2];
+      _queueKitMiss(prefix, iconBaseName);
+    }
     return () => {
       document.removeEventListener("viconic:ready", tryInjectFromEvent);
-      clearTimeout(fallbackTimer);
     };
   }, [name, className, size, color, style]);
   const combinedStyle = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viconic-react-icons",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Viconic Smart Icons loader for React — supports Kit and 200k+ system icons",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/index.jsx

@@ -91,7 +91,8 @@ function _dispatchBatchFetch(prefix, iconBaseName, entry) {
     const { kitId, api } = entry;
     if (!_kitMissQueues[kitId]) _kitMissQueues[kitId] = new Set();
     _kitMissQueues[kitId].add(iconBaseName);
-    if (_kitMissTimers[kitId]) return;
+    if (_kitMissTimers[kitId]) return; // already scheduled, will pick up new additions
+    // 150ms debounce: long enough to collect all icons across a full React render cycle
     _kitMissTimers[kitId] = setTimeout(() => {
         delete _kitMissTimers[kitId];
         const names = [...(_kitMissQueues[kitId] || [])];
@@ -116,7 +117,7 @@ function _dispatchBatchFetch(prefix, iconBaseName, entry) {
                 try { document.dispatchEvent(new CustomEvent('viconic:ready', { detail: { prefix, kitId } })); } catch(e) {}
             })
             .catch(() => {});
-    }, 0);
+    }, 150);
 }
 
 function _queueKitMiss(prefix, iconBaseName) {
@@ -288,21 +289,17 @@ export const ViconicIcon = ({ name, className, style, size, color, ...props }) =
 
         document.addEventListener('viconic:ready', tryInjectFromEvent);
 
-        // --- PATH 5: Short-deadline fallback (50ms) — queue a batch fetch for all missing kit icons ---
-        const fallbackTimer = setTimeout(() => {
-            if (isInjected()) return;
-            tryInjectFromEvent();
-            if (!isInjected() && isKitIcon && prefixMatch) {
-                const prefix = prefixMatch[1];
-                const iconBaseName = prefixMatch[2];
-                // Use batch queue instead of kit.reload() to avoid N separate API calls
-                _queueKitMiss(prefix, iconBaseName);
-            }
-        }, 50);
+        // --- PATH 5: Immediate queue for missing kit icons ---
+        // Call _queueKitMiss immediately (no per-component delay) so all icons from
+        // the same render cycle are collected into the same debounced batch request.
+        if (!isInjected() && isKitIcon && prefixMatch) {
+            const prefix = prefixMatch[1];
+            const iconBaseName = prefixMatch[2];
+            _queueKitMiss(prefix, iconBaseName);
+        }
 
         return () => {
             document.removeEventListener('viconic:ready', tryInjectFromEvent);
-            clearTimeout(fallbackTimer);
         };
     }, [name, className, size, color, style]);