@primer/mcp 1.1.1 → 1.1.2-rc.0c9e08268

package/dist/index.js

@@ -1,2 +1 @@
-import { n as server, t as createServer } from "./server-malh_dny.js";
-export { createServer, server };
+export { t as createServer, n as server } from "./server-CZDOBVxP.js";

package/dist/{server-malh_dny.js → server-CZDOBVxP.js}

@@ -718,7 +718,7 @@ function runStylelint(css) {
 }
 //#endregion
 //#region package.json
-var version = "1.1.1";
+var version = "1.1.2";
 //#endregion
 //#region src/server.ts
 const turndownService = new TurndownService();
@@ -847,7 +847,7 @@ Use \`get_component\` for exactly one component and \`get_component_batch\` for
 			type: "text",
 			text: `There is no component named \`${name}\` in the @primer/react package. For a full list of components, use the \`list_components\` tool.`
 		}] };
-		const url = new URL(`/product/components/${match.id}`, "https://primer.style");
+		const url = new URL(`/product/components/${match.slug}`, "https://primer.style");
 		const response = await fetch(url);
 		if (!response.ok) throw new Error(`Failed to fetch ${url}: ${response.statusText}`);
 		const html = await response.text();
@@ -905,7 +905,7 @@ ${turndownService.turndown(source)}`
 			type: "text",
 			text: `There is no component named \`${name}\` in the @primer/react package. For a full list of components, use the \`list_components\` tool.`
 		}] };
-		const url = new URL(`/product/components/${match.id}/accessibility`, "https://primer.style");
+		const url = new URL(`/product/components/${match.slug}/accessibility`, "https://primer.style");
 		const response = await fetch(url);
 		if (!response.ok) {
 			if (response.status >= 400 && response.status < 500 || response.status >= 300 && response.status < 400) return { content: [{

package/dist/stdio.js

@@ -1,4 +1,4 @@
-import { t as createServer } from "./server-malh_dny.js";
+import { t as createServer } from "./server-CZDOBVxP.js";
 import { serveStdio } from "@modelcontextprotocol/server/stdio";
 //#region src/transports/stdio.ts
 serveStdio(createServer);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/mcp",
   "description": "An MCP server that connects AI tools to the Primer Design System",
-  "version": "1.1.1",
+  "version": "1.1.2-rc.0c9e08268",
   "type": "module",
   "bin": {
     "mcp": "./bin/mcp.js"
@@ -37,11 +37,11 @@
     "watch": "rolldown -c -w"
   },
   "dependencies": {
-    "@modelcontextprotocol/client": "^2.2.0",
-    "@modelcontextprotocol/server": "^2.0.0",
+    "@modelcontextprotocol/client": "^2.3.0",
+    "@modelcontextprotocol/server": "^2.3.0",
     "@primer/octicons": "^19.15.5",
     "@primer/primitives": "10.x || 11.x",
-    "@primer/react": "^38.42.0",
+    "@primer/react": "^38.43.0",
     "cheerio": "^1.0.0",
     "turndown": "^7.2.0",
     "zod": "^4.3.5"
@@ -51,7 +51,7 @@
     "@primer/vitest-config": "^0.0.0",
     "@types/turndown": "^5.0.5",
     "rimraf": "^6.0.1",
-    "rolldown": "^1.2.12",
+    "rolldown": "^1.2.14",
     "rolldown-plugin-dts": "^0.26.0",
     "typescript": "^6.0.3"
   }

package/src/server.test.ts

@@ -482,6 +482,56 @@ describe('MCP server', () => {
     },
   )
 
+  it.each([
+    {
+      tool: 'get_component_examples',
+      expectedPath: '/product/components/text-input',
+      rawIdPath: '/product/components/text_input',
+    },
+    {
+      tool: 'get_component_accessibility_guidelines',
+      expectedPath: '/product/components/text-input/accessibility',
+      rawIdPath: '/product/components/text_input/accessibility',
+    },
+  ] as const)('$tool uses the TextInput slug in its URL', async ({tool, expectedPath, rawIdPath}) => {
+    const expectedUrl = `https://primer.style${expectedPath}`
+    const rawIdUrl = `https://primer.style${rawIdPath}`
+    const responseBody = 'synthetic-text-input-documentation'
+    const homepageBody = 'homepage-body-not-text-input-documentation'
+    const fetchMock = vi.mocked(fetch)
+    fetchMock.mockImplementation(async input => {
+      const url = input.toString()
+
+      if (url === expectedUrl) {
+        return responseWithFinalUrl(`<main><p>${responseBody}</p></main>`, expectedUrl)
+      }
+
+      if (url === rawIdUrl) {
+        return responseWithFinalUrl(`<main><p>${homepageBody}</p></main>`, 'https://primer.style/')
+      }
+
+      throw new Error(`Unexpected fetch request: ${url}`)
+    })
+
+    const result = await client.callTool({name: tool, arguments: {name: 'TextInput'}})
+
+    expect(result.isError).not.toBe(true)
+    expect(result.content).toContainEqual(
+      expect.objectContaining({
+        type: 'text',
+        text: expect.stringContaining(responseBody),
+      }),
+    )
+    expect(result.content).not.toContainEqual(
+      expect.objectContaining({
+        type: 'text',
+        text: expect.stringContaining(homepageBody),
+      }),
+    )
+    expect(fetchMock).toHaveBeenCalledTimes(1)
+    expect(fetchMock.mock.calls[0]?.[0].toString()).toBe(expectedUrl)
+  })
+
   it.each(['ConfirmationDialog', 'confirmationdialog'])(
     'retrieves ConfirmationDialog documentation for %s from its published URL',
     async name => {

package/src/server.ts

@@ -253,7 +253,7 @@ Use \`get_component\` for exactly one component and \`get_component_batch\` for
         }
       }
 
-      const url = new URL(`/product/components/${match.id}`, 'https://primer.style')
+      const url = new URL(`/product/components/${match.slug}`, 'https://primer.style')
       const response = await fetch(url)
       if (!response.ok) {
         throw new Error(`Failed to fetch ${url}: ${response.statusText}`)
@@ -387,7 +387,7 @@ ${text}`,
         }
       }
 
-      const url = new URL(`/product/components/${match.id}/accessibility`, 'https://primer.style')
+      const url = new URL(`/product/components/${match.slug}/accessibility`, 'https://primer.style')
       const response = await fetch(url)
       if (!response.ok) {
         if ((response.status >= 400 && response.status < 500) || (response.status >= 300 && response.status < 400)) {