@nodo-icons/mcp 0.1.0 → 0.1.1

package/README.md

@@ -39,7 +39,7 @@ With a Pro license, unzip the Pro download and point the server at it to get SVG
 { "command": "npx", "args": ["-y", "@nodo-icons/mcp"], "env": { "NODO_PRO_DIR": "/path/to/nodo-icons-pro" } }
 ```
 
-React and Vue packages for the Pro styles are not released yet: for a Pro style, `get_icon` returns its SVG (from your Pro download), ready to paste or wrap in a component.
+For React and Vue, `get_icon` returns code for `@nodo-icons/react-pro` / `@nodo-icons/vue-pro`, which install from the Nodo Icons registry with your license key: see [the docs](https://nodoicons.com/docs/#nodo-icons-pro-in-react-and-vue).
 
 ## CLI
 

package/package.json

@@ -9,9 +9,9 @@
     "type": "git",
     "url": "git+https://github.com/NodoIcons/nodoicons.git"
   },
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "MCP server and CLI for Nodo Icons: let AI agents search 5,000 icons and insert SVG, React or Vue code.",
-  "mcpName": "io.github.NodoIcons/nodo-icons",
+  "mcpName": "com.nodoicons/nodo-icons",
   "homepage": "https://nodoicons.com/docs/",
   "type": "module",
   "license": "MIT",

package/src/core.js

@@ -6,7 +6,8 @@ import { STYLE_INFO, STYLES, toSVG, componentName } from './render.js';
 const DATA = JSON.parse(readFileSync(new URL('../data/icons.json', import.meta.url), 'utf8'));
 export const FREE_STYLE = DATA.free;
 export const VERSION = DATA.version;
-export const PRO_URL = 'https://nodoicons.com/#pricing';
+export const DOCS_URL = 'https://nodoicons.com/docs/#nodo-icons-pro-in-react-and-vue';
+const PRO_URL = 'https://nodoicons.com/#pricing';
 const PRO_DIR = process.env.NODO_PRO_DIR || ''; // folder of the unzipped Pro download (contains svg/<style>/)
 
 export const icons = DATA.icons.map(([name, category, tags]) => ({ name, category, tags }));
@@ -86,24 +87,18 @@ export function getIcon(name, { style = FREE_STYLE, format = 'svg', size = 24, c
   if (!STYLE_INFO[style]) return { ok: false, text: `Unknown style "${style}". Styles: ${STYLES.join(', ')}.` };
   const comp = componentName(name);
   const pro = !isFree(style);
-  const pkg = (fw) => `@nodo-icons/${fw}`;
+  const pkg = (fw) => (pro ? `@nodo-icons/${fw}-pro/${style}` : `@nodo-icons/${fw}`);
   const sw = strokeWidth && STYLE_INFO[style].paint === 'stroke' ? strokeWidth : undefined;
-
-  // Pro styles have no React/Vue package yet: hand back their SVG from the Pro download instead.
-  if (pro && (format === 'react' || format === 'vue')) {
-    const soon = `React/Vue packages for Nodo Icons Pro styles are not released yet; the free Linear style is "@nodo-icons/${format}".`;
-    const svg = svgFor(name, style, { size, color, strokeWidth: sw });
-    if (svg) return { ok: true, text: `${svg}\n\n<!-- ${STYLE_INFO[style].label} SVG from your Pro download. ${soon} -->` };
-    return { ok: false, text: `"${name}" in ${STYLE_INFO[style].label} is a Nodo Icons Pro style. With a Pro license, set NODO_PRO_DIR to the unzipped Pro download to get its SVG (${PRO_URL}). ${soon}` };
-  }
+  // Pro React/Vue packages install from the Nodo Icons registry with the license key (see the docs).
+  const proNote = pro ? `\n\n// ${STYLE_INFO[style].label} is a Nodo Icons Pro style: install @nodo-icons/${format}-pro from https://nodoicons.com/npm/ with your license key (${DOCS_URL}).` : '';
 
   if (format === 'react') {
     const props = [`size={${size}}`, color !== 'currentColor' ? `color="${color}"` : '', sw ? `strokeWidth={${sw}}` : ''].filter(Boolean).join(' ');
-    return { ok: true, text: `import { ${comp} } from '${pkg('react')}';\n\n<${comp} ${props} />` };
+    return { ok: true, text: `import { ${comp} } from '${pkg('react')}';\n\n<${comp} ${props} />${proNote}` };
   }
   if (format === 'vue') {
     const props = [`:size="${size}"`, color !== 'currentColor' ? `color="${color}"` : '', sw ? `:stroke-width="${sw}"` : ''].filter(Boolean).join(' ');
-    return { ok: true, text: `<script setup>\nimport { ${comp} } from '${pkg('vue')}';\n</script>\n\n<template><${comp} ${props} /></template>` };
+    return { ok: true, text: `<script setup>\nimport { ${comp} } from '${pkg('vue')}';\n</script>\n\n<template><${comp} ${props} /></template>${proNote.replace('// ', '<!-- ').replace(/\)\.$/, '). -->')}` };
   }
   if (format === 'sprite') {
     const htmlNote = pro ? `\n<!-- ${STYLE_INFO[style].label} is a Nodo Icons Pro style: it needs a Pro license (${PRO_URL}). -->` : '';

package/src/server.js

@@ -1,6 +1,10 @@
 // Minimal MCP server over stdio (JSON-RPC 2.0, one message per line). No dependencies.
 import { createInterface } from 'node:readline';
-import { search, getIcon, styles, categories, VERSION, FREE_STYLE, proAvailable } from './core.js';
+import { readFileSync } from 'node:fs';
+import { search, getIcon, styles, categories, FREE_STYLE, proAvailable } from './core.js';
+
+// the npm package's own version (the icon data carries the kit's version separately)
+const PKG_VERSION = JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8')).version;
 
 const SUPPORTED = ['2025-06-18', '2025-03-26', '2024-11-05'];
 const send = (msg) => process.stdout.write(JSON.stringify(msg) + '\n');
@@ -77,7 +81,7 @@ export function startServer() {
         return ok(id, {
           protocolVersion: SUPPORTED.includes(asked) ? asked : SUPPORTED[0],
           capabilities: { tools: {} },
-          serverInfo: { name: 'nodo-icons', version: VERSION },
+          serverInfo: { name: 'nodo-icons', version: PKG_VERSION },
           instructions: 'Use search_icons to find an icon name, then get_icon to get SVG or React/Vue code. Prefer the free "linear" style unless the user has Nodo Icons Pro.',
         });
       }