viewgate-wrapper 1.10.28 → 1.10.29

package/dist/cli.js

@@ -14,31 +14,10 @@ async function setup() {
         console.error(`❌ Could not find mcp_config.json at ${configPath}`);
         process.exit(1);
     }
-    // 2. Determine the path to the MCP server
-    // In production (node_modules), we'll be in dist/cli.js, so mcp-server is at ../mcp-server
-    // During local dev, it might be different.
-    let mcpServerPath = '';
-    // Check if we are running from node_modules or local dev
-    const isLocalDev = __dirname.includes('view-gate-wrapper' + path.sep + 'src') || __dirname.includes('view-gate-wrapper' + path.sep + 'dist');
-    if (isLocalDev) {
-        // Find the root of the project
-        let root = __dirname;
-        while (root !== path.parse(root).root && !fs.existsSync(path.join(root, 'package.json'))) {
-            root = path.dirname(root);
-        }
-        mcpServerPath = path.join(root, 'mcp-server', 'dist', 'index.js');
-    }
-    else {
-        // In node_modules, we expect to be in something like node_modules/viewgate-wrapper/dist
-        mcpServerPath = path.join(__dirname, '..', 'mcp-server', 'dist', 'index.js');
-    }
-    // Normalize to forward slashes for the JSON config (cleaner on Windows)
-    const normalizedMcpPath = mcpServerPath.replace(/\\/g, '/');
-    if (!fs.existsSync(mcpServerPath)) {
-        console.error(`❌ MCP Server not found at: ${mcpServerPath}`);
-        console.log('Please ensure you have built the project: npm run build');
-        process.exit(1);
-    }
+    // 2. Determine the path or URL
+    // Since we now have a standalone server, we can point to its URL or local path.
+    // The user wants it to be scalable, so we'll prioritize a server URL.
+    const mcpServerUrl = process.env.MCP_SERVER_URL || 'https://view-gate.vercel.app/sse';
     // 3. Read and update mcp_config.json
     try {
         const config = JSON.parse(fs.readFileSync(configPath, 'utf8'));
@@ -48,22 +27,24 @@ async function setup() {
         const currentServer = config.mcpServers.viewgate || {};
         const env = currentServer.env || {};
         // Default values if not present
-        const backendUrl = env.BACKEND_URL || 'https://view-gate.vercel.app';
-        const apiKey = env.API_KEY || 'YOUR_API_KEY_HERE';
+        const backendUrl = env.BACKEND_URL || 'http://localhost:5000';
+        const apiKey = env.API_KEY || '';
         config.mcpServers.viewgate = {
-            command: 'node',
-            args: [normalizedMcpPath],
-            env: {
-                BACKEND_URL: backendUrl,
-                API_KEY: apiKey
-            }
+            command: "npx",
+            args: [
+                "-y",
+                "mcp-remote",
+                `${mcpServerUrl}${mcpServerUrl.includes('?') ? '&' : '?'}apiKey=${apiKey}`
+            ],
+            env: {}
         };
         fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
         console.log(`✅ Updated mcp_config.json successfully!`);
-        console.log(`📍 MCP Path: ${normalizedMcpPath}`);
-        if (apiKey === 'YOUR_API_KEY_HERE') {
-            console.log('\n⚠️  Remember to set your API_KEY in:');
+        console.log(`📍 MCP Server URL: ${mcpServerUrl}`);
+        if (!apiKey) {
+            console.log('\n⚠️  Recuerda configurar tu API_KEY en:');
             console.log(`   ${configPath}`);
+            console.log('   Puedes encontrar tu API_KEY en el Dashboard de ViewGate.');
         }
     }
     catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viewgate-wrapper",
-  "version": "1.10.28",
+  "version": "1.10.29",
   "type": "module",
   "main": "./dist/viewgate-wrapper.umd.cjs",
   "module": "./dist/viewgate-wrapper.js",
@@ -17,13 +17,11 @@
     "./dist/*": "./dist/*"
   },
   "files": [
-    "dist",
-    "mcp-server/dist",
-    "mcp-server/package.json"
+    "dist"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "vite build && tsc --emitDeclarationOnly && npx tsc src/cli.ts --outDir dist --module nodenext --target esnext --moduleResolution nodenext --esModuleInterop --skipLibCheck --rootDir src && npx tsc src/plugin/transform-logic.ts src/plugin/vite-plugin-viewgate.ts src/plugin/next-loader.ts --outDir dist/plugin --module nodenext --target esnext --moduleResolution nodenext --esModuleInterop --skipLibCheck --rootDir src/plugin && cd mcp-server && npm run build",
+    "build": "vite build && tsc --emitDeclarationOnly && npx tsc src/cli.ts --outDir dist --module nodenext --target esnext --moduleResolution nodenext --esModuleInterop --skipLibCheck --rootDir src && npx tsc src/plugin/transform-logic.ts src/plugin/vite-plugin-viewgate.ts src/plugin/next-loader.ts --outDir dist/plugin --module nodenext --target esnext --moduleResolution nodenext --esModuleInterop --skipLibCheck --rootDir src/plugin",
     "preview": "vite preview"
   },
   "keywords": [],
@@ -35,11 +33,9 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@modelcontextprotocol/sdk": "^1.27.1",
     "html-to-image": "^1.11.13",
     "html2canvas-pro": "^2.0.2",
     "lucide-react": "^0.577.0",
-    "node-fetch": "^2.7.0",
     "swr": "^2.4.1"
   },
   "devDependencies": {

package/mcp-server/dist/index.js

@@ -1,222 +0,0 @@
-import { Server } from "@modelcontextprotocol/sdk/server/index.js";
-import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
-import { CallToolRequestSchema, ListToolsRequestSchema, } from "@modelcontextprotocol/sdk/types.js";
-import fetch from "node-fetch";
-import fs from "fs";
-import path from "path";
-const BACKEND_URL = process.env.BACKEND_URL || "https://view-gate.vercel.app";
-const server = new Server({
-    name: "viewgate-mcp",
-    version: "1.0.0",
-}, {
-    capabilities: {
-        tools: {},
-    },
-});
-/**
- * List available tools.
- * Exposes a tool to read annotations from the backend.
- */
-server.setRequestHandler(ListToolsRequestSchema, async () => {
-    return {
-        tools: [
-            {
-                name: "get_annotations",
-                description: "Retrieves all feedback annotations. For each annotation, follow the '_ia_fix_instruction' to perform a FAST, SURGICAL fix. Use 'outerHtml' and 'source' (file:line) to locate the exact code block without manual searching.",
-                inputSchema: {
-                    type: "object",
-                    properties: {},
-                },
-            },
-            {
-                name: "mark_annotation_ready",
-                description: "Mark an annotation as ready for review after applying changes, and generate a local Markdown log.",
-                inputSchema: {
-                    type: "object",
-                    properties: {
-                        id: {
-                            type: "string",
-                            description: "The ID of the annotation to mark as ready"
-                        },
-                        originalMessage: {
-                            type: "string",
-                            description: "The original feedback message for the changelog"
-                        },
-                        appliedChanges: {
-                            type: "string",
-                            description: "Brief summary of what was changed in the code"
-                        }
-                    },
-                    required: ["id", "originalMessage", "appliedChanges"]
-                },
-            }
-        ],
-    };
-});
-/**
- * Handle tool calls.
- */
-server.setRequestHandler(CallToolRequestSchema, async (request) => {
-    switch (request.params.name) {
-        case "get_annotations": {
-            try {
-                const statuses = 'pending,bug_fixing';
-                const response = await fetch(`${BACKEND_URL}/api/annotations?full=true&status=${statuses}`, {
-                    headers: {
-                        'x-api-key': process.env.API_KEY || ''
-                    }
-                });
-                if (!response.ok) {
-                    throw new Error(`Backend responded with ${response.status}`);
-                }
-                const data = await response.json();
-                const rawAnnotations = Array.isArray(data) ? data : (data?.data || []);
-                if (!Array.isArray(rawAnnotations)) {
-                    return {
-                        content: [{ type: "text", text: "Error: Invalid format" }],
-                        isError: true
-                    };
-                }
-                const priorityMap = {
-                    'urgent': 4,
-                    'urgente': 4,
-                    'high': 3,
-                    'alta': 3,
-                    'medium': 2,
-                    'media': 2,
-                    'low': 1,
-                    'baja': 1
-                };
-                const sortedAnnotations = rawAnnotations.sort((a, b) => {
-                    // 1. Primary Sort: Status (Pending > Bug Fixing)
-                    const statusOrder = {
-                        'pending': 2,
-                        'bug_fixing': 1
-                    };
-                    const statusA = (a.status || 'pending').toLowerCase();
-                    const statusB = (b.status || 'pending').toLowerCase();
-                    if (statusOrder[statusA] !== statusOrder[statusB]) {
-                        // Higher number = Higher priority
-                        return (statusOrder[statusB] || 0) - (statusOrder[statusA] || 0);
-                    }
-                    // 2. Secondary Sort: Priority (Urgent > Alta > Media > Baja)
-                    const prioA = priorityMap[(a.priority || 'medium').toLowerCase()] || 0;
-                    const prioB = priorityMap[(b.priority || 'medium').toLowerCase()] || 0;
-                    return prioB - prioA;
-                });
-                const annotationsWithTips = sortedAnnotations.map((ann) => {
-                    const source = ann.reference?.source;
-                    const hasSource = source && source !== 'unknown:0';
-                    const [file, line] = hasSource ? source.split(':') : [null, null];
-                    let hint = "";
-                    if (hasSource) {
-                        hint = `SURGICAL FIX: Open \`${file}\` at line ${line}. The element is \`${ann.reference.tag}\`.`;
-                    }
-                    else {
-                        hint = `MANUAL FIND: Search for the element using selector \`${ann.reference?.selector}\`. Reference HTML: \`${ann.reference?.outerHtml?.slice(0, 100)}...\``;
-                    }
-                    return {
-                        ...ann,
-                        _ia_fix_instruction: hint
-                    };
-                });
-                return {
-                    content: [
-                        {
-                            type: "text",
-                            text: JSON.stringify(annotationsWithTips, null, 2),
-                        },
-                    ],
-                };
-            }
-            catch (error) {
-                return {
-                    content: [
-                        {
-                            type: "text",
-                            text: `Error fetching annotations: ${error.message}`,
-                        },
-                    ],
-                    isError: true,
-                };
-            }
-        }
-        case "mark_annotation_ready": {
-            try {
-                const { id, originalMessage, appliedChanges } = request.params.arguments;
-                // 1. Update backend status
-                const response = await fetch(`${BACKEND_URL}/api/annotations/${id}`, {
-                    method: 'PATCH',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        'x-api-key': process.env.API_KEY || ''
-                    },
-                    body: JSON.stringify({ status: 'ready_for_review' })
-                });
-                if (!response.ok) {
-                    throw new Error(`Backend responded with ${response.status} when updating annotation`);
-                }
-                const updatedAnnotation = await response.json();
-                // 2. Generate local Markdown file
-                // We write this to the user's project root (where the MCP server was executed from)
-                const projectRoot = process.cwd();
-                const viewgateDir = path.join(projectRoot, 'viewgate');
-                if (!fs.existsSync(viewgateDir)) {
-                    fs.mkdirSync(viewgateDir, { recursive: true });
-                }
-                const date = new Date();
-                const formattedDate = date.toISOString().replace(/[:.]/g, '-');
-                const fileName = `cambios-${formattedDate}.md`;
-                const filePath = path.join(viewgateDir, fileName);
-                const markdownContent = `# Change Log: ${date.toLocaleString()}
-
-## Original Feedback
-> ${originalMessage}
-
-## Applied Changes
-${appliedChanges}
-
-## Annotation Details
-- **ID:** ${id}
-- **Component:** ${updatedAnnotation.componentName || 'Unknown'}
-- **File:** ${updatedAnnotation.filePath || 'Unknown'}
-- **Status updated to:** Ready for review
-`;
-                fs.writeFileSync(filePath, markdownContent, 'utf8');
-                return {
-                    content: [
-                        {
-                            type: "text",
-                            text: `Successfully marked annotation ${id} as ready_for_review.\nGenerated local changelog at: ${filePath}`,
-                        },
-                    ],
-                };
-            }
-            catch (error) {
-                return {
-                    content: [
-                        {
-                            type: "text",
-                            text: `Error marking annotation ready: ${error.message}`,
-                        },
-                    ],
-                    isError: true,
-                };
-            }
-        }
-        default:
-            throw new Error("Unknown tool");
-    }
-});
-/**
- * Start the server using stdio transport.
- */
-async function main() {
-    const transport = new StdioServerTransport();
-    await server.connect(transport);
-    console.error("ViewGate MCP server running on stdio");
-}
-main().catch((error) => {
-    console.error("Server error:", error);
-    process.exit(1);
-});

package/mcp-server/package.json

@@ -1,20 +0,0 @@
-{
-  "name": "mcp-server",
-  "version": "1.0.0",
-  "type": "module",
-  "main": "index.js",
-  "scripts": {
-    "build": "tsc",
-    "start": "node dist/index.js",
-    "dev": "tsc -w"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "description": "",
-  "dependencies": {},
-  "devDependencies": {
-    "@types/node-fetch": "^2.6.13",
-    "typescript": "^5.9.3"
-  }
-}