Files
arboretum/packages/web/src/composables/useMonaco.ts
Johan LEROY 75efecf93f feat(p8): vue IDE /workspace (arbre + Monaco + diff + terminal)
- backend: garde-fou conflit d'édition par mtime (GET renvoie mtime, PUT refuse en 409 STALE_FILE si baseMtime périmé)
- lib: wt-key (base64url du chemin worktree), diff-parse (parseur pur du diff unifié → hunks)
- composables: useMonaco (import dynamique → chunk isolé), useWorkspaceLayout (largeurs/panneau persistés)
- components/workspace: GitStatusBadge, FileTree+FileTreeNode (lazy fs/list includeFiles), ChangedFilesPanel, DiffViewer (coloration +/-), MonacoEditor (Ctrl+S + bannière conflit reload/overwrite)
- views/WorkspaceView: 3 colonnes desktop redimensionnables + SegmentedControl mobile, header live (GitStatusBadge), watchWorktree → refresh diff/changements, terminal de la session corrélée
- router meta 'ide' + route /workspace/:repoId/:wt ; App.vue plein écran sans AppShell ; WorktreeCard bouton « Ouvrir l'IDE »
- deps: monaco-editor (lazy, vendor-monaco isolé, 0 impact bundle initial) ; vite manualChunks
- i18n EN+FR (workspace/editor/diff/git) ; tests diff-parse + wt-key ; acceptance-p8.mjs (mtime/409 + diff)
2026-06-27 13:47:10 +02:00

11 lines
455 B
TypeScript

// Chargement paresseux de Monaco : le gros paquet n'est tiré qu'à la première ouverture d'un
// fichier dans l'IDE. Mémoïsé (un seul import partagé entre toutes les instances d'éditeur).
import type * as Monaco from 'monaco-editor';
let monacoPromise: Promise<typeof Monaco> | null = null;
export function loadMonaco(): Promise<typeof Monaco> {
monacoPromise ??= import('../lib/monaco-setup').then((m) => m.monaco);
return monacoPromise;
}