@innovastudio/contentbuilder 1.4.92 → 1.4.93

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -81890,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
@@ -81940,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) {