ViteRaptor GUI Extension

🦖 ViteRaptor GUI is a Visual Studio Code extension that provides a beautiful, user-friendly graphical interface for the ViteRaptor CLI tool.

Features

• 🎨 Beautiful Interface: Modern, VS Code-themed UI with animations
• 📝 Form-based Configuration: Easy-to-use forms instead of command-line arguments
• 🚀 One-click Project Creation: Generate React projects with terminal integration
• 📋 Command Generation: Generate CLI commands that you can copy and run manually
• 🔄 Real-time Validation: Instant feedback on project names and settings
• 📁 Directory Selection: Browse and select target directories with ease
• ⚡ Lightning Fast: Built for speed and efficiency
• 🖥️ Terminal Integration: Opens VS Code terminal and runs commands directly

Installation

1. Install the ViteRaptor CLI tool:

   npm install -g viteraptor
   

2. Install this VS Code extension from the marketplace or build from source.

Usage

1. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
2. Type "ViteRaptor" and select "🦖 ViteRaptor: Open Project Generator"
3. Fill in your project configuration:
   • Project Name: Enter a unique name (lowercase, numbers, hyphens only)
   • Language: Choose JavaScript or TypeScript
   • Template: Select from Basic, Context, Router, or Full Stack
   • Options: Toggle Tailwind CSS, Git, auto-install, and dev server
4. Click "🖥️ Open Terminal & Run" or "📋 Generate Command"

Keyboard Shortcuts

• Ctrl/Cmd + Enter: Open terminal and run command
• Ctrl/Cmd + G: Generate command

Templates

• Basic: Minimal React + Vite setup
• Context: Includes pre-configured React Context
• Router: React Router included for navigation
• Full Stack: Both Context and Router included

Requirements

• VS Code 1.74.0 or higher
• Node.js 14+
• ViteRaptor CLI tool installed globally

Commands

This extension contributes the following commands:

• viteraptor-gui.showPanel: Open ViteRaptor GUI panel

Features

🎯 No Dependencies

• Pure JavaScript implementation
• No external dependencies required
• Lightweight and fast

🖥️ Terminal Integration

• Opens VS Code integrated terminal
• Runs commands directly in your workspace
• No need for external processes

🎨 Modern UI

• VS Code theme integration
• Smooth animations and transitions
• Responsive design for all screen sizes

📋 Command Generation

• Generate complete CLI commands
• Copy to clipboard functionality
• Perfect for automation and scripts

Development

To set up for development:

1. Clone this repository
2. Open in VS Code
3. Press F5 to launch a new Extension Development Host window
4. Run the command 🦖 Open ViteRaptor GUI to test

License

MIT License - see LICENSE file for details.

Support

If you encounter any issues or have feature requests, please file them at the GitHub repository.

Enjoy creating React projects with ViteRaptor! 🦖⚡