Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add EditHistory, wire META+Z to undo last change
refs #149 * Tests for walkAllLeafSections, undo. fixes bug in walkAllLeafSections when markup section follows list section * add FixedQueue * Used FixedQueue in EditHistory, undo and redo stacks * Editor uses undoDepth option to configure depth of undo stack * Document undoDepth option
- Loading branch information
Showing
13 changed files
with
607 additions
and
25 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,119 @@ | ||
| import mobiledocParsers from 'mobiledoc-kit/parsers/mobiledoc'; | ||
| import Range from 'mobiledoc-kit/utils/cursor/range'; | ||
| import Position from 'mobiledoc-kit/utils/cursor/position'; | ||
| import FixedQueue from 'mobiledoc-kit/utils/fixed-queue'; | ||
|
|
||
| function findLeafSectionAtIndex(post, index) { | ||
| let section; | ||
| post.walkAllLeafSections((_section, _index) => { | ||
| if (index === _index) { | ||
| section = _section; | ||
| } | ||
| }); | ||
| return section; | ||
| } | ||
|
|
||
| export class Snapshot { | ||
| constructor(editor) { | ||
| this.mobiledoc = editor.serialize(); | ||
| this.editor = editor; | ||
|
|
||
| this.snapshotRange(); | ||
| } | ||
|
|
||
| snapshotRange() { | ||
| let { range, cursor } = this.editor; | ||
| if (cursor.hasCursor()) { | ||
| let { head, tail } = range; | ||
| this.range = { | ||
| head: [head.leafSectionIndex, head.offset], | ||
| tail: [tail.leafSectionIndex, tail.offset] | ||
| }; | ||
| } | ||
| } | ||
|
|
||
| getRange(post) { | ||
| if (this.range) { | ||
| let { head, tail } = this.range; | ||
| let [headLeafSectionIndex, headOffset] = head; | ||
| let [tailLeafSectionIndex, tailOffset] = tail; | ||
| let headSection = findLeafSectionAtIndex(post, headLeafSectionIndex); | ||
| let tailSection = findLeafSectionAtIndex(post, tailLeafSectionIndex); | ||
|
|
||
| return new Range(new Position(headSection, headOffset), | ||
| new Position(tailSection, tailOffset)); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| export default class EditHistory { | ||
| constructor(editor, queueLength) { | ||
| this.editor = editor; | ||
| this._undoStack = new FixedQueue(queueLength); | ||
| this._redoStack = new FixedQueue(queueLength); | ||
|
|
||
| this._pendingSnapshot = null; | ||
| } | ||
|
|
||
| snapshot() { | ||
| // update the current snapshot with the range read from DOM | ||
| if (this._pendingSnapshot) { | ||
| this._pendingSnapshot.snapshotRange(); | ||
| } | ||
| } | ||
|
|
||
| storeSnapshot() { | ||
| // store pending snapshot | ||
| if (this._pendingSnapshot) { | ||
| this._undoStack.push(this._pendingSnapshot); | ||
| this._redoStack.clear(); | ||
| } | ||
|
|
||
| // take new pending snapshot to store next time `storeSnapshot` is called | ||
| this._pendingSnapshot = new Snapshot(this.editor); | ||
| } | ||
|
|
||
| stepBackward(postEditor) { | ||
| // Throw away the pending snapshot | ||
| this._pendingSnapshot = null; | ||
|
|
||
| let snapshot = this._undoStack.pop(); | ||
| if (snapshot) { | ||
| this._redoStack.push(new Snapshot(this.editor)); | ||
| this._restoreFromSnapshot(snapshot, postEditor); | ||
| } | ||
| } | ||
|
|
||
| stepForward(postEditor) { | ||
| let snapshot = this._redoStack.pop(); | ||
| if (snapshot) { | ||
| this._undoStack.push(new Snapshot(this.editor)); | ||
| this._restoreFromSnapshot(snapshot, postEditor); | ||
| } | ||
| postEditor.cancelSnapshot(); | ||
| } | ||
|
|
||
| _restoreFromSnapshot(snapshot, postEditor) { | ||
| let { mobiledoc } = snapshot; | ||
| let { editor } = this; | ||
| let { builder, post } = editor; | ||
| let restoredPost = mobiledocParsers.parse(builder, mobiledoc); | ||
|
|
||
| // remove existing sections | ||
| post.sections.toArray().forEach(section => { | ||
| postEditor.removeSection(section); | ||
| }); | ||
|
|
||
| // append restored sections | ||
| restoredPost.sections.toArray().forEach(section => { | ||
| restoredPost.sections.remove(section); | ||
| postEditor.insertSectionBefore(post.sections, section, null); | ||
| }); | ||
|
|
||
| // resurrect snapshotted range if it exists | ||
| let newRange = snapshot.getRange(post); | ||
| if (newRange) { | ||
| postEditor.setRange(newRange); | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.