Enable Chrome Browser Takeover Mode with Remote Debugging Integration

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/chatty-ravens-study.md

@@ -0,0 +1,5 @@
+---
+"roo-cline": minor
+---
+
+Enabled Roo Cline to use pupetteer to prompt a browser and manually authenticate to site it cant by itself

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.github/workflows/release.yml

@@ -0,0 +1,79 @@
+name: Release
+run-name: Release ${{ github.event_name == 'push' && 'Push' || 'Pull Request' }}
+
+on:
+  push:
+    branches:
+      - main
+  pull_request_target:
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+env:
+  AWS_REGION: us-east-1
+
+jobs:
+  release:
+    name: Release
+    if: ${{ github.event_name == 'push' && github.actor != 'R00-B0T'}}
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - name: Setup Node.js 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - id: install-aws-cli
+        uses: unfor19/install-aws-cli-action@v1
+        with:
+          version: 2
+          verbose: false
+          arch: amd64
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: ${{ env.AWS_REGION }}
+      - name: NPM Install
+        run: |
+          npm run install:all
+          npm run build
+
+      - name: Changeset Pull Request
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          commit: "changeset version bump"
+          title: "Changeset version bump"
+          version: npm run version-packages # This performs the changeset version bump
+          # publish: npm run publish # Revisit possible refactor along with npm-publish.yml
+        env:
+          GITHUB_TOKEN: ${{ secrets.CROSS_REPO_ACCESS_TOKEN }}
+
+  auto-approve-and-merge:
+    name: Auto approve and merge Bump version PRs
+    runs-on: ubuntu-latest
+    if: github.actor == 'R00-B0T' && contains(github.event.pull_request.title, 'Changeset version bump')
+    permissions:
+      pull-requests: write
+
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.CROSS_REPO_ACCESS_TOKEN }}
+      - name: Auto approve PR
+        uses: hmarr/auto-approve-action@v4
+        with:
+          review-message: "I'm approving since it's a bump version PR"
+      - name: Enable automerge on PR
+        run: gh pr merge --squash --auto ${{ github.event.pull_request.number }}
+        env:
+          GH_TOKEN: ${{ secrets.CROSS_REPO_ACCESS_TOKEN }}

.gitignore

@@ -5,4 +5,7 @@ node_modules
 
 .DS_Store
 
-.npmrc
+.npmrc
+
+# Builds
+bin

README.md

@@ -2,37 +2,71 @@
 
 ## Roo Packaging and Installation
 
-### Packaging
-1. Bump the version in `package.json`
-2. Remove the old VSIX file:
+### Setup
+
+- Install dependencies:
    ```bash
-   rm bin/roo-cline-*.vsix
+   npm run install:all
    ```
-3. Build the VSIX file:
+- Now you can either:
+  1. Install the latest extension from `bin/roo-cline-<latest_version>.vsix`, skip the packaging steps below
+  2. Or build the extension from source and proceed to the packaging steps below
+
+
+### Packaging
+1. **If** you have new changes, bump the version in `package.json`
+    - Remove the old VSIX file:
+    ```bash
+    rm bin/roo-cline-*.vsix
+    ```
+2. Build the VSIX file:
    ```bash
-   npm run vsix
+   npm run build
    ```
-4. The new VSIX file will be created in the `bin/` directory
-5. Commit the new VSIX file to git:
+3. The new VSIX file will be created in the `bin/` directory
+4. Commit the new VSIX file to git:
    ```bash
    git add bin/*.vsix
    git commit -m "chore: update VSIX to version <new_version>"
    ```
 
 ### Installation
