@innovastudio/contentbox 1.6.64 → 1.6.66

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.64",
+  "version": "1.6.66",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,7 +52,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.55",
+    "@innovastudio/contentbuilder": "^1.5.56",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -103544,7 +103544,7 @@ class Dictation {
     const btnOk = this.modalDisclaimer.querySelector('.input-ok');
     btnOk.addEventListener('click', () => {
       this.builder.util.hideModal(this.modalDisclaimer);
-      this.openDictation();
+      this.openDictation_();
     });
     let info = `
         <div style="font-weight:500;margin: 25px 0 7px;">${util.out('Dictation')}</div>
@@ -107018,14 +107018,12 @@ ${answer}
     };
     try {
       /*
-      let headers =  {
-          ...this.builder.headers,
-          ...this.builder.defaultHeaders
-      };
       const response = await fetch(this.builder.sendCommandUrl, {
           signal: this.signal, // Abort
           method: 'POST',
-          headers,
+          headers: {
+              'Content-Type': 'application/json',
+          },
           body: JSON.stringify(messages),
       });
        const data = await response.json();
@@ -107035,15 +107033,13 @@ ${answer}
       if (this.builder.sendCommand) {
         data = await this.builder.sendCommand(messages);
       } else {
-        let headers = {
-          ...this.builder.headers,
-          ...this.builder.defaultHeaders
-        };
         const response = await fetch(this.builder.sendCommandUrl, {
           signal: this.signal,
           // Abort
           method: 'POST',
-          headers,
+          headers: {
+            'Content-Type': 'application/json'
+          },
           body: JSON.stringify(messages)
         });
         data = await response.json();
@@ -107107,13 +107103,11 @@ ${answer}
         if (this.builder.consoleLog) {
           if (!(error + '').includes('Failed to fetch')) {
             // Only if not CORS error
-            let headers = {
-              ...this.builder.headers,
-              ...this.builder.defaultHeaders
-            };
             const response = await fetch(this.builder.sendCommandUrl, {
               method: 'POST',
-              headers,
+              headers: {
+                'Content-Type': 'application/json'
+              },
               body: JSON.stringify(messages)
             });
             const data = await response.text();
@@ -146515,6 +146509,7 @@ class IframePanel {
 
     const timeoutHandler = async () => {
       await sleep(0.2);
+      if (!document.body.contains(this.editPanel)) return; // in case of destroyed
 
       if (iframe.contentDocument.readyState === 'complete') {
         iframe.contentDocument.body.classList.add('iframe-body'); // add .iframe-body class that is required by box/flex.css
@@ -153958,39 +153953,46 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
   }
 
   destroy() {
+    // let html = this.html();
     if (this.resizeObserver) this.resizeObserver.disconnect();
-    this.doc.removeEventListener('click', this.doDocumentClick, false);
-    if (this.iframe) document.removeEventListener('click', this.doDocumentClick, false);
-    this.doc.removeEventListener('click', this.doDocumentKeydown, false);
-    if (this.iframe) document.removeEventListener('click', this.doDocumentKeydown, false);
-    window.removeEventListener('scroll', this.doWindowScroll, false);
-    this.doc.removeEventListener('scroll', this.doAnimWheel, false);
-    this.win.removeEventListener('scroll', this.doAnimScroll, false);
-    this.win.removeEventListener('scroll', this.doScrollSync, false);
-    let html = this.html(); // this.builderStuff.parentNode.removeChild(this.builderStuff);
+    const elmStyleEditPanel = document.querySelector('#_style_editpanel');
+    if (elmStyleEditPanel) elmStyleEditPanel.remove(elmStyleEditPanel);
+    const editPanel = document.querySelector('#editPanel');
+    if (editPanel) editPanel.remove();
+    const responsiveTool = document.querySelector('.is-responsive-tool');
+    if (responsiveTool) responsiveTool.remove(); // this.builderStuff.parentNode.removeChild(this.builderStuff);
 
     this.builderStuff.innerHTML = '';
-    dom.removeClass(document.body, 'sidebar-active');
+    document.body.classList.remove('sidebar-active');
     document.body.removeAttribute('data-skrollrr-off');
     document.body.style.overflowY = ''; // in iframe use, overflowY is set 'hidden'
     // Remove special css
 
-    const cbContentStyle = this.doc.querySelector('#_contentbox_css');
-    if (cbContentStyle) cbContentStyle.parentNode.removeChild(cbContentStyle);
-    const cbStuffStyle = document.querySelector('#_contentboxstuff_css');
-    if (cbStuffStyle) cbStuffStyle.parentNode.removeChild(cbStuffStyle); // Render html content
-
-    let range = document.createRange();
-    const wrapper = this.wrapperEl;
-    wrapper.innerHTML = '';
-    wrapper.appendChild(range.createContextualFragment(html)); // We use createContextualFragment so that embedded javascript code (code block) will be executed
+    if (this.doc) {
+      const cbContentStyle = this.doc.querySelector('#_contentbox_css');
+      if (cbContentStyle) cbContentStyle.remove(cbContentStyle);
+    }
 
-    dom.removeClass(wrapper, 'is-edit');
-    this.editor.destroy();
+    const cbStuffStyle = document.querySelector('#_contentboxstuff_css');
+    if (cbStuffStyle) cbStuffStyle.remove(cbStuffStyle); // // Render html content
+    // let range = document.createRange();
+    // const wrapper = this.wrapperEl;
+    // wrapper.innerHTML = '';
+    // wrapper.appendChild(range.createContextualFragment(html)); // We use createContextualFragment so that embedded javascript code (code block) will be executed
+    // wrapper.classList.remove('is-edit')
+
+    if (this.editor) this.editor.destroy();
     const panel = document.querySelector('#_newbox');
     if (panel) panel.parentNode.removeChild(panel);
-    document.body.classList.remove('controlpanel'); // Stop Pace
-    // Pace.stop();
+    document.body.classList.remove('controlpanel');
+    if (this.doc) this.doc.removeEventListener('click', this.doDocumentClick, false);
+    if (this.iframe) document.removeEventListener('click', this.doDocumentClick, false);
+    if (this.doc) this.doc.removeEventListener('click', this.doDocumentKeydown, false);
+    if (this.iframe) document.removeEventListener('click', this.doDocumentKeydown, false);
+    if (this.doc) this.doc.removeEventListener('scroll', this.doAnimWheel, false);
+    if (this.win) this.win.removeEventListener('scroll', this.doAnimScroll, false);
+    if (this.win) this.win.removeEventListener('scroll', this.doScrollSync, false);
+    window.removeEventListener('scroll', this.doWindowScroll, false);
   }
 
   cleanupUnused() {