@innovastudio/contentbuilder 1.4.88 → 1.4.90

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.88",
+  "version": "1.4.90",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.css

@@ -3024,6 +3024,7 @@ button:focus-visible {
 .is-ui .is-tool.is-iframe-tool {
   background: rgba(0, 0, 0, 0.15);
   border: transparent 1px solid;
+  box-shadow: none;
 }
 #_cbhtml .is-tool#divImageTool > div, #_cbhtml .is-tool#divImageTool > button, #_cbhtml .is-tool.is-video-tool > div, #_cbhtml .is-tool.is-video-tool > button, #_cbhtml .is-tool.is-audio-tool > div, #_cbhtml .is-tool.is-audio-tool > button, #_cbhtml .is-tool.is-iframe-tool > div, #_cbhtml .is-tool.is-iframe-tool > button,
 .is-ui .is-tool#divImageTool > div,
@@ -3065,13 +3066,12 @@ button:focus-visible {
 #_cbhtml .is-tool.is-spacer-tool,
 .is-ui .is-tool.is-spacer-tool {
   border: none;
-  background: none;
 }
 #_cbhtml .is-tool.is-spacer-tool > button,
 .is-ui .is-tool.is-spacer-tool > button {
   width: 30px;
   height: 30px;
-  background: rgba(240, 240, 240, 0.9);
+  background: none;
 }
 #_cbhtml .is-tool.is-spacer-tool > button svg,
 .is-ui .is-tool.is-spacer-tool > button svg {
@@ -3081,6 +3081,7 @@ button:focus-visible {
 .is-ui .is-tool.is-table-tool {
   border: none;
   background: none;
+  box-shadow: none;
 }
 #_cbhtml .is-tool.is-table-tool:hover,
 .is-ui .is-tool.is-table-tool:hover {
@@ -3114,13 +3115,20 @@ button:focus-visible {
 .is-ui .is-tool.is-module-tool > button svg {
   fill: #121212;
 }
+#_cbhtml .is-tool#divLinkTool, #_cbhtml .is-tool#divButtonTool, #_cbhtml .is-tool#divSvgTool,
+.is-ui .is-tool#divLinkTool,
+.is-ui .is-tool#divButtonTool,
+.is-ui .is-tool#divSvgTool {
+  background: rgba(243, 243, 243, 0.9);
+  box-shadow: none;
+}
 #_cbhtml .is-tool#divLinkTool button, #_cbhtml .is-tool#divButtonTool button, #_cbhtml .is-tool#divSvgTool button,
 .is-ui .is-tool#divLinkTool button,
 .is-ui .is-tool#divButtonTool button,
 .is-ui .is-tool#divSvgTool button {
   width: 30px;
   height: 30px;
-  background: rgba(243, 243, 243, 0.9);
+  background: transparent;
 }
 #_cbhtml .is-tool#divLinkTool button svg, #_cbhtml .is-tool#divButtonTool button svg, #_cbhtml .is-tool#divSvgTool button svg,
 .is-ui .is-tool#divLinkTool button svg,
@@ -4327,6 +4335,10 @@ button:focus-visible {
   fill: #000;
 }
 
+#_cbhtml[gray] .is-tool {
+  background: rgba(243, 243, 243, 0.9);
+  box-shadow: none;
+}
 #_cbhtml[gray] .is-tool.is-column-tool {
   background: rgba(243, 243, 243, 0.9);
   flex-direction: row;
@@ -4570,9 +4582,6 @@ button:focus-visible {
   background: transparent;
   padding: 5px;
 }
-#_cbhtml .is-tool.is-element-tool {
-  background: rgba(243, 243, 243, 0.9);
-}
 #_cbhtml .is-tool.is-element-tool button {
   width: 25px;
   height: 25px;
@@ -4612,6 +4621,7 @@ button:focus-visible {
   width: auto;
   left: auto;
   right: -40px;
+  box-shadow: none;
 }
 .is-tool.is-row-tool button {
   width: 25px;
@@ -4664,6 +4674,7 @@ button:focus-visible {
   flex-direction: row;
   margin-top: 0px;
   margin-left: -1px;
+  box-shadow: none;
 }
 .is-tool.is-col-tool button {
   width: 25px;

package/public/contentbuilder/contentbuilder.esm.js

@@ -79329,7 +79329,7 @@ class ContentBuilder {
       speechRecognitionLang: 'en-US',
       assistantMode: 'general',
       triggerWords: {
-        send: ['send', 'okay', 'execute', 'run'],
+        send: ['send', 'okay', 'ok', 'execute', 'run'],
         abort: ['abort', 'cancel'],
         clear: ['clear', 'erase']
       },
@@ -80021,6 +80021,7 @@ class ContentBuilder {
     window.selectAsset = this.selectAsset.bind(this);
     window.assetType = this.assetType.bind(this);
     window.hideModal = this.hideModal.bind(this);
+    window.generateImage = this.generateImage.bind(this);
     setTimeout(() => {
       // Remember UI
       if (localStorage.getItem('_livepreview') != null) {
@@ -81814,6 +81815,66 @@ class ContentBuilder {
       }
     }
   }
+  async generateImage(prompt, num, callback) {
+    if (!(this.generateImageUrl && this.uploadBase64Url)) return;
+    const messages = {
+      prompt,
+      num
+    };
+    const response = await fetch(this.generateImageUrl, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(messages)
+    });
+    const result = await response.json();
+    if (result.error) {
+      console.log('Error:\n' + result.error);
+      return;
+    }
+    const filename = result.filename;
+    let images = [];
+    const numOfImages = result.data.data.length;
+    const imageList = result.data.data;
+    imageList.forEach(item => {
+      const base64 = item.b64_json;
+      const src = `data:image/jpeg;base64,${base64}`;
+      var newWidth = 1024;
+      var newHeight = 1024;
+      var img = new Image();
+      img.src = src;
+      img.onload = () => {
+        var canvas = document.createElement('canvas');
+        canvas.width = newWidth;
+        canvas.height = newHeight;
+        var ctx = canvas.getContext('2d');
+        ctx.drawImage(img, 0, 0, newWidth, newHeight);
+        var resizedBase64 = canvas.toDataURL('image/jpeg');
+        let image = resizedBase64;
+        image = image.replace(/^data:image\/(png|jpeg);base64,/, '');
+        const reqBody = {
+          image: image,
+          filename: filename
+        };
+        fetch(this.uploadBase64Url, {
+          method: 'POST',
+          body: JSON.stringify(reqBody),
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        }).then(response => response.json()).then(response => {
+          if (!response.error) {
+            const uploadedImageUrl = response.url;
+            images.push(uploadedImageUrl);
+            if (images.length === numOfImages) {
+              callback(images);
+            }
+          }
+        });
+      };
+    });
+  }
   lightboxOpen(col) {
     // Open Lightbox
     if (this.useLightbox) {