Memento

// ── Memento: opaco por construção (campo privado) ─────
class Memento {
  #estado;
  constructor(estado) { this.#estado = structuredClone(estado); Object.freeze(this); }
  // Só o Originator usa isto. O Caretaker enxerga apenas os metadados abaixo.
  _restaurar() { return structuredClone(this.#estado); }
  get rotulo() { return this.#estado.rotulo ?? 'snapshot'; }
}

// ── Originator: quem tem o estado sabe salvá-lo ───────
class EditorDeTexto {
  #estado = { texto: '', cursor: 0, selecao: null, rotulo: 'vazio' };

  digitar(t) {
    this.#estado.texto += t;
    this.#estado.cursor = this.#estado.texto.length;
    this.#estado.rotulo = `"${t.slice(0, 12)}"`;
  }
  get texto() { return this.#estado.texto; }

  salvar()          { return new Memento(this.#estado); }
  restaurar(m)      { this.#estado = m._restaurar(); }
}

// ── Caretaker: guarda, mas não entende o conteúdo ─────
class Historico {
  #pilha = [];
  constructor(editor, limite = 50) { this.editor = editor; this.limite = limite; }
  backup() {
    this.#pilha.push(this.editor.salvar());
    if (this.#pilha.length > this.limite) this.#pilha.shift();
  }
  desfazer() { const m = this.#pilha.pop(); if (m) this.editor.restaurar(m); }
  get linha() { return this.#pilha.map(m => m.rotulo); }   // metadados, não o estado
}

const editor = new EditorDeTexto();
const hist = new Historico(editor);

hist.backup(); editor.digitar('Era uma vez ');
hist.backup(); editor.digitar('um padrão ');
hist.backup(); editor.digitar('chamado Memento.');

console.log(editor.texto);   // Era uma vez um padrão chamado Memento.
console.log(hist.linha);     // [ 'vazio', '"Era uma vez "', '"um padrão "' ]
hist.desfazer(); console.log(editor.texto);   // Era uma vez um padrão
hist.desfazer(); console.log(editor.texto);   // Era uma vez