Plugin Hub

Le Plugin Hub, c’est là où vous découvrez, installez et lancez de petits outils. Un plugin est un extrait avec une fenêtre, stocké avec vos autres extraits. Vous pouvez aussi l’ouvrir depuis l’onglet Marketplace de la fenêtre de recherche.

Que peuvent faire les plugins ?

Les plugins sont des mini-applications qui tournent dans CodeExpander. Ils peuvent :

• Ajouter des outils personnalisés — convertisseurs d’horodatage, formateurs JSON, pipettes, calculatrices
• Traiter des fichiers — glissez un fichier dans la fenêtre de recherche, un plugin le parse et le transforme
• S’intégrer aux flux — générer des QR codes, encoder/décoder Base64, formater du SQL
• Fournir des fonctions IA — revue de code, commentaires auto, génération de tests

Installer des plugins

Depuis npm (recommandé)

Le moyen le plus rapide d’installer des plugins :

1. Ouvrez le Plugin Hub depuis la fenêtre principale ou la fenêtre de recherche
2. Dans la section Installer, tapez le nom du paquet npm (ex. @codeexpander/plugin-timestamp)
3. Cliquez sur Installer

Les plugins officiels utilisent le préfixe @codeexpander/plugin-* et sont curatés par l’équipe.

Prérequis : Node.js et npm doivent être installés sur votre système.

Depuis un répertoire local

Si vous avez un dossier plugin sur votre machine :

1. Cliquez sur Importer depuis un répertoire
2. Sélectionnez le dossier contenant plugin.json et le fichier d’entrée
3. Le plugin apparaît dans votre liste tout de suite

Depuis l’IA (MCP)

Laissez l’IA créer des plugins pour vous :

1. Activez le serveur MCP dans Paramètres → MCP
2. Connectez votre assistant IA (Cursor, Claude Desktop, etc.)
3. Décrivez ce dont vous avez besoin — ex. « Crée un plugin qui convertit du CSV en tableau Markdown »
4. L’IA génère le plugin et l’installe automatiquement

Gérer les plugins

Parcourir et chercher

Le Plugin Hub affiche tous les plugins installés en cartes. Utilisez le champ de recherche pour filtrer par :

• Nom — ex. « timestamp »
• Catégorie — ex. « Outils développeur », « Convertisseurs »
• Description — recherche par mot-clé

Lancer un plugin

• Depuis le Plugin Hub — Cliquez sur n’importe quelle carte pour ouvrir son UI
• Depuis la fenêtre de recherche — Tapez le nom du plugin ou ses déclencheurs de commande
• Avec des fichiers — Glissez des fichiers dans la fenêtre de recherche ; les plugins fichier-aware s’activent automatiquement

Épingler et organiser

• Épingler les plugins fréquents pour qu’ils apparaissent dans l’état vide de la fenêtre de recherche
• Masquer les plugins rarement utilisés pour réduire le bruit
• Désinstaller pour retirer complètement

Anatomie d’un plugin

Un plugin est essentiellement un extrait spécial avec :

• plugin.json — Métadonnées (nom, description, icône, catégorie, fichier d’entrée)
• Fichier d’entrée — L’UI du plugin (HTML/JS)
• Commandes — Déclencheurs de mots-clés optionnels pour la fenêtre de recherche

Exemple : un plugin « Convertisseur d’horodatage » peut définir :

• Commande : ts — tapez ts 1714392000 dans la recherche pour convertir tout de suite
• UI : un sélecteur de calendrier visuel depuis le Plugin Hub

Créer votre propre plugin

Option 1 : Manuel (pour les développeurs)

Créez un dossier avec :

my-plugin/
  plugin.json    ← manifeste
  index.html     ← UI

Exemple de plugin.json :

{
  "main": "index.html",
  "title": "My Plugin",
  "description": "Does something useful",
  "category": "Tools",
  "features": [
    {
      "code": "myCmd",
      "explain": "Run my command",
      "cmds": ["my", "mp"]
    }
  ]
}

Importez via Plugin Hub → Importer depuis un répertoire.

Option 2 : Assisté IA (pour tout le monde)

Décrivez votre idée à un assistant IA connecté via MCP. L’IA gère :

• L’écriture du HTML/JS
• La création du manifeste
• L’installation automatique

Exemple de prompt : « Crée un plugin qui compte les mots du texte sélectionné. Ajoute une commande wc pour la fenêtre de recherche. »

Sécurité

Les plugins tournent dans une petite fenêtre, avec moins de permissions que l’app principale :

• Ils ne peuvent pas parcourir votre bibliothèque d’extraits directement
• Presse-papiers et toasts attendent votre autorisation
• La liste de plugins peut déclarer quelles capacités de fenêtre elle a besoin ; l’app les applique

Flux typiques

Boîte à outils développeur

Installez : @codeexpander/plugin-timestamp, @codeexpander/plugin-json, @codeexpander/plugin-color

Usage quotidien :

1. Fenêtre de recherche → ts + coller un horodatage → conversion immédiate
2. Fenêtre de recherche → json + coller du JSON → formater et valider
3. Fenêtre de recherche → color + coller un HEX → voir les conversions RGB/HSL

Créateur de contenu

Installez : @codeexpander/plugin-qr, @codeexpander/plugin-base64

1. Fenêtre de recherche → qr + coller une URL → générer une image QR
2. Fenêtre de recherche → b64 + coller du texte → encoder/décoder Base64

Plugins internes d’équipe

Votre équipe construit des plugins internes pour :

• Génération de signatures d’API d’entreprise
• Modèles de documents internes
• Lanceurs de commandes de déploiement

Partagez via un registre npm privé ou une sync de répertoire local.

Backend de plugins

Certains plugins finissent en un clic. D’autres doivent rester un moment. Ouvrez Paramètres → Extensions → Backend de plugins pour plafonner les timeouts et combien peuvent tourner à la fois. Cela reste sur cet ordinateur. Les fenêtres plugin peuvent toucher moins de fichiers que la fenêtre principale, volontairement. En développement, choisissez les dossiers locaux autorisés dans Paramètres.

Développement de plugins

Vous voulez un petit outil « choisir une date, puis insérer ». Vous n’installez pas un second produit. Un plugin est un extrait avec le mode plugin allumé, et il peut ouvrir sa propre petite fenêtre.

La spec écrite est sur la carte Paramètres → MCP.

Voir aussi : MCP