Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

editorjs-undo

Package Overview
Dependencies
Maintainers
2
Versions
45
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

editorjs-undo - npm Package Compare versions

Comparing version 2.0.0-rc.0 to 2.0.0-rc.1

4

CHANGELOG.md
# Changelog
## 2.0.0-rc.1 (24.02.2022)
* Set the caret feature to the undo and redo actions.
* Add support to readOnly toggle.
## 2.0.0-rc.0 (28.12.2022)

@@ -4,0 +8,0 @@ * In the undo/redo actions the plugin now updates the involved block.

2

dist/bundle.js

@@ -1,1 +0,1 @@

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Undo=e():t.Undo=e()}(self,(function(){return(()=>{"use strict";var t={d:(e,i)=>{for(var n in i)t.o(i,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:i[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};function i(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.d(e,{default:()=>o});var n=function(){function t(e,i){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.holder=i,this.observer=null,this.debounceTimer=200,this.mutationDebouncer=this.debounce((function(){e()}),this.debounceTimer)}var e,n;return e=t,n=[{key:"setMutationObserver",value:function(){var t=this,e=this.holder;this.observer=new MutationObserver((function(e){t.mutationHandler(e)})),this.observer.observe(e,{childList:!0,attributes:!0,subtree:!0,characterData:!0,characterDataOldValue:!0})}},{key:"mutationHandler",value:function(t){var e=this,i=!1;t.forEach((function(t){switch(t.type){case"childList":t.target===e.holder?e.onDestroy():i=!0;break;case"characterData":i=!0;break;case"attributes":t.target.classList.contains("ce-block")||(i=!0)}})),i&&this.mutationDebouncer()}},{key:"debounce",value:function(t,e){var i,n=this;return function(){for(var s=arguments.length,o=new Array(s),r=0;r<s;r++)o[r]=arguments[r];var a=n;clearTimeout(i),i=setTimeout((function(){return t.apply(a,o)}),e)}}},{key:"onDestroy",value:function(){var t=new CustomEvent("destroy");document.dispatchEvent(t),this.observer.disconnect()}}],n&&i(e.prototype,n),t}();function s(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}var o=function(){function t(e){var i=this,s=e.editor,o=e.config,r=void 0===o?{}:o,a=e.onUpdate,c=e.maxLength;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);var h={maxLength:30,onUpdate:function(){},config:{shortcuts:{undo:"CMD+Z",redo:"CMD+Y"}}},l=s.blocks,u=s.caret,d=s.configuration,f=d.holder,k=h.config.shortcuts,v=r.shortcuts,p=void 0===v?k:v;this.holder="string"==typeof f?document.getElementById(f):f,this.editor=s,this.blocks=l,this.caret=u,this.shouldSaveHistory=!0,this.readOnly=d.readOnly,this.maxLength=c||h.maxLength,this.onUpdate=a||h.onUpdate,this.config={shortcuts:p},new n((function(){return i.registerChange()}),this.holder).setMutationObserver(),this.setEventListeners(),this.initialItem=null,this.clear()}var e,i,o;return e=t,o=[{key:"isReadOnlySupported",get:function(){return!0}}],(i=[{key:"truncate",value:function(t,e){for(;t.length>e;)t.shift()}},{key:"initialize",value:function(t){var e="blocks"in t?t.blocks:t,i={index:e.length-1,state:e};this.stack[0]=i,this.initialItem=i}},{key:"clear",value:function(){this.stack=this.initialItem?[this.initialItem]:[{index:0,state:[{type:"paragraph",data:{text:""}}]}],this.position=0,this.onUpdate()}},{key:"registerChange",value:function(){var t=this;this.readOnly||(this.editor&&this.editor.save&&this.shouldSaveHistory&&this.editor.save().then((function(e){t.editorDidUpdate(e.blocks)&&t.save(e.blocks)})),this.shouldSaveHistory=!0)}},{key:"editorDidUpdate",value:function(t){var e=this.stack[this.position].state;return!!t.length&&(t.length!==e.length||JSON.stringify(e)!==JSON.stringify(t))}},{key:"save",value:function(t){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 e=this.blocks.getCurrentBlockIndex();this.stack.push({index:e,state:t}),this.position+=1,this.onUpdate()}},{key:"insertDeletedBlock",value:function(t,e,i){for(var n=0;n<t.length;n+=1)if(!e[n]||t[n].id!==e[n].id){this.blocks.insert(t[n].type,t[n].data,{},n,!0),this.caret.setToBlock(i,"end");break}}},{key:"blockWasDropped",value:function(t,e){return t.length===e.length&&t.some((function(t,i){return t.id!==e[i].id}))}},{key:"blockWasSkipped",value:function(t,e,i,n){return t<e||i.length!==n.length}},{key:"blockWasDeleted",value:function(t,e){return t.length>e.length}},{key:"undo",value:function(){var t=this;if(this.canUndo()){this.shouldSaveHistory=!1;var e=this.stack[this.position-=1].index,i=this.stack[this.position].state,n=this.stack[this.position+1].index,s=this.stack[this.position+1].state;if(this.onUpdate(),i[e]||(e-=1,this.stack[this.position].index=e),this.blockWasDeleted(i,s))return void this.insertDeletedBlock(i,s,e);if(this.blockWasSkipped(e,n,i,s)&&0!==this.position)return this.blocks.delete(),void this.caret.setToBlock(e,"end");if(this.blockWasDropped(i,s)&&0!==this.position)return void this.blocks.render({blocks:i}).then((function(){return t.caret.setToBlock(e,"end")}));var o=this.blocks.getBlockByIndex(e).id;this.blocks.update(o,i[e].data),this.caret.setToBlock(e,"end")}}},{key:"redo",value:function(){var t=this;if(this.canRedo()){this.shouldSaveHistory=!1;var e=this.stack[this.position+=1],i=e.index,n=e.state,s=this.stack[this.position-1].index,o=this.stack[this.position-1].state;if(this.blockWasDeleted(o,n))return this.blocks.delete(),void this.caret.setToBlock(i,"end");if(this.blockWasSkipped(s,i,n,o))return this.blocks.insert(n[i].type,n[i].data,{},i,!0),void this.caret.setToBlock(i,"end");if(this.blockWasDropped(n,o)&&1!==this.position)return void this.blocks.render({blocks:n}).then((function(){return t.caret.setToBlock(i,"end")}));this.onUpdate();var r=(this.blocks.getBlockByIndex(i)||n[i]).id;this.blocks.update(r,n[i].data),this.caret.setToBlock(i,"end")}}},{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(t){var e={CMD:/(Mac)/i.test(navigator.platform)?"metaKey":"ctrlKey",ALT:"altKey",SHIFT:"shiftKey"},i=t.slice(0,-1).map((function(t){return e[t]})),n=i.includes("shiftKey")?t[t.length-1].toUpperCase():t[t.length-1].toLowerCase();return i.push(n),i}},{key:"setEventListeners",value:function(){var t=this,e=this.holder,i=this.config.shortcuts,n=i.undo,s=i.redo,o=n.replace(/ /g,"").split("+"),r=s.replace(/ /g,"").split("+"),a=this.parseKeys(o),c=this.parseKeys(r),h=function(t,e){return!(2!==e.length||!t[e[0]]||t.key!==e[1])||!(3!==e.length||!t[e[0]]||!t[e[1]]||t.key!==e[2])},l=function(e){h(e,a)&&(e.preventDefault(),t.undo())},u=function(e){h(e,c)&&(e.preventDefault(),t.redo())};e.addEventListener("keydown",l),e.addEventListener("keydown",u),e.addEventListener("destroy",(function(){e.removeEventListener("keydown",l),e.removeEventListener("keydown",u)}))}}])&&s(e.prototype,i),o&&s(e,o),t}();return e.default})()}));
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Undo=e():t.Undo=e()}(self,(function(){return(()=>{var t={571:function(t,e){var n,i;n=function(t){"use strict";var e=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),n=function(){function t(e){(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")})(this,t),this.target=e,this.isContentEditable=e&&e.contentEditable}return e(t,[{key:"getPos",value:function(){if(document.activeElement!==this.target)return-1;if(this.isContentEditable){this.target.focus();var t=document.getSelection().getRangeAt(0),e=t.cloneRange();return e.selectNodeContents(this.target),e.setEnd(t.endContainer,t.endOffset),e.toString().length}return this.target.selectionStart}},{key:"setPos",value:function(t){if(this.isContentEditable){if(t>=0){var e=window.getSelection(),n=this.createRange(this.target,{count:t});n&&(n.collapse(!1),e.removeAllRanges(),e.addRange(n))}}else this.target.setSelectionRange(t,t)}},{key:"createRange",value:function(t,e,n){if(n||((n=document.createRange()).selectNode(t),n.setStart(t,0)),0===e.count)n.setEnd(t,e.count);else if(t&&e.count>0)if(t.nodeType===Node.TEXT_NODE)t.textContent.length<e.count?e.count-=t.textContent.length:(n.setEnd(t,e.count),e.count=0);else for(var i=0;i<t.childNodes.length&&(n=this.createRange(t.childNodes[i],e,n),0!==e.count);i++);return n}}]),t}();t.exports=n},void 0===(i=n.apply(e,[t]))||(t.exports=i)},334:(t,e,n)=>{t.exports=n(571)}},e={};function n(i){var s=e[i];if(void 0!==s)return s.exports;var o=e[i]={exports:{}};return t[i].call(o.exports,o,o.exports,n),o.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var i={};return(()=>{"use strict";n.d(i,{default:()=>a});var t=n(334),e=n.n(t);function s(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var o=function(){function t(e,n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.holder=n,this.observer=null,this.debounceTimer=200,this.mutationDebouncer=this.debounce((function(){e()}),this.debounceTimer)}var e,n;return e=t,n=[{key:"setMutationObserver",value:function(){var t=this,e=this.holder;this.observer=new MutationObserver((function(e){t.mutationHandler(e)})),this.observer.observe(e,{childList:!0,attributes:!0,subtree:!0,characterData:!0,characterDataOldValue:!0})}},{key:"mutationHandler",value:function(t){var e=this,n=!1;t.forEach((function(t){switch(t.type){case"childList":t.target===e.holder?e.onDestroy():n=!0;break;case"characterData":n=!0;break;case"attributes":t.target.classList.contains("ce-block")||(n=!0)}})),n&&this.mutationDebouncer()}},{key:"debounce",value:function(t,e){var n,i=this;return function(){for(var s=arguments.length,o=new Array(s),r=0;r<s;r++)o[r]=arguments[r];var a=i;clearTimeout(n),n=setTimeout((function(){return t.apply(a,o)}),e)}}},{key:"onDestroy",value:function(){var t=new CustomEvent("destroy");document.dispatchEvent(t),this.observer.disconnect()}}],n&&s(e.prototype,n),t}();function r(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var a=function(){function t(e){var n=this,i=e.editor,s=e.config,r=void 0===s?{}:s,a=e.onUpdate,c=e.maxLength;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);var l={maxLength:30,onUpdate:function(){},config:{shortcuts:{undo:"CMD+Z",redo:"CMD+Y"}}},u=i.blocks,h=i.caret,d=i.configuration,f=d.holder,v=l.config.shortcuts,p=r.shortcuts,k=void 0===p?v:p;this.holder="string"==typeof f?document.getElementById(f):f,this.editor=i,this.blocks=u,this.caret=h,this.shouldSaveHistory=!0,this.readOnly=d.readOnly,this.maxLength=c||l.maxLength,this.onUpdate=a||l.onUpdate,this.config={shortcuts:k},new o((function(){return n.registerChange()}),this.holder).setMutationObserver(),this.setEventListeners(),this.initialItem=null,this.clear()}var n,i,s;return n=t,s=[{key:"isReadOnlySupported",get:function(){return!0}}],(i=[{key:"truncate",value:function(t,e){for(;t.length>e;)t.shift()}},{key:"initialize",value:function(t){var e="blocks"in t?t.blocks:t,n={index:e.length-1,state:e};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 t=document.querySelector(".ce-toolbox");this.readOnly=!t}},{key:"registerChange",value:function(){var t=this;this.setReadOnly(),this.readOnly||(this.editor&&this.editor.save&&this.shouldSaveHistory&&this.editor.save().then((function(e){t.editorDidUpdate(e.blocks)&&t.save(e.blocks)})),this.shouldSaveHistory=!0)}},{key:"editorDidUpdate",value:function(t){var e=this.stack[this.position].state;return!!t.length&&(t.length!==e.length||JSON.stringify(e)!==JSON.stringify(t))}},{key:"save",value:function(t){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 e=this.blocks.getCurrentBlockIndex(),n="paragraph"===t[e].type||"header"===t[e].type?this.getCaretIndex(e):null;this.stack.push({index:e,state:t,caretIndex:n}),this.position+=1,this.onUpdate()}},{key:"getCaretIndex",value:function(t){var n=document.getElementsByClassName("ce-block__content");return new(e())(n[t].firstChild).getPos()}},{key:"insertDeletedBlock",value:function(t,e,n){for(var i=0;i<t.length;i+=1)if(!e[i]||t[i].id!==e[i].id){this.blocks.insert(t[i].type,t[i].data,{},i,!0),this.caret.setToBlock(n,"end");break}}},{key:"blockWasDropped",value:function(t,e){return t.length===e.length&&t.some((function(t,n){return t.id!==e[n].id}))}},{key:"blockWasSkipped",value:function(t,e,n,i){return t<e||n.length!==i.length}},{key:"blockWasDeleted",value:function(t,e){return t.length>e.length}},{key:"undo",value:function(){var t=this;if(this.canUndo()){this.shouldSaveHistory=!1;var e=this.stack[this.position-=1].index,n=this.stack[this.position],i=n.state,s=n.caretIndex,o=this.stack[this.position+1].index,r=this.stack[this.position+1].state;if(this.onUpdate(),i[e]||(e-=1,this.stack[this.position].index=e),this.blockWasDeleted(i,r))return void this.insertDeletedBlock(i,r,e);if(this.blockWasSkipped(e,o,i,r)&&0!==this.position)return this.blocks.delete(),void this.caret.setToBlock(e,"end");if(this.blockWasDropped(i,r)&&0!==this.position)return void this.blocks.render({blocks:i}).then((function(){return t.caret.setToBlock(e,"end")}));var a=this.blocks.getBlockByIndex(e).id;this.blocks.update(a,i[e].data),this.setCaretIndex(e,s)}}},{key:"setCaretIndex",value:function(t,n){if(n){var i=document.getElementsByClassName("ce-block__content");new(e())(i[t].firstChild).setPos(n)}else this.caret.setToBlock(t,"end")}},{key:"redo",value:function(){var t=this;if(this.canRedo()){this.shouldSaveHistory=!1;var e=this.stack[this.position+=1],n=e.index,i=e.state,s=e.caretIndex,o=this.stack[this.position-1].index,r=this.stack[this.position-1].state;if(this.blockWasDeleted(r,i))return this.blocks.delete(),void this.caret.setToBlock(n,"end");if(this.blockWasSkipped(o,n,i,r))return this.blocks.insert(i[n].type,i[n].data,{},n,!0),void this.caret.setToBlock(n,"end");if(this.blockWasDropped(i,r)&&1!==this.position)return void this.blocks.render({blocks:i}).then((function(){return t.caret.setToBlock(n,"end")}));this.onUpdate();var a=(this.blocks.getBlockByIndex(n)||i[n]).id;this.blocks.update(a,i[n].data),this.setCaretIndex(n,s)}}},{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(t){var e={CMD:/(Mac)/i.test(navigator.platform)?"metaKey":"ctrlKey",ALT:"altKey",SHIFT:"shiftKey"},n=t.slice(0,-1).map((function(t){return e[t]})),i=n.includes("shiftKey")?t[t.length-1].toUpperCase():t[t.length-1].toLowerCase();return n.push(i),n}},{key:"setEventListeners",value:function(){var t=this,e=this.holder,n=this.config.shortcuts,i=n.undo,s=n.redo,o=i.replace(/ /g,"").split("+"),r=s.replace(/ /g,"").split("+"),a=this.parseKeys(o),c=this.parseKeys(r),l=function(t,e){return!(2!==e.length||!t[e[0]]||t.key!==e[1])||!(3!==e.length||!t[e[0]]||!t[e[1]]||t.key!==e[2])},u=function(e){l(e,a)&&(e.preventDefault(),t.undo())},h=function(e){l(e,c)&&(e.preventDefault(),t.redo())};e.addEventListener("keydown",u),e.addEventListener("keydown",h),e.addEventListener("destroy",(function(){e.removeEventListener("keydown",u),e.removeEventListener("keydown",h)}))}}])&&r(n.prototype,i),s&&r(n,s),t}()})(),i.default})()}));
{
"name": "editorjs-undo",
"version": "2.0.0-rc.0",
"version": "2.0.0-rc.1",
"keywords": [

@@ -48,3 +48,6 @@ "undo",

}
},
"dependencies": {
"vanilla-caret-js": "^1.0.1"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc