@plusui/library 0.1.2 → 0.1.4

package/cdn/components/icon/icon-registry.js

@@ -0,0 +1,103 @@
+import solidIcons from './solid-icons.js';
+import regularIcons from './regular-icons.js';
+import lightIcons from './light-icons.js';
+
+// Icon Registry System
+// Icon Registry
+const iconRegistry = {
+    solid: solidIcons,
+    regular: regularIcons,
+    light: lightIcons,
+};
+// CDN Configuration
+const CDN_CONFIG = {
+    baseUrl: 'https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.2/svgs',
+    enabled: true,
+};
+/**
+ * Icon Registry System
+ *
+ * Provides categorized icon storage with CDN fallback
+ * Usage: getIcon('star', 'solid') or getIcon('star') // defaults to solid
+ */
+/**
+ * Get icon from registry with fallback to CDN
+ * @param name - Icon name (e.g., 'star', 'heart')
+ * @param style - Icon style (solid, regular, light)
+ * @returns Promise<string> - SVG string or empty string if not found
+ */
+async function getIcon(name, style = 'solid') {
+    // 1. Check local registry first
+    const localIcon = iconRegistry[style][name];
+    if (localIcon) {
+        return localIcon;
+    }
+    // 2. Try CDN fallback if enabled
+    {
+        try {
+            const cdnUrl = `${CDN_CONFIG.baseUrl}/${style}/${name}.svg`;
+            const response = await fetch(cdnUrl);
+            if (response.ok) {
+                const svgContent = await response.text();
+                // Cache the icon for future use
+                cacheIcon(name, style, svgContent);
+                return svgContent;
+            }
+        }
+        catch (error) {
+            console.warn(`Failed to fetch icon from CDN: ${name} (${style})`, error);
+        }
+    }
+    // 3. Return empty string if not found
+    console.warn(`Icon not found: ${name} (${style})`);
+    return '';
+}
+/**
+ * Check if icon exists in local registry
+ * @param name - Icon name
+ * @param style - Icon style
+ * @returns boolean
+ */
+function hasIcon(name, style = 'solid') {
+    return iconRegistry[style][name] !== undefined;
+}
+/**
+ * Get all available icons for a specific style
+ * @param style - Icon style
+ * @returns IconName[]
+ */
+function getAvailableIcons(style = 'solid') {
+    return Object.keys(iconRegistry[style] || {});
+}
+/**
+ * Cache icon for future use (in-memory cache)
+ * @param name - Icon name
+ * @param style - Icon style
+ * @param svg - SVG content
+ */
+const iconCache = new Map();
+function cacheIcon(name, style, svg) {
+    const cacheKey = `${style}-${name}`;
+    iconCache.set(cacheKey, svg);
+}
+/**
+ * Get icon from cache
+ * @param name - Icon name
+ * @param style - Icon style
+ * @returns string | undefined
+ */
+function getCachedIcon(name, style = 'solid') {
+    const cacheKey = `${style}-${name}`;
+    return iconCache.get(cacheKey);
+}
+/**
+ * Register custom icon
+ * @param name - Icon name
+ * @param style - Icon style
+ * @param svg - SVG content
+ */
+function registerIcon(name, style, svg) {
+    iconRegistry[style][name] = svg;
+}
+
+export { getAvailableIcons, getCachedIcon, getIcon, hasIcon, registerIcon };