@primevue/mcp 0.0.1-alpha.4 → 0.0.1-alpha.6

package/dist/index.js

@@ -0,0 +1,132 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import { runPrimeMcpServer } from "@primeuix/mcp";
+import ComponentJson from "@primevue/mcp/data/components.json";
+import pkg from "@primevue/mcp/package.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: pkg.version,
+  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

@@ -1,6 +1,6 @@
 {
   "name": "@primevue/mcp",
-  "version": "0.0.1-alpha.4",
+  "version": "0.0.1-alpha.6",
   "author": "PrimeTek Informatics",
   "description": "Model Context Protocol (MCP) server for PrimeVue component library",
   "homepage": "https://primevue.org/",
@@ -23,23 +23,26 @@
     "components"
   ],
   "bin": {
-    "primevue-mcp": "./dist/index.mjs"
+    "primevue-mcp": "./dist/index.js"
   },
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.mts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.mjs"
-    }
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./*": "./*"
   },
   "publishConfig": {
     "access": "public"
   },
   "files": [
     "dist",
+    "data",
     "README.md",
     "LICENSE"
   ],