Johan LEROY
75efecf93f
- 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)
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
// Disposition de la vue IDE persistée en localStorage : largeurs des colonnes (desktop) et
|
|
// panneau actif (mobile). Refs réactives ; chaque changement est réécrit en localStorage.
|
|
import { ref, watch, type Ref } from 'vue';
|
|
|
|
export type MobilePanel = 'files' | 'editor' | 'diff' | 'terminal';
|
|
|
|
function persistedRef<T>(key: string, initial: T): Ref<T> {
|
|
let start = initial;
|
|
try {
|
|
const raw = localStorage.getItem(key);
|
|
if (raw != null) start = JSON.parse(raw) as T;
|
|
} catch {
|
|
/* localStorage indisponible / JSON corrompu : on garde le défaut */
|
|
}
|
|
const r = ref(start) as Ref<T>;
|
|
watch(r, (v) => {
|
|
try {
|
|
localStorage.setItem(key, JSON.stringify(v));
|
|
} catch {
|
|
/* quota / mode privé : silencieux */
|
|
}
|
|
});
|
|
return r;
|
|
}
|
|
|
|
export function useWorkspaceLayout() {
|
|
// largeurs en px des colonnes latérales ; la colonne centrale (éditeur/diff) flexe.
|
|
const leftWidth = persistedRef<number>('arb.ws.leftWidth', 280);
|
|
const rightWidth = persistedRef<number>('arb.ws.rightWidth', 460);
|
|
// `string` (et non MobilePanel) pour rester compatible avec le v-model de SegmentedControl.
|
|
const mobilePanel = persistedRef<string>('arb.ws.mobilePanel', 'files');
|
|
return { leftWidth, rightWidth, mobilePanel };
|
|
}
|