O salvamento automático evita perdas acidentais, mas não ajuda quando uma grande refatoração dá errado. O GB Coder conta com um motor de snapshots que permite criar marcos identificados, inspecionar diferenças visuais e restaurar versões anteriores em um clique dentro do IndexedDB.

1. Por que o desenvolvimento local precisa de marcos intencionais

O autosave salva inclusive o código com defeito. Snapshots criam pontos seguros para você experimentar mudanças estruturais com tranquilidade.

2. Criando snapshots nomeados na barra de projetos

Pressione Ctrl+Shift+S ou clique em "Criar Snapshot" e digite um nome como "Antes da migração Tailwind". Toda a árvore virtual é gravada no IndexedDB.

3. Editor de diff no Monaco para comparação lado a lado

Abra o gerenciador de snapshots e escolha um ponto histórico para abrir o editor de diff. Inserções aparecem em verde e remoções em vermelho.

// 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. Restauração segura com um único clique

Se o teste não der certo, basta clicar em "Restaurar Snapshot". O sistema ainda oferece salvar o estado atual como garantia antes de sobrescrever.

5. Gestão de espaço de armazenamento no IndexedDB

Como os snapshots ficam no navegador, o painel exibe o tamanho ocupado por cada versão e permite apagar marcos antigos facilmente.