viewgate-wrapper 1.9.2 → 1.9.4

package/package.json

@@ -1,54 +1,55 @@
-{
-  "name": "viewgate-wrapper",
-  "version": "1.9.2",
-  "type": "module",
-  "main": "./dist/viewgate-wrapper.umd.cjs",
-  "module": "./dist/viewgate-wrapper.js",
-  "bin": {
-    "viewgate-wrapper": "./dist/cli.js"
-  },
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/viewgate-wrapper.js",
-      "require": "./dist/viewgate-wrapper.umd.cjs"
-    },
-    "./dist/*": "./dist/*"
-  },
-  "files": [
-    "dist",
-    "mcp-server/dist",
-    "mcp-server/package.json",
-    "CLIENT_SETUP_GUIDE.md"
-  ],
-  "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",
-    "preview": "vite preview"
-  },
-  "keywords": [],
-  "author": "Mauro Aceituno",
-  "license": "ISC",
-  "description": "ViewGate Wrapper for React applications",
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "dependencies": {
-    "html-to-image": "^1.11.13",
-    "@modelcontextprotocol/sdk": "^1.27.1",
-    "node-fetch": "^2.7.0"
-  },
-  "devDependencies": {
-    "@types/node": "^22.0.0",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "@vitejs/plugin-react-swc": "^4.2.3",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-plugin-css-injected-by-js": "^4.0.1"
-  }
+{
+  "name": "viewgate-wrapper",
+  "version": "1.9.4",
+  "type": "module",
+  "main": "./dist/viewgate-wrapper.umd.cjs",
+  "module": "./dist/viewgate-wrapper.js",
+  "bin": {
+    "viewgate-wrapper": "./dist/cli.js"
+  },
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/viewgate-wrapper.js",
+      "require": "./dist/viewgate-wrapper.umd.cjs"
+    },
+    "./dist/*": "./dist/*"
+  },
+  "files": [
+    "dist",
+    "mcp-server/dist",
+    "mcp-server/package.json"
+  ],
+  "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",
+    "preview": "vite preview"
+  },
+  "keywords": [],
+  "author": "Mauro Aceituno",
+  "license": "ISC",
+  "description": "ViewGate Wrapper for React applications",
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.27.1",
+    "html-to-image": "^1.11.13",
+    "html2canvas": "^1.4.1",
+    "lucide-react": "^0.577.0",
+    "node-fetch": "^2.7.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react-swc": "^4.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-css-injected-by-js": "^4.0.1"
+  }
 }

package/CLIENT_SETUP_GUIDE.md

@@ -1,64 +0,0 @@
-# Guía de Instalación para Clientes - ViewGate
-
-Esta guía explica cómo integrar ViewGate en tu proyecto React y configurar el servidor MCP para que la IA pueda ayudarte a gestionar el feedback.
-
-## 1. Instalación del Paquete
-
-Instala la librería `viewgate-wrapper` en tu proyecto:
-
-```bash
-npm install viewgate-wrapper
-```
-
-## 2. Configuración del Servidor MCP (Antigravity)
-
-Para que Antigravity (tu asistente de IA) pueda leer las anotaciones y el feedback de la UI, debes registrar el servidor MCP incluido en el paquete.
-
-Ejecuta el siguiente comando en la raíz de tu proyecto:
-
-```bash
-npx viewgate setup
-```
-
-Este comando:
-- Detecta automáticamente tu archivo `mcp_config.json`.
-- Registra el servidor MCP con las rutas correctas hacia tu carpeta `node_modules`.
-- Configura las variables de entorno base.
-
-### Configuración Manual de API Key
-Una vez ejecutado el comando, asegúrate de tener tu API Key configurada. Puedes editarla directamente en tu `mcp_config.json` o pasarla como variable de entorno si prefieres.
-
-## 3. Integración en el Código (React)
-
-### Configurar el Plugin de Vite
-En tu `vite.config.ts`, agrega el plugin para habilitar el rastreo de código fuente:
-
-```typescript
-import { viewgatePlugin } from 'viewgate-wrapper';
-
-export default defineConfig({
-  plugins: [
-    // ... otros plugins
-    viewgatePlugin()
-  ]
-});
-```
-
-### Envolver la aplicación
-En tu archivo de entrada principal (ej. `main.tsx`), envuelve tu App con el proveedor de ViewGate:
-
-```tsx
-import { ViewGate } from 'viewgate-wrapper';
-import 'viewgate-wrapper/dist/viewgate-wrapper.css';
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <ViewGate language="es" apiKey="TU_API_KEY">
-    <App />
-  </ViewGate>
-);
-```
-
-## 4. ¡Listo!
-Ahora puedes interactuar con Antigravity pidiéndole cosas como:
-- *"Lee las anotaciones de feedback actuales"*
-- *"Ayúdame a resolver los problemas reportados en la UI"*