Automatisch opslaan voorkomt dataverlies bij ongelukken, maar helpt niet als een ingrijpende aanpassing mislukt. GB Coder bevat een lichtgewicht snapshotengine waarmee je herstelpunten met naam vastlegt, verschillen bekijkt en met één klik terugkeert.

1. Waarom lokaal ontwikkelen controlepunten nodig heeft

Automatisch opslaan bewaart ook fouten getrouw. Snapshots bieden veilige herstelpunten voordat je aan een grote refactor begint.

2. Benoemde snapshots maken vanaf de werkbalk

Druk op Ctrl+Shift+S of klik op "Snapshot Maken" en geef een duidelijke omschrijving op, zoals "Vóór Tailwind migratie". De bestandsboom wordt opgeslagen in IndexedDB.

3. Vergelijk wijzigingen in de Monaco Diff-editor

Selecteer een eerder opgeslagen snapshot om de ingebouwde diff-editor te openen. Toegevoegde regels lichten groen op en verwijderde regels rood.

// 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. Veilig herstel met één muisklik

Klik op "Snapshot Herstellen" om terug te keren naar het gekozen punt. Voor de zekerheid kan eerst een veiligheidskopie van de huidige staat worden bewaard.

5. Verantwoord omgaan met IndexedDB-opslagruimte

Omdat snapshots lokaal worden bewaard, biedt het beheerpaneel inzicht in de bestandsgrootte van elk punt en een eenvoudige opschoonfunctie.