import Parchment from 'parchment'; import Quill from '../core/quill'; import Module from '../core/module'; class History extends Module { constructor(quill, options) { super(quill, options); this.lastRecorded = 0; this.ignoreChange = false; this.clear(); this.quill.on(Quill.events.EDITOR_CHANGE, (eventName, delta, oldDelta, source) => { if (eventName !== Quill.events.TEXT_CHANGE || this.ignoreChange) return; if (!this.options.userOnly || source === Quill.sources.USER) { this.record(delta, oldDelta); } else { this.transform(delta); } }); this.quill.keyboard.addBinding({ key: 'Z', shortKey: true }, this.undo.bind(this)); this.quill.keyboard.addBinding({ key: 'Z', shortKey: true, shiftKey: true }, this.redo.bind(this)); if (/Win/i.test(navigator.platform)) { this.quill.keyboard.addBinding({ key: 'Y', shortKey: true }, this.redo.bind(this)); } } change(source, dest) { if (this.stack[source].length === 0) return; let delta = this.stack[source].pop(); this.stack[dest].push(delta); this.lastRecorded = 0; this.ignoreChange = true; this.quill.updateContents(delta[source], Quill.sources.USER); this.ignoreChange = false; let index = getLastChangeIndex(delta[source]); this.quill.setSelection(index); } clear() { this.stack = { undo: [], redo: [] }; } cutoff() { this.lastRecorded = 0; } record(changeDelta, oldDelta) { if (changeDelta.ops.length === 0) return; this.stack.redo = []; let undoDelta = this.quill.getContents().diff(oldDelta); let timestamp = Date.now(); if (this.lastRecorded + this.options.delay > timestamp && this.stack.undo.length > 0) { let delta = this.stack.undo.pop(); undoDelta = undoDelta.compose(delta.undo); changeDelta = delta.redo.compose(changeDelta); } else { this.lastRecorded = timestamp; } this.stack.undo.push({ redo: changeDelta, undo: undoDelta }); if (this.stack.undo.length > this.options.maxStack) { this.stack.undo.shift(); } } redo() { this.change('redo', 'undo'); } transform(delta) { this.stack.undo.forEach(function(change) { change.undo = delta.transform(change.undo, true); change.redo = delta.transform(change.redo, true); }); this.stack.redo.forEach(function(change) { change.undo = delta.transform(change.undo, true); change.redo = delta.transform(change.redo, true); }); } undo() { this.change('undo', 'redo'); } } History.DEFAULTS = { delay: 1000, maxStack: 100, userOnly: false }; function endsWithNewlineChange(delta) { let lastOp = delta.ops[delta.ops.length - 1]; if (lastOp == null) return false; if (lastOp.insert != null) { return typeof lastOp.insert === 'string' && lastOp.insert.endsWith('\n'); } if (lastOp.attributes != null) { return Object.keys(lastOp.attributes).some(function(attr) { return Parchment.query(attr, Parchment.Scope.BLOCK) != null; }); } return false; } function getLastChangeIndex(delta) { let deleteLength = delta.reduce(function(length, op) { length += (op.delete || 0); return length; }, 0); let changeIndex = delta.length() - deleteLength; if (endsWithNewlineChange(delta)) { changeIndex -= 1; } return changeIndex; } export { History as default, getLastChangeIndex };