canvas-ui-sdk 4.0.1 → 4.0.2

package/README.md

@@ -64,7 +64,47 @@ See `styles/tokens.reference.css` for the full list of available CSS variables.
 
 ## MCP Server
 
-Connect the MCP server so your AI editor can discover all components, templates, and design tokens. Add a `.mcp.json` to your project root:
+Connect the MCP server so your AI editor can discover all components, templates, and design tokens.
+
+### Claude Code
+
+Add a `.mcp.json` to your project root:
+
+```json
+{
+  "mcpServers": {
+    "canvas-ui-sdk": {
+      "command": "npx",
+      "args": ["canvas-ui-mcp"]
+    }
+  }
+}
+```
+
+Or via CLI: `claude mcp add canvas-ui-sdk npx canvas-ui-mcp`
+
+### Cursor
+
+Add a `.cursor/mcp.json` to your project root:
+
+```json
+{
+  "mcpServers": {
+    "canvas-ui-sdk": {
+      "command": "npx",
+      "args": ["canvas-ui-mcp"]
+    }
+  }
+}
+```
+
+### Windsurf
+
+Add an MCP server in Windsurf settings (Cascade > MCP) with command `npx` and arg `canvas-ui-mcp`.
+
+### Alternative (direct node invocation)
+
+If `npx` doesn't work in your environment:
 
 ```json
 {
@@ -77,8 +117,6 @@ Connect the MCP server so your AI editor can discover all components, templates,
 }
 ```
 
-Or with the Claude Code CLI: `claude mcp add canvas-ui-sdk node node_modules/canvas-ui-sdk/mcp/dist/index.js`
-
 ## AI Instructions
 
 Copy the SDK instructions file into your project so your AI editor knows how to use the CLI, design tokens, and component patterns:

package/mcp/dist/index.js

@@ -18274,13 +18274,13 @@ var zodToJsonSchema = (schema, options) => {
     }, true) ?? parseAnyDef(refs)
   }), {}) : void 0;
   const name = typeof options === "string" ? options : options?.nameStrategy === "title" ? void 0 : options?.name;
-  const main = parseDef(schema._def, name === void 0 ? refs : {
+  const main2 = parseDef(schema._def, name === void 0 ? refs : {
     ...refs,
     currentPath: [...refs.basePath, refs.definitionPath, name]
   }, false) ?? parseAnyDef(refs);
   const title = typeof options === "object" && options.name !== void 0 && options.nameStrategy === "title" ? options.name : void 0;
   if (title !== void 0) {
-    main.title = title;
+    main2.title = title;
   }
   if (refs.flags.hasReferencedOpenAiAnyType) {
     if (!definitions) {
@@ -18301,9 +18301,9 @@ var zodToJsonSchema = (schema, options) => {
     }
   }
   const combined = name === void 0 ? definitions ? {
-    ...main,
+    ...main2,
     [refs.definitionPath]: definitions
-  } : main : {
+  } : main2 : {
     $ref: [
       ...refs.$refStrategy === "relative" ? [] : refs.basePath,
       refs.definitionPath,
@@ -18311,7 +18311,7 @@ var zodToJsonSchema = (schema, options) => {
     ].join("/"),
     [refs.definitionPath]: {
       ...definitions,
-      [name]: main
+      [name]: main2
     }
   };
   if (refs.target === "jsonSchema7") {
@@ -18543,11 +18543,11 @@ var Protocol = class {
    *
    * The Protocol object assumes ownership of the Transport, replacing any callbacks that have already been set, and expects that it is the only user of the Transport instance going forward.
    */
-  async connect(transport2) {
+  async connect(transport) {
     if (this._transport) {
       throw new Error("Already connected to a transport. Call close() before connecting to a new transport, or use a separate Protocol instance per connection.");
     }
-    this._transport = transport2;
+    this._transport = transport;
     const _onclose = this.transport?.onclose;
     this._transport.onclose = () => {
       _onclose?.();
@@ -19990,8 +19990,8 @@ var McpServer = class {
    *
    * The `server` object assumes ownership of the Transport, replacing any callbacks that have already been set, and expects that it is the only user of the Transport instance going forward.
    */
-  async connect(transport2) {
-    return await this.server.connect(transport2);
+  async connect(transport) {
+    return await this.server.connect(transport);
   }
   /**
    * Closes the connection.
@@ -20744,7 +20744,7 @@ var EMPTY_COMPLETION_RESULT = {
 };
 
 // node_modules/@modelcontextprotocol/sdk/dist/esm/server/stdio.js
-import process from "process";
+import process2 from "process";
 
 // node_modules/@modelcontextprotocol/sdk/dist/esm/shared/stdio.js
 var ReadBuffer = class {
@@ -20776,7 +20776,7 @@ function serializeMessage(message) {
 
 // node_modules/@modelcontextprotocol/sdk/dist/esm/server/stdio.js
 var StdioServerTransport = class {
-  constructor(_stdin = process.stdin, _stdout = process.stdout) {
+  constructor(_stdin = process2.stdin, _stdout = process2.stdout) {
     this._stdin = _stdin;
     this._stdout = _stdout;
     this._readBuffer = new ReadBuffer();
@@ -23309,5 +23309,12 @@ ${resultSections.join("\n---\n\n")}`
     };
   }
 );
-var transport = new StdioServerTransport();
-await server.connect(transport);
+async function main() {
+  const transport = new StdioServerTransport();
+  await server.connect(transport);
+}
+main().catch((error2) => {
+  process.stderr.write(`canvas-ui-sdk MCP server failed to start: ${error2}
+`);
+  process.exit(1);
+});

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "canvas-ui-sdk",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "type": "module",
   "description": "A comprehensive UI component library with design tokens for building beautiful interfaces",
   "bin": {
-    "canvas-ui": "./dist/cli/index.js"
+    "canvas-ui": "./dist/cli/index.js",
+    "canvas-ui-mcp": "./mcp/dist/index.js"
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",