@rlx-ui/mcp 0.0.2 → 0.0.3

package/dist/cli.js

@@ -1,394 +1,270 @@
-import { McpServer as I } from "@modelcontextprotocol/sdk/server/mcp.js";
-import { StdioServerTransport as U } from "@modelcontextprotocol/sdk/server/stdio.js";
-import { z as p } from "zod";
-import { readFileSync as _ } from "fs";
-import { fileURLToPath as P } from "url";
-import { join as x, dirname as X } from "path";
-const E = P(import.meta.url), w = X(E);
-let h = null;
-function f() {
-  if (h)
-    return h;
+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 s = [
-      x(w, "data/registry.json"),
+    const o = [
+      m(f, "data/registry.json"),
       // From dist/ to dist/data/ (copied during build)
-      x(w, "../src/data/registry.json"),
+      m(f, "../src/data/registry.json"),
       // From dist/ to src/data/ (development)
-      x(w, "../data/registry.json"),
+      m(f, "../data/registry.json"),
       // Fallback
-      x(process.cwd(), "src/data/registry.json"),
+      m(process.cwd(), "src/data/registry.json"),
       // From package root (published)
-      x(process.cwd(), "libs/rlx-ui/mcp/src/data/registry.json")
+      m(process.cwd(), "libs/rlx-ui/mcp/src/data/registry.json")
       // Development
     ];
-    let i = null;
-    for (const t of s)
+    let s = null;
+    for (const n of o)
       try {
-        i = _(t, "utf-8");
+        s = T(n, "utf-8");
         break;
       } catch {
         continue;
       }
-    if (!i)
+    if (!s)
       throw new Error("Could not find registry.json in any expected location");
-    return h = JSON.parse(i), h;
-  } catch (s) {
-    return console.error("Warning: Could not load component registry:", s), h = {
+    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()
-    }, h;
+    }, u;
   }
 }
