vibecodingmachine-core 1.0.0 → 1.0.1

package/src/ide-integration/cdp-manager.cjs

@@ -1,221 +1,221 @@
-// @vibecodingmachine/core - CDP Manager (CommonJS)
-// Handles Chrome DevTools Protocol interactions with IDEs
-
-const CDP = require('chrome-remote-interface');
-
-/**
- * CDP Manager for IDE interactions
- * Handles Chrome DevTools Protocol-based text sending for IDEs like VS Code and Cursor
- */
-class CDPManager {
-  constructor() {
-    this.logger = console;
-  }
-
-  /**
-   * Timeout utility function
-   * @param {number} ms - Timeout in milliseconds
-   * @param {Promise} promise - Promise to timeout
-   * @returns {Promise} Promise with timeout
-   */
-  timeout(ms, promise) {
-    return Promise.race([
-      promise,
-      new Promise((_, reject) =>
-        setTimeout(() => reject(new Error(`Operation timed out after ${ms}ms`)), ms)
-      )
-    ]);
-  }
-
-  /**
-   * Send text to an IDE via CDP
-   * @param {string} text - The text to send
-   * @param {string} ide - The IDE name ('vscode', 'cursor')
-   * @returns {Promise<Object>} Result object with success status and details
-   */
-  async sendText(text, ide) {
-    if (typeof text !== 'string') {
-      return {
-        success: false,
-        error: `Invalid text type: ${typeof text}. Expected string.`,
-        debug: { textType: typeof text, textValue: text }
-      };
-    }
-
-    const ideName = ide === 'cursor' ? 'Cursor' : ide === 'vscode' ? 'VS Code' : 'Unknown IDE';
-    const port = ide === 'cursor' ? 9225 : 9222;
-
-    this.logger.log(`🔍 sendText: Starting debug session`);
-    this.logger.log(`📋 IDE: ${ideName} (${ide})`);
-    this.logger.log(`🔌 Port: ${port}`);
-    this.logger.log(`💬 Text: "${text.substring(0, 100)}${text.length > 100 ? '...' : ''}"`);
-
-    try {
-      // For VS Code, use the working approach from commit 6235f46b
-      if (ide === 'vscode') {
-        return await this.sendTextToVSCode(text);
-      }
-
-      // For other IDEs, use basic CDP approach
-      return await this.sendTextBasic(text, ide);
-    } catch (error) {
-      this.logger.error('CDP error:', error);
-      return {
-        success: false,
-        error: `CDP error: ${error.message}`,
-        debug: { ide, port, textLength: text.length }
-      };
-    }
-  }
-
-  /**
-   * Send text to VS Code using the working approach
-   * @param {string} text - The text to send
-   * @returns {Promise<Object>} Result object
-   */
-  async sendTextToVSCode(text) {
-    try {
-      const targets = await CDP.List({ port: 9222 });
-      if (!targets || targets.length === 0) {
-        return { success: false, error: 'Could not find VS Code. Make sure VS Code is running with --remote-debugging-port=9222' };
-      }
-
-      const workbench = targets.find(t => t.url && t.url.includes('workbench')) || targets[0];
-      if (!workbench) return { success: false, error: 'No VS Code workbench target found.' };
-
-      this.logger.log(`Found ${targets.length} targets, using workbench: ${workbench.title}`);
-      const client = await CDP({ port: 9222, target: workbench });
-      const { Runtime, Input, Page, DOM } = client;
-      await Runtime.enable();
-      await DOM.enable();
-      if (Page && Page.bringToFront) { try { await Page.bringToFront(); } catch (_) {} }
-
-      // Use clipboard approach to avoid focus issues
-      const clipboardText = String(text).slice(0, 4000);
-      this.logger.log('Copying text to clipboard:', clipboardText);
-
-      // Try to paste the text after a short delay
-      setTimeout(async () => {
-        try {
-          const isDarwin = process.platform === 'darwin';
-          const pasteMods = isDarwin ? 4 /* Meta */ : 2 /* Ctrl */;
-          await Input.dispatchKeyEvent({ type: 'keyDown', key: 'v', text: 'v', modifiers: pasteMods });
-          await Input.dispatchKeyEvent({ type: 'keyUp', key: 'v', text: 'v', modifiers: pasteMods });
-          this.logger.log('Pasted text via Cmd+V');
-        } catch (e) {
-          this.logger.log('Paste failed:', e.message);
-        }
-      }, 200);
-
-      // Also try typing the text character by character
-      setTimeout(async () => {
-        try {
-          this.logger.log('Starting character-by-character typing...');
-          for (let i = 0; i < clipboardText.length; i++) {
-            const char = clipboardText[i];
-            await Input.dispatchKeyEvent({ type: 'keyDown', key: char, text: char });
-            await Input.dispatchKeyEvent({ type: 'keyUp', key: char, text: char });
-            await new Promise(resolve => setTimeout(resolve, 20));
-          }
-          this.logger.log('Finished character-by-character typing');
-
-          // Try multiple submission methods
-          setTimeout(async () => {
-            try {
-              this.logger.log('Attempting to submit message...');
-
-              // Method 1: Press Enter
-              await Input.dispatchKeyEvent({ type: 'keyDown', key: 'Enter' });
-              await Input.dispatchKeyEvent({ type: 'keyUp', key: 'Enter' });
-              await new Promise(resolve => setTimeout(resolve, 100));
-
-              // Method 2: Try Cmd+Enter
-              const isDarwin = process.platform === 'darwin';
-              const enterMods = isDarwin ? 4 /* Meta */ : 2 /* Ctrl */;
-              await Input.dispatchKeyEvent({ type: 'keyDown', key: 'Enter', text: 'Enter', modifiers: enterMods });
-              await Input.dispatchKeyEvent({ type: 'keyUp', key: 'Enter', text: 'Enter', modifiers: enterMods });
-
-            } catch (e) {
-              this.logger.log('Submission failed:', e.message);
-            }
-          }, 300);
-
-        } catch (e) {
-          this.logger.log('Character typing failed:', e.message);
-        }
-      }, 500);
-
-      this.logger.log(`Successfully sent message to VS Code via CDP`);
-      return {
-        success: true,
-        method: 'cdp-clipboard',
-        message: `Message sent to VS Code: ${text}`,
-        note: 'Message sent via CDP with clipboard approach'
-      };
-
-    } catch (error) {
-      this.logger.error('VS Code CDP error:', error);
-      return { success: false, error: `VS Code CDP error: ${error.message}` };
-    }
-  }
-
-  /**
-   * Send text using basic CDP approach
-   * @param {string} text - The text to send
-   * @param {string} ide - The IDE name
-   * @returns {Promise<Object>} Result object
-   */
-  async sendTextBasic(text, ide) {
-    const textToSend = String(text).slice(0, 4000);
-    const port = ide === 'cursor' ? 9225 : 9222;
-
-    try {
-      const targets = await this.timeout(5000, CDP.List({ port }));
-      if (!targets || targets.length === 0) {
-        return { success: false, error: `Could not find ${ide}. Make sure ${ide} is running with --remote-debugging-port=${port}` };
-      }
-
-      const workbench = targets.find(t => t.url && t.url.includes('workbench')) || targets[0];
-      if (!workbench) return { success: false, error: `No ${ide} workbench target found.` };
-
-      const client = await this.timeout(10000, CDP({ port, target: workbench }));
-      const { Runtime, Input, Page } = client;
-
-      await this.timeout(5000, Runtime.enable());
-      await this.timeout(5000, Page.enable());
-
-      if (Page && Page.bringToFront) {
-        try {
-          await this.timeout(3000, Page.bringToFront());
-        } catch (error) {
-          this.logger.log(`Bring to front failed: ${error.message}`);
-        }
-      }
-
-      // Type the text character by character
-      for (let i = 0; i < textToSend.length; i++) {
-        const char = textToSend[i];
-        await Input.dispatchKeyEvent({ type: 'keyDown', key: char, text: char });
-        await Input.dispatchKeyEvent({ type: 'keyUp', key: char, text: char });
-        await new Promise(resolve => setTimeout(resolve, 20));
-      }
-
-      // Press Enter to submit
-      await Input.dispatchKeyEvent({ type: 'keyDown', key: 'Enter' });
-      await Input.dispatchKeyEvent({ type: 'keyUp', key: 'Enter' });
-
-      return {
-        success: true,
-        method: 'cdp-basic',
-        message: `Message sent to ${ide}: ${text}`,
-        note: 'Message sent via basic CDP approach'
-      };
-
-    } catch (error) {
-      this.logger.error(`${ide} CDP error:`, error);
-      return { success: false, error: `${ide} CDP error: ${error.message}` };
-    }
-  }
-}
-
-module.exports = { CDPManager };
+// @vibecodingmachine/core - CDP Manager (CommonJS)
+// Handles Chrome DevTools Protocol interactions with IDEs
+
+const CDP = require('chrome-remote-interface');
+
+/**
+ * CDP Manager for IDE interactions
+ * Handles Chrome DevTools Protocol-based text sending for IDEs like VS Code and Cursor
+ */
+class CDPManager {
+  constructor() {
+    this.logger = console;
+  }
+
+  /**
+   * Timeout utility function
+   * @param {number} ms - Timeout in milliseconds
+   * @param {Promise} promise - Promise to timeout
+   * @returns {Promise} Promise with timeout
+   */
+  timeout(ms, promise) {
+    return Promise.race([
+      promise,
+      new Promise((_, reject) =>
+        setTimeout(() => reject(new Error(`Operation timed out after ${ms}ms`)), ms)
+      )
+    ]);
+  }
+
+  /**
+   * Send text to an IDE via CDP
+   * @param {string} text - The text to send
+   * @param {string} ide - The IDE name ('vscode', 'cursor')
+   * @returns {Promise<Object>} Result object with success status and details
+   */
+  async sendText(text, ide) {
+    if (typeof text !== 'string') {
+      return {
+        success: false,
+        error: `Invalid text type: ${typeof text}. Expected string.`,
+        debug: { textType: typeof text, textValue: text }
+      };
+    }
+
+    const ideName = ide === 'cursor' ? 'Cursor' : ide === 'vscode' ? 'VS Code' : 'Unknown IDE';
+    const port = ide === 'cursor' ? 9225 : 9222;
+
+    this.logger.log(`🔍 sendText: Starting debug session`);
+    this.logger.log(`📋 IDE: ${ideName} (${ide})`);
+    this.logger.log(`🔌 Port: ${port}`);
+    this.logger.log(`💬 Text: "${text.substring(0, 100)}${text.length > 100 ? '...' : ''}"`);
+
+    try {
+      // For VS Code, use the working approach from commit 6235f46b
+      if (ide === 'vscode') {
+        return await this.sendTextToVSCode(text);
+      }
+
+      // For other IDEs, use basic CDP approach
+      return await this.sendTextBasic(text, ide);
+    } catch (error) {
+      this.logger.error('CDP error:', error);
+      return {
+        success: false,
+        error: `CDP error: ${error.message}`,
+        debug: { ide, port, textLength: text.length }
+      };
+    }
+  }
+
+  /**
+   * Send text to VS Code using the working approach
+   * @param {string} text - The text to send
+   * @returns {Promise<Object>} Result object
+   */
+  async sendTextToVSCode(text) {
+    try {
+      const targets = await CDP.List({ port: 9222 });
+      if (!targets || targets.length === 0) {
+        return { success: false, error: 'Could not find VS Code. Make sure VS Code is running with --remote-debugging-port=9222' };
+      }
+
+      const workbench = targets.find(t => t.url && t.url.includes('workbench')) || targets[0];
+      if (!workbench) return { success: false, error: 'No VS Code workbench target found.' };
+
+      this.logger.log(`Found ${targets.length} targets, using workbench: ${workbench.title}`);
+      const client = await CDP({ port: 9222, target: workbench });
+      const { Runtime, Input, Page, DOM } = client;
+      await Runtime.enable();
+      await DOM.enable();
+      if (Page && Page.bringToFront) { try { await Page.bringToFront(); } catch (_) {} }
+
+      // Use clipboard approach to avoid focus issues
+      const clipboardText = String(text).slice(0, 4000);
+      this.logger.log('Copying text to clipboard:', clipboardText);
+
+      // Try to paste the text after a short delay
+      setTimeout(async () => {
+        try {
+          const isDarwin = process.platform === 'darwin';
+          const pasteMods = isDarwin ? 4 /* Meta */ : 2 /* Ctrl */;
+          await Input.dispatchKeyEvent({ type: 'keyDown', key: 'v', text: 'v', modifiers: pasteMods });
+          await Input.dispatchKeyEvent({ type: 'keyUp', key: 'v', text: 'v', modifiers: pasteMods });
+          this.logger.log('Pasted text via Cmd+V');
+        } catch (e) {
+          this.logger.log('Paste failed:', e.message);
+        }
+      }, 200);
+
+      // Also try typing the text character by character
+      setTimeout(async () => {
+        try {
+          this.logger.log('Starting character-by-character typing...');
+          for (let i = 0; i < clipboardText.length; i++) {
+            const char = clipboardText[i];
+            await Input.dispatchKeyEvent({ type: 'keyDown', key: char, text: char });
+            await Input.dispatchKeyEvent({ type: 'keyUp', key: char, text: char });
+            await new Promise(resolve => setTimeout(resolve, 20));
+          }
+          this.logger.log('Finished character-by-character typing');
+
+          // Try multiple submission methods
+          setTimeout(async () => {
+            try {
+              this.logger.log('Attempting to submit message...');
+
+              // Method 1: Press Enter
+              await Input.dispatchKeyEvent({ type: 'keyDown', key: 'Enter' });
+              await Input.dispatchKeyEvent({ type: 'keyUp', key: 'Enter' });
+              await new Promise(resolve => setTimeout(resolve, 100));
+
+              // Method 2: Try Cmd+Enter
+              const isDarwin = process.platform === 'darwin';
+              const enterMods = isDarwin ? 4 /* Meta */ : 2 /* Ctrl */;
+              await Input.dispatchKeyEvent({ type: 'keyDown', key: 'Enter', text: 'Enter', modifiers: enterMods });
+              await Input.dispatchKeyEvent({ type: 'keyUp', key: 'Enter', text: 'Enter', modifiers: enterMods });
+
+            } catch (e) {
+              this.logger.log('Submission failed:', e.message);
+            }
+          }, 300);
+
+        } catch (e) {
+          this.logger.log('Character typing failed:', e.message);
+        }
+      }, 500);
+
+      this.logger.log(`Successfully sent message to VS Code via CDP`);
+      return {
+        success: true,
+        method: 'cdp-clipboard',
+        message: `Message sent to VS Code: ${text}`,
+        note: 'Message sent via CDP with clipboard approach'
+      };
+
+    } catch (error) {
+      this.logger.error('VS Code CDP error:', error);
+      return { success: false, error: `VS Code CDP error: ${error.message}` };
+    }
+  }
+
+  /**
+   * Send text using basic CDP approach
+   * @param {string} text - The text to send
+   * @param {string} ide - The IDE name
+   * @returns {Promise<Object>} Result object
+   */
+  async sendTextBasic(text, ide) {
+    const textToSend = String(text).slice(0, 4000);
+    const port = ide === 'cursor' ? 9225 : 9222;
+
+    try {
+      const targets = await this.timeout(5000, CDP.List({ port }));
+      if (!targets || targets.length === 0) {
+        return { success: false, error: `Could not find ${ide}. Make sure ${ide} is running with --remote-debugging-port=${port}` };
+      }
+
+      const workbench = targets.find(t => t.url && t.url.includes('workbench')) || targets[0];
+      if (!workbench) return { success: false, error: `No ${ide} workbench target found.` };
+
+      const client = await this.timeout(10000, CDP({ port, target: workbench }));
+      const { Runtime, Input, Page } = client;
+
+      await this.timeout(5000, Runtime.enable());
+      await this.timeout(5000, Page.enable());
+
+      if (Page && Page.bringToFront) {
+        try {
+          await this.timeout(3000, Page.bringToFront());
+        } catch (error) {
+          this.logger.log(`Bring to front failed: ${error.message}`);
+        }
+      }
+
+      // Type the text character by character
+      for (let i = 0; i < textToSend.length; i++) {
+        const char = textToSend[i];
+        await Input.dispatchKeyEvent({ type: 'keyDown', key: char, text: char });
+        await Input.dispatchKeyEvent({ type: 'keyUp', key: char, text: char });
+        await new Promise(resolve => setTimeout(resolve, 20));
+      }
+
+      // Press Enter to submit
+      await Input.dispatchKeyEvent({ type: 'keyDown', key: 'Enter' });
+      await Input.dispatchKeyEvent({ type: 'keyUp', key: 'Enter' });
+
+      return {
+        success: true,
+        method: 'cdp-basic',
+        message: `Message sent to ${ide}: ${text}`,
+        note: 'Message sent via basic CDP approach'
+      };
+
+    } catch (error) {
+      this.logger.error(`${ide} CDP error:`, error);
+      return { success: false, error: `${ide} CDP error: ${error.message}` };
+    }
+  }
+}
+
+module.exports = { CDPManager };