viconic-react-icons 1.1.1 → 1.1.3

package/dist/index.js

@@ -787,6 +787,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");
     }
@@ -1959,7 +1960,7 @@ var import_react = __toESM(require("react"));
 // src/index.jsx
 var _initializedKits = /* @__PURE__ */ new Set();
 function initViconic(options = {}) {
-  const { kitId, cdnBase = "cdn.viconic.dev" } = options;
+  const { kitId, cdnBase = "cdn.viconic.dev", version } = options;
   if (typeof window === "undefined") return;
   if (!kitId) {
     console.warn("[Viconic] initViconic requires a kitId");
@@ -1971,7 +1972,12 @@ function initViconic(options = {}) {
   if (document.getElementById(scriptId)) return;
   const script = document.createElement("script");
   script.id = scriptId;
-  script.src = `https://${cdnBase}/kits/${kitId}/loader.js`;
+  let url = `https://${cdnBase}/kits/${kitId}/loader.js`;
+  if (version) {
+    const vQuery = version === "dev" ? Date.now() : version;
+    url += `?v=${vQuery}`;
+  }
+  script.src = url;
   script.async = true;
   document.head.appendChild(script);
 }

package/dist/index.mjs

@@ -752,6 +752,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");
     }
@@ -1924,7 +1925,7 @@ import React, { useEffect, useRef } from "react";
 // src/index.jsx
 var _initializedKits = /* @__PURE__ */ new Set();
 function initViconic(options = {}) {
-  const { kitId, cdnBase = "cdn.viconic.dev" } = options;
+  const { kitId, cdnBase = "cdn.viconic.dev", version } = options;
   if (typeof window === "undefined") return;
   if (!kitId) {
     console.warn("[Viconic] initViconic requires a kitId");
@@ -1936,7 +1937,12 @@ function initViconic(options = {}) {
   if (document.getElementById(scriptId)) return;
   const script = document.createElement("script");
   script.id = scriptId;
-  script.src = `https://${cdnBase}/kits/${kitId}/loader.js`;
+  let url = `https://${cdnBase}/kits/${kitId}/loader.js`;
+  if (version) {
+    const vQuery = version === "dev" ? Date.now() : version;
+    url += `?v=${vQuery}`;
+  }
+  script.src = url;
   script.async = true;
   document.head.appendChild(script);
 }

package/index.d.ts

@@ -5,6 +5,8 @@ export interface InitViconicOptions {
     kitId: string;
     /** Custom CDN domain (default: 'cdn.viconic.dev') */
     cdnBase?: string;
+    /** Optional version of the kit to load */
+    version?: string | number;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viconic-react-icons",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "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

@@ -721,6 +721,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) {

package/src/index.jsx

@@ -20,10 +20,10 @@ const _initializedKits = new Set();
  * 
  * initViconic({ kitId: '387a6161-cb39-411f-8f13-29a5813e4efd' });
  * // Multiple kits:
- * initViconic({ kitId: 'another-kit-uuid' });
+ * initViconic({ kitId: 'another-kit-uuid', version: '1.0' });
  */
 export function initViconic(options = {}) {
-    const { kitId, cdnBase = 'cdn.viconic.dev' } = options;
+    const { kitId, cdnBase = 'cdn.viconic.dev', version } = options;
     if (typeof window === 'undefined') return; // SSR guard
     if (!kitId) {
         console.warn('[Viconic] initViconic requires a kitId');
@@ -37,7 +37,15 @@ export function initViconic(options = {}) {
 
     const script = document.createElement('script');
     script.id = scriptId;
-    script.src = `https://${cdnBase}/kits/${kitId}/loader.js`;
+    
+    // Add cache busting for development or specific version updates
+    let url = `https://${cdnBase}/kits/${kitId}/loader.js`;
+    if (version) {
+        const vQuery = version === 'dev' ? Date.now() : version;
+        url += `?v=${vQuery}`;
+    }
+    
+    script.src = url;
     script.async = true;
     document.head.appendChild(script);
 }