-function L() {
-  return f().widgets;
+function j() {
+  return l().widgets;
 }
-function $() {
-  return f().components;
+function I() {
+  return l().components;
 }
-function N() {
-  return f().animates;
+function U() {
+  return l().animates;
 }
-function R() {
-  return f().hooks;
+function v() {
+  return l().hooks;
 }
-function T() {
-  return f().utils;
+function _() {
+  return l().utils;
 }
-function y(s, i) {
-  const t = f();
-  if (i === "widget" || !i) {
-    const e = t.widgets.find((n) => n.slug === s);
+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 (i === "component" || !i) {
-    const e = t.components.find((n) => n.slug === s);
+  if (s === "component" || !s) {
+    const e = n.components.find((t) => t.slug === o);
     if (e) return e;
   }
-  if (i === "animate" || !i) {
-    const e = t.animates.find((n) => n.slug === s);
+  if (s === "animate" || !s) {
+    const e = n.animates.find((t) => t.slug === o);
     if (e) return e;
   }
-  if (i === "hook" || !i) {
-    const e = t.hooks.find((n) => n.slug === s);
+  if (s === "hook" || !s) {
+    const e = n.hooks.find((t) => t.slug === o);
     if (e) return e;
   }
-  if (i === "util" || !i) {
-    const e = t.utils.find((n) => n.slug === s);
+  if (s === "util" || !s) {
+    const e = n.utils.find((t) => t.slug === o);
     if (e) return e;
   }
 }
-function M(s) {
-  const i = f(), t = [
-    ...i.widgets,
-    ...i.components,
-    ...i.animates,
-    ...i.hooks,
-    ...i.utils
-  ], e = s.toLowerCase();
-  return t.filter(
-    (n) => n.name.toLowerCase().includes(e) || n.slug.toLowerCase().includes(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 b() {
-  return L();
+function h() {
+  return j();
 }
-function k() {
-  return $();
+function y() {
+  return I();
 }
-function v() {
-  return N();
+function b() {
+  return U();
 }
-function S() {
-  return R();
+function k() {
+  return v();
 }
-function C() {
-  return T();
+function w() {
+  return _();
 }
-function A(s) {
-  return M(s);
+function X(o) {
+  return O(o);
 }
-function G(s, i) {
-  return y(s, i) || null;
+function F(o, s) {
+  return d(o, s) || null;
 }
-function V(s, i) {
-  const t = y(s, i);
-  if (!t)
+function N(o, s) {
+  const n = d(o, s);
+  if (!n)
     return { found: !1 };
-  let e, n;
-  if (t.sourcePath && typeof t.sourcePath == "string") {
-    const o = t.sourcePath, r = o.match(
+  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
     );
-    r && r.length > 0 ? e = r[0] : o.trim().startsWith("export") ? n = "Source code contains only export statements. Props definition may be in component file." : (e = o.substring(0, 1e3), n = "Full source code provided. Props interface may be defined in the component file.");
+    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
-    n = "Source code not available in registry.";
+    t = "Source code not available in registry.";
   return {
     found: !0,
-    component: t,
+    component: n,
     props: e,
-    note: n
+    note: t
   };
 }
-function J(s, i, t) {
-  var o, r;
-  const e = y(s, i);
+function $(o, s, n) {
+  var r;
+  const e = d(o, s);
   if (!e)
     return { found: !1 };
-  const n = [];
-  if (e.variants && e.variants.forEach((a) => {
-    n.push({ name: a.name, type: "variant" });
-  }), e.examples && e.examples.forEach((a) => {
-    n.push({ name: a.name, type: "example" });
-  }), t) {
-    const a = (o = e.variants) == null ? void 0 : o.find((d) => d.name === t);
-    if (a && a.code)
-      return {
-        found: !0,
-        component: e,
-        example: {
-          name: a.name,
-          code: a.code,
-          preview: a.preview
-        },
-        availableExamples: n
-      };
-    const l = (r = e.examples) == null ? void 0 : r.find((d) => d.name === t);
-    return l && l.code ? {
+  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: l.name,
-        code: l.code,
-        preview: l.preview
+        name: i.name,
+        code: i.code
       },
-      availableExamples: n
+      availableDemos: t
     } : {
       found: !0,
       component: e,
-      availableExamples: n
+      availableDemos: t
     };
   }
-  if (e.variants && e.variants.length > 0) {
-    const a = e.variants[0];
-    if (a.code)
-      return {
-        found: !0,
-        component: e,
-        example: {
-          name: a.name,
-          code: a.code,
-          preview: a.preview
-        },
-        availableExamples: n
-      };
-  }
-  if (e.examples && e.examples.length > 0) {
-    const a = e.examples[0];
-    if (a.code)
+  if (e.demos && e.demos.length > 0) {
+    const i = e.demos[0];
+    if (i.code)
       return {
         found: !0,
         component: e,
         example: {
-          name: a.name,
-          code: a.code,
-          preview: a.preview
+          name: i.name,
+          code: i.code
         },
-        availableExamples: n
+        availableDemos: t
       };
   }
   return {
     found: !0,
     component: e,
-    availableExamples: n
+    availableDemos: t
   };
 }
-function j(s, i, t = "pnpm") {
-  const e = y(s, i);
+function P(o, s, n = "pnpm") {
+  const e = d(o, s);
   if (!e)
     return { found: !1 };
-  let n;
+  let t;
   switch (e.category) {
     case "widget":
-      n = `@rlx-widgets/${e.slug}`;
+      t = `@rlx-widgets/${e.slug}`;
       break;
     case "component":
-      n = `@rlx-components/${e.slug}`;
+      t = `@rlx-components/${e.slug}`;
       break;
     case "hook":
-      n = `@rlx-hooks/${e.slug}`;
+      t = `@rlx-hooks/${e.slug}`;
       break;
     case "util":
-      n = `@rlx-utils/${e.slug}`;
+      t = `@rlx-utils/${e.slug}`;
       break;
     case "animate":
-      n = `@rlx-animates/${e.slug}`;
+      t = `@rlx-animates/${e.slug}`;
       break;
     default:
       return { found: !1 };
   }
-  let o;
-  switch (t) {
+  let r;
+  switch (n) {
     case "npm":
-      o = `npm install ${n}`;
+      r = `npm install ${t}`;
       break;
     case "pnpm":
-      o = `pnpm add ${n}`;
+      r = `pnpm add ${t}`;
       break;
     case "yarn":
-      o = `yarn add ${n}`;
+      r = `yarn add ${t}`;
       break;
     default:
-      o = `pnpm add ${n}`;
+      r = `pnpm add ${t}`;
   }
   return {
     found: !0,
-    command: o,
-    packageName: n,
+    command: r,
+    packageName: t,
     category: e.category
   };
 }
-function q(s, i, t, e) {
-  var d;
-  const n = y(s, i);
-  if (!n)
-    return { found: !1 };
-  const o = J(s, i);
-  let r;
-  if ((d = o.example) != null && d.code) {
-    if (r = o.example.code, t && Object.keys(t).length > 0)
-      for (const [m, c] of Object.entries(t)) {
-        const u = new RegExp(`${m}=\\{[^}]*\\}`, "g");
-        typeof c == "string" ? r = r.replace(u, `${m}="${c}"`) : r = r.replace(u, `${m}={${JSON.stringify(c)}}`);
-      }
-  } else {
-    const m = B(n), c = D(n);
-    r = `import { ${c} } from "${m}";
-
-export const MyComponent = () => {
-  return (
-    <${c}${t ? z(t) : ""}>
-      {/* Your content here */}
-    </${c}>
-  );
-};`;
-  }
-  const a = j(s, i, "pnpm"), l = a.found ? a.command : void 0;
-  return {
+function J(o, s) {
+  const n = d(o, s);
+  return n ? n.sourceCode && typeof n.sourceCode == "string" ? {
     found: !0,
     component: n,
-    code: r,
-    installation: l,
-    note: e ? `Generated for use case: ${e}` : void 0
-  };
-}
-function F(s) {
-  const i = [
-    ...L(),
-    ...$(),
-    ...R(),
-    ...T(),
-    ...N()
-  ], t = [], e = s.toLowerCase(), n = e.split(/\s+/).filter((o) => o.length >= 3);
-  for (const o of i) {
-    let r = 0;
-    const a = [];
-    o.name.toLowerCase().includes(e) && (r += 10, a.push("name matches")), o.slug.toLowerCase().includes(e) && (r += 8, a.push("slug matches"));
-    for (const l of n)
-      l.length < 3 || (o.name.toLowerCase().includes(l) && (r += 3, a.push(`name contains "${l}"`)), o.slug.toLowerCase().includes(l) && (r += 2, a.push(`slug contains "${l}"`)));
-    (e.includes("button") || e.includes("click")) && (o.slug === "button" || o.slug === "button-group") && (r += 15, a.push("perfect match for button use case")), (e.includes("form") || e.includes("input")) && o.category === "widget" && (o.slug.includes("input") || o.slug.includes("form") || o.slug.includes("field")) && (r += 12, a.push("form-related component")), (e.includes("dialog") || e.includes("modal")) && (o.slug.includes("dialog") || o.slug.includes("modal")) && (r += 15, a.push("perfect match for dialog/modal")), (e.includes("menu") || e.includes("dropdown")) && (o.slug.includes("menu") || o.slug.includes("dropdown")) && (r += 12, a.push("menu-related component")), (e.includes("hook") || e.includes("react hook")) && o.category === "hook" && (r += 10, a.push("React hook")), r > 0 && t.push({
-      component: o,
-      relevance: r,
-      reason: a.join(", ")
-    });
-  }
-  return t.sort((o, r) => r.relevance - o.relevance), { suggestions: t.slice(0, 5) };
+    sourceCode: n.sourceCode,
+    sourceFiles: n.sourceFiles || {}
+  } : {
+    found: !0,
+    component: n,
+    sourceFiles: n.sourceFiles || {}
+  } : { found: !1 };
 }
-function W(s) {
-  const i = [], t = [], e = [];
-  for (const c of s) {
-    const u = y(c);
-    i.push({
-      slug: c,
-      found: !!u,
-      component: u || void 0
-    });
-  }
-  const n = i.filter((c) => !c.found);
-  n.length > 0 && e.push(
-    `Some components not found: ${n.map((c) => c.slug).join(", ")}`
-  );
-  const o = i.filter((c) => c.found && c.component), r = o.some(
-    (c) => {
-      var u, g;
-      return ((u = c.component) == null ? void 0 : u.slug.includes("dialog")) || ((g = c.component) == null ? void 0 : g.slug.includes("modal"));
-    }
-  ), a = o.some((c) => {
-    var u;
-    return ((u = c.component) == null ? void 0 : u.slug) === "button";
-  }), l = o.some(
-    (c) => {
-      var u, g, O;
-      return ((u = c.component) == null ? void 0 : u.slug.includes("input")) || ((g = c.component) == null ? void 0 : g.slug.includes("form")) || ((O = c.component) == null ? void 0 : O.slug.includes("field"));
-    }
-  );
-  r && !a && t.push(
-    "Consider adding a Button component to trigger the dialog/modal"
-  ), l && !a && t.push("Consider adding a Button component for form submission"), o.filter(
-    (c) => {
-      var u, g;
-      return ((u = c.component) == null ? void 0 : u.slug.includes("dialog")) || ((g = c.component) == null ? void 0 : g.slug.includes("modal"));
-    }
-  ).length > 1 && e.push("Multiple dialog/modal components detected. Consider using one at a time.");
-  const m = new Set(
-    o.map((c) => {
-      var u;
-      return (u = c.component) == null ? void 0 : u.category;
-    }).filter(Boolean)
-  );
-  return m.size > 1 && t.push(
-    `Components span multiple categories: ${Array.from(m).join(", ")}`
-  ), {
-    compatible: e.length === 0,
-    components: i,
-    notes: t,
-    warnings: e
+function c(o) {
+  return {
+    content: [
+      {
+        type: "text",
+        text: JSON.stringify(o, null, 2)
+      }
+    ]
   };
 }
-function B(s) {
-  switch (s.category) {
-    case "widget":
-      return `@rlx-widgets/${s.slug}`;
-    case "component":
-      return `@rlx-components/${s.slug}`;
-    case "hook":
-      return `@rlx-hooks/${s.slug}`;
-    case "util":
-      return `@rlx-utils/${s.slug}`;
-    case "animate":
-      return `@rlx-animates/${s.slug}`;
-    default:
-      return "";
-  }
-}
-function D(s) {
-  return s.name.split(" ")[0];
+function M(o, s, n) {
+  return c({
+    error: o,
+    ...s && { slug: s },
+    ...n && { category: n }
+  });
 }
-function z(s) {
-  const i = [];
-  for (const [t, e] of Object.entries(s))
-    typeof e == "string" ? i.push(`${t}="${e}"`) : typeof e == "boolean" ? i.push(e ? t : `${t}={false}`) : i.push(`${t}={${JSON.stringify(e)}}`);
-  return i.length > 0 ? ` ${i.join(" ")}` : "";
+function p(o, s) {
+  return M("Component not found", o, s);
 }
-async function H() {
-  const s = new I(
+async function G() {
+  const o = new x(
     {
       name: "@rlx-ui/mcp",
-      version: "0.0.2"
+      version: "0.0.3"
     },
     {
       capabilities: {
@@ -397,529 +273,237 @@ async function H() {
       }
     }
   );
-  s.registerTool(
+  o.registerTool(
     "list_widgets",
     {
       description: "List all available widgets in the RLX UI library"
     },
     async () => {
-      const t = b();
-      return {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                count: t.length,
-                widgets: t.map((e) => {
-                  var n, o;
-                  return {
-                    name: e.name,
-                    slug: e.slug,
-                    path: e.path,
-                    hasVariants: (((n = e.variants) == null ? void 0 : n.length) ?? 0) > 0,
-                    hasExamples: (((o = e.examples) == null ? void 0 : o.length) ?? 0) > 0
-                  };
-                })
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+      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
+          };
+        })
+      });
     }
-  ), s.registerTool(
+  ), o.registerTool(
     "list_components",
     {
       description: "List all available components in the RLX UI library"
     },
     async () => {
-      const t = k();
-      return {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                count: t.length,
-                components: t.map((e) => {
-                  var n, o;
-                  return {
-                    name: e.name,
-                    slug: e.slug,
-                    path: e.path,
-                    hasVariants: (((n = e.variants) == null ? void 0 : n.length) ?? 0) > 0,
-                    hasExamples: (((o = e.examples) == null ? void 0 : o.length) ?? 0) > 0
-                  };
-                })
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+      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
+          };
+        })
+      });
     }
-  ), s.registerTool(
+  ), o.registerTool(
     "list_animates",
     {
       description: "List all available animations in the RLX UI library"
     },
     async () => {
-      const t = v();
-      return {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                count: t.length,
-                animates: t.map((e) => {
-                  var n;
-                  return {
-                    name: e.name,
-                    slug: e.slug,
-                    path: e.path,
-                    hasVariants: (((n = e.variants) == null ? void 0 : n.length) ?? 0) > 0
-                  };
-                })
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+      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
+          };
+        })
+      });
     }
-  ), s.registerTool(
+  ), o.registerTool(
     "list_hooks",
     {
       description: "List all available React hooks in the RLX UI library"
     },
     async () => {
-      const t = S();
-      return {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                count: t.length,
-                hooks: t.map((e) => {
-                  var n, o;
-                  return {
-                    name: e.name,
-                    slug: e.slug,
-                    path: e.path,
-                    hasVariants: (((n = e.variants) == null ? void 0 : n.length) ?? 0) > 0,
-                    hasExamples: (((o = e.examples) == null ? void 0 : o.length) ?? 0) > 0
-                  };
-                })
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+      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
+          };
+        })
+      });
     }
-  ), s.registerTool(
+  ), o.registerTool(
     "list_utils",
     {
       description: "List all available utility functions in the RLX UI library"
     },
     async () => {
-      const t = C();
-      return {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                count: t.length,
-                utils: t.map((e) => {
-                  var n, o;
-                  return {
-                    name: e.name,
-                    slug: e.slug,
-                    path: e.path,
-                    hasVariants: (((n = e.variants) == null ? void 0 : n.length) ?? 0) > 0,
-                    hasExamples: (((o = e.examples) == null ? void 0 : o.length) ?? 0) > 0
-                  };
-                })
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+      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
+          };
+        })
+      });
     }
-  ), s.registerTool(
+  ), o.registerTool(
     "search_component",
     {
       description: "Search for components, widgets, hooks, utils, or animates by name or slug",
       inputSchema: {
-        query: p.string().describe("Search query to find components")
+        query: a.string().describe("Search query to find components")
       }
     },
-    async (t) => {
-      const e = A(t.query);
-      return {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                query: t.query,
-                count: e.length,
-                results: e.map((n) => ({
-                  name: n.name,
-                  slug: n.slug,
-                  category: n.category,
-                  path: n.path
-                }))
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+    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
+        }))
+      });
     }
-  ), s.registerTool(
+  ), o.registerTool(
     "get_component_info",
     {
       description: "Get detailed information about a specific component, widget, hook, util, or animate",
       inputSchema: {
-        slug: p.string().describe("The slug/name of the component (e.g., 'button', 'use-copy-to-clipboard')"),
-        category: p.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search")
+        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 (t) => {
-      var n, o, r, a;
-      const e = G(t.slug, t.category);
-      return e ? {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                name: e.name,
-                slug: e.slug,
-                category: e.category,
-                path: e.path,
-                hasSourceCode: !!e.sourcePath && typeof e.sourcePath == "string",
-                variantsCount: ((n = e.variants) == null ? void 0 : n.length) ?? 0,
-                examplesCount: ((o = e.examples) == null ? void 0 : o.length) ?? 0,
-                variants: (r = e.variants) == null ? void 0 : r.map((l) => ({
-                  name: l.name,
-                  hasCode: !!l.code,
-                  hasPreview: !!l.preview
-                })),
-                examples: (a = e.examples) == null ? void 0 : a.map((l) => ({
-                  name: l.name,
-                  hasCode: !!l.code,
-                  hasPreview: !!l.preview
-                }))
-              },
-              null,
-              2
-            )
-          }
-        ]
-      } : {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                error: "Component not found",
-                slug: t.slug,
-                category: t.category
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+    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);
     }
-  ), s.registerTool(
+  ), o.registerTool(
     "get_component_props",
     {
       description: "Get TypeScript props/interface definition for a component",
       inputSchema: {
-        slug: p.string().describe("The slug/name of the component"),
-        category: p.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search")
+        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 (t) => {
-      var n, o, r;
-      const e = V(t.slug, t.category);
-      return e.found ? {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                component: {
-                  name: (n = e.component) == null ? void 0 : n.name,
-                  slug: (o = e.component) == null ? void 0 : o.slug,
-                  category: (r = e.component) == null ? void 0 : r.category
-                },
-                props: e.props,
-                note: e.note
-              },
-              null,
-              2
-            )
-          }
-        ]
-      } : {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                error: "Component not found",
-                slug: t.slug,
-                category: t.category
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+    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);
     }
-  ), s.registerTool(
+  ), o.registerTool(
     "get_component_example",
     {
-      description: "Get code examples for a component (variants or examples)",
+      description: "Get code examples (demos) for a component",
       inputSchema: {
-        slug: p.string().describe("The slug/name of the component"),
-        category: p.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search"),
-        exampleName: p.string().optional().describe("Optional specific example/variant name. If not provided, returns the first available example.")
+        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 (t) => {
-      var n, o, r;
-      const e = J(t.slug, t.category, t.exampleName);
-      return e.found ? {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                component: {
-                  name: (n = e.component) == null ? void 0 : n.name,
-                  slug: (o = e.component) == null ? void 0 : o.slug,
-                  category: (r = e.component) == null ? void 0 : r.category
-                },
-                example: e.example,
-                availableExamples: e.availableExamples
-              },
-              null,
-              2
-            )
-          }
-        ]
-      } : {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                error: "Component not found",
-                slug: t.slug,
-                category: t.category
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+    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);
     }
-  ), s.registerTool(
-    "get_installation_command",
+  ), o.registerTool(
+    "get_component_source",
     {
-      description: "Get npm/pnpm/yarn installation command for a component",
+      description: "Get the complete source code for a component, including main file and all related files (utils, types, etc.)",
       inputSchema: {
-        slug: p.string().describe("The slug/name of the component"),
-        category: p.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search"),
-        packageManager: p.enum(["npm", "pnpm", "yarn"]).optional().default("pnpm").describe("Package manager to use (default: pnpm)")
+        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 (t) => {
-      const e = j(
-        t.slug,
-        t.category,
-        t.packageManager || "pnpm"
-      );
-      return e.found ? {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                command: e.command,
-                packageName: e.packageName,
-                category: e.category,
-                packageManager: t.packageManager || "pnpm"
-              },
-              null,
-              2
-            )
-          }
-        ]
-      } : {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                error: "Component not found",
-                slug: t.slug,
-                category: t.category
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+    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);
     }
-  ), s.registerTool(
-    "generate_component_code",
+  ), o.registerTool(
+    "get_installation_command",
     {
-      description: "Generate component usage code with optional props and use case",
+      description: "Get npm/pnpm/yarn installation command for a component",
       inputSchema: {
-        slug: p.string().describe("The slug/name of the component"),
-        category: p.enum(["widget", "component", "hook", "util", "animate"]).optional().describe("Optional category to narrow the search"),
-        props: p.record(p.string(), p.unknown()).optional().describe("Optional props to customize the generated code"),
-        useCase: p.string().optional().describe("Optional description of the use case")
+        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) => {
-      var n, o, r;
-      const e = q(
-        t.slug,
-        t.category,
-        t.props,
-        t.useCase
+    async (n) => {
+      const e = P(
+        n.slug,
+        n.category,
+        n.packageManager || "pnpm"
       );
-      return e.found ? {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                component: {
-                  name: (n = e.component) == null ? void 0 : n.name,
-                  slug: (o = e.component) == null ? void 0 : o.slug,
-                  category: (r = e.component) == null ? void 0 : r.category
-                },
-                code: e.code,
-                installation: e.installation,
-                note: e.note
-              },
-              null,
-              2
-            )
-          }
-        ]
-      } : {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                error: "Component not found",
-                slug: t.slug,
-                category: t.category
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
-    }
-  ), s.registerTool(
-    "suggest_component",
-    {
-      description: "Suggest which component to use for a specific use case",
-      inputSchema: {
-        description: p.string().describe("Description of what you want to build or accomplish")
-      }
-    },
-    async (t) => {
-      const e = F(t.description);
-      return {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                description: t.description,
-                suggestions: e.suggestions.map((n) => ({
-                  component: {
-                    name: n.component.name,
-                    slug: n.component.slug,
-                    category: n.component.category,
-                    path: n.component.path
-                  },
-                  relevance: n.relevance,
-                  reason: n.reason
-                }))
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
-    }
-  ), s.registerTool(
-    "check_component_compatibility",
-    {
-      description: "Check if multiple components work well together",
-      inputSchema: {
-        componentSlugs: p.array(p.string()).describe("Array of component slugs to check compatibility")
-      }
-    },
-    async (t) => {
-      const e = W(t.componentSlugs);
-      return {
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(
-              {
-                compatible: e.compatible,
-                components: e.components.map((n) => ({
-                  slug: n.slug,
-                  found: n.found,
-                  component: n.component ? {
-                    name: n.component.name,
-                    slug: n.component.slug,
-                    category: n.component.category
-                  } : void 0
-                })),
-                notes: e.notes,
-                warnings: e.warnings
-              },
-              null,
-              2
-            )
-          }
-        ]
-      };
+      return e.found ? c({
+        command: e.command,
+        packageName: e.packageName,
+        category: e.category,
+        packageManager: n.packageManager || "pnpm"
+      }) : p(n.slug, n.category);
     }
-  ), s.registerResource(
+  ), o.registerResource(
     "RLX UI Widgets",
     "rlx-ui://widgets",
     {
@@ -927,18 +511,18 @@ async function H() {
       mimeType: "application/json"
     },
     async () => {
-      const t = b();
+      const n = h();
       return {
         contents: [
           {
             uri: "rlx-ui://widgets",
             mimeType: "application/json",
-            text: JSON.stringify(t, null, 2)
+            text: JSON.stringify(n, null, 2)
           }
         ]
       };
     }
-  ), s.registerResource(
+  ), o.registerResource(
     "RLX UI Components",
     "rlx-ui://components",
     {
@@ -946,18 +530,18 @@ async function H() {
       mimeType: "application/json"
     },
     async () => {
-      const t = k();
+      const n = y();
       return {
         contents: [
           {
             uri: "rlx-ui://components",
             mimeType: "application/json",
-            text: JSON.stringify(t, null, 2)
+            text: JSON.stringify(n, null, 2)
           }
         ]
       };
     }
-  ), s.registerResource(
+  ), o.registerResource(
     "RLX UI Animates",
     "rlx-ui://animates",
     {
@@ -965,18 +549,18 @@ async function H() {
       mimeType: "application/json"
     },
     async () => {
-      const t = v();
+      const n = b();
       return {
         contents: [
           {
             uri: "rlx-ui://animates",
             mimeType: "application/json",
-            text: JSON.stringify(t, null, 2)
+            text: JSON.stringify(n, null, 2)
           }
         ]
       };
     }
-  ), s.registerResource(
+  ), o.registerResource(
     "RLX UI Hooks",
     "rlx-ui://hooks",
     {
@@ -984,18 +568,18 @@ async function H() {
       mimeType: "application/json"
     },
     async () => {
-      const t = S();
+      const n = k();
       return {
         contents: [
           {
             uri: "rlx-ui://hooks",
             mimeType: "application/json",
-            text: JSON.stringify(t, null, 2)
+            text: JSON.stringify(n, null, 2)
           }
         ]
       };
     }
-  ), s.registerResource(
+  ), o.registerResource(
     "RLX UI Utils",
     "rlx-ui://utils",
     {
@@ -1003,18 +587,18 @@ async function H() {
       mimeType: "application/json"
     },
     async () => {
-      const t = C();
+      const n = w();
       return {
         contents: [
           {
             uri: "rlx-ui://utils",
             mimeType: "application/json",
-            text: JSON.stringify(t, null, 2)
+            text: JSON.stringify(n, null, 2)
           }
         ]
       };
     }
-  ), s.registerResource(
+  ), o.registerResource(
     "RLX UI Information",
     "rlx-ui://info",
     {
@@ -1022,7 +606,7 @@ async function H() {
       mimeType: "application/json"
     },
     async () => {
-      const t = b(), e = k(), n = v(), o = S(), r = C();
+      const n = h(), e = y(), t = b(), r = k(), i = w();
       return {
         contents: [
           {
@@ -1032,15 +616,15 @@ async function H() {
               {
                 name: "RLX UI",
                 description: "A comprehensive UI component library",
-                version: "0.0.2",
+                version: "0.0.3",
                 mcpServer: "@rlx-ui/mcp",
                 stats: {
-                  widgets: t.length,
+                  widgets: n.length,
                   components: e.length,
-                  animates: n.length,
-                  hooks: o.length,
-                  utils: r.length,
-                  total: t.length + e.length + n.length + o.length + r.length
+                  animates: t.length,
+                  hooks: r.length,
+                  utils: i.length,
+                  total: n.length + e.length + t.length + r.length + i.length
                 }
               },
               null,
@@ -1051,9 +635,9 @@ async function H() {
       };
     }
   );
-  const i = new U();
-  await s.connect(i), 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");
 }
-H().catch((s) => {
-  console.error("Fatal error in main():", s), process.exit(1);
+G().catch((o) => {
+  console.error("Fatal error in main():", o), process.exit(1);
 });