-Install the plugin using the Cursor CLI:
+- **Option 1:** Follow these [instructions](https://www.cursor.com/how-to-install-extension) to manually drag the `.vsix` file into Cursor's Extensions panel (Cmd/Ctrl+Shift+X) and install it.
 
-```bash
-cursor --install-extension bin/roo-cline-<latest_version>.vsix
-```
+- **Option 2:** Make sure you have the Cursor CLI installed and in your PATH.
+  `export PATH="$PATH:/Applications/Cursor.app/Contents/MacOS"`
+- Install the plugin using the Cursor CLI:
 
-Note: The VSIX file is checked into the git repository's `bin/` directory for easy distribution.
+    ```bash
+    cursor --install-extension bin/roo-cline-<latest_version>.vsix
+    # Ex: cursor --install-extension bin/roo-cline-2.0.1.vsix
+    ```
+
+**Note:** The VSIX file is checked into the git repository's `bin/` directory for easy distribution.
 
 After installation, Roo Cline will appear in your Cursor's installed extensions list. You can verify this by opening Cursor's Extensions panel (Cmd/Ctrl+Shift+X) and checking under the "Installed" section.
 
----
+### Publishing
+
+We use [changesets](https://github.com/changesets/changesets) for versioning and publishing this package. To make changes:
 
-# Cline (prev. Claude Dev) – \#1 on OpenRouter
+1. Create a PR with your changes
+2. Create a new changeset by running `npm run changeset`
+   - Select the appropriate kind of change - `patch` for bug fixes, `minor` for new features, or `major` for breaking changes
+   - Write a clear description of your changes that will be included in the changelog
+3. Get the PR approved
+4. Merge it
+
+Once your merge is successful:
+- The release workflow will automatically create a new "Version Packages" PR
+- This PR will:
+  - Update the version based on your changeset
+  - Update the CHANGELOG.md file
+  - Create a git tag
+- The PR will be automatically approved and merged
+- A new version will be published
+
+---
 
 <p align="center">
   <img src="https://media.githubusercontent.com/media/cline/cline/main/assets/docs/demo.gif" width="100%" />
@@ -59,18 +93,18 @@ After installation, Roo Cline will appear in your Cursor's installed extensions
 
 Meet Cline, an AI assistant that can use your **CLI** a**N**d **E**ditor.
 
-Thanks to [Claude 3.5 Sonnet's agentic coding capabilities](https://www-cdn.anthropic.com/fed9cc193a14b84131812372d8d5857f8f304c52/Model_Card_Claude_3_Addendum.pdf), Cline can handle complex software development tasks step-by-step. With tools that let him create & edit files, explore large projects, use the browser, and execute terminal commands (after you grant permission), he can assist you in ways that go beyond code completion or tech support. While autonomous AI scripts traditionally run in sandboxed environments, this extension provides a human-in-the-loop GUI to approve every file change and terminal command, providing a safe and accessible way to explore the potential of agentic AI.
+Thanks to [Claude 3.5 Sonnet's agentic coding capabilities](https://www-cdn.anthropic.com/fed9cc193a14b84131812372d8d5857f8f304c52/Model_Card_Claude_3_Addendum.pdf), Cline can handle complex software development tasks step-by-step. With tools that let him create & edit files, explore large projects, use the browser, and execute terminal commands (after you grant permission), he can assist you in ways that go beyond code completion or tech support. While autonomous AI scripts traditionally run in sandboxed environments, this extension provides a human-in-the-loop GUI to approve every file change and terminal command, providing a safe and accessible way to explore the potential of agentic AI.
 
 1. Enter your task and add images to convert mockups into functional apps or fix bugs with screenshots.
 2. Cline starts by analyzing your file structure & source code ASTs, running regex searches, and reading relevant files to get up to speed in existing projects. By carefully managing what information is added to context, Cline can provide valuable assistance even for large, complex projects without overwhelming the context window.
 3. Once Cline has the information he needs, he can:
     - Create and edit files + monitor linter/compiler errors along the way, letting him proactively fix issues like missing imports and syntax errors on his own.
     - Execute commands directly in your terminal and monitor their output as he works, letting him e.g., react to dev server issues after editing a file.
     - For web development tasks, Cline can launch the site in a headless browser, click, type, scroll, and capture screenshots + console logs, allowing him to fix runtime errors and visual bugs.
-4. When a task is completed, Cline will present the result to you with a terminal command like `open -a "Google Chrome" index.html`, which you run with a click of a button.
+4. When a task is completed, Cline will present the result to you with a terminal command like `open -a "Google Chrome" index.html`, which you run with a click of a button.
 
 > [!TIP]
-> Use the `CMD/CTRL + Shift + P` shortcut to open the command palette and type "Cline: Open In New Tab" to open the extension as a tab in your editor. This lets you use Cline side-by-side with your file explorer, and see how he changes your workspace more clearly.
+> Use the `CMD/CTRL + Shift + P` shortcut to open the command palette and type "Cline: Open In New Tab" to open the extension as a tab in your editor. This lets you use Cline side-by-side with your file explorer, and see how he changes your workspace more clearly.
 
 ---
 
@@ -92,7 +126,7 @@ The extension also keeps track of total tokens and API usage cost for the entire
 
 Thanks to the new [shell integration updates in VSCode v1.93](https://code.visualstudio.com/updates/v1_93#_terminal-shell-integration-api), Cline can execute commands directly in your terminal and receive the output. This allows him to perform a wide range of tasks, from installing packages and running build scripts to deploying applications, managing databases, and executing tests, all while adapting to your dev environment & toolchain to get the job done right.
 
-For long running processes like dev servers, use the "Proceed While Running" button to let Cline continue in the task while the command runs in the background. As Cline works he’ll be notified of any new terminal output along the way, letting him react to issues that may come up, such as compile-time errors when editing files.
+For long running processes like dev servers, use the "Proceed While Running" button to let Cline continue in the task while the command runs in the background. As Cline works he'll be notified of any new terminal output along the way, letting him react to issues that may come up, such as compile-time errors when editing files.
 
 <!-- Transparent pixel to create line break after floating image -->
 
@@ -126,10 +160,10 @@ Try asking Cline to "test the app", and watch as he runs a command like `npm run
 
 ### Add Context
 
--   **`@url`:** Paste in a URL for the extension to fetch and convert to markdown, useful when you want to give Cline the latest docs
--   **`@problems`:** Add workspace errors and warnings ('Problems' panel) for Cline to fix
--   **`@file`:** Adds a file's contents so you don't have to waste API requests approving read file (+ type to search files)
--   **`@folder`:** Adds folder's files all at once to speed up your workflow even more
+-   **`@url`:** Paste in a URL for the extension to fetch and convert to markdown, useful when you want to give Cline the latest docs
+-   **`@problems`:** Add workspace errors and warnings ('Problems' panel) for Cline to fix
+-   **`@file`:** Adds a file's contents so you don't have to waste API requests approving read file (+ type to search files)
+-   **`@folder`:** Adds folder's files all at once to speed up your workflow even more
 
 ## Contributing
 

docs/cline-updates.md

@@ -0,0 +1,12 @@
+Remember to rebuild the extension and install it using the cli specified on the `Roo-Cline/README.md` file, also remember to change directory to the `Roo-Cline` folder before running the commands from the readme.
+
+Consider that any `export` or `install` command has already been run, so exclude those.ˆ
+
+Before editing the file 'Roo-Cline/src/core/Cline.ts', since it's a really large file, read the original file to understand its full content.
+Then create a new file with the -updates suffix containing ONLY the changes you've made to the original file.
+
+
+In interactive mode, browser actions are disabled (if (!this.isInteractive) check in doAction method)
+The navigateToUrl method uses doAction, which means navigation won't work in interactive mode
+
+Can we analyze 'Roo-Cline/src/core/Cline.ts' to see how it handles browser actions and if there's some logic preventing it from using 'doAction'

docs/cypress-cloud.md

@@ -0,0 +1,2 @@
+Could you navigate to this URL in interactive mode (isInteractive = true), and keep it open while I chat with you, DO NOT DO ANYTHING UNTIL I TELL YOU TO CONTINUE.
+https://cloud.cypress.io/projects/hkawvm/runs/22055/overview/b890f243-ce56-4047-9252-c99469dfbbea?roarHideRunsWithDiffGroupsAndTags=1&interactive=true