You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
			
				
					121 lines
				
				3.4 KiB
			
		
		
			
		
	
	
					121 lines
				
				3.4 KiB
			| 
								 
											4 years ago
										 
									 | 
							
								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 };
							 |