kopia lustrzana https://github.com/Tldraw/Tldraw
71 wiersze
1.5 KiB
TypeScript
71 wiersze
1.5 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.savePage(data)
|
|
// storage.saveToLocalStorage(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.savePage(data)
|
|
// storage.saveToLocalStorage(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.savePage(data)
|
|
// storage.saveToLocalStorage(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()
|