viconic-react-icons 1.1.3 → 1.1.5

package/dist/index.js

@@ -52,6 +52,26 @@ 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) {
+      if (cls.prototype._u) {
+        const origU = cls.prototype._u;
+        cls.prototype._u = function() {
+          if (this.classList.contains("svg-loaded")) return;
+          return origU.call(this);
+        };
+      }
+      if (cls.prototype.connectedCallback) {
+        const origCC = cls.prototype.connectedCallback;
+        cls.prototype.connectedCallback = function() {
+          if (this.classList.contains("svg-loaded")) return;
+          return origCC.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:";

package/dist/index.mjs

@@ -17,6 +17,26 @@ 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) {
+      if (cls.prototype._u) {
+        const origU = cls.prototype._u;
+        cls.prototype._u = function() {
+          if (this.classList.contains("svg-loaded")) return;
+          return origU.call(this);
+        };
+      }
+      if (cls.prototype.connectedCallback) {
+        const origCC = cls.prototype.connectedCallback;
+        cls.prototype.connectedCallback = function() {
+          if (this.classList.contains("svg-loaded")) return;
+          return origCC.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:";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viconic-react-icons",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "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,37 @@
         }
     }
 
+    // === 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) {
+            // Patch _u() to skip elements already handled by Smart Loader
+            if (cls.prototype._u) {
+                const origU = cls.prototype._u;
+                cls.prototype._u = function() {
+                    if (this.classList.contains('svg-loaded')) return;
+                    return origU.call(this);
+                };
+            }
+            // Patch connectedCallback to also guard svg-loaded
+            if (cls.prototype.connectedCallback) {
+                const origCC = cls.prototype.connectedCallback;
+                cls.prototype.connectedCallback = function() {
+                    if (this.classList.contains('svg-loaded')) return;
+                    return origCC.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:';