|
1 | | -# Visual Studio Code - Open Source ("Code - OSS") |
2 | | -[](https://github.com/microsoft/vscode/issues?q=is%3Aopen+is%3Aissue+label%3Afeature-request+sort%3Areactions-%2B1-desc) |
3 | | -[](https://github.com/microsoft/vscode/issues?utf8=✓&q=is%3Aissue+is%3Aopen+label%3Abug) |
4 | | -[](https://gitter.im/Microsoft/vscode) |
| 1 | +# Roopik IDE |
5 | 2 |
|
6 | | -## The Repository |
| 3 | +**A canvas-first, agentic IDE with a built-in browser.** Preview live components, run full projects end-to-end — with AI agents that code, browse, test, and ship autonomously. |
7 | 4 |
|
8 | | -This repository ("`Code - OSS`") is where we (Microsoft) develop the [Visual Studio Code](https://code.visualstudio.com) product together with the community. Not only do we work on code and issues here, but we also publish our [roadmap](https://github.com/microsoft/vscode/wiki/Roadmap), [monthly iteration plans](https://github.com/microsoft/vscode/wiki/Iteration-Plans), and our [endgame plans](https://github.com/microsoft/vscode/wiki/Running-the-Endgame). This source code is available to everyone under the standard [MIT license](https://github.com/microsoft/vscode/blob/main/LICENSE.txt). |
| 5 | +[](https://github.com/RoopikLabs/roopik/actions/workflows/build-windows.yml) |
| 6 | +[](https://github.com/RoopikLabs/roopik/actions/workflows/build-macos.yml) |
| 7 | +[](https://github.com/RoopikLabs/roopik/actions/workflows/build-linux.yml) |
| 8 | +[](LICENSE.txt) |
9 | 9 |
|
10 | | -## Visual Studio Code |
| 10 | +[Website](https://roopik.com) | [Download](https://roopik.com) | [Docs](https://roopik.com/docs) | [Blog](https://roopik.com/blog) | [Contributing](CONTRIBUTING.md) |
11 | 11 |
|
12 | | -<p align="center"> |
13 | | - <img alt="VS Code in action" src="https://user-images.githubusercontent.com/35271042/118224532-3842c400-b438-11eb-923d-a5f66fa6785a.png"> |
14 | | -</p> |
| 12 | +--- |
15 | 13 |
|
16 | | -[Visual Studio Code](https://code.visualstudio.com) is a distribution of the `Code - OSS` repository with Microsoft-specific customizations released under a traditional [Microsoft product license](https://code.visualstudio.com/License/). |
| 14 | + |
17 | 15 |
|
18 | | -[Visual Studio Code](https://code.visualstudio.com) combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. It provides comprehensive code editing, navigation, and understanding support along with lightweight debugging, a rich extensibility model, and lightweight integration with existing tools. |
| 16 | +## What Makes Roopik Different |
19 | 17 |
|
20 | | -Visual Studio Code is updated monthly with new features and bug fixes. You can download it for Windows, macOS, and Linux on [Visual Studio Code's website](https://code.visualstudio.com/Download). To get the latest releases every day, install the [Insiders build](https://code.visualstudio.com/insiders). |
| 18 | +Most AI-powered IDEs are code editors with chat. Roopik goes further — it has a **real browser built in** that AI agents can see and control. Agents don't just write code, they preview it, click through it, test it, and fix what they see. No context switching, no manual testing. |
21 | 19 |
|
22 | | -## Contributing |
| 20 | +## Features |
23 | 21 |
|
24 | | -There are many ways in which you can participate in this project, for example: |
| 22 | +### Canvas Mode |
| 23 | +An infinite design surface for building UI components across **React, Vue, Svelte, Solid, and Preact**. Each component renders live in its own isolated sandbox — write a Single File Component (SFC) and see it instantly. Compare multiple variations side-by-side, iterate with AI, and ship without ever spinning up a dev server. |
25 | 24 |
|
26 | | -* [Submit bugs and feature requests](https://github.com/microsoft/vscode/issues), and help us verify as they are checked in |
27 | | -* Review [source code changes](https://github.com/microsoft/vscode/pulls) |
28 | | -* Review the [documentation](https://github.com/microsoft/vscode-docs) and make pull requests for anything from typos to and new content. |
| 25 | +### Project Mode |
| 26 | +Run your full project with a built-in browser. Inspect elements live, click any element to jump to its source code, edit it, and see changes instantly. No more switching between editor and browser. |
29 | 27 |
|
30 | | -If you are interested in fixing issues and contributing directly to the code base, |
31 | | -please see the document [How to Contribute](https://github.com/microsoft/vscode/wiki/How-to-Contribute), which covers the following: |
| 28 | +### Embedded Browser + External Chrome |
| 29 | +The browser supports multiple tabs with full agentic control. Agents can open, navigate, screenshot, click, type, and inspect — all exposed through MCP. External Chrome mode connects to a real Chrome instance via CDP for full extension/profile access. |
32 | 30 |
|
33 | | -* [How to build and run from source](https://github.com/microsoft/vscode/wiki/How-to-Contribute) |
34 | | -* [The development workflow, including debugging and running tests](https://github.com/microsoft/vscode/wiki/How-to-Contribute#debugging) |
35 | | -* [Coding guidelines](https://github.com/microsoft/vscode/wiki/Coding-Guidelines) |
36 | | -* [Submitting pull requests](https://github.com/microsoft/vscode/wiki/How-to-Contribute#pull-requests) |
37 | | -* [Finding an issue to work on](https://github.com/microsoft/vscode/wiki/How-to-Contribute#where-to-contribute) |
38 | | -* [Contributing to translations](https://aka.ms/vscodeloc) |
| 31 | +### Browser Automation |
| 32 | +Playwright-inspired reliability built into every browser action. Smart selectors (`text=`, `role=`, `css=`, `data-testid=`), automatic waiting for elements to be ready, auto-scroll, and strict locator mode — agents interact with pages the same way a human would, without brittle coordinate-based clicking. |
39 | 33 |
|
40 | | -## Feedback |
| 34 | +### Multi-Agent Support |
| 35 | +Multiple AI agents work simultaneously in the same workspace: |
| 36 | +- **Dio** — built-in agent (based on Roo Code) |
| 37 | +- **Claude Code** — extension + CLI via MCP |
| 38 | +- **OpenAI Codex** — extension + CLI via MCP |
| 39 | +- **Cursor** — via MCP |
41 | 40 |
|
42 | | -* Ask a question on [Stack Overflow](https://stackoverflow.com/questions/tagged/vscode) |
43 | | -* [Request a new feature](CONTRIBUTING.md) |
44 | | -* Upvote [popular feature requests](https://github.com/microsoft/vscode/issues?q=is%3Aopen+is%3Aissue+label%3Afeature-request+sort%3Areactions-%2B1-desc) |
45 | | -* [File an issue](https://github.com/microsoft/vscode/issues) |
46 | | -* Connect with the extension author community on [GitHub Discussions](https://github.com/microsoft/vscode-discussions/discussions) or [Slack](https://aka.ms/vscode-dev-community) |
47 | | -* Follow [@code](https://x.com/code) and let us know what you think! |
| 41 | +No setup needed — the IDE auto-registers and connects agents via MCP on startup. |
48 | 42 |
|
49 | | -See our [wiki](https://github.com/microsoft/vscode/wiki/Feedback-Channels) for a description of each of these channels and information on some other available community-driven channels. |
| 43 | +See [CONTRIBUTING.md](CONTRIBUTING.md) for project structure, build instructions, and development setup. |
50 | 44 |
|
51 | | -## Related Projects |
| 45 | +## Quick Start |
52 | 46 |
|
53 | | -Many of the core components and extensions to VS Code live in their own repositories on GitHub. For example, the [node debug adapter](https://github.com/microsoft/vscode-node-debug) and the [mono debug adapter](https://github.com/microsoft/vscode-mono-debug) repositories are separate from each other. For a complete list, please visit the [Related Projects](https://github.com/microsoft/vscode/wiki/Related-Projects) page on our [wiki](https://github.com/microsoft/vscode/wiki). |
| 47 | +### Download |
| 48 | +Available for Windows, macOS, and Linux at [roopik.com](https://roopik.com) |
54 | 49 |
|
55 | | -## Bundled Extensions |
| 50 | +### Build from Source |
56 | 51 |
|
57 | | -VS Code includes a set of built-in extensions located in the [extensions](extensions) folder, including grammars and snippets for many languages. Extensions that provide rich language support (inline suggestions, Go to Definition) for a language have the suffix `language-features`. For example, the `json` extension provides coloring for `JSON` and the `json-language-features` extension provides rich language support for `JSON`. |
| 52 | +```bash |
| 53 | +git clone https://github.com/RoopikLabs/roopik.git |
| 54 | +cd roopik |
| 55 | +npm install |
| 56 | +npm run watch # Development |
| 57 | +``` |
58 | 58 |
|
59 | | -## Development Container |
| 59 | +See [CONTRIBUTING.md](CONTRIBUTING.md) for full build instructions including the Dio extension. |
60 | 60 |
|
61 | | -This repository includes a Visual Studio Code Dev Containers / GitHub Codespaces development container. |
| 61 | +## Contributing |
62 | 62 |
|
63 | | -* For [Dev Containers](https://aka.ms/vscode-remote/download/containers), use the **Dev Containers: Clone Repository in Container Volume...** command which creates a Docker volume for better disk I/O on macOS and Windows. |
64 | | - * If you already have VS Code and Docker installed, you can also click [here](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/microsoft/vscode) to get started. This will cause VS Code to automatically install the Dev Containers extension if needed, clone the source code into a container volume, and spin up a dev container for use. |
| 63 | +We welcome contributions! See [CONTRIBUTING.md](CONTRIBUTING.md) for: |
| 64 | +- How to build and run from source |
| 65 | +- Project structure overview |
| 66 | +- Pull request guidelines |
65 | 67 |
|
66 | | -* For Codespaces, install the [GitHub Codespaces](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces) extension in VS Code, and use the **Codespaces: Create New Codespace** command. |
| 68 | +## Privacy |
67 | 69 |
|
68 | | -Docker / the Codespace should have at least **4 cores and 6 GB of RAM (8 GB recommended)** to run a full build. See the [development container README](.devcontainer/README.md) for more information. |
| 70 | +This program does not collect or transfer any user data to external systems unless specifically requested by the user. Telemetry features inherited from upstream dependencies are disabled by default. |
69 | 71 |
|
70 | | -## Code of Conduct |
| 72 | +## Acknowledgements |
71 | 73 |
|
72 | | -This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. |
| 74 | +Built on [Visual Studio Code](https://github.com/microsoft/vscode) (MIT) and [Roo Code](https://github.com/RooCodeInc/Roo-Code) (Apache 2.0). |
73 | 75 |
|
74 | 76 | ## License |
75 | 77 |
|
76 | | -Copyright (c) Microsoft Corporation. All rights reserved. |
77 | | - |
78 | | -Licensed under the [MIT](LICENSE.txt) license. |
| 78 | +Copyright (c) 2025 - present Roopik Labs. Licensed under the [MIT License](LICENSE.txt). |
0 commit comments