From 509bfbe7497a17d7a1519fce483e6d5ae39ae2f4 Mon Sep 17 00:00:00 2001
From: Juan Manuel Giraldo <84339390+juanmagiraldor@users.noreply.github.com>
Date: Tue, 17 Oct 2023 12:06:10 -0500
Subject: [PATCH] Solve undo with custom blocks (#230)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Solve undo with custom blocks

Co-authored-by: David Roldán <Odraxs@users.noreply.github.com>

* Solve github endpoint

Co-authored-by: David Roldán <Odraxs@users.noreply.github.com>

* Implement defaultBlock in initialData

Co-authored-by: Edwin Steven Guayacan <EdwinGuayacan@users.noreply.github.com>

---------

Co-authored-by: David Roldán <Odraxs@users.noreply.github.com>
Co-authored-by: Mario Rodriguez <64106728+MarioRodriguezS@users.noreply.github.com>
Co-authored-by: Edwin Steven Guayacan <EdwinGuayacan@users.noreply.github.com>
---
 .github/workflows/codeql.yml | 1 +
 dist/bundle.js               | 2 +-
 src/index.js                 | 9 +++++----
 test/fixtures/editor.js      | 4 +++-
 test/undo.test.js            | 2 +-
 5 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/codeql.yml b/.github/workflows/codeql.yml
index accc179..5b0db6b 100644
--- a/.github/workflows/codeql.yml
+++ b/.github/workflows/codeql.yml
@@ -47,6 +47,7 @@ jobs:
           egress-policy: block
           allowed-endpoints: >
             *.github.com:443
+            github.com:443
             *.githubapp.com:443
             *.githubusercontent.com:443
 
diff --git a/dist/bundle.js b/dist/bundle.js
index 10c81ce..42eb213 100644
--- a/dist/bundle.js
+++ b/dist/bundle.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Undo=t():e.Undo=t()}(self,(()=>(()=>{var e={571:function(e,t){var n,i;n=function(e){"use strict";var t=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),n=function(){function e(t){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.target=t,this.isContentEditable=t&&t.contentEditable}return t(e,[{key:"getPos",value:function(){if(document.activeElement!==this.target)return-1;if(this.isContentEditable){this.target.focus();var e=document.getSelection().getRangeAt(0),t=e.cloneRange();return t.selectNodeContents(this.target),t.setEnd(e.endContainer,e.endOffset),t.toString().length}return this.target.selectionStart}},{key:"setPos",value:function(e){if(this.isContentEditable){if(e>=0){var t=window.getSelection(),n=this.createRange(this.target,{count:e});n&&(n.collapse(!1),t.removeAllRanges(),t.addRange(n))}}else this.target.setSelectionRange(e,e)}},{key:"createRange",value:function(e,t,n){if(n||((n=document.createRange()).selectNode(e),n.setStart(e,0)),0===t.count)n.setEnd(e,t.count);else if(e&&t.count>0)if(e.nodeType===Node.TEXT_NODE)e.textContent.length<t.count?t.count-=e.textContent.length:(n.setEnd(e,t.count),t.count=0);else for(var i=0;i<e.childNodes.length&&(n=this.createRange(e.childNodes[i],t,n),0!==t.count);i++);return n}}]),e}();e.exports=n},void 0===(i=n.apply(t,[e]))||(e.exports=i)},334:(e,t,n)=>{e.exports=n(571)}},t={};function n(i){var o=t[i];if(void 0!==o)return o.exports;var r=t[i]={exports:{}};return e[i].call(r.exports,r,r.exports,n),r.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var i={};return(()=>{"use strict";n.d(i,{default:()=>u});var e=n(334),t=n.n(e);function o(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var r=function(){function e(t,n,i){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.holder=n,this.observer=null,this.debounceTimer=i,this.mutationDebouncer=this.debounce((function(){t()}),this.debounceTimer)}var t,n;return t=e,n=[{key:"setMutationObserver",value:function(){var e=this,t=this.holder.querySelector(".codex-editor__redactor");this.observer=new MutationObserver((function(t){e.mutationHandler(t)})),this.observer.observe(t,{childList:!0,attributes:!0,subtree:!0,characterData:!0,characterDataOldValue:!0})}},{key:"mutationHandler",value:function(e){var t=this,n=!1;e.forEach((function(e){switch(e.type){case"childList":e.target===t.holder?t.onDestroy():n=!0;break;case"characterData":n=!0;break;case"attributes":e.target.classList.contains("ce-block")||e.target.classList.contains("tc-toolbox")||(n=!0)}})),n&&this.mutationDebouncer()}},{key:"debounce",value:function(e,t){var n,i=this;return function(){for(var o=arguments.length,r=new Array(o),s=0;s<o;s++)r[s]=arguments[s];var a=i;clearTimeout(n),n=setTimeout((function(){return e.apply(a,r)}),t)}}},{key:"onDestroy",value:function(){var e=new CustomEvent("destroy");document.dispatchEvent(e),this.observer.disconnect()}}],n&&o(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var u=function(){function e(t){var n=this,i=t.editor,o=t.config,s=void 0===o?{}:o,c=t.onUpdate,l=t.maxLength;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var u={maxLength:30,onUpdate:function(){},config:{debounceTimer:200,shortcuts:{undo:["CMD+Z"],redo:["CMD+Y","CMD+SHIFT+Z"]}}},h=i.blocks,d=i.caret,f=i.configuration,p=f.holder,v=u.config.shortcuts,k=s.shortcuts,y=a(a({},v),k),b=Array.isArray(y.undo)?y.undo:[y.undo],g=Array.isArray(y.redo)?y.redo:[y.redo],m=u.config.debounceTimer,x=s.debounceTimer,O=void 0===x?m:x;this.holder="string"==typeof p?document.getElementById(p):p,this.editor=i,this.blocks=h,this.caret=d,this.shouldSaveHistory=!0,this.readOnly=f.readOnly,this.maxLength=l||u.maxLength,this.onUpdate=c||u.onUpdate,this.config={debounceTimer:O,shortcuts:{undo:b,redo:g}},new r((function(){return n.registerChange()}),this.holder,this.config.debounceTimer).setMutationObserver(),this.setEventListeners(),this.initialItem=null,this.clear()}var n,i,o;return n=e,o=[{key:"isReadOnlySupported",get:function(){return!0}}],(i=[{key:"truncate",value:function(e,t){for(;e.length>t;)e.shift()}},{key:"initialize",value:function(e){var t="blocks"in e?e.blocks:e,n={index:t.length-1,state:t};this.stack[0]=n,this.initialItem=n}},{key:"clear",value:function(){this.stack=this.initialItem?[this.initialItem]:[{index:0,state:[{type:"paragraph",data:{text:""}}]}],this.position=0,this.onUpdate()}},{key:"setReadOnly",value:function(){var e=this.holder.querySelector(".ce-toolbox");this.readOnly=!e}},{key:"registerChange",value:function(){var e=this;this.setReadOnly(),this.readOnly||(this.editor&&this.editor.save&&this.shouldSaveHistory&&this.editor.save().then((function(t){e.editorDidUpdate(t.blocks)&&e.save(t.blocks)})),this.shouldSaveHistory=!0)}},{key:"editorDidUpdate",value:function(e){var t=this.stack[this.position].state;return!!e.length&&(e.length!==t.length||JSON.stringify(t)!==JSON.stringify(e))}},{key:"save",value:function(e){this.position>=this.maxLength&&this.truncate(this.stack,this.maxLength),this.position=Math.min(this.position,this.stack.length-1),this.stack=this.stack.slice(0,this.position+1);var t=this.blocks.getCurrentBlockIndex(),n=this.blocks.getBlocksCount(),i=t;e[t]||(i-=n-e.length);var o=!e[i]||"paragraph"!==e[i].type&&"header"!==e[i].type?null:this.getCaretIndex(t);this.stack.push({index:i,state:e,caretIndex:o}),this.position+=1,this.onUpdate()}},{key:"getCaretIndex",value:function(e){var n=this.holder.getElementsByClassName("ce-block__content");return new(t())(n[e].firstChild).getPos()}},{key:"insertDeletedBlock",value:function(e,t,n){for(var i=0;i<e.length;i+=1)if(!t[i]||e[i].id!==t[i].id){this.blocks.insert(e[i].type,e[i].data,{},i,!0),this.caret.setToBlock(n,"end");break}}},{key:"blockWasDropped",value:function(e,t){return e.length===t.length&&e.some((function(e,n){return e.id!==t[n].id}))}},{key:"blockWasSkipped",value:function(e,t,n,i){return e<t&&n.length!==i.length}},{key:"contentChangedInNoFocusBlock",value:function(e,t){return e!==t}},{key:"blockWasDeleted",value:function(e,t){return e.length>t.length}},{key:"undo",value:function(){var e=this;if(this.canUndo()){var t=this.stack[this.position],n=t.index,i=t.state;this.position-=1,this.shouldSaveHistory=!1;var o=this.stack[this.position].index,r=this.stack[this.position],s=r.state,a=r.caretIndex;this.onUpdate();var c=this.blocks.getBlocksCount();if(s[o]||(o-=1,this.stack[this.position].index=o),this.blockWasDeleted(s,i))this.insertDeletedBlock(s,i,o);else if(this.blockWasSkipped(o,n,s,i))this.blocks.delete(),this.caret.setToBlock(o,"end");else if(c>s.length)this.blocks.render({blocks:s}).then((function(){e.editor.blocks.insert("paragraph",{text:""}),e.caret.setToLastBlock("end")}));else if(this.blockWasDropped(s,i))this.blocks.render({blocks:s}).then((function(){return e.caret.setToBlock(o,"end")}));else if(this.contentChangedInNoFocusBlock(o,n)){var l=this.blocks.getBlockByIndex(n).id;this.blocks.update(l,s[n].data),this.setCaretIndex(o,a)}var u=this.blocks.getBlockByIndex(o);u&&(this.blocks.update(u.id,s[o].data),this.setCaretIndex(o,a))}}},{key:"setCaretIndex",value:function(e,n){if(n&&-1!==n){var i=this.holder.getElementsByClassName("ce-block__content");new(t())(i[e].firstChild).setPos(n)}else this.caret.setToBlock(e,"end")}},{key:"insertBlock",value:function(e,t){this.blocks.insert(e[t].type,e[t].data,{},t,!0)}},{key:"insertSkippedBlocks",value:function(e,t){for(var n=e;n<t.length;n+=1)this.insertBlock(t,n)}},{key:"redo",value:function(){var e=this;if(this.canRedo()){this.position+=1,this.shouldSaveHistory=!1;var t=this.stack[this.position],n=t.index,i=t.state,o=t.caretIndex,r=this.stack[this.position-1],s=r.index,a=r.state;this.blockWasDeleted(a,i)?(this.blocks.delete(),this.caret.setToBlock(n,"end")):this.blockWasSkipped(s,n,i,a)?(this.insertSkippedBlocks(a.length,i),this.caret.setToBlock(n,"end")):this.blockWasDropped(i,a)&&1!==this.position&&this.blocks.render({blocks:i}).then((function(){return e.caret.setToBlock(n,"end")})),this.onUpdate();var c=this.blocks.getBlockByIndex(n);c&&(this.blocks.update(c.id,i[n].data),this.setCaretIndex(n,o))}}},{key:"canUndo",value:function(){return!this.readOnly&&this.position>0}},{key:"canRedo",value:function(){return!this.readOnly&&this.position<this.count()}},{key:"count",value:function(){return this.stack.length-1}},{key:"parseKeys",value:function(e){var t={CMD:/(Mac)/i.test(navigator.platform)?"metaKey":"ctrlKey",ALT:"altKey",SHIFT:"shiftKey"},n=e.slice(0,-1).map((function(e){return t[e]})),i=n.includes("shiftKey")&&2===e.length?e[e.length-1].toUpperCase():e[e.length-1].toLowerCase();return n.push(i),n}},{key:"setEventListeners",value:function(){var e=this,t=this.holder,n=this.config.shortcuts,i=n.undo,o=n.redo,r=i.map((function(e){return e.replace(/ /g,"").split("+")})),s=o.map((function(e){return e.replace(/ /g,"").split("+")})),a=r.map((function(t){return e.parseKeys(t)})),c=s.map((function(t){return e.parseKeys(t)})),l=function(e,t){return t.reduce((function(t,n){return t||function(e,t){return 3===t.length&&e[t[0]]&&e[t[1]]&&e.key.toLowerCase()===t[2]}(e,n)}),!1)},u=function(e,t,n){return!(!function(e,t){return t.reduce((function(t,n){return t||function(e,t){return 2===t.length&&e[t[0]]&&e.key.toLowerCase()===t[1]}(e,n)}),!1)}(e,t)||l(e,n))||!!l(e,t)},h=function(t){u(t,a,c)&&(t.preventDefault(),e.undo())},d=function(t){u(t,c,a)&&(t.preventDefault(),e.redo())};t.addEventListener("keydown",h),t.addEventListener("keydown",d),t.addEventListener("destroy",(function(){t.removeEventListener("keydown",h),t.removeEventListener("keydown",d)}))}}])&&l(n.prototype,i),o&&l(n,o),Object.defineProperty(n,"prototype",{writable:!1}),e}()})(),i.default})()));
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Undo=t():e.Undo=t()}(self,(()=>(()=>{var e={571:function(e,t){var n,i;n=function(e){"use strict";var t=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),n=function(){function e(t){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.target=t,this.isContentEditable=t&&t.contentEditable}return t(e,[{key:"getPos",value:function(){if(document.activeElement!==this.target)return-1;if(this.isContentEditable){this.target.focus();var e=document.getSelection().getRangeAt(0),t=e.cloneRange();return t.selectNodeContents(this.target),t.setEnd(e.endContainer,e.endOffset),t.toString().length}return this.target.selectionStart}},{key:"setPos",value:function(e){if(this.isContentEditable){if(e>=0){var t=window.getSelection(),n=this.createRange(this.target,{count:e});n&&(n.collapse(!1),t.removeAllRanges(),t.addRange(n))}}else this.target.setSelectionRange(e,e)}},{key:"createRange",value:function(e,t,n){if(n||((n=document.createRange()).selectNode(e),n.setStart(e,0)),0===t.count)n.setEnd(e,t.count);else if(e&&t.count>0)if(e.nodeType===Node.TEXT_NODE)e.textContent.length<t.count?t.count-=e.textContent.length:(n.setEnd(e,t.count),t.count=0);else for(var i=0;i<e.childNodes.length&&(n=this.createRange(e.childNodes[i],t,n),0!==t.count);i++);return n}}]),e}();e.exports=n},void 0===(i=n.apply(t,[e]))||(e.exports=i)},334:(e,t,n)=>{e.exports=n(571)}},t={};function n(i){var o=t[i];if(void 0!==o)return o.exports;var r=t[i]={exports:{}};return e[i].call(r.exports,r,r.exports,n),r.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var i={};return(()=>{"use strict";n.d(i,{default:()=>u});var e=n(334),t=n.n(e);function o(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var r=function(){function e(t,n,i){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.holder=n,this.observer=null,this.debounceTimer=i,this.mutationDebouncer=this.debounce((function(){t()}),this.debounceTimer)}var t,n;return t=e,n=[{key:"setMutationObserver",value:function(){var e=this,t=this.holder.querySelector(".codex-editor__redactor");this.observer=new MutationObserver((function(t){e.mutationHandler(t)})),this.observer.observe(t,{childList:!0,attributes:!0,subtree:!0,characterData:!0,characterDataOldValue:!0})}},{key:"mutationHandler",value:function(e){var t=this,n=!1;e.forEach((function(e){switch(e.type){case"childList":e.target===t.holder?t.onDestroy():n=!0;break;case"characterData":n=!0;break;case"attributes":e.target.classList.contains("ce-block")||e.target.classList.contains("tc-toolbox")||(n=!0)}})),n&&this.mutationDebouncer()}},{key:"debounce",value:function(e,t){var n,i=this;return function(){for(var o=arguments.length,r=new Array(o),s=0;s<o;s++)r[s]=arguments[s];var a=i;clearTimeout(n),n=setTimeout((function(){return e.apply(a,r)}),t)}}},{key:"onDestroy",value:function(){var e=new CustomEvent("destroy");document.dispatchEvent(e),this.observer.disconnect()}}],n&&o(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var u=function(){function e(t){var n=this,i=t.editor,o=t.config,s=void 0===o?{}:o,c=t.onUpdate,l=t.maxLength;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var u={maxLength:30,onUpdate:function(){},config:{debounceTimer:200,shortcuts:{undo:["CMD+Z"],redo:["CMD+Y","CMD+SHIFT+Z"]}}},h=i.blocks,d=i.caret,f=i.configuration,p=f.holder,k=f.defaultBlock,v=u.config.shortcuts,y=s.shortcuts,b=a(a({},v),y),g=Array.isArray(b.undo)?b.undo:[b.undo],m=Array.isArray(b.redo)?b.redo:[b.redo],x=u.config.debounceTimer,O=s.debounceTimer,C=void 0===O?x:O;this.holder="string"==typeof p?document.getElementById(p):p,this.editor=i,this.defaultBlock=k,this.blocks=h,this.caret=d,this.shouldSaveHistory=!0,this.readOnly=f.readOnly,this.maxLength=l||u.maxLength,this.onUpdate=c||u.onUpdate,this.config={debounceTimer:C,shortcuts:{undo:g,redo:m}},new r((function(){return n.registerChange()}),this.holder,this.config.debounceTimer).setMutationObserver(),this.setEventListeners(),this.initialItem=null,this.clear()}var n,i,o;return n=e,o=[{key:"isReadOnlySupported",get:function(){return!0}}],(i=[{key:"truncate",value:function(e,t){for(;e.length>t;)e.shift()}},{key:"initialize",value:function(e){var t="blocks"in e?e.blocks:e,n={index:t.length-1,state:t};this.stack[0]=n,this.initialItem=n}},{key:"clear",value:function(){this.stack=this.initialItem?[this.initialItem]:[{index:0,state:[{type:this.defaultBlock,data:{}}]}],this.position=0,this.onUpdate()}},{key:"setReadOnly",value:function(){var e=this.holder.querySelector(".ce-toolbox");this.readOnly=!e}},{key:"registerChange",value:function(){var e=this;this.setReadOnly(),this.readOnly||(this.editor&&this.editor.save&&this.shouldSaveHistory&&this.editor.save().then((function(t){e.editorDidUpdate(t.blocks)&&e.save(t.blocks)})),this.shouldSaveHistory=!0)}},{key:"editorDidUpdate",value:function(e){var t=this.stack[this.position].state;return!!e.length&&(e.length!==t.length||JSON.stringify(t)!==JSON.stringify(e))}},{key:"save",value:function(e){this.position>=this.maxLength&&this.truncate(this.stack,this.maxLength),this.position=Math.min(this.position,this.stack.length-1),this.stack=this.stack.slice(0,this.position+1);var t=this.blocks.getCurrentBlockIndex(),n=this.blocks.getBlocksCount(),i=t;e[t]||(i-=n-e.length);var o=!e[i]||"paragraph"!==e[i].type&&"header"!==e[i].type?null:this.getCaretIndex(t);this.stack.push({index:i,state:e,caretIndex:o}),this.position+=1,this.onUpdate()}},{key:"getCaretIndex",value:function(e){var n=this.holder.getElementsByClassName("ce-block__content");return new(t())(n[e].firstChild).getPos()}},{key:"insertDeletedBlock",value:function(e,t,n){for(var i=0;i<e.length;i+=1)if(!t[i]||e[i].id!==t[i].id){this.blocks.insert(e[i].type,e[i].data,{},i,!0),this.caret.setToBlock(n,"end");break}}},{key:"blockWasDropped",value:function(e,t){return e.length===t.length&&e.some((function(e,n){return e.id!==t[n].id}))}},{key:"blockWasSkipped",value:function(e,t,n,i){return e<t&&n.length!==i.length}},{key:"contentChangedInNoFocusBlock",value:function(e,t){return e!==t}},{key:"blockWasDeleted",value:function(e,t){return e.length>t.length}},{key:"undo",value:function(){var e=this;if(this.canUndo()){var t=this.stack[this.position],n=t.index,i=t.state;this.position-=1,this.shouldSaveHistory=!1;var o=this.stack[this.position].index,r=this.stack[this.position],s=r.state,a=r.caretIndex;this.onUpdate();var c=this.blocks.getBlocksCount();if(s[o]||(o-=1,this.stack[this.position].index=o),this.blockWasDeleted(s,i))this.insertDeletedBlock(s,i,o);else if(this.blockWasSkipped(o,n,s,i))this.blocks.delete(),this.caret.setToBlock(o,"end");else if(c>s.length)this.blocks.render({blocks:s}).then((function(){e.editor.blocks.insert(e.defaultBlock,{}),e.caret.setToLastBlock("end")}));else if(this.blockWasDropped(s,i))this.blocks.render({blocks:s}).then((function(){return e.caret.setToBlock(o,"end")}));else if(this.contentChangedInNoFocusBlock(o,n)){var l=this.blocks.getBlockByIndex(n).id;this.blocks.update(l,s[n].data),this.setCaretIndex(o,a)}var u=this.blocks.getBlockByIndex(o);u&&(this.blocks.update(u.id,s[o].data),this.setCaretIndex(o,a))}}},{key:"setCaretIndex",value:function(e,n){if(n&&-1!==n){var i=this.holder.getElementsByClassName("ce-block__content");new(t())(i[e].firstChild).setPos(n)}else this.caret.setToBlock(e,"end")}},{key:"insertBlock",value:function(e,t){this.blocks.insert(e[t].type,e[t].data,{},t,!0)}},{key:"insertSkippedBlocks",value:function(e,t){for(var n=e;n<t.length;n+=1)this.insertBlock(t,n)}},{key:"redo",value:function(){var e=this;if(this.canRedo()){this.position+=1,this.shouldSaveHistory=!1;var t=this.stack[this.position],n=t.index,i=t.state,o=t.caretIndex,r=this.stack[this.position-1],s=r.index,a=r.state;this.blockWasDeleted(a,i)?(this.blocks.delete(),this.caret.setToBlock(n,"end")):this.blockWasSkipped(s,n,i,a)?(this.insertSkippedBlocks(a.length,i),this.caret.setToBlock(n,"end")):this.blockWasDropped(i,a)&&1!==this.position&&this.blocks.render({blocks:i}).then((function(){return e.caret.setToBlock(n,"end")})),this.onUpdate();var c=this.blocks.getBlockByIndex(n);c&&(this.blocks.update(c.id,i[n].data),this.setCaretIndex(n,o))}}},{key:"canUndo",value:function(){return!this.readOnly&&this.position>0}},{key:"canRedo",value:function(){return!this.readOnly&&this.position<this.count()}},{key:"count",value:function(){return this.stack.length-1}},{key:"parseKeys",value:function(e){var t={CMD:/(Mac)/i.test(navigator.platform)?"metaKey":"ctrlKey",ALT:"altKey",SHIFT:"shiftKey"},n=e.slice(0,-1).map((function(e){return t[e]})),i=n.includes("shiftKey")&&2===e.length?e[e.length-1].toUpperCase():e[e.length-1].toLowerCase();return n.push(i),n}},{key:"setEventListeners",value:function(){var e=this,t=this.holder,n=this.config.shortcuts,i=n.undo,o=n.redo,r=i.map((function(e){return e.replace(/ /g,"").split("+")})),s=o.map((function(e){return e.replace(/ /g,"").split("+")})),a=r.map((function(t){return e.parseKeys(t)})),c=s.map((function(t){return e.parseKeys(t)})),l=function(e,t){return t.reduce((function(t,n){return t||function(e,t){return 3===t.length&&e[t[0]]&&e[t[1]]&&e.key.toLowerCase()===t[2]}(e,n)}),!1)},u=function(e,t,n){return!(!function(e,t){return t.reduce((function(t,n){return t||function(e,t){return 2===t.length&&e[t[0]]&&e.key.toLowerCase()===t[1]}(e,n)}),!1)}(e,t)||l(e,n))||!!l(e,t)},h=function(t){u(t,a,c)&&(t.preventDefault(),e.undo())},d=function(t){u(t,c,a)&&(t.preventDefault(),e.redo())};t.addEventListener("keydown",h),t.addEventListener("keydown",d),t.addEventListener("destroy",(function(){t.removeEventListener("keydown",h),t.removeEventListener("keydown",d)}))}}])&&l(n.prototype,i),o&&l(n,o),Object.defineProperty(n,"prototype",{writable:!1}),e}()})(),i.default})()));
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 568472c..dca9f7f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -31,7 +31,7 @@ export default class Undo {
 
     const { blocks, caret } = editor;
     const { configuration } = editor;
-    const { holder } = configuration;
+    const { holder, defaultBlock } = configuration;
     const defaultShortcuts = defaultOptions.config.shortcuts;
     const { shortcuts: configShortcuts } = config;
     const shortcuts = { ...defaultShortcuts, ...configShortcuts };
@@ -43,6 +43,7 @@ export default class Undo {
     this.holder =
       typeof holder === "string" ? document.getElementById(holder) : holder;
     this.editor = editor;
+    this.defaultBlock = defaultBlock;
     this.blocks = blocks;
     this.caret = caret;
     this.shouldSaveHistory = true;
@@ -104,7 +105,7 @@ export default class Undo {
   clear() {
     this.stack = this.initialItem
       ? [this.initialItem]
-      : [{ index: 0, state: [{ type: "paragraph", data: { text: "" } }] }];
+      : [{ index: 0, state: [{ type: this.defaultBlock, data: {} }] }];
     this.position = 0;
     this.onUpdate();
   }
@@ -277,8 +278,8 @@ export default class Undo {
         this.blocks
           .render({ blocks: state })
           .then(() => {
-            this.editor.blocks.insert("paragraph", {text: ""})
-            this.caret.setToLastBlock("end") ;
+            this.editor.blocks.insert(this.defaultBlock, {});
+            this.caret.setToLastBlock("end");
           });
       } else if (this.blockWasDropped(state, nextState)) {
         this.blocks
diff --git a/test/fixtures/editor.js b/test/fixtures/editor.js
index 647b3b0..ab809f7 100644
--- a/test/fixtures/editor.js
+++ b/test/fixtures/editor.js
@@ -17,7 +17,9 @@ const editor = {
   caret: {
     setToBlock() {},
   },
-  configuration: {},
+  configuration: {
+    defaultBlock: 'paragraph',
+  },
 };
 
 const readOnlyEditor = {
diff --git a/test/undo.test.js b/test/undo.test.js
index 6881770..e760ea4 100644
--- a/test/undo.test.js
+++ b/test/undo.test.js
@@ -64,7 +64,7 @@ describe('Undo', () => {
       undo = new Undo({ editor });
     });
 
-    const intialStackData = { index: 0, state: [{ type: 'paragraph', data: { text: '' } }] };
+    const intialStackData = { index: 0, state: [{ type: 'paragraph', data: {} }] };
 
     it('is unable to perform an undo operation in an empty stack', () => {
       expect(undo.canUndo()).toBe(false);