La sauvegarde automatique évite la perte de données, mais ne permet pas de revenir en arrière après un remaniement de code infructueux. GB Coder intègre un système de snapshots permettant de figer des états de projet, de comparer les différences et de restaurer une version précédente en un clic.

1. Pourquoi le développement local a besoin de jalons

L'enregistrement automatique conserve fidèlement toutes les modifications, y compris les régressions involontaires. Les snapshots constituent des points de repère sûrs avant d'entamer une modification complexe.

2. Création de snapshots nommés depuis la barre d'outils

Appuyez sur Ctrl+Shift+S ou cliquez sur "Créer Snapshot" et nommez votre jalon ("Avant refonte CSS"). L'arborescence complète est enregistrée dans IndexedDB.

3. Comparaison visuelle dans l'éditeur de diff Monaco

Sélectionnez un snapshot pour ouvrir l'éditeur de comparaison côte à côte de Monaco. Les insertions apparaissent en vert et les suppressions en rouge.

// Structure of a snapshot record stored in IndexedDB
{
  "snapshotId": "snap-1729420800000",
  "projectId": "proj-default",
  "label": "Working Form Validation State",
  "createdAt": "2026-10-20T10:40:00.000Z",
  "filesCount": 5,
  "sizeBytes": 14280,
  "fileManifest": ["index.html", "style.css", "script.js"]
}

4. Restauration sécurisée en un seul clic

Si une modification ne donne pas satisfaction, cliquez sur "Restaurer Snapshot". Une sauvegarde automatique de l'état courant peut être créée par précaution avant la restauration.

5. Gestion responsable du quota de stockage IndexedDB

Les snapshots étant stockés dans le navigateur, l'interface indique la taille occupée et permet de supprimer facilement les versions obsolètes.