@deay/mcp 0.0.2 → 0.0.4

package/.npmrc

@@ -0,0 +1 @@
+//registry.npmjs.org/:_authToken=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

package/README.md

@@ -0,0 +1,91 @@
+# @deay/mcp - MCP Server for @deay/ui
+
+Model Context Protocol (MCP) server that provides AI assistants with comprehensive documentation about @deay/ui components.
+
+## What This Does
+
+This MCP server allows AI coding tools (Claude Desktop, Cursor, Windsurf) to:
+- List all available @deay/ui components
+- Get detailed component documentation (props, examples, best practices)
+- Access Figma design specifications
+- Generate accurate code examples
+
+## Installation
+
+### For Development (Local Path)
+
+```json
+{
+  "mcpServers": {
+    "@deay/mcp": {
+      "command": "node",
+      "args": ["dist/index.js"],
+      "cwd": "/path/to/deay-monorepo/packages/mcp-server"
+    }
+  }
+}
+```
+
+### For Production (After npm publish)
+
+```json
+{
+  "mcpServers": {
+    "@deay/mcp": {
+      "command": "npx",
+      "args": ["-y", "@deay/mcp"]
+    }
+  }
+}
+```
+
+## Usage
+
+Once configured, ask your AI assistant:
+- "How do I use the button component?"
+- "Create a form with @deay/ui components"
+- "What are the available sizes for the input component?"
+
+## How It Works
+
+1. **Local Execution**: Runs locally on your machine (no server deployment needed)
+2. **Stdin/Stdout**: Communicates via stdin/stdout, not HTTP
+3. **Offline Ready**: All documentation bundled, works offline after download
+4. **Privacy First**: Source code never leaves your machine
+
+## Available Tools
+
+### `list_components`
+Lists all components in @deay/ui library.
+
+### `get_component_info`
+Get detailed info about a specific component including:
+- Props with types and defaults
+- Usage examples
+- Best practices
+- Figma design specifications
+
+## Development
+
+```bash
+# Build
+npm run build
+
+# Watch mode
+npm run dev
+
+# Start server
+npm run start
+```
+
+## Contributing
+
+When adding new components to @deay/ui:
+1. Update `src/registry.ts` with component documentation
+2. Rebuild: `npm run build`
+3. Test: `node test-mcp.js` (if available)
+4. Republish (if needed): `npm publish`
+
+## License
+
+MIT

package/index.d.ts

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+/**
+ * @deay/mcp - MCP Server for @deay/ui Component Library
+ *
+ * This server provides AI assistants with comprehensive documentation
+ * about @deay/ui components following Figma design specifications.
+ *
+ * Run locally: bun run dev:mcp
+ * Or after npm publish: npx @deay/mcp
+ */
+export {};
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA;;;;;;;;GAQG"}

package/index.js

