@smwb/ui-mcp-solid 0.3.0 → 0.4.1

package/componentMeta.mjs

@@ -419,12 +419,34 @@ export function getComponentProps(catalog, nameOrId) {
     ssr: entry.ssr,
     extends: entry.extends,
     inheritedAttributes: entry.inheritedAttributes,
-    styles: entry.styles,
     props: entry.props,
     sourcePath: entry.sourcePath,
   };
 }
 
+export function getComponentStyles(catalog, nameOrId) {
+  const entry = resolveComponent(catalog, nameOrId);
+  if (!entry) {
+    return null;
+  }
+
+  if (!entry.styles) {
+    return {
+      id: entry.id,
+      name: entry.name,
+      styles: null,
+      sourcePath: entry.sourcePath,
+    };
+  }
+
+  return {
+    id: entry.id,
+    name: entry.name,
+    styles: entry.styles,
+    sourcePath: entry.sourcePath,
+  };
+}
+
 export function resolveMetaRootDirs(packageRoot) {
   const candidates = [
     path.join(packageRoot, "component-meta"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smwb/ui-mcp-solid",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "Model Context Protocol server exposing the @smwb/ui-solid (SolidJS) component catalog and customization guide.",
   "license": "MIT",
   "type": "module",
@@ -28,8 +28,8 @@
     "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@smwb/ui-solid": "^0.3.0",
-    "@smwb/ui-styles": "^1.0.3",
+    "@smwb/ui-solid": "^0.4.1",
+    "@smwb/ui-styles": "^1.0.4",
     "glob": "^13.0.6",
     "typescript": "^6.0.3",
     "vitest": "^2.1.9"

package/server.mjs

@@ -4,7 +4,12 @@ import { fileURLToPath } from "node:url";
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { z } from "zod";
-import { getComponentProps, loadCatalogFromPackageRoot, searchComponents } from "./componentMeta.mjs";
+import {
+  getComponentProps,
+  getComponentStyles,
+  loadCatalogFromPackageRoot,
+  searchComponents,
+} from "./componentMeta.mjs";
 import { getCustomization, loadCustomizationCatalog, searchCustomization } from "./customizationMeta.mjs";
 
 const scriptDir = path.dirname(fileURLToPath(import.meta.url));
@@ -20,7 +25,7 @@ const server = new McpServer(
   },
   {
     instructions:
-      "@smwb/ui-solid component catalog and customization guide. Use search_components / get_component_props for API metadata, and search_customization / get_customization for theming and appearance options. Every component exposes an `ssr` field: `safe` (always true — nothing throws during renderToString), `rendering` (\"universal\" = emits static HTML on the server and hydrates; \"client\" = a pure overlay that renders nothing server-side and mounts via a portal after hydration), and an optional `note`.",
+      "@smwb/ui-solid component catalog and customization guide. Use search_components / get_component_props for API metadata (props, SSR), get_component_styles for required Less imports, and search_customization / get_customization for theming and appearance options. Every component exposes an `ssr` field: `safe` (always true — nothing throws during renderToString), `rendering` (\"universal\" = emits static HTML on the server and hydrates; \"client\" = a pure overlay that renders nothing server-side and mounts via a portal after hydration), and an optional `note`.",
   }
 );
 
@@ -54,7 +59,7 @@ server.registerTool(
   {
     title: "Get @smwb/ui-solid component props",
     description:
-      "Return the full metadata document for a @smwb/ui-solid component, including prop names, types, required flags, descriptions, SSR classification (`ssr.safe`, `ssr.rendering`, `ssr.note`), and required Less imports (`styles.base`, `styles.entries`, `styles.dependencies`, `styles.importExample`).",
+      "Return the API metadata for a @smwb/ui-solid component: prop names, types, required flags, descriptions, and SSR classification (`ssr.safe`, `ssr.rendering`, `ssr.note`). For Less imports use get_component_styles.",
     inputSchema: z.object({
       nameOrId: z
         .string()
@@ -90,6 +95,47 @@ server.registerTool(
   }
 );
 
+server.registerTool(
+  "get_component_styles",
+  {
+    title: "Get @smwb/ui-solid component styles",
+    description:
+      "Return required Less imports for a @smwb/ui-solid component: `styles.base` (foundation/theme), `styles.entries` (component entry), `styles.dependencies` (transitive imports from nested components), and `styles.importExample`.",
+    inputSchema: z.object({
+      nameOrId: z
+        .string()
+        .describe("Exact component name (Sheet) or metadata id (layout/sheet/sheet, inputs/button/button)"),
+    }),
+  },
+  async ({ nameOrId }) => {
+    const result = getComponentStyles(catalog, nameOrId);
+    if (!result) {
+      return {
+        isError: true,
+        content: [
+          {
+            type: "text",
+            text: JSON.stringify(
+              {
+                error: "Component not found",
+                nameOrId,
+                hint: "Call search_components first to discover valid ids and names.",
+              },
+              null,
+              2
+            ),
+          },
+        ],
+      };
+    }
+
+    return {
+      content: [{ type: "text", text: JSON.stringify(result, null, 2) }],
+      structuredContent: result,
+    };
+  }
+);
+
 server.registerTool(
   "search_customization",
   {