Add history

src/app/app.ts

@@ -95,6 +95,8 @@ Promise.all([
   const treeControlsVersionToggle = document.getElementById('tree-controls-version-toggle')!
   const treeControlsVersionMenu = document.getElementById('tree-controls-version-menu')!
   const treeControlsReset = document.getElementById('tree-controls-reset')!
+  const treeControlsUndo = document.getElementById('tree-controls-undo')!
+  const treeControlsRedo = document.getElementById('tree-controls-redo')!
 
   let selected = modelFromPath(location.pathname)
 
@@ -253,6 +255,22 @@ Promise.all([
     addChecked(treeControlsReset)
   })
 
+  treeControlsUndo.addEventListener('click', evt => {
+    models[selected].undo()
+  })
+
+  treeControlsRedo.addEventListener('click', evt => {
+    models[selected].redo()
+  })
+
+  document.addEventListener('keyup', evt => {
+    if (evt.ctrlKey && evt.key === 'z') {
+      models[selected].undo()
+    } else if (evt.ctrlKey && evt.key === 'y') {
+      models[selected].redo()
+    }
+  })
+
   errorsToggle.addEventListener('click', evt => {
     if (errorsViewEl.classList.contains('hidden')) {
       errorsViewEl.classList.remove('hidden')