Apocalypse

The apocalypse API provides undo/redo functionality, user can trigger with Ctrl + Z and Ctrl + Y shortcuts. Didn't name it History API because it is already taken by standard Web API.

Introduction

Access the API through the mc.apocalypse object:

let bookmark;
mc.apocalypse.write({
  execute() { // <-- Execute immediately.
    bookmark = createBookmark();
  },
  undo() {
    bookmark.remove();
  },
});

mc.apocalypse.undo(); // Undo previous changes.
mc.apocalypse.redo(); // Redo changes.

Core Methods

apocalypse.write(undoable)

Records an undoable operation in the history stack and executes it immediately.

let originalColor = document.body.style.backgroundColor;
mc.apocalypse.write({
  execute() { // <-- Execute immediately.
    document.body.style.backgroundColor = "blue";
  },
  undo() {
    document.body.style.backgroundColor = originalColor;
  }
});

apocalypse.undo()

Undoes the most recent operation in the history stack.

mc.apocalypse.undo(); // Reverts the last change

apocalypse.redo()

Reapplies a previously undone operation.

mc.apocalypse.redo(); // Reapplies a previously undone change