@primevue/mcp 0.0.1-alpha.1

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/index.mjs

@@ -0,0 +1,129 @@
+// src/index.ts
+import { runPrimeMcpServer } from "@primeuix/mcp";
+import ComponentJson from "@primevue/mcp/data/components.json";
+var composables = [
+  {
+    name: "useToast",
+    description: "Programmatically display toast messages",
+    related_component: "Toast",
+    usage: `import { useToast } from 'primevue/usetoast';
+const toast = useToast();`,
+    example: `toast.add({ severity: 'success', summary: 'Success', detail: 'Message', life: 3000 });`
+  },
+  {
+    name: "useConfirm",
+    description: "Programmatically display confirmation dialogs",
+    related_component: "ConfirmDialog",
+    usage: `import { useConfirm } from 'primevue/useconfirm';
+const confirm = useConfirm();`,
+    example: `confirm.require({ message: 'Are you sure?', header: 'Confirm', accept: () => {} });`
+  },
+  {
+    name: "useDialog",
+    description: "Programmatically create dynamic dialogs",
+    related_component: "DynamicDialog",
+    usage: `import { useDialog } from 'primevue/usedialog';
+const dialog = useDialog();`,
+    example: `dialog.open(MyComponent, { props: { header: 'Dialog' } });`
+  },
+  {
+    name: "useStyle",
+    description: "Inject custom styles",
+    related_component: null,
+    usage: `import { useStyle } from 'primevue/usestyle';
+useStyle(css, { name: 'my-styles' });`,
+    example: `useStyle('.my-class { color: red; }', { name: 'custom' });`
+  },
+  {
+    name: "usePrimeVue",
+    description: "Access PrimeVue configuration",
+    related_component: null,
+    usage: `import { usePrimeVue } from 'primevue/config';
+const primevue = usePrimeVue();`,
+    example: `primevue.config.ripple = true;`
+  }
+];
+runPrimeMcpServer({
+  name: "@primevue/mcp",
+  version: "4.5.2",
+  baseUrl: "https://primevue.org",
+  frameworkName: "PrimeVue",
+  slotKey: "slots",
+  codeLanguage: "javascript",
+  compatibility: "Vue 3.x",
+  loadComponentsData: async () => ComponentJson,
+  customTools: [
+    // Vue-specific: list_composables
+    {
+      name: "list_composables",
+      description: "List all available PrimeVue composables with their descriptions",
+      parameters: {},
+      handler: async () => {
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(
+                {
+                  total: composables.length,
+                  composables: composables.map((c) => ({
+                    name: c.name,
+                    description: c.description,
+                    related_component: c.related_component
+                  }))
+                },
+                null,
+                2
+              )
+            }
+          ]
+        };
+      }
+    },
+    // Vue-specific: get_composable
+    {
+      name: "get_composable",
+      description: "Get detailed information about a specific PrimeVue composable",
+      parameters: {
+        name: {
+          type: "string",
+          description: "Composable name (e.g., 'useToast', 'useConfirm')",
+          required: true
+        }
+      },
+      handler: async (_data, args) => {
+        const nameArg = args?.name;
+        if (!nameArg) {
+          return {
+            content: [
+              {
+                type: "text",
+                text: `Please provide a composable name. Available: ${composables.map((c) => c.name).join(", ")}`
+              }
+            ]
+          };
+        }
+        const name = nameArg.toLowerCase();
+        const composable = composables.find((c) => c.name.toLowerCase() === name);
+        if (!composable) {
+          return {
+            content: [
+              {
+                type: "text",
+                text: `Composable "${nameArg}" not found. Available: ${composables.map((c) => c.name).join(", ")}`
+              }
+            ]
+          };
+        }
+        return {
+          content: [
+            {
+              type: "text",
+              text: JSON.stringify(composable, null, 2)
+            }
+          ]
+        };
+      }
+    }
+  ]
+});

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@primevue/mcp",
+  "version": "0.0.1-alpha.1",
+  "author": "PrimeTek Informatics",
+  "description": "Model Context Protocol (MCP) server for PrimeVue component library",
+  "homepage": "https://primevue.org/",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/primefaces/primevue.git",
+    "directory": "packages/mcp"
+  },
+  "bugs": {
+    "url": "https://github.com/primefaces/primevue/issues"
+  },
+  "keywords": [
+    "primevue",
+    "mcp",
+    "model-context-protocol",
+    "ai",
+    "llm",
+    "vue",
+    "components"
+  ],
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./data/components.json": "./data/components.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "data",
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@primeuix/mcp": "^0.0.1-alpha.2"
+  },
+  "devDependencies": {
+    "tsup": "^8.1.0"
+  },
+  "engines": {
+    "node": ">=12.11.0"
+  },
+  "scripts": {
+    "build": "NODE_ENV=production INPUT_DIR=src/ OUTPUT_DIR=dist/ pnpm run build:package",
+    "build:package": "pnpm run build:prebuild && tsup",
+    "build:prebuild": "node ./scripts/prebuild.mjs",
+    "dev:link": "pnpm link --global && npm link"
+  }
+}