NGE IDE

Un éditeur de code extensible, dans le navigateur, écrit en Angular.

Front: Angular · Monaco

Pourquoi

Un IDE là où on ne peut pas en installer un

PLaTon a besoin que ses auteurs d'exercices écrivent du code directement dans le navigateur : pas d'installation, pas de configuration, juste un onglet. Les éditeurs existants faisaient l'affaire pour éditer un fichier, mais pas pour reconstruire l'expérience d'un vrai IDE, avec son explorateur, sa recherche et ses réglages.

NGE IDE assemble ces pièces autour de Monaco, le moteur de VS Code, et les ouvre à l'extension : on branche ses propres éditeurs, ses vues et ses commandes par un petit système de contributions.

Ce qu'il y a dedans

Un IDE, découpé en modules

nge-ide/core Le noyau : système de fichiers, éditeurs, thèmes et l'API de contributions qui rend le tout extensible. GitHub

nge-ide/explorer L'arbre de fichiers dans la barre latérale. GitHub

nge-ide/search La recherche à travers un système de fichiers qui la supporte. GitHub

nge-ide/settings L'éditeur de réglages et son entrée dans la barre latérale. GitHub

À quoi ça ressemble

Un vrai éditeur, dans un onglet

L'éditeur de code NGE IDE dans le navigateur

La preuve

Il tourne pour de vrais étudiants

NGE IDE est l'éditeur intégré de PLaTon : c'est là que les enseignants de l'Université Gustave Eiffel et de ses partenaires écrivent et testent leurs exercices. Un éditeur qu'on utilise soi-même pour livrer un produit reste un éditeur honnête.

La même exigence

Une interface complexe à dompter ?

Construire un IDE apprend à découper une application riche en modules qui restent maintenables.