uiplug-mcp 1.1.1 → 1.2.0

package/dist/index.js

@@ -28,12 +28,8 @@ async function validateApiKey(apiKey) {
     if (error || !data) {
         return { userId: null, error: "Invalid or revoked API key." };
     }
-    // Fire-and-forget: update usage stats
-    supabase
-        .from("api_keys")
-        .update({ last_used_at: new Date().toISOString(), usage_total: data.usage_total + 1 })
-        .eq("id", data.id)
-        .then(() => { });
+    // Fire-and-forget: update usage stats via SECURITY DEFINER RPC (bypasses RLS)
+    supabase.rpc("increment_api_key_usage", { p_key_id: data.id }).then(() => { });
     return { userId: data.user_id, error: null };
 }
 // ── MCP Server ────────────────────────────────────────────────────────────────
@@ -100,13 +96,59 @@ server.setRequestHandler(ListToolsRequestSchema, async () => ({
                 },
             },
         },
+        {
+            name: "create_component",
+            description: "Submit a new UI component to the UIPlug marketplace. " +
+                "The component will be submitted for review (status: pending) and visible in your dashboard at uiplug.com/dashboard/components. " +
+                "Use this after building a component to share it with the community.",
+            inputSchema: {
+                type: "object",
+                required: ["name", "description", "framework", "category", "code"],
+                properties: {
+                    name: {
+                        type: "string",
+                        description: "Component name (e.g. 'Gradient Button').",
+                    },
+                    description: {
+                        type: "string",
+                        description: "A clear description of what the component does and its key features.",
+                    },
+                    framework: {
+                        type: "string",
+                        description: "Framework: React | Vue | Svelte | Angular | HTML / CSS | " +
+                            "Jetpack Compose | Compose Multiplatform | Flutter | SwiftUI | React Native",
+                    },
+                    category: {
+                        type: "string",
+                        description: "Category: Layout | Navigation | Input | Data Display | Feedback | Sensors",
+                    },
+                    code: {
+                        type: "string",
+                        description: "Full component source code.",
+                    },
+                    installation: {
+                        type: "string",
+                        description: "Optional dependency/installation snippet (e.g. 'npm install some-package').",
+                    },
+                    tags: {
+                        type: "array",
+                        items: { type: "string" },
+                        description: "Optional tag names (e.g. ['button', 'gradient', 'animation']).",
+                    },
+                    model: {
+                        type: "string",
+                        description: "Optional — AI model used to build this (e.g. 'Claude Sonnet 4.6').",
+                    },
+                },
+            },
+        },
     ],
 }));
 // ── Tool handlers ─────────────────────────────────────────────────────────────
 server.setRequestHandler(CallToolRequestSchema, async (request) => {
     const { name, arguments: args } = request.params;
     // ── Validate API key ─────────────────────────────────────────────────────────
-    const { error: authError } = await validateApiKey(process.env.UIPLUG_API_KEY);
+    const { userId, error: authError } = await validateApiKey(process.env.UIPLUG_API_KEY);
     if (authError) {
         return { content: [{ type: "text", text: authError }], isError: true };
     }
@@ -286,6 +328,37 @@ ${c.code_component}
 `;
         return { content: [{ type: "text", text: output }] };
     }
+    // ── create_component ────────────────────────────────────────────────────────
+    if (name === "create_component") {
+        const { name: compName, description, framework, category, code, installation, tags, model, } = (args ?? {});
+        const { data: componentId, error } = await supabase.rpc("create_component", {
+            p_user_id: userId,
+            p_name: compName,
+            p_description: description,
+            p_framework: framework,
+            p_category: category,
+            p_code: code,
+            p_installation: installation ?? null,
+            p_tags: tags ?? [],
+            p_model: model ?? null,
+        });
+        if (error) {
+            return { content: [{ type: "text", text: `Error submitting component: ${error.message}` }], isError: true };
+        }
+        return {
+            content: [
+                {
+                    type: "text",
+                    text: `Component submitted for review!\n\n` +
+                        `**Name:** ${compName}\n` +
+                        `**Framework:** ${framework}\n` +
+                        `**Category:** ${category}\n` +
+                        `**ID:** ${componentId}\n\n` +
+                        `View and manage it at: https://uiplug.com/dashboard/components`,
+                },
+            ],
+        };
+    }
     return {
         content: [{ type: "text", text: `Unknown tool: ${name}` }],
         isError: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uiplug-mcp",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "MCP server for UIPlug — gives AI agents access to the UIPlug UI component marketplace",
   "type": "module",
   "bin": {