@innovastudio/contentbox 1.6.61 → 1.6.63

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -14960,7 +14960,7 @@ class PanelBlock {
           this.builder.editor.eb.common.clearBreakpoint(target);
           this.builder.editor.eb.common.applyPixels(target); // this.builder.editor.eb.common.applyPercentage(target);
 
-          this.builder.editor.eb.resizable.updateBlockStyle(target);
+          this.builder.editor.eb.draggable.updateBlockStyle(target);
         });
       } else {
         elms.forEach(target => {
@@ -14968,7 +14968,7 @@ class PanelBlock {
           this.builder.editor.eb.common.clearBreakpoint(target);
           this.builder.editor.eb.common.applyPixels(target); // this.builder.editor.eb.common.applyPercentage(target);
 
-          this.builder.editor.eb.resizable.updateBlockStyle(target);
+          this.builder.editor.eb.draggable.updateBlockStyle(target);
         });
       }
     });
@@ -107018,12 +107018,14 @@ ${answer}
     };
     try {
       /*
+      let headers =  {
+          ...this.builder.headers,
+          ...this.builder.defaultHeaders
+      };
       const response = await fetch(this.builder.sendCommandUrl, {
           signal: this.signal, // Abort
           method: 'POST',
-          headers: {
-              'Content-Type': 'application/json',
-          },
+          headers,
           body: JSON.stringify(messages),
       });
        const data = await response.json();
@@ -107033,13 +107035,15 @@ ${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: {
-            'Content-Type': 'application/json'
-          },
+          headers,
           body: JSON.stringify(messages)
         });
         data = await response.json();
@@ -107103,11 +107107,13 @@ ${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: {
-                'Content-Type': 'application/json'
-              },
+              headers,
               body: JSON.stringify(messages)
             });
             const data = await response.text();
@@ -113150,6 +113156,11 @@ class ContentBuilder {
       enableDragResize: true,
       simpleTextSettings: false,
       enableColumnsPerLine: true,
+      // For fetch
+      defaultHeaders: {
+        'Content-Type': 'application/json'
+      },
+      headers: {},
       /* Prompt/Command Stuff for AI Assistant */
       startAIAssistant: false,
       isContentBox: false,
@@ -117484,13 +117495,15 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
         image: image,
         folder_path: ''
       };
+      let headers = {
+        ...this.headers,
+        ...this.defaultHeaders
+      };
       const response = await fetch(this.upscaleImageUrl, {
         signal: this.signal,
         // Abort
         method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
+        headers,
         body: JSON.stringify(messages)
       });
       const result = await response.json();
@@ -117520,13 +117533,15 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     };
     try {
       let url = this.textToImageUrl;
+      let headers = {
+        ...this.headers,
+        ...this.defaultHeaders
+      };
       const response = await fetch(url, {
         signal: this.signal,
         // Abort
         method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
+        headers,
         body: JSON.stringify(messages)
       });
       const result = await response.json();
@@ -117561,12 +117576,14 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
       this.signal = this.controller.signal; // Get a new signal object
        const messages = { prompt, num };
        try {
-           const response = await fetch(this.generateImageUrl, {
+           let headers =  {
+              ...this.headers,
+              ...this.defaultHeaders
+          };
+          const response = await fetch(this.generateImageUrl, {
               signal: this.signal, // Abort
               method: 'POST',
-              headers: {
-                  'Content-Type': 'application/json',
-              },
+              headers,
               body: JSON.stringify(messages),
           });
   
@@ -117605,13 +117622,15 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
                   let image = resizedBase64;
                   image = image.replace(/^data:image\/(png|jpeg);base64,/, '');
   
-                  const reqBody = { image: image, filename: filename };
+                  let headers =  {
+                      ...this.headers,
+                      ...this.defaultHeaders
+                  };
+                   const reqBody = { image: image, filename: filename };
                   fetch(this.uploadBase64Url, {
                       method:'POST',
                       body: JSON.stringify(reqBody),
-                      headers: {
-                          'Content-Type': 'application/json',
-                      }
+                      headers
                   })
                       .then(response=>response.json())
                       .then(response=>{
@@ -145080,13 +145099,14 @@ ${currentHtml}
       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: {
-            'Content-Type': 'application/json'
-          },
+          headers,
           body: JSON.stringify(messages)
         });
         data = await response.json();
@@ -145155,11 +145175,12 @@ ${currentHtml}
         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: {
-                'Content-Type': 'application/json'
-              },
+              headers,
               body: JSON.stringify(messages)
             });
             const data = await response.text();
@@ -149223,6 +149244,11 @@ class ContentBox {
       //     mode: 'dark',
       //     css: 'contentbuilder/themes/dark.css'
       // }, 
+      // For fetch
+      defaultHeaders: {
+        'Content-Type': 'application/json'
+      },
+      headers: {},
 
       /* Prompt/Command Stuff */
       consoleLog: false,
@@ -150240,6 +150266,8 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
       canvas: this.settings.canvas,
       docContainer: this.settings.wrapper,
       consoleLog: this.settings.consoleLog,
+      defaultHeaders: this.settings.defaultHeaders,
+      headers: this.settings.headers,
       isContentBox: true,
       speechTranscribeUrl: this.settings.speechTranscribeUrl,
       autoSendDelay: this.settings.autoSendDelay,
@@ -153966,7 +153994,7 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
   }
 
   cleanupUnused() {
-    this.editor.rte.cleanupFontCssLink(); //Cleanup unused contentstyles
+    if (this.editor) this.editor.rte.cleanupFontCssLink(); //Cleanup unused contentstyles
 
     let links = this.doc.getElementsByTagName('link');