viconic-react-icons 1.1.2 → 1.1.4

package/dist/index.js

@@ -52,6 +52,17 @@ var import_react = __toESM(require("react"));
       document.head.appendChild(style);
     }
   }
+  const _origCEDefine = customElements.define.bind(customElements);
+  customElements.define = function(name, cls, opts) {
+    if (name === "viconic-icon" && cls && cls.prototype && cls.prototype._u) {
+      const origU = cls.prototype._u;
+      cls.prototype._u = function() {
+        if (this.classList.contains("svg-loaded")) return;
+        return origU.call(this);
+      };
+    }
+    return _origCEDefine(name, cls, opts);
+  };
   const CACHE_TTL = 3 * 24 * 60 * 60 * 1e3;
   const CACHE_PREFIX = "copyicons:svg:";
   const ICON_CACHE_PREFIX = "ci:";
@@ -787,6 +798,7 @@ var import_react = __toESM(require("react"));
     }
     element.innerHTML = scopedContent;
     element.classList.add("svg-loaded");
+    element.classList.add("vi-ok");
     if (multiColor) {
       element.classList.add("ci-multicolor");
     }

package/dist/index.mjs

@@ -17,6 +17,17 @@ import React, { useEffect, useRef } from "react";
       document.head.appendChild(style);
     }
   }
+  const _origCEDefine = customElements.define.bind(customElements);
+  customElements.define = function(name, cls, opts) {
+    if (name === "viconic-icon" && cls && cls.prototype && cls.prototype._u) {
+      const origU = cls.prototype._u;
+      cls.prototype._u = function() {
+        if (this.classList.contains("svg-loaded")) return;
+        return origU.call(this);
+      };
+    }
+    return _origCEDefine(name, cls, opts);
+  };
   const CACHE_TTL = 3 * 24 * 60 * 60 * 1e3;
   const CACHE_PREFIX = "copyicons:svg:";
   const ICON_CACHE_PREFIX = "ci:";
@@ -752,6 +763,7 @@ import React, { useEffect, useRef } from "react";
     }
     element.innerHTML = scopedContent;
     element.classList.add("svg-loaded");
+    element.classList.add("vi-ok");
     if (multiColor) {
       element.classList.add("ci-multicolor");
     }

package/package.json

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

package/src/copyicons-smart-loader.js

@@ -42,6 +42,27 @@
         }
     }
 
+    // === PROTECT SMART LOADER ICONS FROM KIT LOADER WIPE ===
+    // When Kit Loader calls customElements.define('viconic-icon', ...),
+    // the browser upgrades ALL existing <viconic-icon> elements and calls
+    // connectedCallback() → _u(). The Kit Loader's _u() clears innerHTML
+    // and removes vi-ok for any icon NOT in its W.icons registry.
+    // This wipes Smart Loader icons (like a:biorxiv-square) that were
+    // already successfully injected. We intercept define() to patch _u()
+    // so it skips elements that Smart Loader has already handled.
+    const _origCEDefine = customElements.define.bind(customElements);
+    customElements.define = function(name, cls, opts) {
+        if (name === 'viconic-icon' && cls && cls.prototype && cls.prototype._u) {
+            const origU = cls.prototype._u;
+            cls.prototype._u = function() {
+                // If Smart Loader already injected SVG, don't touch this element
+                if (this.classList.contains('svg-loaded')) return;
+                return origU.call(this);
+            };
+        }
+        return _origCEDefine(name, cls, opts);
+    };
+
     // === PERFORMANCE CONSTANTS ===
     const CACHE_TTL = 3 * 24 * 60 * 60 * 1000; // 3 days cache
     const CACHE_PREFIX = 'copyicons:svg:';
@@ -721,6 +742,9 @@
 
         element.innerHTML = scopedContent;
         element.classList.add('svg-loaded');
+        // Also add vi-ok so Kit Loader's refresh() skips this element
+        // (Kit refresh only checks for vi-ok, not svg-loaded)
+        element.classList.add('vi-ok');
 
         // Mark multi-color icons so CSS doesn't override their colors
         if (multiColor) {