@@ -0,0 +1,134 @@
+#!/usr/bin/env node
+/**
+ * @deay/mcp - MCP Server for @deay/ui Component Library
+ *
+ * This server provides AI assistants with comprehensive documentation
+ * about @deay/ui components following Figma design specifications.
+ *
+ * Run locally: bun run dev:mcp
+ * Or after npm publish: npx @deay/mcp
+ */
+import { Server } from '@modelcontextprotocol/sdk/server/index.js';
+import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
+import { CallToolRequestSchema, ListToolsRequestSchema, } from '@modelcontextprotocol/sdk/types.js';
+import { getComponentInfo, listComponents, COMPONENT_REGISTRY } from './registry.js';
+// Create server instance
+const server = new Server({
+    name: '@deay/mcp',
+    version: '0.0.1',
+}, {
+    capabilities: {
+        tools: {},
+    },
+});
+// List available tools
+server.setRequestHandler(ListToolsRequestSchema, async () => {
+    return {
+        tools: [
+            {
+                name: 'get_component_info',
+                description: 'Get information about @deay/ui components including props, usage examples, and best practices',
+                inputSchema: {
+                    type: 'object',
+                    properties: {
+                        component: {
+                            type: 'string',
+                            description: 'Component name (e.g., "button", "input")',
+                            enum: ['button', 'input'],
+                        },
+                    },
+                    required: ['component'],
+                },
+            },
+            {
+                name: 'list_components',
+                description: 'List all available components in @deay/ui',
+                inputSchema: {
+                    type: 'object',
+                    properties: {},
+                },
+            },
+        ],
+    };
+});
+// Handle tool calls
+server.setRequestHandler(CallToolRequestSchema, async (request) => {
+    const { name, arguments: args } = request.params;
+    switch (name) {
+        case 'get_component_info': {
+            const componentName = args?.['component'];
+            const info = getComponentInfo(componentName);
+            if (!info) {
+                return {
+                    content: [
+                        {
+                            type: 'text',
+                            text: `Component "${componentName}" not found. Available components: ${listComponents().join(', ')}`,
+                        },
+                    ],
+                };
+            }
+            // Format the component info as a detailed markdown response
+            let response = `# ${info.name} Component\n\n`;
+            response += `**Selector:** \`${info.selector}\`\n\n`;
+            response += `**Description:** ${info.description}\n\n`;
+            response += `## Props\n\n`;
+            info.props.forEach((prop) => {
+                response += `### ${prop.name}\n`;
+                response += `- **Type:** \`${prop.type}\`\n`;
+                response += `- **Required:** ${prop.required ? 'Yes' : 'No'}\n`;
+                response += `- **Default:** \`${prop.default}\`\n`;
+                response += `- **Description:** ${prop.description}\n\n`;
+            });
+            response += `## Usage Examples\n\n`;
+            info.examples.forEach((example) => {
+                response += `### ${example.title}\n`;
+                response += `${example.description}\n\n`;
+                response += `\`\`\`html\n${example.code}\n\`\`\`\n\n`;
+            });
+            response += `## Best Practices\n\n`;
+            info.bestPractices.forEach((practice, index) => {
+                response += `${index + 1}. ${practice}\n`;
+            });
+            return {
+                content: [
+                    {
+                        type: 'text',
+                        text: response,
+                    },
+                ],
+            };
+        }
+        case 'list_components': {
+            const components = listComponents();
+            let response = '# Available Components in @deay/ui\n\n';
+            components.forEach((name) => {
+                const info = COMPONENT_REGISTRY[name];
+                response += `## ${info.name}\n`;
+                response += `- **Selector:** \`${info.selector}\`\n`;
+                response += `- **Description:** ${info.description}\n\n`;
+            });
+            return {
+                content: [
+                    {
+                        type: 'text',
+                        text: response,
+                    },
+                ],
+            };
+        }
+        default:
+            throw new Error(`Unknown tool: ${name}`);
+    }
+});
+// Start server
+async function main() {
+    const transport = new StdioServerTransport();
+    await server.connect(transport);
+    console.error('@deay/mcp server running on stdio');
+}
+main().catch((error) => {
+    console.error('Server error:', error);
+    process.exit(1);
+});
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,24 +1,19 @@
 {
   "name": "@deay/mcp",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "description": "MCP server for @deay/ui component library with Figma design specifications",
   "author": "Your Name",
   "license": "MIT",
   "bin": {
-    "deay-mcp": "./dist/index.js"
+    "deay-mcp": "./index.js"
   },
   "files": [
-    "dist/",
+    "**/*",
     "README.md"
   ],
   "dependencies": {
-    "@modelcontextprotocol/sdk": "^0.6.0",
-    "zod": "^3.23.0"
-  },
-  "scripts": {
-    "build": "tsc",
-    "start": "node dist/index.js",
-    "dev": "tsc --watch"
+    "@modelcontextprotocol/sdk": "0.6.1",
+    "zod": "3.25.76"
   }
-}
+}

