reicon-mcp 1.0.0 → 1.1.0

package/cli/index.js

@@ -94,7 +94,7 @@ export async function run(argv) {
         case 'apply': {
             const name = positional[1];
             if (!name) {
-                console.error('Usage: reicon-mcp apply <name> --framework react|vue|svelte|html|svg');
+                console.error('Usage: reicon-mcp apply <name> --framework react|react-native|vue|svelte|html|svg [--weight Outline|Filled] [--size 24] [--color #hex] [--file path] [--marker "{/* ICON */}"]');
                 process.exit(1);
             }
             const framework = flags.framework || 'react';

package/core/codegen.js

@@ -10,7 +10,7 @@ function sizeProp(size, framework) {
         return ` :size="${size}"`;
     if (framework === 'html')
         return ` size="${size}"`;
-    if (framework === 'svelte' || framework === 'react')
+    if (framework === 'svelte' || framework === 'react' || framework === 'react-native')
         return ` size={${size}}`;
     return ` width="${size}" height="${size}"`;
 }
@@ -19,7 +19,7 @@ function colorProp(color, framework) {
         return ` color="${color}"`;
     if (framework === 'html')
         return ` color="${color}"`;
-    if (framework === 'svelte' || framework === 'react') {
+    if (framework === 'svelte' || framework === 'react' || framework === 'react-native') {
         const val = color === 'currentColor' ? 'currentColor' : `"${color}"`;
         return ` color={${val}}`;
     }
@@ -47,6 +47,16 @@ export function generateCode(icon, input) {
             const usageSnippet = `<${component}${props} />`;
             return { importStatement, usageSnippet };
         }
+        case 'react-native': {
+            const importStatement = `import { ${component} } from 'reicon-react-native';`;
+            const props = [
+                sizeProp(size, 'react-native'),
+                colorAttr('react-native'),
+                weightProp(weight, 'react-native'),
+            ].join('');
+            const usageSnippet = `<${component}${props} />`;
+            return { importStatement, usageSnippet };
+        }
         case 'vue': {
             const importStatement = `import { ${component} } from 'reicon-vue';`;
             const props = [

package/core/index-builder.js

@@ -1,13 +1,4 @@
 const W_KEYS = ['Outline', 'Filled'];
-const SEARCH_ALIASES = {
-    x: ['close', 'dismiss', 'cancel'],
-    cart: ['shopping cart', 'shopping'],
-    trash: ['delete', 'remove', 'bin'],
-    settings: ['gear', 'cog'],
-    search: ['magnifier', 'find'],
-    user: ['profile', 'account', 'avatar'],
-    heart: ['love', 'favorite', 'like'],
-};
 function toPascalCase(str) {
     return str
         .split('-')
@@ -22,6 +13,17 @@ function stripSvgWrapper(code) {
 function rewriteColors(svg) {
     return svg.replace(/fill="white"/g, 'fill="currentColor"');
 }
+function generateTags(name, description) {
+    const tags = new Set();
+    for (const t of description)
+        tags.add(t);
+    const parts = name.split('-');
+    for (const part of parts) {
+        if (part.length > 1)
+            tags.add(part);
+    }
+    return [...tags];
+}
 export function buildIconIndex(data) {
     const icons = [];
     const categorySet = new Set();
@@ -49,7 +51,7 @@ export function buildIconIndex(data) {
                     name: iconKey,
                     pascal,
                     category: catKey,
-                    tags: [...(icon.description || []), ...(SEARCH_ALIASES[iconKey] || [])],
+                    tags: generateTags(iconKey, icon.description || []),
                     weights,
                 });
             }