@fragments-sdk/cli 0.5.2 → 0.7.0

package/dist/mcp-bin.js

@@ -1,12 +1,12 @@
 #!/usr/bin/env node
-import { createRequire } from 'module'; const require = createRequire(import.meta.url);
+import { createRequire as __banner_createRequire } from 'module'; const require = __banner_createRequire(import.meta.url);
 import {
   generateContext
-} from "./chunk-V7YLRR4C.js";
+} from "./chunk-TJ34N7C7.js";
 import {
   BRAND,
   DEFAULTS
-} from "./chunk-ICAIQ57V.js";
+} from "./chunk-6JBGU74P.js";
 
 // src/mcp/server.ts
 import { Server } from "@modelcontextprotocol/sdk/server/index.js";
@@ -15,6 +15,7 @@ import {
   CallToolRequestSchema,
   ListToolsRequestSchema
 } from "@modelcontextprotocol/sdk/types.js";
+import { buildMcpTools, buildToolNames, CLI_TOOL_EXTENSIONS } from "@fragments-sdk/context/mcp-tools";
 import { readFile } from "fs/promises";
 import { existsSync, readFileSync, readdirSync } from "fs";
 import { join, dirname, resolve } from "path";
@@ -57,7 +58,7 @@ var _service = null;
 async function getService() {
   if (!_service) {
     try {
-      _service = await import("./service-RWUMZ3EW.js");
+      _service = await import("./service-T2L7VLTE.js");
     } catch {
       throw new Error(
         "Visual tools require playwright. Install it with: npm install playwright"
@@ -66,15 +67,7 @@ async function getService() {
   }
   return _service;
 }
-var TOOL_NAMES = {
-  discover: `${BRAND.nameLower}_discover`,
-  inspect: `${BRAND.nameLower}_inspect`,
-  blocks: `${BRAND.nameLower}_blocks`,
-  tokens: `${BRAND.nameLower}_tokens`,
-  implement: `${BRAND.nameLower}_implement`,
-  render: `${BRAND.nameLower}_render`,
-  fix: `${BRAND.nameLower}_fix`
-};
+var TOOL_NAMES = buildToolNames(BRAND.nameLower);
 var PLACEHOLDER_PATTERNS = [
   /^\w+ component is needed$/i,
   /^Alternative component is more appropriate$/i,
@@ -224,212 +217,7 @@ function findFragmentsJson(startDir) {
   }
   return found;
 }
-var TOOLS = [
-  {
-    name: TOOL_NAMES.discover,
-    description: `Discover components in the design system. Use with no params to list all components. Use 'useCase' for AI-powered suggestions. Use 'component' to find alternatives. Use 'compact' for a token-efficient overview.`,
-    inputSchema: {
-      type: "object",
-      properties: {
-        useCase: {
-          type: "string",
-          description: 'Description of what you want to build \u2014 returns ranked suggestions (e.g., "form for user email input", "button to submit data")'
-        },
-        component: {
-          type: "string",
-          description: 'Component name to find alternatives for (e.g., "Button")'
-        },
-        category: {
-          type: "string",
-          description: 'Filter by category (e.g., "actions", "forms", "layout")'
-        },
-        search: {
-          type: "string",
-          description: "Search term to filter by name, description, or tags"
-        },
-        status: {
-          type: "string",
-          enum: ["stable", "beta", "deprecated", "experimental"],
-          description: "Filter by component status"
-        },
-        format: {
-          type: "string",
-          enum: ["markdown", "json"],
-          description: "Output format for context mode (default: markdown)"
-        },
-        compact: {
-          type: "boolean",
-          description: "If true, returns minimal output (just component names and categories)"
-        },
-        includeCode: {
-          type: "boolean",
-          description: "If true, includes code examples for each variant"
-        },
-        includeRelations: {
-          type: "boolean",
-          description: "If true, includes component relationships"
-        }
-      }
-    }
-  },
-  {
-    name: TOOL_NAMES.inspect,
-    description: `Get detailed information about a specific component: props, usage guidelines, code examples, accessibility \u2014 all in one call. Use 'fields' to request only specific data for token efficiency.`,
-    inputSchema: {
-      type: "object",
-      properties: {
-        component: {
-          type: "string",
-          description: 'Component name (e.g., "Button", "Input")'
-        },
-        fields: {
-          type: "array",
-          items: { type: "string" },
-          description: 'Specific fields to return (e.g., ["meta", "usage.when", "contract.propsSummary", "props", "examples", "guidelines"]). If omitted, returns everything. Supports dot notation.'
-        },
-        variant: {
-          type: "string",
-          description: 'Filter examples to a specific variant name (e.g., "Default", "Primary")'
-        },
-        maxExamples: {
-          type: "number",
-          description: "Maximum number of code examples to return (default: all)"
-        },
-        maxLines: {
-          type: "number",
-          description: "Maximum lines per code example (truncates longer examples)"
-        }
-      },
-      required: ["component"]
-    }
-  },
-  {
-    name: TOOL_NAMES.blocks,
-    description: `Search and retrieve composition blocks \u2014 named patterns showing how design system components wire together for common use cases (e.g., "Login Form", "Settings Page"). Returns the block with its code pattern.`,
-    inputSchema: {
-      type: "object",
-      properties: {
-        name: {
-          type: "string",
-          description: 'Exact block name to retrieve (e.g., "Login Form")'
-        },
-        search: {
-          type: "string",
-          description: "Free-text search across block names, descriptions, tags, and components"
-        },
-        component: {
-          type: "string",
-          description: 'Filter blocks that use a specific component (e.g., "Button")'
-        },
-        category: {
-          type: "string",
-          description: 'Filter by category (e.g., "authentication", "marketing", "dashboard", "settings", "ecommerce", "ai")'
-        }
-      }
-    }
-  },
-  {
-    name: TOOL_NAMES.tokens,
-    description: `List available CSS design tokens (custom properties) by category. Use this when you need to style custom elements or override defaults \u2014 no more guessing variable names. Filter by category or search by keyword.`,
-    inputSchema: {
-      type: "object",
-      properties: {
-        category: {
-          type: "string",
-          description: 'Filter by category (e.g., "colors", "spacing", "typography", "surfaces", "shadows", "radius", "borders", "text", "focus", "layout", "code", "component-sizing")'
-        },
-        search: {
-          type: "string",
-          description: 'Search token names (e.g., "accent", "hover", "padding")'
-        }
-      }
-    }
-  },
-  {
-    name: TOOL_NAMES.implement,
-    description: `One-shot implementation helper. Describe what you want to build and get everything needed in a single call: best-matching component(s) with full props and code examples, relevant composition blocks, and applicable CSS tokens. Saves multiple round-trips.`,
-    inputSchema: {
-      type: "object",
-      properties: {
-        useCase: {
-          type: "string",
-          description: 'What you want to implement (e.g., "login form", "data table with sorting", "streaming chat messages")'
-        }
-      },
-      required: ["useCase"]
-    }
-  },
-  {
-    name: TOOL_NAMES.render,
-    description: `Render a component and return a screenshot. Optionally compare against a stored baseline ('baseline: true') or against a Figma design ('figmaUrl'). Use this to verify your implementation looks correct.`,
-    inputSchema: {
-      type: "object",
-      properties: {
-        component: {
-          type: "string",
-          description: 'Component name (e.g., "Button", "Card", "Input")'
-        },
-        variant: {
-          type: "string",
-          description: "Variant name for baseline/compare modes"
-        },
-        props: {
-          type: "object",
-          description: 'Props to pass to the component (e.g., { "variant": "primary", "children": "Click me" })'
-        },
-        viewport: {
-          type: "object",
-          properties: {
-            width: { type: "number", description: "Viewport width (default: 800)" },
-            height: { type: "number", description: "Viewport height (default: 600)" }
-          },
-          description: "Optional viewport size for the render"
-        },
-        baseline: {
-          type: "boolean",
-          description: "If true, compares the render against the stored baseline screenshot (requires variant)"
-        },
-        figmaUrl: {
-          type: "string",
-          description: "Figma frame URL \u2014 if provided, compares the render against the Figma design"
-        },
-        theme: {
-          type: "string",
-          enum: ["light", "dark"],
-          description: "Theme for baseline verification (default: light)"
-        },
-        threshold: {
-          type: "number",
-          description: "Diff threshold percentage (default: 5 for baseline, 1 for Figma)"
-        }
-      },
-      required: ["component"]
-    }
-  },
-  {
-    name: TOOL_NAMES.fix,
-    description: `Generate patches to fix token compliance issues in a component. Returns unified diff patches that replace hardcoded CSS values with design token references. Use this after fragments_render identifies issues to automatically fix them.`,
-    inputSchema: {
-      type: "object",
-      properties: {
-        component: {
-          type: "string",
-          description: 'Component name to generate fixes for (e.g., "Button", "Card")'
-        },
-        variant: {
-          type: "string",
-          description: "Specific variant to fix (optional, fixes all variants if omitted)"
-        },
-        fixType: {
-          type: "string",
-          enum: ["token", "all"],
-          description: 'Type of fixes to generate: "token" for hardcoded\u2192token replacements, "all" for all available fixes (default: "all")'
-        }
-      },
-      required: ["component"]
-    }
-  }
-];
+var TOOLS = buildMcpTools(BRAND.nameLower, CLI_TOOL_EXTENSIONS);
 function createMcpServer(config) {
   const server = new Server(
     {
@@ -1009,7 +797,7 @@ function createMcpServer(config) {
               }]
             };
           }
-          let filteredCategories = {};
+          const filteredCategories = {};
           let filteredTotal = 0;
           for (const [cat, tokens] of Object.entries(tokenData.categories)) {
             if (category && cat !== category) continue;