Implement VSCode Extension for Codegen

[codegen-sh]

This PR implements a VSCode extension for Codegen, providing an integrated experience for using Codegen's AI capabilities directly within VSCode.

Features

• Chat Interface: A sidebar chat interface for interacting with Codegen
• Code Generation: Generate code based on natural language descriptions
• Code Explanation: Get explanations for selected code
• Code Improvement: Get suggestions to improve your code
• Code Fixing: Get help fixing bugs in your code
• Context Menu Integration: Right-click on selected code to access Codegen features
• Status Bar Integration: Quick access to Codegen from the status bar

Implementation Details

• Uses the VSCode Extension API for deep integration with the editor
• Implements a WebView-based chat interface
• Provides a clean, VS Code-native UI experience
• Connects to the Codegen API for AI-powered assistance
• Supports configuration of API key and endpoint

Next Steps

• Add unit tests
• Implement more advanced code analysis features
• Add support for more languages and frameworks
• Improve the markdown rendering in the chat view
• Add telemetry for usage tracking (with opt-out option)
• Publish to the VSCode Marketplace

Screenshots

(Screenshots will be added once the extension is fully implemented and tested)

---

💻 View my work • About Codegen

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

✅ All tests successful. No failed tests found.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[codegen-sh]

Make the chat messages auto-expand to show more content when clicked

[jayhack]

Make the chat messages auto-expand to show more content when you click

[codegen-sh]

Hey! Thanks for your review 💬 I'll work on addressing your feedback...

💻 View my work

[codegen-sh]

I've implemented the auto-expand functionality for chat messages in the VSCode extension! Here's what I added:

1. Collapsible Messages: Long messages are now automatically collapsed with a gradient fade-out effect at the bottom.

2. Click to Expand: Users can click on any message to expand it and see the full content.

3. Visual Indicators: Added a "Click to expand" text that appears at the bottom of collapsed messages.

4. Smart Detection: The extension automatically detects which messages are long enough to need collapsing.

5. Toggle Behavior: Clicking again on an expanded message will collapse it back.

The implementation includes:

• CSS changes for styling collapsed/expanded states with smooth transitions
• JavaScript logic to detect message height and toggle states
• Click handlers that preserve the code action buttons functionality

These changes have been pushed to the PR branch. Let me know if you'd like any adjustments to the implementation!

💻 View my work • React 👍 or 👎