@innovastudio/contentbuilder 1.4.93 → 1.4.94

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -77984,7 +77984,7 @@ class Dictation {
       let htmlList = '';
       const commandInfo = this.builder.commandInfo;
       let bImageGeneration = false;
-      if (this.builder.generateImageUrl && this.builder.uploadBase64Url) {
+      if (this.builder.textToImageUrl) {
         bImageGeneration = true;
       }
       for (const key in commandInfo) {
@@ -78122,7 +78122,7 @@ class Dictation {
     const btnScopeOthers = this.modalCommand.querySelector('.scope-others');
     const btnScopeImage = this.modalCommand.querySelector('.scope-image');
     btnScopeBlock.disabled = true;
-    if (this.builder.generateImageUrl) btnScopeImage.style.display = ''; // show generate image button
+    if (this.builder.textToImageUrl) btnScopeImage.style.display = ''; // show generate image button
 
     const assistModeBtns = modalCommand.querySelectorAll('.div-assistant-mode button');
     assistModeBtns.forEach(btn => {
@@ -81864,17 +81864,36 @@ class ContentBuilder {
       }
     }
   }
-  async generateImage(prompt, num, callback) {
-    if (!(this.generateImageUrl && this.uploadBase64Url)) return;
+  async generateImage(prompt, callback) {
     this.controller = new AbortController(); // Create a new AbortController
     this.signal = this.controller.signal; // Get a new signal object
 
+    let model = 'realistic-vision-v3';
+    let negative_prompt = '';
+    if (model.includes('realistic-vision')) {
+      if (negative_prompt === '') negative_prompt = 'duplicate, (deformed iris, deformed pupils, semi-realistic, cgi, 3d, render, sketch, cartoon, drawing, anime:1.4), text, close up, cropped, out of frame, worst quality, low quality, jpeg artifacts, ugly, duplicate, morbid, mutilated, extra fingers, mutated hands, poorly drawn hands, poorly drawn face, mutation, deformed, blurry, dehydrated, bad anatomy, bad proportions, extra limbs, cloned face, disfigured, gross proportions, malformed limbs, missing arms, missing legs, extra arms, extra legs, fused fingers, too many fingers, long neck, bad_prompt_version2, bad-hands-5, badhandv4, bad anatomy, deformed, mutated, amputated, missing finger, extra finger, fused fingers, missing leg, extra leg, fused legs, missing digit, extra digit, fused digits, missing hand, extra hand, fused hands, missing arm, extra arm, fused arms, missing limb, extra limb, fused limbs, fused bodies, merged bodies, extra bodies, dual bodies, extra navel, elongated body, missing joint, extra joint, fused joints, deformed hip, twisted limbs, twisted legs, twisted arms, missing head, extra head, double head, twins, missing ear, extra ear, deformed ear, black and white, monochrome, multiple views, blurry, text, signature, head out of frame, paintings, sketches, (worst quality:2), (low quality:2), (normal quality:2), lowres, grayscale, glans, bad hands, error, extra digit, fewer digits, cropped, jpeg artifacts, watermark, username, bad feet, poorly drawn hands, poorly drawn face, mutation, too many fingers, long neck, long body, long arms, cross-eyed, mutated hands, polar lowres, bad body, bad proportions, gross proportions, cropped head , bad eyes, extra breast, missing breast, fused breasts, unnatural proportions, necklace';
+    }
+    let width = 1024;
+    let height = 1024;
+    let steps = 25;
+    let guidance = 7.5;
+    let scheduler = 'dpmsolver++';
+    let output_format = 'jpeg';
     const messages = {
-      prompt,
-      num
+      model: 'realistic-vision-v3',
+      prompt: prompt,
+      negative_prompt: negative_prompt,
+      width: width,
+      height: height,
+      steps: steps,
+      guidance: guidance,
+      scheduler: scheduler,
+      output_format: output_format,
+      folder_path: ''
     };
     try {
-      const response = await fetch(this.generateImageUrl, {
+      let url = this.textToImageUrl;
+      const response = await fetch(url, {
         signal: this.signal,
         // Abort
         method: 'POST',
@@ -81888,41 +81907,8 @@ class ContentBuilder {
         console.log('Error:\n' + result.error);
         return;
       }
-      const filename = result.filename;
-      let 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);
-          }
-        });
-      };
+      const imageUrl = result.url;
+      callback([imageUrl]);
     } catch (error) {
       if (error.name === 'AbortError') ; else {
         // CORS or code errors goes here
@@ -81934,8 +81920,11 @@ class ContentBuilder {
     }
   }
 
-  /*
-  async generateImage(prompt, num, callback) {
+  /* OpenAI
+  // Requires:
+  // generateImageUrl: '/generateimage',
+  // uploadBase64Url:'/uploadbase64',
+   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