rn-iconify 2.2.0 → 3.0.0

package/lib/commonjs/cache/MemoryCache.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MemoryCache = void 0;
 /**
- * Simple in-memory cache for icon SVG data
- * Provides instant synchronous access to recently used icons
+ * LRU in-memory cache for icon SVG data
+ * Uses Map insertion-order trick for O(1) eviction:
+ * - get() deletes and re-inserts to move entry to tail
+ * - eviction removes from head (oldest) in O(1)
  */
 
 class MemoryCacheImpl {
@@ -17,30 +19,35 @@ class MemoryCacheImpl {
 
   /**
    * Get icon SVG from memory cache
+   * Moves the entry to the tail (most recently used)
    * @returns SVG string or null if not cached
    */
   get(iconName) {
-    const entry = this.cache.get(iconName);
-    if (entry) {
-      // Update timestamp for LRU
-      entry.timestamp = Date.now();
-      return entry.svg;
+    const svg = this.cache.get(iconName);
+    if (svg !== undefined) {
+      // Move to tail by delete + re-insert (Map preserves insertion order)
+      this.cache.delete(iconName);
+      this.cache.set(iconName, svg);
+      return svg;
     }
     return null;
   }
 
   /**
    * Store icon SVG in memory cache
+   * Evicts oldest entries if cache is at capacity
    */
   set(iconName, svg) {
+    // If key already exists, delete first to refresh position
+    if (this.cache.has(iconName)) {
+      this.cache.delete(iconName);
+    }
+
     // Evict oldest entries if cache is full
     if (this.cache.size >= this.maxSize) {
       this.evictOldest();
     }
-    this.cache.set(iconName, {
-      svg,
-      timestamp: Date.now()
-    });
+    this.cache.set(iconName, svg);
   }
 
   /**
@@ -79,22 +86,16 @@ class MemoryCacheImpl {
   }
 
   /**
-   * Evict the oldest entries to make room for new ones
+   * Evict the oldest 20% of entries
+   * O(1) per removal using Map's insertion order (head = oldest)
    */
   evictOldest() {
-    // Remove 20% of oldest entries
     const entriesToRemove = Math.ceil(this.maxSize * 0.2);
-    const entries = Array.from(this.cache.entries());
-
-    // Sort by timestamp (oldest first)
-    entries.sort((a, b) => a[1].timestamp - b[1].timestamp);
-
-    // Remove oldest entries
-    for (let i = 0; i < entriesToRemove && i < entries.length; i++) {
-      const entry = entries[i];
-      if (entry) {
-        this.cache.delete(entry[0]);
-      }
+    let removed = 0;
+    for (const key of this.cache.keys()) {
+      if (removed >= entriesToRemove) break;
+      this.cache.delete(key);
+      removed++;
     }
   }
 }

package/lib/commonjs/cli/index.js

@@ -5,13 +5,33 @@
  */
 "use strict";
 
+var fs = _interopRequireWildcard(require("fs"));
+var path = _interopRequireWildcard(require("path"));
 var _bundle = require("./commands/bundle");
 var _analyze = require("./commands/analyze");
 var _types = require("./types");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
- * Package version
+ * Read version from package.json at build time
  */
-const VERSION = '1.0.0';
+function getPackageVersion() {
+  try {
+    // Walk up from this file to find package.json
+    let dir = __dirname;
+    for (let i = 0; i < 5; i++) {
+      const pkgPath = path.join(dir, 'package.json');
+      if (fs.existsSync(pkgPath)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
+        if (pkg.name === 'rn-iconify') return pkg.version;
+      }
+      dir = path.dirname(dir);
+    }
+  } catch {
+    // Fallback silently
+  }
+  return '0.0.0';
+}
+const VERSION = getPackageVersion();
 
 /**
  * Help text

package/lib/commonjs/cli/parser.js

@@ -8,6 +8,7 @@ exports.getUniqueIcons = getUniqueIcons;
 exports.parseIconList = parseIconList;
 var fs = _interopRequireWildcard(require("fs"));
 var path = _interopRequireWildcard(require("path"));
+var _types = require("../babel/types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Icon Usage Parser
@@ -33,32 +34,6 @@ const PATTERNS = {
   iconString: /['"](\w+:[^'"]+)['"]/g
 };
 
-/**
- * Map of component names to icon prefixes
- */
-const COMPONENT_PREFIX_MAP = {
-  Mdi: 'mdi',
-  MdiLight: 'mdi-light',
-  Heroicons: 'heroicons',
-  Lucide: 'lucide',
-  Ph: 'ph',
-  Feather: 'feather',
-  Tabler: 'tabler',
-  Bi: 'bi',
-  Fa6Solid: 'fa6-solid',
-  Fa6Regular: 'fa6-regular',
-  Fa6Brands: 'fa6-brands',
-  Fa7Solid: 'fa7-solid',
-  Ri: 'ri',
-  Carbon: 'carbon',
-  Fluent: 'fluent',
-  MaterialSymbols: 'material-symbols',
-  Solar: 'solar',
-  Ion: 'ion',
-  AntDesign: 'ant-design'
-  // Add more mappings as needed
-};
-
 /**
  * Get all files recursively from a directory
  */
@@ -105,7 +80,7 @@ function parseFile(filePath, verbose = false) {
       imports.forEach(imp => {
         // Handle renamed imports: Mdi as Icon
         const name = imp.split(/\s+as\s+/)[0].trim();
-        if (COMPONENT_PREFIX_MAP[name]) {
+        if (_types.COMPONENT_PREFIX_MAP[name]) {
           importedComponents.add(name);
         }
       });
@@ -122,7 +97,7 @@ function parseFile(filePath, verbose = false) {
         let match;
         while ((match = componentRegex.exec(line)) !== null) {
           const iconName = match[1];
-          const prefix = COMPONENT_PREFIX_MAP[componentName];
+          const prefix = _types.COMPONENT_PREFIX_MAP[componentName];
           const fullIconName = `${prefix}:${iconName}`;
           const column = match.index + 1;
           if (!usageMap.has(fullIconName)) {

package/lib/commonjs/createIconSet.js

@@ -7,12 +7,16 @@ exports.createIconSet = createIconSet;
 var _react = _interopRequireDefault(require("react"));
 var _IconRenderer = require("./IconRenderer");
 var _theme = require("./theme");
-var _types = require("./theme/types");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
  * createIconSet - Factory function for creating typed icon components
+ *
+ * v3.0 rewrite:
+ * - React.memo + React.forwardRef
+ * - useMergedIconProps (replaces inline ?? chains)
+ * - Rest spread (new props automatically forwarded)
+ * - Fuzzy matching in __DEV__ for typo suggestions
  */
-
 /**
  * Capitalize first letter of a string
  */
@@ -33,6 +37,46 @@ function toPascalCase(str) {
  * This allows for sanitized keys like `_500px` to map to original names like `500px`
  */
 
+/**
+ * Simple Levenshtein distance for __DEV__ fuzzy matching
+ * Only used for "Did you mean?" suggestions on typos
+ */
+function levenshtein(a, b) {
+  if (a.length === 0) return b.length;
+  if (b.length === 0) return a.length;
+  const matrix = [];
+  for (let i = 0; i <= b.length; i++) {
+    matrix[i] = [i];
+  }
+  for (let j = 0; j <= a.length; j++) {
+    matrix[0][j] = j;
+  }
+  for (let i = 1; i <= b.length; i++) {
+    for (let j = 1; j <= a.length; j++) {
+      const cost = b[i - 1] === a[j - 1] ? 0 : 1;
+      matrix[i][j] = Math.min(matrix[i - 1][j] + 1, matrix[i][j - 1] + 1, matrix[i - 1][j - 1] + cost);
+    }
+  }
+  return matrix[b.length][a.length];
+}
+
+/**
+ * Find the closest icon name within a reasonable edit distance
+ */
+function findClosestMatch(name, validNames) {
+  let bestMatch = null;
+  let bestDistance = Infinity;
+  const maxDistance = Math.max(2, Math.floor(name.length * 0.4));
+  for (const validName of validNames) {
+    const distance = levenshtein(name, validName);
+    if (distance < bestDistance && distance <= maxDistance) {
+      bestDistance = distance;
+      bestMatch = validName;
+    }
+  }
+  return bestMatch;
+}
+
 /**
  * Create a typed icon component for a specific icon set
  *
@@ -52,105 +96,35 @@ function toPascalCase(str) {
  * ```
  */
 function createIconSet(prefix, iconNames) {
-  /**
-   * Icon component for the specific icon set
-   */
-  function IconComponent({
+  // Cache valid names for fuzzy matching (only computed once per icon set)
+  let cachedValidNames = null;
+  const IconComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(function IconComponent({
     name,
-    size,
-    color,
-    width,
-    height,
-    style,
-    className,
-    rotate,
-    flip,
-    fallback,
-    fallbackDelay,
-    placeholder,
-    placeholderColor,
-    placeholderDuration,
-    onLoad,
-    onError,
     accessibilityLabel,
-    testID,
-    // Press props
-    onPress,
-    onLongPress,
-    onPressIn,
-    onPressOut,
-    disabled,
-    pressedStyle,
-    // Animation props
-    animate,
-    animationDuration,
-    animationLoop,
-    animationEasing,
-    animationDelay,
-    autoPlay,
-    onAnimationComplete
-  }) {
-    // Get theme defaults
-    const {
-      theme
-    } = (0, _theme.useIconTheme)();
+    ...restProps
+  }, ref) {
+    // Merge with theme defaults (memoized internally)
+    const mergedProps = (0, _theme.useMergedIconProps)(restProps);
 
-    // Merge props with theme defaults (props take precedence)
-    const mergedSize = size ?? theme.size ?? _types.DEFAULT_ICON_THEME.size;
-    const mergedColor = color ?? theme.color ?? _types.DEFAULT_ICON_THEME.color;
-    const mergedRotate = rotate ?? theme.rotate ?? _types.DEFAULT_ICON_THEME.rotate;
-    const mergedFlip = flip ?? theme.flip;
-    const mergedFallbackDelay = fallbackDelay ?? theme.fallbackDelay ?? _types.DEFAULT_ICON_THEME.fallbackDelay;
-    const mergedPlaceholder = placeholder ?? theme.placeholder;
-    const mergedPlaceholderColor = placeholderColor ?? theme.placeholderColor ?? _types.DEFAULT_ICON_THEME.placeholderColor;
-    const mergedPlaceholderDuration = placeholderDuration ?? theme.placeholderDuration ?? _types.DEFAULT_ICON_THEME.placeholderDuration;
-
-    // Runtime validation for icon name
+    // Runtime validation with fuzzy matching
     if (__DEV__ && !(name in iconNames)) {
-      console.warn(`[rn-iconify] Invalid icon name "${name}" for prefix "${prefix}". ` + `Check if the icon exists in the icon set.`);
+      if (!cachedValidNames) {
+        cachedValidNames = Object.keys(iconNames);
+      }
+      const suggestion = findClosestMatch(name, cachedValidNames);
+      const suggestionText = suggestion ? ` Did you mean "${suggestion}"?` : '';
+      console.warn(`[rn-iconify] Unknown icon name "${name}" for ${toPascalCase(prefix)}.${suggestionText}`);
     }
 
     // Get the actual icon name (handles mapped names like _500px -> "500px")
     const actualName = iconNames[name] === true ? name : iconNames[name];
     const iconName = `${prefix}:${actualName}`;
-    return /*#__PURE__*/_react.default.createElement(_IconRenderer.IconRenderer, {
+    return /*#__PURE__*/_react.default.createElement(_IconRenderer.IconRenderer, _extends({
+      ref: ref,
       iconName: iconName,
-      size: mergedSize,
-      color: mergedColor,
-      width: width,
-      height: height,
-      style: style,
-      className: className,
-      rotate: mergedRotate,
-      flip: mergedFlip,
-      fallback: fallback,
-      fallbackDelay: mergedFallbackDelay,
-      placeholder: mergedPlaceholder,
-      placeholderColor: mergedPlaceholderColor,
-      placeholderDuration: mergedPlaceholderDuration,
-      onLoad: onLoad,
-      onError: onError,
-      accessibilityLabel: accessibilityLabel ?? name,
-      testID: testID
-      // Press props
-      ,
-      onPress: onPress,
-      onLongPress: onLongPress,
-      onPressIn: onPressIn,
-      onPressOut: onPressOut,
-      disabled: disabled,
-      pressedStyle: pressedStyle
-      // Animation props
-      ,
-      animate: animate,
-      animationDuration: animationDuration,
-      animationLoop: animationLoop,
-      animationEasing: animationEasing,
-      animationDelay: animationDelay,
-      autoPlay: autoPlay,
-      onAnimationComplete: onAnimationComplete
-    });
-  }
+      accessibilityLabel: accessibilityLabel ?? name
+    }, mergedProps));
+  }));
 
   // Set display name for debugging
   IconComponent.displayName = `${toPascalCase(prefix)}Icon`;

package/lib/commonjs/dev/index.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_EXPLORER_CONFIG", {
+  enumerable: true,
+  get: function () {
+    return _explorer.DEFAULT_EXPLORER_CONFIG;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_PREVIEW_CONFIG", {
+  enumerable: true,
+  get: function () {
+    return _explorer.DEFAULT_PREVIEW_CONFIG;
+  }
+});
+Object.defineProperty(exports, "ExplorerContext", {
+  enumerable: true,
+  get: function () {
+    return _explorer.ExplorerContext;
+  }
+});
+Object.defineProperty(exports, "IconExplorer", {
+  enumerable: true,
+  get: function () {
+    return _explorer.IconExplorer;
+  }
+});
+Object.defineProperty(exports, "POPULAR_ICON_SETS", {
+  enumerable: true,
+  get: function () {
+    return _explorer.POPULAR_ICON_SETS;
+  }
+});
+Object.defineProperty(exports, "PerformanceMonitor", {
+  enumerable: true,
+  get: function () {
+    return _performance.PerformanceMonitor;
+  }
+});
+Object.defineProperty(exports, "disablePerformanceMonitoring", {
+  enumerable: true,
+  get: function () {
+    return _performance.disablePerformanceMonitoring;
+  }
+});
+Object.defineProperty(exports, "enablePerformanceMonitoring", {
+  enumerable: true,
+  get: function () {
+    return _performance.enablePerformanceMonitoring;
+  }
+});
+Object.defineProperty(exports, "generateIconJSX", {
+  enumerable: true,
+  get: function () {
+    return _explorer.generateIconJSX;
+  }
+});
+Object.defineProperty(exports, "generateImportStatement", {
+  enumerable: true,
+  get: function () {
+    return _explorer.generateImportStatement;
+  }
+});
+Object.defineProperty(exports, "getAllIconSets", {
+  enumerable: true,
+  get: function () {
+    return _explorer.getAllIconSets;
+  }
+});
+Object.defineProperty(exports, "getIconSetByPrefix", {
+  enumerable: true,
+  get: function () {
+    return _explorer.getIconSetByPrefix;
+  }
+});
+Object.defineProperty(exports, "getIconSetsByCategory", {
+  enumerable: true,
+  get: function () {
+    return _explorer.getIconSetsByCategory;
+  }
+});
+Object.defineProperty(exports, "getPerformanceReport", {
+  enumerable: true,
+  get: function () {
+    return _performance.getPerformanceReport;
+  }
+});
+Object.defineProperty(exports, "printPerformanceReport", {
+  enumerable: true,
+  get: function () {
+    return _performance.printPerformanceReport;
+  }
+});
+Object.defineProperty(exports, "searchIconSets", {
+  enumerable: true,
+  get: function () {
+    return _explorer.searchIconSets;
+  }
+});
+Object.defineProperty(exports, "useExplorer", {
+  enumerable: true,
+  get: function () {
+    return _explorer.useExplorer;
+  }
+});
+Object.defineProperty(exports, "useExplorerContext", {
+  enumerable: true,
+  get: function () {
+    return _explorer.useExplorerContext;
+  }
+});
+var _explorer = require("../explorer");
+var _performance = require("../performance");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/errors.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconLoadError = void 0;
+/**
+ * Typed error classes for rn-iconify
+ * Consumers can use error.code to distinguish error types
+ */
+
+class IconLoadError extends Error {
+  name = 'IconLoadError';
+  constructor(code, message) {
+    super(message);
+    this.code = code;
+  }
+}
+exports.IconLoadError = IconLoadError;
+//# sourceMappingURL=errors.js.map