Jules Extension for VSCode

[]

"Experience the future of coding with Google Jules in VSCode"

Jules Extension is an extension that allows you to operate Google's AI coding agent Jules directly from within VSCode. Welcome an intelligent partner to your coding workflow.

✨ Concept

This extension was created to take your development experience to the next level.

Seamless Integration: Access the powerful features of Jules without leaving your usual VSCode environment.
Real-time Collaboration: From creating a coding session to checking its progress, everything is in real-time.
Productivity Leap: Leave the tedious tasks to Jules and focus on your creative work.

🚀 Key Features

Feature	Description	Command / Icon
Set API Key	On first use, set your API key to connect to your Jules account. The key is stored securely in VSCode's SecretStorage and used automatically for all subsequent requests.	`jules-extension.setApiKey`
Verify API Key	Test your API connection to ensure the key is valid and working.	`jules-extension.verifyApiKey`
List Sources	Browse available data sources that Jules can work with.	`jules-extension.listSources`
Session Management	Use the `> Jules: Create Session` command to assign a new coding task to Jules. Past sessions are also listed, allowing you to resume work or review the history of completed tasks at any time.	`jules-extension.createSession`
Real-time Monitoring	Get an at-a-glance view of Jules's current work status (`Running`, `Active`, `Done`, etc.) in a dedicated sidebar view. No more switching back and forth between your browser and editor.	`julesSessionsView`
Progress Update	Curious about how far Jules has progressed? Click the `↻` (refresh) button to instantly fetch and display the latest session status and activity list.	`jules-extension.refreshSessions`
Activity Display	Select a session to view detailed logs of the commands Jules has executed, files it has edited, and its thought process. It provides a transparent development experience, as if you're peering into Jules's mind.	`jules-extension.showActivities`
Refresh Activities	Update the activities view for the current session to see the latest progress.	`jules-extension.refreshActivities`
Send Message	Send follow-up messages to an active Jules session to provide additional instructions or feedback.	`jules-extension.sendMessage`
Approve Plan	Review and approve plans generated by Jules before execution.	`jules-extension.approvePlan`

📦 Installation

Install from the Visual Studio Code Marketplace

Or search for "Jules Extension" in VS Code Extensions view.

From Marketplace (Recommended)

Search for "Jules Extension" in the VSCode Marketplace
Click the Install button

From VSIX File (Manual Install)

If you want to try the latest features that are not yet published on the Marketplace, you can download and install the .vsix file directly from the releases page.

Go to the Releases Page: Visit GitHub Releases and find the latest release version.
Download the VSIX File: Download the .vsix file (e.g., jules-extension-0.1.0.vsix) from the Assets.
Install in VSCode:
- Open VSCode.
- Go to the Extensions view (Ctrl+Shift+X).
- Click the ... (More Actions) menu at the top of the view and select Install from VSIX....
- Select the downloaded .vsix file to install.

🔑 Getting Your API Key

To use the Jules Extension, you need a Jules API key. Follow these steps to get one:

Create an Account:
- Go to the Jules Official Website.
- Sign up for a new account or log in if you already have one.
Generate API Key:
- Navigate to the "API Keys" or "Developer Settings" section in your account dashboard.
- Click on "Create a new secret key".
- Give your key a descriptive name (e.g., "VSCode Extension") and generate it.
Copy Your Key:
- Your new API key will be displayed. Copy it to your clipboard.
- If you need to view your key again later, you can always find it on your Jules settings page.

Important: Treat your API key like a password. Do not share it publicly or commit it to version control.

⚙️ Extension Settings

This extension contributes the following settings:

jules-extension.apiKey: Your Jules API key for authentication (stored securely)
jules-extension.autoRefresh.enabled: Enable automatic refresh of sessions list (default: false)
jules-extension.autoRefresh.interval: Auto-refresh interval in seconds (default: 30, minimum: 10)

Quick Start

Press Ctrl + Shift + P (or Cmd + Shift + P) to open the Command Palette.
Run > Jules: Set Jules API Key and enter your API key.
Click the $(robot) icon in the sidebar to open the Jules Sessions View.
Run > Jules: Create Jules Session to start your first coding session!

⚠️ Important Notes

Card Block Rendering: When using features that are displayed as card blocks, please be mindful of the content's structure to ensure it renders correctly.

Commands

Jules Extension: Set Jules API Key - Configure your API credentials
Jules Extension: Verify Jules API Key - Test your API connection
Jules Extension: List Jules Sources - Browse available sources
Jules Extension: Create Jules Session - Start a new analysis session
Jules Extension: Refresh Jules Sessions - Reload the sessions list
Jules Extension: Show Jules Activities - View session activities
Jules Extension: Refresh Jules Activities - Update activities view
Jules Extension: Send Message to Jules Session - Post follow-up instructions to an active session
Jules Extension: Approve Jules Plan - Approve a generated plan for execution

📚 Links

🤝 Contribution

This project is just getting started. We welcome all forms of contribution, including bug reports, feature suggestions, and pull requests! Please check the Issue Tracker and Pull Requests.

📝 License

MIT

Jules Extension

HirokiMukai