package/registry.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Component Registry for @dai/ui
+ *
+ * This registry contains comprehensive documentation about all components
+ * in the @dai/ui library. It's used by the MCP server to provide AI assistants
+ * with accurate information about component usage, props, and best practices.
+ */
+export interface ComponentProp {
+    name: string;
+    type: string;
+    required: boolean;
+    default: string | null;
+    description: string;
+}
+export interface ComponentExample {
+    title: string;
+    description: string;
+    code: string;
+}
+export interface ComponentInfo {
+    name: string;
+    selector: string;
+    description: string;
+    props: ComponentProp[];
+    examples: ComponentExample[];
+    bestPractices: string[];
+}
+export declare const COMPONENT_REGISTRY: Record<string, ComponentInfo>;
+/**
+ * Get component information by name
+ */
+export declare function getComponentInfo(name: string): ComponentInfo | undefined;
+/**
+ * List all available components
+ */
+export declare function listComponents(): string[];
+/**
+ * Get component examples
+ */
+export declare function getComponentExamples(name: string): ComponentExample[];
+//# sourceMappingURL=registry.d.ts.map

package/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAgO5D,CAAC;AAEF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAExE;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,EAAE,CAEzC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAGrE"}

package/registry.js

@@ -0,0 +1,252 @@
+/**
+ * Component Registry for @dai/ui
+ *
+ * This registry contains comprehensive documentation about all components
+ * in the @dai/ui library. It's used by the MCP server to provide AI assistants
+ * with accurate information about component usage, props, and best practices.
+ */
+export const COMPONENT_REGISTRY = {
+    button: {
+        name: 'Button',
+        selector: 'dai-button',
+        description: 'Primary button component following Figma design specifications. Features three sizes (sm, md, lg), loading state with spinner, and full accessibility support. Built with Angular 19+ signal inputs.',
+        props: [
+            {
+                name: 'variant',
+                type: "'primary'",
+                required: false,
+                default: "'primary'",
+                description: 'Visual style variant (only primary available per Figma design)',
+            },
+            {
+                name: 'size',
+                type: "'sm' | 'md' | 'lg'",
+                required: false,
+                default: "'md'",
+                description: 'Size: Small (24px), Medium (32px), or Large (40px)',
+            },
+            {
+                name: 'disabled',
+                type: 'boolean',
+                required: false,
+                default: 'false',
+                description: 'Disables the button with Primary/400 color',
+            },
+            {
+                name: 'loading',
+                type: 'boolean',
+                required: false,
+                default: 'false',
+                description: 'Shows spinner and disables button with Primary/500 color',
+            },
+        ],
+        examples: [
+            {
+                title: 'Primary Button - Medium',
+                description: 'Standard medium-sized primary button',
+                code: `<dai-button size="md">
+  Button
+</dai-button>`,
+            },
+            {
+                title: 'Button Sizes',
+                description: 'All three size variants',
+                code: `<dai-button size="sm">Button</dai-button>
+<dai-button size="md">Button</dai-button>
+<dai-button size="lg">Button</dai-button>`,
+            },
+            {
+                title: 'Loading State',
+                description: 'Button with loading spinner',
+                code: `<dai-button size="md" [loading]="true">
+  Button
+</dai-button>`,
+            },
+            {
+                title: 'Disabled State',
+                description: 'Disabled button',
+                code: `<dai-button size="md" [disabled]="true">
+  Button
+</dai-button>`,
+            },
+        ],
+        bestPractices: [
+            'Use size="sm" for dense UI areas and tables (height: 24px, font: 12px)',
+            'Use size="md" for standard buttons (height: 32px, font: 14px)',
+            'Use size="lg" for prominent CTAs (height: 40px, font: 16px)',
+            'Loading state automatically disables the button and shows spinner',
+            'Disabled state uses Primary/400 color (#9098FA)',
+            'Hover state uses Primary/600 color (#5164F7)',
+            'Focus state shows Primary/800 border (#112EAC)',
+            'Font: Poppins, weight 400',
+            'Border radius: 50px (fully rounded)',
+            'Button is zoneless-ready and uses OnPush change detection',
+        ],
+    },
+    input: {
+        name: 'Input',
+        selector: 'dai-input',
+        description: 'Input component following Figma design specifications. Features three sizes (sm, md, lg), error states, disabled states, and Angular Forms integration via ControlValueAccessor. Uses Poppins font family.',
+        props: [
+            {
+                name: 'label',
+                type: 'string',
+                required: false,
+                default: "''",
+                description: 'Label text displayed above the input (16px Poppins)',
+            },
+            {
+                name: 'placeholder',
+                type: 'string',
+                required: false,
+                default: "'Text'",
+                description: 'Placeholder text shown when empty',
+            },
+            {
+                name: 'type',
+                type: "'text' | 'password' | 'email'",
+                required: false,
+                default: "'text'",
+                description: 'HTML input type',
+            },
+            {
+                name: 'size',
+                type: "'sm' | 'md' | 'lg'",
+                required: false,
+                default: "'md'",
+                description: 'Size: Small, Medium (44px height), or Large (50px height)',
+            },
+            {
+                name: 'disabled',
+                type: 'boolean',
+                required: false,
+                default: 'false',
+                description: 'Disables with gray background (#DFDFDF)',
+            },
+            {
+                name: 'errorMessage',
+                type: 'string',
+                required: false,
+                default: "''",
+                description: 'Error message triggers error styling with red border',
+            },
+            {
+                name: 'value',
+                type: 'string (model)',
+                required: false,
+                default: "''",
+                description: 'Two-way bound value (Angular 19+ model)',
+            },
+        ],
+        examples: [
+            {
+                title: 'Small Input',
+                description: 'Compact input for tight spaces',
+                code: `<dai-input
+  label="Label"
+  size="sm"
+  placeholder="Text"
+/>`,
+            },
+            {
+                title: 'Medium Input (Default)',
+                description: 'Standard input size',
+                code: `<dai-input
+  label="Label"
+  size="md"
+  placeholder="Text"
+/>`,
+            },
+            {
+                title: 'Large Input',
+                description: 'Large input for prominence',
+                code: `<dai-input
+  label="Label"
+  size="lg"
+  placeholder="Text"
+/>`,
+            },
+            {
+                title: 'Error State',
+                description: 'Input with validation error',
+                code: `<dai-input
+  label="Label"
+  size="md"
+  placeholder="Text"
+  [errorMessage]="'Error Message'"
+/>`,
+            },
+            {
+                title: 'Disabled State',
+                description: 'Disabled input',
+                code: `<dai-input
+  label="Label"
+  size="md"
+  placeholder="Text"
+  [disabled]="true"
+/>`,
+            },
+            {
+                title: 'Two-way Binding',
+                description: 'Using Angular 19+ model binding',
+                code: `<dai-input
+  label="Email"
+  size="md"
+  placeholder="Text"
+  [(value)]="email"
+/>`,
+            },
+            {
+                title: 'Reactive Forms',
+                description: 'Integration with Angular reactive forms',
+                code: `<dai-input
+  label="Email"
+  size="md"
+  [formControl]="emailControl"
+  [errorMessage]="emailControl.errors ? 'Error Message' : ''"
+/>`,
+            },
+        ],
+        bestPractices: [
+            'Label: 16px Poppins, weight 400, line-height 1.5em, color #000000',
+            'Input text: 14px Poppins, weight 400, line-height 1.5em',
+            'Placeholder color: #ABA7AF',
+            'Default border: #E5E0EB (1px)',
+            'Focus border sm: #061764 (2px)',
+            'Focus border md/lg: #112EAC (1px)',
+            'Error border: #D51A52 (2px)',
+            'Error text: #D51A52, 14px Poppins',
+            'Disabled background and border: #DFDFDF',
+            'Border radius: 50px (fully rounded)',
+            'Gap between elements: 8px',
+            'Padding sm: 8px 12px',
+            'Padding md: 12px (height: 44px)',
+            'Padding lg: 14px 12px (height: 50px)',
+            'Use size="sm" for compact forms',
+            'Use size="md" for standard forms (default)',
+            'Use size="lg" for prominent inputs',
+            'Always provide labels for accessibility',
+            'Error messages automatically show with ARIA attributes',
+        ],
+    },
+};
+/**
+ * Get component information by name
+ */
+export function getComponentInfo(name) {
+    return COMPONENT_REGISTRY[name.toLowerCase()];
+}
+/**
+ * List all available components
+ */
+export function listComponents() {
+    return Object.keys(COMPONENT_REGISTRY);
+}
+/**
+ * Get component examples
+ */
+export function getComponentExamples(name) {
+    const info = getComponentInfo(name);
+    return info?.examples || [];
+}
+//# sourceMappingURL=registry.js.map

package/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"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"}