jodit 4.2.38 → 4.2.40

package/es2018/plugins/debug/debug.css

@@ -0,0 +1,53 @@
+/*!
+ * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
+ * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
+ * Version: v4.2.40
+ * Url: https://xdsoft.net/jodit/
+ * License(s): MIT
+ */
+	
+.jodit-debug {
+  background: #f6f6f6;
+  position: relative;
+  padding: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+}
+.jodit-debug > * {
+  padding: var(--jd-padding-default);
+}
+.jodit-debug__tree {
+  width: 40%;
+}
+.jodit-debug__tree .jodit-debug__tree-elm-name {
+  color: #052e88;
+}
+.jodit-debug__tree .jodit-debug__tree-element_selected {
+  background: #1e7e34;
+  color: #fff;
+}
+.jodit-debug__tree .jodit-debug__tree-cursor {
+  background: #dc3232;
+  color: #fff;
+}
+.jodit-debug__events {
+  width: 40%;
+  max-height: 500px;
+  overflow: auto;
+  background: #1e7e34;
+  color: #fff;
+}
+.jodit-debug__events span {
+  color: #cacaca;
+  font-size: 0.8em;
+}
+.jodit-debug__events .jodit-debug__events-clear {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 5px;
+  cursor: pointer;
+  color: red;
+}
+

