@innovastudio/contentbuilder 1.4.91 → 1.4.93

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -78138,13 +78138,13 @@ class Dictation {
           inpCommand.setAttribute('placeholder', '');
         } else {
           if (val === 'general') {
-            inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.general);
+            inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.general || '');
           } else if (val === 'block') {
-            inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.edit_block);
+            inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.edit_block || '');
           } else if (val === 'others') {
-            inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.ask_questions);
+            inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.ask_questions || '');
           } else if (val === 'image') {
-            inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.generate_image);
+            inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.generate_image || '');
           }
         }
 
@@ -78282,7 +78282,11 @@ class Dictation {
       this.builder.hidePlaceholder = true;
       inpCommand.setAttribute('placeholder', '');
     } else {
-      inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.general);
+      if (!this.builder.commandPlaceholders) {
+        this.builder.commandPlaceholders = {};
+        this.builder.commandPlaceholders.general = '';
+      }
+      inpCommand.setAttribute('placeholder', this.builder.commandPlaceholders.general || '');
     }
   }
   openDictation() {
@@ -79370,7 +79374,6 @@ class ContentBuilder {
       onlineDemo: false,
       autoSendDelay: 4000,
       autoEditBlock: false,
-      commandPlaceholderText: '',
       enableShortCommands: true,
       speechRecognitionLang: 'en-US',
       assistantMode: 'general',
@@ -81887,45 +81890,39 @@ class ContentBuilder {
       }
       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);
-              }
-            }
-          });
+      const base64 = result.data;
+      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);
+            callback(images);
+          }
+        });
+      };
     } catch (error) {
       if (error.name === 'AbortError') ; else {
         // CORS or code errors goes here
@@ -81937,6 +81934,92 @@ class ContentBuilder {
     }
   }
 
+  /*
+  async generateImage(prompt, num, callback) {
+       if(!(this.generateImageUrl && this.uploadBase64Url)) return;
+       this.controller = new AbortController(); // Create a new AbortController
+      this.signal = this.controller.signal; // Get a new signal object
+       const messages = { prompt, num };
+       try {
+           const response = await fetch(this.generateImageUrl, {
+              signal: this.signal, // Abort
+              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);
+                              }
+                          }
+                      });
+              };
+  
+          });
+       } catch (error) {
+          if (error.name === 'AbortError') {
+              // Do Nothing
+              // console.log('Request aborted by user.');
+          } else {
+              // CORS or code errors goes here
+              console.error('Error:', error);
+              // console.log('Error:\n'+error);
+               this.dictation.finish(); // Must be called after finished
+          }
+      }
+  }
+  */
+
   lightboxOpen(col) {
     // Open Lightbox
     if (this.useLightbox) {