tldraw/state/history.ts

67 lines
1.4 KiB
TypeScript

import { Data, Page, PageState } from 'types'
import { BaseCommand } from './commands/command'
import storage from './storage'
// A singleton to manage history changes.
class History<T extends Data> {
private stack: BaseCommand<T>[] = []
private pointer = -1
private maxLength = 100
private _enabled = true
execute = (data: T, command: BaseCommand<T>) => {
command.redo(data, true)
if (this.disabled) return
this.stack = this.stack.slice(0, this.pointer + 1)
this.stack.push(command)
this.pointer++
if (this.stack.length > this.maxLength) {
this.stack = this.stack.slice(this.stack.length - this.maxLength)
this.pointer = this.maxLength - 1
}
storage.save(data)
}
undo = (data: T) => {
if (this.pointer === -1) return
const command = this.stack[this.pointer]
command.undo(data)
if (this.disabled) return
this.pointer--
storage.save(data)
}
redo = (data: T) => {
if (this.pointer === this.stack.length - 1) return
const command = this.stack[this.pointer + 1]
command.redo(data, false)
if (this.disabled) return
this.pointer++
storage.save(data)
}
disable = () => {
this._enabled = false
}
enable = () => {
this._enabled = true
}
pop() {
if (this.stack.length > 0) {
this.stack.pop()
this.pointer--
}
}
get disabled() {
return !this._enabled
}
}
export default new History()