fix(mcp): inline JSON data via static imports for self-contained bundle

Switch tool handlers from readFileSync to static JSON imports so tsup
inlines the data into dist/index.js. Also read version from package.json
to prevent drift.

Author: wangdicoder

packages/mcp/src/index.ts

@@ -5,10 +5,11 @@ import { z } from 'zod';
 import { listComponents, getComponentProps, getComponentExample } from './tools/components.js';
 import { getDesignTokens } from './tools/tokens.js';
 import { listIcons, getIcon } from './tools/icons.js';
+import pkg from '../package.json';
 
 const server = new McpServer({
   name: '@tiny-design/mcp',
-  version: '1.6.0',
+  version: pkg.version,
 });
 
 // --- Component tools ---

packages/mcp/src/tools/components.ts

@@ -1,19 +1,9 @@
-import { readFileSync } from 'fs';
-import { resolve, dirname } from 'path';
-import { fileURLToPath } from 'url';
 import type { ComponentData } from '../types.js';
+import componentsData from '../data/components.json';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-function loadComponents(): ComponentData[] {
-  const dataPath = resolve(__dirname, '../data/components.json');
-  const raw = readFileSync(dataPath, 'utf-8');
-  return JSON.parse(raw) as ComponentData[];
-}
+const components = componentsData as ComponentData[];
 
 export function listComponents(category?: string) {
-  const components = loadComponents();
   const filtered = category
     ? components.filter((c) => c.category === category)
     : components;
@@ -26,7 +16,6 @@ export function listComponents(category?: string) {
 }
 
 export function getComponentProps(name: string) {
-  const components = loadComponents();
   const component = components.find(
     (c) => c.name.toLowerCase() === name.toLowerCase()
   );
@@ -41,7 +30,6 @@ export function getComponentProps(name: string) {
 }
 
 export function getComponentExample(name: string, demo?: string) {
-  const components = loadComponents();
   const component = components.find(
     (c) => c.name.toLowerCase() === name.toLowerCase()
   );

packages/mcp/src/tools/icons.ts

@@ -1,18 +1,9 @@
-import * as fs from 'node:fs';
-import * as path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import type { IconData } from '../types';
+import type { IconData } from '../types.js';
+import iconsData from '../data/icons.json';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const DATA_PATH = path.resolve(__dirname, '../data/icons.json');
-
-function loadIcons(): IconData {
-  return JSON.parse(fs.readFileSync(DATA_PATH, 'utf-8'));
-}
+const data = iconsData as IconData;
 
 export function listIcons(search?: string): string[] {
-  const data = loadIcons();
   if (search) {
     const term = search.toLowerCase();
     return data.icons.filter((name) => name.toLowerCase().includes(term));
@@ -21,7 +12,6 @@ export function listIcons(search?: string): string[] {
 }
 
 export function getIcon(name: string) {
-  const data = loadIcons();
   const icon = data.icons.find(
     (i) => i.toLowerCase() === name.toLowerCase()
   );

packages/mcp/src/tools/tokens.ts

@@ -1,18 +1,9 @@
-import * as fs from 'node:fs';
-import * as path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import type { TokenData } from '../types';
+import type { TokenData } from '../types.js';
+import tokensData from '../data/tokens.json';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const DATA_PATH = path.resolve(__dirname, '../data/tokens.json');
-
-function loadTokens(): TokenData {
-  return JSON.parse(fs.readFileSync(DATA_PATH, 'utf-8'));
-}
+const tokens = tokensData as TokenData;
 
 export function getDesignTokens(category?: string): TokenData {
-  const tokens = loadTokens();
   if (category) {
     if (!(category in tokens)) return {} as TokenData;
     return { [category]: tokens[category] } as TokenData;