@primer/mcp 1.0.0 → 1.1.0-rc.052483c40

package/dist/index.js

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

package/dist/{server-MtARfEmu.js → server-CnGefk-j.js}

@@ -40,11 +40,31 @@ const patterns = [
 		name: "Copy",
 		category: "scenario"
 	},
+	{
+		id: "create",
+		name: "Create",
+		category: "scenario"
+	},
+	{
+		id: "customize",
+		name: "Customize",
+		category: "scenario"
+	},
+	{
+		id: "delegate",
+		name: "Delegate",
+		category: "scenario"
+	},
 	{
 		id: "delete",
 		name: "Delete",
 		category: "scenario"
 	},
+	{
+		id: "edit",
+		name: "Edit",
+		category: "scenario"
+	},
 	{
 		id: "filter",
 		name: "Filter",
@@ -55,6 +75,11 @@ const patterns = [
 		name: "Search",
 		category: "scenario"
 	},
+	{
+		id: "view",
+		name: "View",
+		category: "scenario"
+	},
 	{
 		id: "data-visualization",
 		name: "Data Visualization",
@@ -395,10 +420,12 @@ function loadAllTokensWithGuidelines() {
 	}
 }
 function loadDesignTokensGuide() {
-	return readFileSync(createRequire(import.meta.url).resolve("@primer/primitives/DESIGN_TOKENS_GUIDE.md"), "utf-8");
+	const guidePath = createRequire(import.meta.url).resolve("@primer/primitives/DESIGN_TOKENS_GUIDE.md");
+	return readFileSync(guidePath, "utf-8");
 }
 function loadDesignTokensSpec() {
-	return readFileSync(createRequire(import.meta.url).resolve("@primer/primitives/DESIGN_TOKENS_SPEC.md"), "utf-8");
+	const specPath = createRequire(import.meta.url).resolve("@primer/primitives/DESIGN_TOKENS_SPEC.md");
+	return readFileSync(specPath, "utf-8");
 }
 function getDesignTokenSpecsText(groups) {
 	return `
@@ -690,7 +717,7 @@ function runStylelint(css) {
 }
 //#endregion
 //#region package.json
-var version = "1.0.0";
+var version = "1.1.0";
 //#endregion
 //#region src/server.ts
 const turndownService = new TurndownService();
@@ -898,7 +925,7 @@ ${turndownService.turndown(source)}`
 		}] };
 	});
 	server.registerTool("list_patterns", {
-		description: "List all of the patterns available from Primer React. Scenario patterns describe specific user tasks (copy, delete, filter, search). Prefer a scenario pattern when one fits the task, and fall back to the more generic UI patterns otherwise.",
+		description: "List all of the patterns available from Primer React. Scenario patterns describe specific user tasks. Prefer a scenario pattern when one fits the task, and fall back to the more generic UI patterns otherwise.",
 		annotations: { readOnlyHint: true }
 	}, async () => {
 		const all = listPatterns();
@@ -918,7 +945,7 @@ ${ui.join("\n")}`
 		}] };
 	});
 	server.registerTool("get_pattern", {
-		description: "Get a specific pattern by name. Scenario patterns describe specific user tasks (copy, delete, filter, search). Prefer a scenario pattern when one fits the task, and fall back to the more generic UI patterns otherwise.",
+		description: "Get a specific pattern by name. Scenario patterns describe specific user tasks. Prefer a scenario pattern when one fits the task, and fall back to the more generic UI patterns otherwise.",
 		inputSchema: z.object({ name: z.string().describe("The name of the pattern to retrieve") }),
 		annotations: { readOnlyHint: true }
 	}, async ({ name }) => {
@@ -957,7 +984,8 @@ ${turndownService.turndown(source)}`
 		let effectiveGroup = resolvedGroup;
 		const filteredKeywords = [];
 		for (const kw of rawKeywords) {
-			const aliasMatch = GROUP_ALIASES[kw.replace(/\s+/g, "")];
+			const normalized = kw.replace(/\s+/g, "");
+			const aliasMatch = GROUP_ALIASES[normalized];
 			if (aliasMatch && !effectiveGroup) effectiveGroup = aliasMatch;
 			else filteredKeywords.push(kw);
 		}
@@ -1002,7 +1030,8 @@ ${validGroups}
 		annotations: { readOnlyHint: true }
 	}, async ({ groups }) => {
 		const resolvedGroups = groups.map((g) => {
-			return GROUP_ALIASES[g.toLowerCase().replace(/\s+/g, "")] || g;
+			const normalized = g.toLowerCase().replace(/\s+/g, "");
+			return GROUP_ALIASES[normalized] || g;
 		});
 		const matched = allTokensWithGuidelines.filter((token) => resolvedGroups.some((rg) => tokenMatchesGroup(token, rg)));
 		if (matched.length === 0) {

package/dist/stdio.js

@@ -1,4 +1,4 @@
-import { t as createServer } from "./server-MtARfEmu.js";
+import { t as createServer } from "./server-CnGefk-j.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.0.0",
+  "version": "1.1.0-rc.052483c40",
   "type": "module",
   "bin": {
     "mcp": "./bin/mcp.js"
@@ -41,7 +41,7 @@
     "@modelcontextprotocol/server": "^2.0.0",
     "@primer/octicons": "^19.15.5",
     "@primer/primitives": "10.x || 11.x",
-    "@primer/react": "^38.35.0",
+    "@primer/react": "^38.38.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.0",
+    "rolldown": "^1.2.6",
     "rolldown-plugin-dts": "^0.26.0",
     "typescript": "^6.0.3"
   }

package/src/primer.ts

@@ -51,11 +51,31 @@ const patterns: Array<Pattern> = [
     name: 'Copy',
     category: 'scenario',
   },
+  {
+    id: 'create',
+    name: 'Create',
+    category: 'scenario',
+  },
+  {
+    id: 'customize',
+    name: 'Customize',
+    category: 'scenario',
+  },
+  {
+    id: 'delegate',
+    name: 'Delegate',
+    category: 'scenario',
+  },
   {
     id: 'delete',
     name: 'Delete',
     category: 'scenario',
   },
+  {
+    id: 'edit',
+    name: 'Edit',
+    category: 'scenario',
+  },
   {
     id: 'filter',
     name: 'Filter',
@@ -66,6 +86,11 @@ const patterns: Array<Pattern> = [
     name: 'Search',
     category: 'scenario',
   },
+  {
+    id: 'view',
+    name: 'View',
+    category: 'scenario',
+  },
   {
     id: 'data-visualization',
     name: 'Data Visualization',

package/src/server.test.ts

@@ -72,6 +72,44 @@ describe('MCP server', () => {
     )
   })
 
+  it('lists every published scenario pattern', async () => {
+    const result = await client.callTool({name: 'list_patterns'})
+    const scenarioPatterns = ['Copy', 'Create', 'Customize', 'Delegate', 'Delete', 'Edit', 'Filter', 'Search', 'View']
+
+    expect(result.content).toContainEqual(
+      expect.objectContaining({
+        type: 'text',
+        text: expect.stringContaining(
+          `## Scenario patterns\n\n${scenarioPatterns.map(name => `- ${name}`).join('\n')}`,
+        ),
+      }),
+    )
+  })
+
+  it.each([
+    {name: 'Create', id: 'create'},
+    {name: 'Customize', id: 'customize'},
+    {name: 'Delegate', id: 'delegate'},
+    {name: 'Edit', id: 'edit'},
+    {name: 'View', id: 'view'},
+  ])('retrieves the $name scenario pattern from its published URL', async ({name, id}) => {
+    vi.mocked(fetch).mockResolvedValue(new Response(`<main><h1>${name}</h1></main>`))
+
+    const result = await client.callTool({
+      name: 'get_pattern',
+      arguments: {name},
+    })
+
+    expect(fetch).toHaveBeenCalledTimes(1)
+    expect(vi.mocked(fetch).mock.calls[0]?.[0].toString()).toBe(`https://primer.style/product/scenario-patterns/${id}`)
+    expect(result.content).toContainEqual(
+      expect.objectContaining({
+        type: 'text',
+        text: expect.stringContaining(`Here are the guidelines for the \`${name}\` pattern for Primer:`),
+      }),
+    )
+  })
+
   it('requires between 2 and 10 names', async () => {
     const tooFew = await callBatch(['Button'])
     const tooMany = await callBatch(Array.from({length: 11}, (_, index) => `Component${index}`))

package/src/server.ts

@@ -441,7 +441,7 @@ ${text}`,
     'list_patterns',
     {
       description:
-        'List all of the patterns available from Primer React. Scenario patterns describe specific user tasks (copy, delete, filter, search). Prefer a scenario pattern when one fits the task, and fall back to the more generic UI patterns otherwise.',
+        'List all of the patterns available from Primer React. Scenario patterns describe specific user tasks. Prefer a scenario pattern when one fits the task, and fall back to the more generic UI patterns otherwise.',
       annotations: {readOnlyHint: true},
     },
     async () => {
@@ -471,7 +471,7 @@ ${ui.join('\n')}`,
     'get_pattern',
     {
       description:
-        'Get a specific pattern by name. Scenario patterns describe specific user tasks (copy, delete, filter, search). Prefer a scenario pattern when one fits the task, and fall back to the more generic UI patterns otherwise.',
+        'Get a specific pattern by name. Scenario patterns describe specific user tasks. Prefer a scenario pattern when one fits the task, and fall back to the more generic UI patterns otherwise.',
       inputSchema: z.object({
         name: z.string().describe('The name of the pattern to retrieve'),
       }),