GenSpark pour VSCode 💫

Intégrez l'intelligence artificielle de GenSpark directement dans Visual Studio Code pour une assistance au développement intelligente et contextuelle.

🎯 Fonctionnalités

💬 Chat Interactif

• Interface de chat intégrée : Discutez avec GenSpark directement depuis la barre latérale de VSCode
• Historique persistant : Conservez vos conversations entre les sessions
• Suggestions contextuelles : Obtenez de l'aide basée sur votre code actuel

🛠️ Commandes Intelligentes

• Expliquer le code (Ctrl+Shift+G) : Obtenez des explications détaillées du code sélectionné
• Améliorer le code : Recevez des suggestions d'optimisation et de refactoring
• Trouver les bugs : Détectez les problèmes potentiels dans votre code
• Générer des tests : Créez automatiquement des tests unitaires
• Traduire le code : Convertissez votre code vers d'autres langages de programmation
• Générer du code : Créez du nouveau code à partir de descriptions en langage naturel

⚡ Raccourcis Clavier

• Ctrl+Shift+G (Windows/Linux) ou Cmd+Shift+G (Mac) : Ouvrir le chat GenSpark
• Ctrl+Shift+A (Windows/Linux) ou Cmd+Shift+A (Mac) : Poser une question rapide

🎨 Interface Utilisateur

• Thème adaptatif : S'adapte automatiquement au thème VSCode (clair/sombre)
• Menu contextuel : Actions rapides disponibles avec un clic droit sur le code
• Barre de statut : Accès rapide à GenSpark depuis la barre de statut

📦 Installation

Option 1 : Installation depuis le fichier VSIX (Recommandé)

1. Compiler l'extension :

   cd genspark-vscode
   npm install
   npm run compile
   npm run package
   

   Cela créera un fichier genspark-1.0.0.vsix

2. Installer dans VSCode :

   • Ouvrez VSCode
   • Appuyez sur Ctrl+Shift+P pour ouvrir la palette de commandes
   • Tapez "Extensions: Install from VSIX..."
   • Sélectionnez le fichier genspark-1.0.0.vsix
   • Redémarrez VSCode

Option 2 : Installation en mode développement

1. Cloner le repository :

   git clone https://github.com/votre-username/genspark-vscode.git
   cd genspark-vscode
   npm install
   

2. Compiler l'extension :

   npm run compile
   

3. Lancer en mode debug :

   • Ouvrez le dossier dans VSCode
   • Appuyez sur F5 pour lancer une nouvelle instance de VSCode avec l'extension

⚙️ Configuration

Accédez aux paramètres de l'extension via : File > Preferences > Settings > Extensions > GenSpark

Options disponibles :

• API Endpoint : URL de l'API GenSpark (par défaut : https://api.genspark.ai)
• API Key : Votre clé API GenSpark (optionnel si utilisation de l'authentification web)
• Auto Save Chat : Sauvegarde automatique de l'historique des conversations
• Max Tokens : Nombre maximum de tokens pour les réponses (par défaut : 2000)
• Temperature : Créativité des réponses (0-1, par défaut : 0.7)
• Theme : Thème de l'interface (auto/light/dark)

🚀 Utilisation

Premier démarrage

1. Cliquez sur l'icône GenSpark dans la barre d'activité (côté gauche)
2. Le panneau de chat s'ouvrira dans la barre latérale
3. Commencez à poser vos questions ou utilisez les commandes

Utilisation avec le code

1. Sélectionnez du code dans l'éditeur
2. Faites un clic droit pour voir les options GenSpark
3. Choisissez l'action désirée :
   • Expliquer le code
   • Améliorer le code
   • Trouver les bugs
   • Générer des tests
   • Traduire vers un autre langage

Chat interactif

1. Ouvrez le panneau GenSpark
2. Tapez votre question dans la zone de texte
3. Appuyez sur Entrée ou cliquez sur Envoyer
4. Les réponses apparaîtront dans le chat
5. Utilisez les boutons d'action rapide pour des tâches communes

🔧 Développement

Structure du projet

genspark-vscode/
├── src/
│   ├── extension.ts           # Point d'entrée principal
│   ├── services/
│   │   └── GenSparkService.ts # Service API GenSpark
│   ├── handlers/
│   │   └── CommandHandler.ts  # Gestionnaire de commandes
│   ├── providers/
│   │   └── ChatViewProvider.ts # Fournisseur de vue webview
│   └── webview/
│       └── main.ts            # JavaScript de la webview
├── media/                     # Ressources (icônes, CSS)
├── package.json              # Manifest de l'extension
└── README.md                 # Documentation

Scripts disponibles

• npm run compile : Compile le TypeScript
• npm run watch : Compile en mode watch
• npm run package : Crée le fichier VSIX
• npm run publish : Publie sur le marketplace VSCode

API GenSpark

L'extension utilise l'API GenSpark pour toutes les interactions IA. Pour implémenter la vraie API, modifiez la méthode simulateAPICall dans GenSparkService.ts :

// Remplacer la simulation par :
const response = await fetch(`${this.apiEndpoint}/chat/completions`, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${this.apiKey}`
    },
    body: JSON.stringify({
        messages: [...],
        max_tokens: this.maxTokens,
        temperature: this.temperature
    })
});

🤝 Contribution

Les contributions sont les bienvenues ! Pour contribuer :

1. Fork le projet
2. Créez une branche pour votre fonctionnalité (git checkout -b feature/AmazingFeature)
3. Committez vos changements (git commit -m 'Add some AmazingFeature')
4. Push vers la branche (git push origin feature/AmazingFeature)
5. Ouvrez une Pull Request

📄 Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.

🆘 Support

Pour toute question ou problème :

• Ouvrez une issue sur GitHub
• Contactez le support GenSpark
• Consultez la documentation VSCode Extension API

🎉 Remerciements

• L'équipe GenSpark pour l'API IA
• La communauté VSCode pour les outils de développement d'extensions
• Tous les contributeurs du projet

Note : Cette extension est actuellement en développement. L'intégration complète avec l'API GenSpark nécessite une clé API valide et l'implémentation des endpoints réels.