package/es2018/plugins/debug/debug.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.38
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -42,44 +42,182 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 class Debug extends jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_4__/* .Plugin */ .k {
     afterInit(jodit) {
-        const mirror = jodit.create.div();
-        const tree = jodit.create.div();
-        const sel = jodit.create.div();
+        const mirror = jodit.create.div('jodit-debug');
+        const tree = jodit.create.div('jodit-debug__tree');
+        const events = jodit.create.div('jodit-debug__events');
+        const clear = jodit.create.div('jodit-debug__events-clear', ['x']);
+        const sel = jodit.create.div('jodit-debug__sel');
         mirror.appendChild(tree);
+        mirror.appendChild(events);
+        events.appendChild(clear);
         mirror.appendChild(sel);
-        jodit.workplace.appendChild(mirror);
-        Object.assign(mirror.style, {
-            padding: '16px',
-            backgroundColor: '#fcfcfc'
-        });
-        Object.assign(sel.style, {
-            paddingTop: '16px'
+        clear.addEventListener('click', () => {
+            events.innerHTML = '';
+            events.appendChild(clear);
         });
-        jodit.e
-            .on('keydown keyup keypress change afterInit updateDebug', () => {
-            tree.innerHTML = render(jodit.editor);
-        })
-            .on(jodit.od, 'selectionchange', () => {
+        jodit.workplace.appendChild(mirror);
+        const allEvents = [
+            'activate',
+            'afterInit',
+            'beforeactivate',
+            'beforeblur',
+            'beforedeactivate',
+            'beforefocus',
+            'beforeinput',
+            'blur',
+            'change',
+            'click',
+            'compositionend',
+            'compositionstart',
+            'compositionupdate',
+            'contextmenu',
+            'copy',
+            'cut',
+            'dblclick',
+            'deactivate',
+            'focus',
+            'focusin',
+            'focusout',
+            'focusout',
+            'input',
+            'keydown',
+            'keypress',
+            'keyup',
+            'mousedown',
+            'mouseup',
+            'paste',
+            'selectionchange',
+            'selectionstart',
+            'dragstart',
+            'drop',
+            'dragover',
+            'resize touchstart touchend',
+            'updateDebug',
+            'beforeCommand',
+            'afterCommand',
+            'wheel'
+        ];
+        function updateTree() {
             const range = jodit.selection.range;
-            tree.innerHTML = render(jodit.editor);
+            tree.innerHTML = render(jodit.editor, 0, range);
             sel.innerHTML = `start ${range.startContainer.nodeName} ${range.startOffset}<br>end ${range.endContainer.nodeName} ${range.endOffset}`;
-        });
+        }
+        function onSomeEvent(e) {
+            const event = jodit.e.current;
+            const div = jodit.create.div();
+            div.innerHTML = `<span>${new Date().toLocaleTimeString()}</span> ${renderEvent(event, e)}`;
+            events.appendChild(div);
+            events.scrollTop = events.scrollHeight;
+            jodit.async.setTimeout(() => {
+                events.children.length > 100 &&
+                    events.removeChild(events.children[0]);
+            }, 100);
+        }
+        function renderEvent(event, e) {
+            const result = [event !== null && event !== void 0 ? event : e.type];
+            switch (event) {
+                case 'beforeCommand':
+                case 'afterCommand':
+                    result.push(`<span>${e.toString()}</span>`);
+                    break;
+                case 'keydown':
+                case 'keyup':
+                case 'keypress':
+                    if (e.shiftKey &&
+                        e.key !== 'Shift') {
+                        result.push('Shift+');
+                    }
+                    if (e.ctrlKey &&
+                        e.key !== 'Control') {
+                        result.push('Ctrl+');
+                    }
+                    if (e.altKey &&
+                        e.key !== 'Alt') {
+                        result.push('Alt');
+                    }
+                    result.push(`${e.key}`);
+                    break;
+            }
+            if (e && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.isNode(e.target)) {
+                result.push(`<span>${e.target.nodeName}</span>`);
+            }
+            return result.join(' ');
+        }
+        jodit.e
+            .on('keydown keyup keypress change afterInit updateDebug', updateTree)
+            .on(allEvents, onSomeEvent)
+            .on(jodit.od, 'selectionchange', onSomeEvent)
+            .on(jodit.od, 'selectionchange', updateTree);
     }
     beforeDestruct(jodit) { }
 }
-function renderText(elm) {
+function renderText(elm, range) {
     if (!elm.nodeValue) {
         return "<span style='color:red'>empty</span>";
     }
-    return (0,jodit_core_helpers_html_strip_tags__WEBPACK_IMPORTED_MODULE_3__/* .stripTags */ .K)(elm.nodeValue.replace((0,jodit_core_constants__WEBPACK_IMPORTED_MODULE_0__.INVISIBLE_SPACE_REG_EXP)(), 'INV'));
+    let value = elm.nodeValue;
+    if (range.collapsed) {
+        if (elm === range.startContainer) {
+            value =
+                value.slice(0, range.startOffset) +
+                    '%CURSOR%' +
+                    value.slice(range.startOffset);
+        }
+    }
+    else {
+        if (elm === range.startContainer && elm === range.endContainer) {
+            value =
+                value.slice(0, range.startOffset) +
+                    '%START-CURSOR%' +
+                    value.slice(range.startOffset, range.endOffset) +
+                    '%END-CURSOR%' +
+                    value.slice(range.endOffset);
+        }
+        else if (elm === range.startContainer) {
+            value =
+                value.slice(0, range.startOffset) +
+                    '%CURSOR%' +
+                    value.slice(range.startOffset);
+        }
+        else if (elm === range.endContainer) {
+            value =
+                value.slice(0, range.endOffset) +
+                    '%CURSOR%' +
+                    value.slice(range.endOffset);
+        }
+    }
+    return (0,jodit_core_helpers_html_strip_tags__WEBPACK_IMPORTED_MODULE_3__/* .stripTags */ .K)(value.replace((0,jodit_core_constants__WEBPACK_IMPORTED_MODULE_0__.INVISIBLE_SPACE_REG_EXP)(), 'INV'))
+        .replace(/%CURSOR%/, '<span class="jodit-debug__tree-cursor">|</span>')
+        .replace(/%START-CURSOR%/, '<span class="jodit-debug__tree-cursor">|')
+        .replace(/%END-CURSOR%/, '|</span>');
 }
-function render(elm, level = 0) {
-    return `<div style='padding-left: ${level * 5}px'>
-		${elm.nodeName} ${jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.isText(elm) ? `- ${renderText(elm)}` : ''}
+function render(elm, level, range) {
+    var _a;
+    const isSelected = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.containsNode(elm);
+    const content = [
+        `<span class="jodit-debug__tree-elm-name">${elm.nodeName}</span>`,
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.isText(elm) ? `- ${renderText(elm, range)}` : ''
+    ]
+        .map(i => i.trim())
+        .filter(Boolean);
+    return `<div class="${isSelected ? 'jodit-debug__tree-element_selected' : ''}" style='padding-left: ${level * 5}px'>
+		${content.join('&nbsp;')}
 	${Array.from(elm.childNodes)
-        .map(ch => render(ch, level + 1))
+        .map((ch, index) => {
+        const result = [];
+        if (range.startContainer === elm && index === range.startOffset) {
+            result.push('<span class="jodit-debug__tree-cursor">|</span>');
+        }
+        result.push(render(ch, level + 1, range));
+        if (range.endContainer === elm && index === range.endOffset) {
+            result.push('<span class="jodit-debug__tree-cursor">|</span>');
+        }
+        return result;
+    })
+        .flat()
         .join('')}
 </div>`;
 }

package/es2018/plugins/debug/debug.min.css

@@ -0,0 +1 @@
+.jodit-debug{align-items:stretch;background:#f6f6f6;display:flex;justify-content:space-between;padding:0;position:relative}.jodit-debug>*{padding:var(--jd-padding-default)}.jodit-debug__tree{width:40%}.jodit-debug__tree .jodit-debug__tree-elm-name{color:#052e88}.jodit-debug__tree .jodit-debug__tree-element_selected{background:#1e7e34;color:#fff}.jodit-debug__tree .jodit-debug__tree-cursor{background:#dc3232;color:#fff}.jodit-debug__events{background:#1e7e34;color:#fff;max-height:500px;overflow:auto;width:40%}.jodit-debug__events span{color:#cacaca;font-size:.8em}.jodit-debug__events .jodit-debug__events-clear{color:red;cursor:pointer;padding:5px;position:absolute;right:0;top:0}

package/es2018/plugins/debug/debug.min.js

@@ -1,10 +1,10 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.38
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
 
 
-"use strict";!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n();else if("function"==typeof define&&define.amd)define([],n);else{var t=n();for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,(function(){return(self.webpackChunkjodit=self.webpackChunkjodit||[]).push([[486],{40773:function(e,n,t){t.r(n),t.d(n,{Debug:function(){return a}});var o=t(17352),r=t(55186),d=(t(56298),t(61793)),i=t(29866);class a extends i.k{afterInit(e){const n=e.create.div(),t=e.create.div(),o=e.create.div();n.appendChild(t),n.appendChild(o),e.workplace.appendChild(n),Object.assign(n.style,{padding:"16px",backgroundColor:"#fcfcfc"}),Object.assign(o.style,{paddingTop:"16px"}),e.e.on("keydown keyup keypress change afterInit updateDebug",(()=>{t.innerHTML=s(e.editor)})).on(e.od,"selectionchange",(()=>{const n=e.selection.range;t.innerHTML=s(e.editor),o.innerHTML=`start ${n.startContainer.nodeName} ${n.startOffset}<br>end ${n.endContainer.nodeName} ${n.endOffset}`}))}beforeDestruct(e){}}function s(e,n=0){return`<div style='padding-left: ${5*n}px'>\n\t\t${e.nodeName} ${r.J.isText(e)?`- ${function(e){return e.nodeValue?(0,d.K)(e.nodeValue.replace((0,o.INVISIBLE_SPACE_REG_EXP)(),"INV")):"<span style='color:red'>empty</span>"}(e)}`:""}\n\t${Array.from(e.childNodes).map((e=>s(e,n+1))).join("")}\n</div>`}}},function(e){return e(e.s=40773)}])}));
+"use strict";!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var s in n)("object"==typeof exports?exports:e)[s]=n[s]}}(self,(function(){return(self.webpackChunkjodit=self.webpackChunkjodit||[]).push([[486],{40773:function(e,t,n){n.r(t),n.d(t,{Debug:function(){return i}});var s=n(17352),o=n(55186),a=(n(56298),n(61793)),r=n(29866);class i extends r.k{afterInit(e){const t=e.create.div("jodit-debug"),n=e.create.div("jodit-debug__tree"),s=e.create.div("jodit-debug__events"),a=e.create.div("jodit-debug__events-clear",["x"]),r=e.create.div("jodit-debug__sel");function i(){const t=e.selection.range;n.innerHTML=c(e.editor,0,t),r.innerHTML=`start ${t.startContainer.nodeName} ${t.startOffset}<br>end ${t.endContainer.nodeName} ${t.endOffset}`}function d(t){const n=e.e.current,a=e.create.div();a.innerHTML=`<span>${(new Date).toLocaleTimeString()}</span> ${function(e,t){const n=[null!=e?e:t.type];switch(e){case"beforeCommand":case"afterCommand":n.push(`<span>${t.toString()}</span>`);break;case"keydown":case"keyup":case"keypress":t.shiftKey&&"Shift"!==t.key&&n.push("Shift+"),t.ctrlKey&&"Control"!==t.key&&n.push("Ctrl+"),t.altKey&&"Alt"!==t.key&&n.push("Alt"),n.push(`${t.key}`)}return t&&o.J.isNode(t.target)&&n.push(`<span>${t.target.nodeName}</span>`),n.join(" ")}(n,t)}`,s.appendChild(a),s.scrollTop=s.scrollHeight,e.async.setTimeout((()=>{s.children.length>100&&s.removeChild(s.children[0])}),100)}t.appendChild(n),t.appendChild(s),s.appendChild(a),t.appendChild(r),a.addEventListener("click",(()=>{s.innerHTML="",s.appendChild(a)})),e.workplace.appendChild(t),e.e.on("keydown keyup keypress change afterInit updateDebug",i).on(["activate","afterInit","beforeactivate","beforeblur","beforedeactivate","beforefocus","beforeinput","blur","change","click","compositionend","compositionstart","compositionupdate","contextmenu","copy","cut","dblclick","deactivate","focus","focusin","focusout","focusout","input","keydown","keypress","keyup","mousedown","mouseup","paste","selectionchange","selectionstart","dragstart","drop","dragover","resize touchstart touchend","updateDebug","beforeCommand","afterCommand","wheel"],d).on(e.od,"selectionchange",d).on(e.od,"selectionchange",i)}beforeDestruct(e){}}function d(e,t){if(!e.nodeValue)return"<span style='color:red'>empty</span>";let n=e.nodeValue;return t.collapsed?e===t.startContainer&&(n=n.slice(0,t.startOffset)+"%CURSOR%"+n.slice(t.startOffset)):e===t.startContainer&&e===t.endContainer?n=n.slice(0,t.startOffset)+"%START-CURSOR%"+n.slice(t.startOffset,t.endOffset)+"%END-CURSOR%"+n.slice(t.endOffset):e===t.startContainer?n=n.slice(0,t.startOffset)+"%CURSOR%"+n.slice(t.startOffset):e===t.endContainer&&(n=n.slice(0,t.endOffset)+"%CURSOR%"+n.slice(t.endOffset)),(0,a.K)(n.replace((0,s.INVISIBLE_SPACE_REG_EXP)(),"INV")).replace(/%CURSOR%/,'<span class="jodit-debug__tree-cursor">|</span>').replace(/%START-CURSOR%/,'<span class="jodit-debug__tree-cursor">|').replace(/%END-CURSOR%/,"|</span>")}function c(e,t,n){var s;const a=null===(s=window.getSelection())||void 0===s?void 0:s.containsNode(e),r=[`<span class="jodit-debug__tree-elm-name">${e.nodeName}</span>`,o.J.isText(e)?`- ${d(e,n)}`:""].map((e=>e.trim())).filter(Boolean);return`<div class="${a?"jodit-debug__tree-element_selected":""}" style='padding-left: ${5*t}px'>\n\t\t${r.join("&nbsp;")}\n\t${Array.from(e.childNodes).map(((s,o)=>{const a=[];return n.startContainer===e&&o===n.startOffset&&a.push('<span class="jodit-debug__tree-cursor">|</span>'),a.push(c(s,t+1,n)),n.endContainer===e&&o===n.endOffset&&a.push('<span class="jodit-debug__tree-cursor">|</span>'),a})).flat().join("")}\n</div>`}}},function(e){return e(e.s=40773)}])}));

package/es2018/plugins/speech-recognize/speech-recognize.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.38
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es2018/plugins/speech-recognize/speech-recognize.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.38
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es2018/plugins/speech-recognize/speech-recognize.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.38
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es2021/jodit.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.38
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -3587,6 +3587,12 @@ a + .jodit-file-browser-tree__source-title {
 }
 .jodit-tabs__button {
   min-width: 80px;
+  max-width: 210px;
+}
+.jodit-tabs__button .jodit-ui-button__text {
+  white-space: nowrap;
+  flex: 1;
+  justify-content: space-around;
 }
 .jodit-tabs__button_columns_3 {
   width: calc(100% / 3);