viconic-react-icons 1.5.1 → 1.5.3

package/dist/index.js

@@ -2013,6 +2013,7 @@ if (typeof document !== "undefined") {
 }
 var _kitMissQueues = {};
 var _kitMissTimers = {};
+var _kitQueued = {};
 function _resolveRegistry(prefix) {
   if (_kitRegistry[prefix]) return _kitRegistry[prefix];
   const kits = window.CopyIconsKit || {};
@@ -2036,6 +2037,9 @@ function _flushPendingMisses(prefix) {
 }
 function _dispatchBatchFetch(prefix, iconBaseName, entry) {
   const { kitId, api } = entry;
+  if (!_kitQueued[kitId]) _kitQueued[kitId] = /* @__PURE__ */ new Set();
+  if (_kitQueued[kitId].has(iconBaseName)) return;
+  _kitQueued[kitId].add(iconBaseName);
   if (!_kitMissQueues[kitId]) _kitMissQueues[kitId] = /* @__PURE__ */ new Set();
   _kitMissQueues[kitId].add(iconBaseName);
   if (_kitMissTimers[kitId]) return;
@@ -2058,13 +2062,15 @@ function _dispatchBatchFetch(prefix, iconBaseName, entry) {
         W.icons[`${prefix}/${n}`] = svg;
         W.icons[n] = W.icons[n] || svg;
       }
+      delete _kitQueued[kitId];
       try {
         document.dispatchEvent(new CustomEvent("viconic:ready", { detail: { prefix, kitId } }));
       } catch (e) {
       }
     }).catch(() => {
+      delete _kitQueued[kitId];
     });
-  }, 0);
+  }, 150);
 }
 function _queueKitMiss(prefix, iconBaseName) {
   if (typeof window === "undefined") return;
@@ -2168,18 +2174,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

@@ -1978,6 +1978,7 @@ if (typeof document !== "undefined") {
 }
 var _kitMissQueues = {};
 var _kitMissTimers = {};
+var _kitQueued = {};
 function _resolveRegistry(prefix) {
   if (_kitRegistry[prefix]) return _kitRegistry[prefix];
   const kits = window.CopyIconsKit || {};
@@ -2001,6 +2002,9 @@ function _flushPendingMisses(prefix) {
 }
 function _dispatchBatchFetch(prefix, iconBaseName, entry) {
   const { kitId, api } = entry;
+  if (!_kitQueued[kitId]) _kitQueued[kitId] = /* @__PURE__ */ new Set();
+  if (_kitQueued[kitId].has(iconBaseName)) return;
+  _kitQueued[kitId].add(iconBaseName);
   if (!_kitMissQueues[kitId]) _kitMissQueues[kitId] = /* @__PURE__ */ new Set();
   _kitMissQueues[kitId].add(iconBaseName);
   if (_kitMissTimers[kitId]) return;
@@ -2023,13 +2027,15 @@ function _dispatchBatchFetch(prefix, iconBaseName, entry) {
         W.icons[`${prefix}/${n}`] = svg;
         W.icons[n] = W.icons[n] || svg;
       }
+      delete _kitQueued[kitId];
       try {
         document.dispatchEvent(new CustomEvent("viconic:ready", { detail: { prefix, kitId } }));
       } catch (e) {
       }
     }).catch(() => {
+      delete _kitQueued[kitId];
     });
-  }, 0);
+  }, 150);
 }
 function _queueKitMiss(prefix, iconBaseName) {
   if (typeof window === "undefined") return;
@@ -2133,18 +2139,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.3",
   "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

@@ -62,6 +62,7 @@ if (typeof document !== 'undefined') {
 // ============================================
 const _kitMissQueues = {}; // kitId -> Set of icon names
 const _kitMissTimers = {}; // kitId -> timer handle
+const _kitQueued = {};     // kitId -> Set of icon names already queued (prevents Strict Mode double-queue)
 
 function _resolveRegistry(prefix) {
     if (_kitRegistry[prefix]) return _kitRegistry[prefix];
@@ -89,9 +90,14 @@ function _flushPendingMisses(prefix) {
 
 function _dispatchBatchFetch(prefix, iconBaseName, entry) {
     const { kitId, api } = entry;
+    // Skip if already queued — prevents React Strict Mode double-invoke from making 2 requests
+    if (!_kitQueued[kitId]) _kitQueued[kitId] = new Set();
+    if (_kitQueued[kitId].has(iconBaseName)) return;
+    _kitQueued[kitId].add(iconBaseName);
     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: collect all icons across the full React render cycle
     _kitMissTimers[kitId] = setTimeout(() => {
         delete _kitMissTimers[kitId];
         const names = [...(_kitMissQueues[kitId] || [])];
@@ -113,10 +119,12 @@ function _dispatchBatchFetch(prefix, iconBaseName, entry) {
                     W.icons[`${prefix}/${n}`] = svg;
                     W.icons[n] = W.icons[n] || svg;
                 }
+                // Clear queued tracking so future kit updates can refetch
+                delete _kitQueued[kitId];
                 try { document.dispatchEvent(new CustomEvent('viconic:ready', { detail: { prefix, kitId } })); } catch(e) {}
             })
-            .catch(() => {});
-    }, 0);
+            .catch(() => { delete _kitQueued[kitId]; });
+    }, 150);
 }
 
 function _queueKitMiss(prefix, iconBaseName) {
@@ -288,21 +296,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]);