@rlx-ui/mcp 0.0.1 → 0.0.3

package/dist/cli.js

@@ -1,11 +1,270 @@
-import { McpServer as n } from "@modelcontextprotocol/sdk/server/mcp.js";
-import { StdioServerTransport as o } from "@modelcontextprotocol/sdk/server/stdio.js";
-import { z as i } from "zod";
-async function s() {
-  const e = new n(
+import { McpServer as x } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport as C } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { z as a } from "zod";
+import { readFileSync as T } from "fs";
+import { fileURLToPath as L } from "url";
+import { join as m, dirname as R } from "path";
+const S = L(import.meta.url), f = R(S);
+let u = null;
+function l() {
+  if (u)
+    return u;
+  try {
+    const o = [
+      m(f, "data/registry.json"),
+      // From dist/ to dist/data/ (copied during build)
+      m(f, "../src/data/registry.json"),
+      // From dist/ to src/data/ (development)
+      m(f, "../data/registry.json"),
+      // Fallback
+      m(process.cwd(), "src/data/registry.json"),
+      // From package root (published)
+      m(process.cwd(), "libs/rlx-ui/mcp/src/data/registry.json")
+      // Development
+    ];
+    let s = null;
+    for (const n of o)
+      try {
+        s = T(n, "utf-8");
+        break;
+      } catch {
+        continue;
+      }
+    if (!s)
+      throw new Error("Could not find registry.json in any expected location");
+    return u = JSON.parse(s), u;
+  } catch (o) {
+    return console.error("Warning: Could not load component registry:", o), u = {
+      widgets: [],
+      components: [],
+      animates: [],
+      hooks: [],
+      utils: [],
+      extractedAt: (/* @__PURE__ */ new Date()).toISOString()
+    }, u;
+  }
+}
+function j() {
+  return l().widgets;
+}
+function I() {
+  return l().components;
+}
+function U() {
+  return l().animates;
+}
+function v() {
+  return l().hooks;
+}
+function _() {
+  return l().utils;
+}
+function d(o, s) {
+  const n = l();
+  if (s === "widget" || !s) {
+    const e = n.widgets.find((t) => t.slug === o);
+    if (e) return e;
+  }
+  if (s === "component" || !s) {
+    const e = n.components.find((t) => t.slug === o);
+    if (e) return e;
+  }
+  if (s === "animate" || !s) {
+    const e = n.animates.find((t) => t.slug === o);
+    if (e) return e;
+  }
+  if (s === "hook" || !s) {
+    const e = n.hooks.find((t) => t.slug === o);
+    if (e) return e;
+  }
+  if (s === "util" || !s) {
+    const e = n.utils.find((t) => t.slug === o);
+    if (e) return e;
+  }
+}
+function O(o) {
+  const s = l(), n = [
+    ...s.widgets,
+    ...s.components,
+    ...s.animates,
+    ...s.hooks,
+    ...s.utils
+  ], e = o.toLowerCase();
+  return n.filter(
+    (t) => t.name.toLowerCase().includes(e) || t.slug.toLowerCase().includes(e)
+  );
+}
+function h() {
+  return j();
+}
+function y() {
+  return I();
+}
+function b() {
+  return U();
+}
+function k() {
+  return v();
+}
+function w() {
+  return _();
+}
+function X(o) {
+  return O(o);
+}
+function F(o, s) {
+  return d(o, s) || null;
+}
+function N(o, s) {
+  const n = d(o, s);
+  if (!n)
+    return { found: !1 };
+  let e, t;
+  if (n.sourceCode && typeof n.sourceCode == "string") {
+    const r = n.sourceCode;
+    if (n.sourceFiles && Object.keys(n.sourceFiles).length > 0) {
+      const g = Object.keys(n.sourceFiles).join(", ");
+      t = `This component has ${Object.keys(n.sourceFiles).length} related file(s): ${g}. Use get_component_source to get the complete codebase.`;
+    }
+    const i = r.match(
+      /(?:export\s+)?(?:interface|type)\s+(\w+Props?)\s*[=:]\s*\{[\s\S]*?\}/g
+    );
+    i && i.length > 0 ? e = i[0] : r.trim().startsWith("export") ? t = "Source code contains only export statements. Props definition may be in component file." : (e = r.substring(0, 1e3), t = "Full source code provided. Props interface may be defined in the component file.");
+  } else
+    t = "Source code not available in registry.";
+  return {
+    found: !0,
+    component: n,
+    props: e,
+    note: t
+  };
+}
+function $(o, s, n) {
+  var r;
+  const e = d(o, s);
+  if (!e)
+    return { found: !1 };
+  const t = [];
+  if (e.demos && e.demos.forEach((i) => {
+    t.push({ name: i.name });
+  }), n) {
+    const i = (r = e.demos) == null ? void 0 : r.find((g) => g.name === n);
+    return i && i.code ? {
+      found: !0,
+      component: e,
+      example: {
+        name: i.name,
+        code: i.code
+      },
+      availableDemos: t
+    } : {
+      found: !0,
+      component: e,
+      availableDemos: t
+    };
+  }
+  if (e.demos && e.demos.length > 0) {
+    const i = e.demos[0];
+    if (i.code)
+      return {
+        found: !0,
+        component: e,
+        example: {
+          name: i.name,
+          code: i.code
+        },
+        availableDemos: t
+      };
+  }
+  return {
+    found: !0,
+    component: e,
+    availableDemos: t
+  };
+}
+function P(o, s, n = "pnpm") {
+  const e = d(o, s);
+  if (!e)
+    return { found: !1 };
+  let t;
+  switch (e.category) {
+    case "widget":
+      t = `@rlx-widgets/${e.slug}`;
+      break;
+    case "component":
+      t = `@rlx-components/${e.slug}`;
+      break;
+    case "hook":
+      t = `@rlx-hooks/${e.slug}`;
+      break;
+    case "util":
+      t = `@rlx-utils/${e.slug}`;
+      break;
+    case "animate":
+      t = `@rlx-animates/${e.slug}`;
+      break;
+    default:
+      return { found: !1 };
+  }
+  let r;
+  switch (n) {
+    case "npm":
+      r = `npm install ${t}`;
+      break;
+    case "pnpm":
+      r = `pnpm add ${t}`;
+      break;
+    case "yarn":
+      r = `yarn add ${t}`;
+      break;
+    default:
+      r = `pnpm add ${t}`;
+  }
+  return {
+    found: !0,
+    command: r,
+    packageName: t,
+    category: e.category
+  };
+}
+function J(o, s) {
+  const n = d(o, s);
+  return n ? n.sourceCode && typeof n.sourceCode == "string" ? {
+    found: !0,
+    component: n,
+    sourceCode: n.sourceCode,
+    sourceFiles: n.sourceFiles || {}
+  } : {
+    found: !0,
+    component: n,
+    sourceFiles: n.sourceFiles || {}
+  } : { found: !1 };
+}
+function c(o) {
+  return {
+    content: [
+      {
+        type: "text",
+        text: JSON.stringify(o, null, 2)
+      }
+    ]
+  };
+}
+function M(o, s, n) {
+  return c({
+    error: o,
+    ...s && { slug: s },
+    ...n && { category: n }
+  });
+}
+function p(o, s) {
+  return M("Component not found", o, s);
+}
+async function G() {
+  const o = new x(
     {
       name: "@rlx-ui/mcp",
-      version: "0.0.1"
+      version: "0.0.3"
     },
     {
       capabilities: {
@@ -14,73 +273,371 @@ async function s() {
       }
     }
   );
-  e.registerTool(
-    "greet",
+  o.registerTool(
+    "list_widgets",
+    {
+      description: "List all available widgets in the RLX UI library"
+    },
+    async () => {
+      const n = h();
+      return c({
+        count: n.length,
+        widgets: n.map((e) => {
+          var t;
+          return {
+            name: e.name,
+            slug: e.slug,
+            demosCount: ((t = e.demos) == null ? void 0 : t.length) ?? 0
+          };
+        })
+      });
+    }
+  ), o.registerTool(
+    "list_components",
+    {
+      description: "List all available components in the RLX UI library"
+    },
+    async () => {
+      const n = y();
+      return c({
+        count: n.length,
+        components: n.map((e) => {
+          var t;
+          return {
+            name: e.name,
+            slug: e.slug,
+            demosCount: ((t = e.demos) == null ? void 0 : t.length) ?? 0
+          };
+        })
+      });
+    }
+  ), o.registerTool(
+    "list_animates",
+    {
+      description: "List all available animations in the RLX UI library"
+    },
+    async () => {
+      const n = b();
+      return c({
+        count: n.length,
+        animates: n.map((e) => {
+          var t;
+          return {
+            name: e.name,
+            slug: e.slug,
+            demosCount: ((t = e.demos) == null ? void 0 : t.length) ?? 0
+          };
+        })
+      });
+    }
+  ), o.registerTool(
+    "list_hooks",
+    {
+      description: "List all available React hooks in the RLX UI library"
+    },
+    async () => {
+      const n = k();
+      return c({
+        count: n.length,
+        hooks: n.map((e) => {
+          var t;
+          return {
+            name: e.name,
+            slug: e.slug,
+            demosCount: ((t = e.demos) == null ? void 0 : t.length) ?? 0
+          };
+        })
+      });
+    }
+  ), o.registerTool(
+    "list_utils",
+    {
+      description: "List all available utility functions in the RLX UI library"
+    },
+    async () => {
+      const n = w();
+      return c({
+        count: n.length,
+        utils: n.map((e) => {
+          var t;
+          return {
+            name: e.name,
+            slug: e.slug,
+            demosCount: ((t = e.demos) == null ? void 0 : t.length) ?? 0
+          };
+        })
+      });
+    }
+  ), o.registerTool(
+    "search_component",
+    {
+      description: "Search for components, widgets, hooks, utils, or animates by name or slug",
+      inputSchema: {
+        query: a.string().describe("Search query to find components")
+      }
+    },
+    async (n) => {
+      const e = X(n.query);
+      return c({
+        query: n.query,
+        count: e.length,
+        results: e.map((t) => ({
+          name: t.name,
+          slug: t.slug,
+          category: t.category
+        }))
+      });
+    }
+  ), o.registerTool(
+    "get_component_info",
+    {
+      description: "Get detailed information about a specific component, widget, hook, util, or animate",
+      inputSchema: {
+        slug: a.string().describe("The slug/name of the component (e.g., 'button', 'use-copy-to-clipboard')"),
+        category: a.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search")
+      }
+    },
+    async (n) => {
+      var t, r;
+      const e = F(n.slug, n.category);
+      return e ? c({
+        name: e.name,
+        slug: e.slug,
+        category: e.category,
+        hasSourceCode: !!e.sourceCode && typeof e.sourceCode == "string",
+        demosCount: ((t = e.demos) == null ? void 0 : t.length) ?? 0,
+        demos: (r = e.demos) == null ? void 0 : r.map((i) => ({
+          name: i.name,
+          hasCode: !!i.code
+        }))
+      }) : p(n.slug, n.category);
+    }
+  ), o.registerTool(
+    "get_component_props",
+    {
+      description: "Get TypeScript props/interface definition for a component",
+      inputSchema: {
+        slug: a.string().describe("The slug/name of the component"),
+        category: a.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search")
+      }
+    },
+    async (n) => {
+      var t, r, i;
+      const e = N(n.slug, n.category);
+      return e.found ? c({
+        component: {
+          name: (t = e.component) == null ? void 0 : t.name,
+          slug: (r = e.component) == null ? void 0 : r.slug,
+          category: (i = e.component) == null ? void 0 : i.category
+        },
+        props: e.props,
+        note: e.note
+      }) : p(n.slug, n.category);
+    }
+  ), o.registerTool(
+    "get_component_example",
+    {
+      description: "Get code examples (demos) for a component",
+      inputSchema: {
+        slug: a.string().describe("The slug/name of the component"),
+        category: a.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search"),
+        exampleName: a.string().optional().describe("Optional specific example/variant name. If not provided, returns the first available example.")
+      }
+    },
+    async (n) => {
+      var t, r, i;
+      const e = $(n.slug, n.category, n.exampleName);
+      return e.found ? c({
+        component: {
+          name: (t = e.component) == null ? void 0 : t.name,
+          slug: (r = e.component) == null ? void 0 : r.slug,
+          category: (i = e.component) == null ? void 0 : i.category
+        },
+        example: e.example,
+        availableDemos: e.availableDemos
+      }) : p(n.slug, n.category);
+    }
+  ), o.registerTool(
+    "get_component_source",
+    {
+      description: "Get the complete source code for a component, including main file and all related files (utils, types, etc.)",
+      inputSchema: {
+        slug: a.string().describe("The slug/name of the component"),
+        category: a.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search")
+      }
+    },
+    async (n) => {
+      var t, r, i;
+      const e = J(n.slug, n.category);
+      return e.found ? c({
+        component: {
+          name: (t = e.component) == null ? void 0 : t.name,
+          slug: (r = e.component) == null ? void 0 : r.slug,
+          category: (i = e.component) == null ? void 0 : i.category
+        },
+        sourceCode: e.sourceCode,
+        sourceFiles: e.sourceFiles,
+        note: e.sourceFiles && Object.keys(e.sourceFiles).length > 0 ? `This component has ${Object.keys(e.sourceFiles).length} related file(s). The main file is in sourceCode, and related files (utils, types, etc.) are in sourceFiles with relative paths as keys.` : "This component has no related files."
+      }) : p(n.slug, n.category);
+    }
+  ), o.registerTool(
+    "get_installation_command",
     {
-      description: "A simple greeting tool that returns a welcome message",
+      description: "Get npm/pnpm/yarn installation command for a component",
       inputSchema: {
-        name: i.string().describe("The name to greet")
+        slug: a.string().describe("The slug/name of the component"),
+        category: a.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search"),
+        packageManager: a.enum(["npm", "pnpm", "yarn"]).optional().default("pnpm").describe("Package manager to use (default: pnpm)")
       }
     },
-    async (t) => ({
-      content: [
-        {
-          type: "text",
-          text: `Hello, ${t.name}! Welcome to RLX UI MCP Server.`
-        }
-      ]
-    })
-  ), e.registerTool(
-    "get_info",
-    {
-      description: "Get information about the RLX UI MCP server"
-    },
-    async () => ({
-      content: [
-        {
-          type: "text",
-          text: JSON.stringify(
-            {
-              name: "@rlx-ui/mcp",
-              version: "0.0.1",
-              description: "MCP Server for RLX UI components and utilities",
-              capabilities: ["tools", "resources"]
-            },
-            null,
-            2
-          )
-        }
-      ]
-    })
-  ), e.registerResource(
+    async (n) => {
+      const e = P(
+        n.slug,
+        n.category,
+        n.packageManager || "pnpm"
+      );
+      return e.found ? c({
+        command: e.command,
+        packageName: e.packageName,
+        category: e.category,
+        packageManager: n.packageManager || "pnpm"
+      }) : p(n.slug, n.category);
+    }
+  ), o.registerResource(
+    "RLX UI Widgets",
+    "rlx-ui://widgets",
+    {
+      description: "List of all widgets in the RLX UI library",
+      mimeType: "application/json"
+    },
+    async () => {
+      const n = h();
+      return {
+        contents: [
+          {
+            uri: "rlx-ui://widgets",
+            mimeType: "application/json",
+            text: JSON.stringify(n, null, 2)
+          }
+        ]
+      };
+    }
+  ), o.registerResource(
+    "RLX UI Components",
+    "rlx-ui://components",
+    {
+      description: "List of all components in the RLX UI library",
+      mimeType: "application/json"
+    },
+    async () => {
+      const n = y();
+      return {
+        contents: [
+          {
+            uri: "rlx-ui://components",
+            mimeType: "application/json",
+            text: JSON.stringify(n, null, 2)
+          }
+        ]
+      };
+    }
+  ), o.registerResource(
+    "RLX UI Animates",
+    "rlx-ui://animates",
+    {
+      description: "List of all animations in the RLX UI library",
+      mimeType: "application/json"
+    },
+    async () => {
+      const n = b();
+      return {
+        contents: [
+          {
+            uri: "rlx-ui://animates",
+            mimeType: "application/json",
+            text: JSON.stringify(n, null, 2)
+          }
+        ]
+      };
+    }
+  ), o.registerResource(
+    "RLX UI Hooks",
+    "rlx-ui://hooks",
+    {
+      description: "List of all React hooks in the RLX UI library",
+      mimeType: "application/json"
+    },
+    async () => {
+      const n = k();
+      return {
+        contents: [
+          {
+            uri: "rlx-ui://hooks",
+            mimeType: "application/json",
+            text: JSON.stringify(n, null, 2)
+          }
+        ]
+      };
+    }
+  ), o.registerResource(
+    "RLX UI Utils",
+    "rlx-ui://utils",
+    {
+      description: "List of all utility functions in the RLX UI library",
+      mimeType: "application/json"
+    },
+    async () => {
+      const n = w();
+      return {
+        contents: [
+          {
+            uri: "rlx-ui://utils",
+            mimeType: "application/json",
+            text: JSON.stringify(n, null, 2)
+          }
+        ]
+      };
+    }
+  ), o.registerResource(
     "RLX UI Information",
     "rlx-ui://info",
     {
       description: "General information about RLX UI",
       mimeType: "application/json"
     },
-    async () => ({
-      contents: [
-        {
-          uri: "rlx-ui://info",
-          mimeType: "application/json",
-          text: JSON.stringify(
-            {
-              name: "RLX UI",
-              description: "A UI component library",
-              version: "0.0.1",
-              mcpServer: "@rlx-ui/mcp"
-            },
-            null,
-            2
-          )
-        }
-      ]
-    })
+    async () => {
+      const n = h(), e = y(), t = b(), r = k(), i = w();
+      return {
+        contents: [
+          {
+            uri: "rlx-ui://info",
+            mimeType: "application/json",
+            text: JSON.stringify(
+              {
+                name: "RLX UI",
+                description: "A comprehensive UI component library",
+                version: "0.0.3",
+                mcpServer: "@rlx-ui/mcp",
+                stats: {
+                  widgets: n.length,
+                  components: e.length,
+                  animates: t.length,
+                  hooks: r.length,
+                  utils: i.length,
+                  total: n.length + e.length + t.length + r.length + i.length
+                }
+              },
+              null,
+              2
+            )
+          }
+        ]
+      };
+    }
   );
-  const r = new o();
-  await e.connect(r), console.error("RLX UI MCP Server running on stdio");
+  const s = new C();
+  await o.connect(s), console.error("RLX UI MCP Server running on stdio");
 }
-s().catch((e) => {
-  console.error("Fatal error in main():", e), process.exit(1);
+G().catch((o) => {
+  console.error("Fatal error in main():", o), process.exit(1);
 });