Modus Coder

Welcome to Modus Coder, a powerful Visual Studio Code extension designed to accelerate MODUS-driven development. With Modus Coder, you can seamlessly integrate AI-powered tools into your workflow, enabling faster and more efficient coding for Angular and React frameworks.

Features

• Framework Support: Supports both Angular and React frameworks for Prompt2Code and Image2Code functionalities.
• AI-Powered Code Generation: Generate code snippets from natural language prompts or uploaded images using AI agents.
• Session Management: Easily manage your sessions with features like "Clear" to keep your workspace organized.
• Progress Tracking: Visual progress bar to track the status of your operations.
• Tooltips for Actions: Intuitive tooltips for all actions to guide users through the extension's features.
• Login Integration: Secure TID login functionality to authenticate and access AI services.

Requirements

To use Modus Coder, ensure the following:

• Node.js: Required for running the extension's backend services.
• Visual Studio Code: Version 1.78.0 or higher.

Installation

1. Download and install the extension from the Visual Studio Code Marketplace.
2. Clone the repository if working locally:

   git clone https://github.com/trimble-oss/Modus-Coder-VS-Code-extension
   cd modus-coder
   

3. Install dependencies:

   npm run install:all
   

4. Build the webview:

   npm run build:webview
   

5. Launch the extension in Visual Studio Code using "f5"

Usage

• Open the Modus Coder sidebar from the activity bar.
• Select your preferred framework (Angular or React) using the dropdown menu.
• Use the Prompt2Code or Image2Code features:
  • Prompt2Code: Enter a natural language prompt to generate code snippets.
  • Image2Code: Upload an UI image (form components only) to generate code snippets based on the visual content.
• Track the progress of your operations using the visual progress bar.
• Reset Current session using the "Clear" option.

Extension Settings

This extension contributes the following settings:

• modusCoder.authenticate: Login using TID to get access to agent.

j j

Known Issues

• The extension is heavy and not fully optimized!

Please report any issues to avoid duplicates.

Release Notes

v1.1.0.0

• Added support for the both React and Angular Agent.
• Enhanced AI-powered code generation.

Following Extension Guidelines

Ensure compliance with Extension Guidelines.

Acknowledgments

Special thanks to:

• @Roopesh Reddy @saidinesh_ketha for guiding this release.
• @John Bacus and @Kim Nyberg for their continuous support and suggestions.

Get Involved

Try out Modus Coder and share your feedback. For a detailed understanding of the new features, check out our video. To get started with the generated code, visit our repository.

Connect with us at trimble-modus-coder-ug@trimble.com or join the Trimble Modus Coder Guild to brainstorm ideas.

Thank you for using Modus Coder!