From 65af1305221b958e60fdd5f47630b7e0af7e8106 Mon Sep 17 00:00:00 2001
From: listofbanned <listofbanned@gmail.com>
Date: Wed, 19 Oct 2022 17:21:38 -0300
Subject: [PATCH 1/8] add page to test generators/deploment endpoints

---
 constants/endpoints-constants.js |  12 +-
 generators/generator.js          | 171 +++++++++++++++++++++
 pages/generators.js              | 246 +++++++++++++++++++++++++++++++
 3 files changed, 426 insertions(+), 3 deletions(-)
 create mode 100644 generators/generator.js
 create mode 100644 pages/generators.js

diff --git a/constants/endpoints-constants.js b/constants/endpoints-constants.js
index 569bb92..689640f 100644
--- a/constants/endpoints-constants.js
+++ b/constants/endpoints-constants.js
@@ -1,4 +1,10 @@
-export const weaviateUrl = `https://weaviate.weabaverse.com`;
+export const gpt3Url = `https://gpt3.webaverse.com`; // check | create
+export const voiceUrl = `https://voice-cw.webaverse.com`; // test
 export const stableDiffusionUrl = `https://stable-diffusion.webaverse.com`;
-export const voiceUrl = `https://voice-cw.webaverse.com`;
-export const diffsoundUrl = `https://diffsound.webaverse.com`;
\ No newline at end of file
+export const diffsoundUrl = `https://diffsound.webaverse.com`; // test
+export const motionDiffusionUrl = `https://motion-diffusion.webaverse.com`; // check | create
+export const stableDreamfusionUrl = `https://stable-dreamfussion.webaverse.com`; // check | create
+export const get3dUrl = `https://get-3d.webaverse.com`; // check | create
+export const musicGeneratorUrl = `https://music-generator.webaverse.com`; // check | create
+export const weaviateUrl = `https://weaviate.weabaverse.com`; // test
+export const discoDiffusionUrl = `https://disco-diffusion.weabaverse.com`; // check | create
\ No newline at end of file
diff --git a/generators/generator.js b/generators/generator.js
new file mode 100644
index 0000000..2c3ed24
--- /dev/null
+++ b/generators/generator.js
@@ -0,0 +1,171 @@
+// import {stableDiffusionUrl} from '../../constants/endpoints.js';
+import fetch from 'node-fetch';
+import {
+  gpt3Url,
+  voiceUrl,
+  stableDiffusionUrl,
+  diffsoundUrl,
+  motionDiffusionUrl,
+  stableDreamfusionUrl,
+  get3dUrl,
+  musicGeneratorUrl,
+  weaviateUrl,
+  discoDiffusionUrl,
+} from '../constants/endpoints-constants';
+
+export const generateText = ({model}) => async ({x} = {}) => {
+  const url = `${gpt3Url}/text?x=${x}` // mock endpoint
+  await fetch(url)
+    .then(res => {
+      if (res.ok) {
+        // TODO: return generated text
+      } else {
+        throw new Error(`invalid status: ${res.status}`);
+      }
+    })
+    .catch(err => {
+      throw new Error(`url error: ${err}`);
+    })
+}
+
+export const generateVoice = ({model}) => async ({x} = {}) => {
+  const url = `${voiceUrl}/voice?x=${x}` // mock endpoint
+  await fetch(url)
+    .then(res => {
+      if (res.ok) {
+        // TODO: return generated voice
+      } else {
+        throw new Error(`invalid status: ${res.status}`);
+      }
+    })
+    .catch(err => {
+      throw new Error(`url error: ${err}`);
+    })
+}
+
+export const generateImage = ({
+  modelName,
+  prefix,
+}) => async ({
+  name,
+  description,
+} = {}) => {
+  const s = `${prefix} ${description}`;
+  const u = `${stableDiffusionUrl}/image?s=${encodeURIComponent(s)}&model=${modelName}`;
+  const res = await fetch(u);
+  if (res.ok) {
+    const arrayBuffer = await res.arrayBuffer();
+    if (arrayBuffer.byteLength > 0) {
+      return arrayBuffer;
+    } else {
+      throw new Error(`generated empty image`);
+    }
+  } else {
+    throw new Error(`invalid status: ${res.status}`);
+  }
+}
+
+export const generateDiffSound = ({model}) => async ({x} = {}) => {
+  const url = `${diffsoundUrl}/sound?x=${x}` // mock endpoint
+  await fetch(url)
+    .then(res => {
+      if (res.ok) {
+        // TODO: return generated sound
+      } else {
+        throw new Error(`invalid status: ${res.status}`);
+      }
+    })
+    .catch(err => {
+      throw new Error(`url error: ${err}`);
+    })
+}
+
+export const generateMotionDiffusion = ({model}) => async ({x} = {}) => {
+  const url = `${motionDiffusionUrl}/motion?x=${x}` // mock endpoint
+  await fetch(url)
+    .then(res => {
+      if (res.ok) {
+        // TODO: return generated motion
+      } else {
+        throw new Error(`invalid status: ${res.status}`);
+      }
+    })
+    .catch(err => {
+      throw new Error(`url error: ${err}`);
+    })
+}
+
+export const generateObjectOrConsumable = ({model}) => async ({x} = {}) => {
+  const url = `${stableDreamfusionUrl}/object?x=${x}` // mock endpoint
+  await fetch(url)
+    .then(res => {
+      if (res.ok) {
+        // TODO: return generated object | consumable
+      } else {
+        throw new Error(`invalid status: ${res.status}`);
+      }
+    })
+    .catch(err => {
+      throw new Error(`url error: ${err}`);
+    })
+}
+
+export const generateGet3DObject = ({model}) => async ({x} = {}) => {
+  const url = `${get3dUrl}/object?x=${x}` // mock endpoint
+  await fetch(url)
+    .then(res => {
+      if (res.ok) {
+        // TODO: return generated object
+      } else {
+        throw new Error(`invalid status: ${res.status}`);
+      }
+    })
+    .catch(err => {
+      throw new Error(`url error: ${err}`);
+    })
+}
+
+export const generateMusic = ({model}) => async ({x} = {}) => {
+  const url = `${musicGeneratorUrl}/music?x=${x}` // mock endpoint
+  await fetch(url)
+    .then(res => {
+      if (res.ok) {
+        // TODO: return generated music
+      } else {
+        throw new Error(`invalid status: ${res.status}`);
+      }
+    })
+    .catch(err => {
+      throw new Error(`url error: ${err}`);
+    })
+}
+
+export const generateWeaviateCharacter = ({model}) => async ({x} = {}) => {
+  const url = `${weaviateUrl}/character?x=${x}` // mock endpoint
+  await fetch(url)
+    .then(res => {
+      if (res.ok) {
+        // TODO: return generated character ??
+      } else {
+        throw new Error(`invalid status: ${res.status}`);
+      }
+    })
+    .catch(err => {
+      throw new Error(`url error: ${err}`);
+    })
+}
+
+export const generateSprite = ({model}) => async ({x} = {}) => {
+  const url = `${discoDiffusionUrl}/sprite?x=${x}` // mock endpoint
+  await fetch(url)
+    .then(res => {
+      if (res.ok) {
+        // TODO: return generated sprite
+      } else {
+        throw new Error(`invalid status: ${res.status}`);
+      }
+    })
+    .catch(err => {
+      throw new Error(`url error: ${err}`);
+    })
+}
diff --git a/pages/generators.js b/pages/generators.js
new file mode 100644
index 0000000..5faddf6
--- /dev/null
+++ b/pages/generators.js
@@ -0,0 +1,246 @@
+import Head from 'next/head'
+import {useState} from 'react'
+import styles from '../styles/Home.module.css'
+import {
+  generateText,
+  generateVoice,
+  generateImage,
+  generateDiffSound,
+  generateMotionDiffusion,
+  generateObjectOrConsumable,
+  generateGet3DObject,
+  generateMusic,
+  generateWeaviateCharacter,
+  generateSprite,
+} from '../generators/generator'
+
+export default function Generators() {
+  const [loadingText, setLoadingText] = useState(false)
+  const [generatedText, setGeneratedText] = useState(null)
+
+  const [loadingVoice, setLoadingVoice] = useState(false)
+  const [generatedVoice, setGeneratedVoice] = useState(null)
+
+  const [loadingImage, setLoadingImage] = useState(false)
+  const [generatedImage, setGeneratedImage] = useState(null)
+
+  const [loadingSound, setLoadingSound] = useState(false)
+  const [generatedSound, setGeneratedSound] = useState(null)
+
+  const [loadingMotion, setLoadingMotion] = useState(false)
+  const [generatedMotion, setGeneratedMotion] = useState(null)
+
+  const [loadingObject, setLoadingObject] = useState(false)
+  const [generatedObject, setGeneratedObject] = useState(null)
+
+  const [loadingGet3DObject, setLoadingGet3DObject] = useState(false)
+  const [generatedGet3DObject, setGeneratedGet3DObject] = useState(null)
+
+  const [loadingMusic, setLoadingMusic] = useState(false)
+  const [generatedMusic, setGeneratedMusic] = useState(null)
+
+  const [loadingCharacter, setLoadingCharacter] = useState(false)
+  const [generatedCharacter, setGeneratedCharacter] = useState(null)
+
+  const [loadingSprite, setLoadingSprite] = useState(false)
+  const [generatedSprite, setGeneratedSprite] = useState(null)
+
+  // generateText
+  async function generateTestText() {
+    setLoadingText(true)
+    // TODO generateText()
+    setLoadingText(false)
+  }
+
+  // generateVoice
+  async function generateTestVoice() {
+    setLoadingVoice(true)
+    // TODO generateVoice()
+    setLoadingVoice(false)
+  }
+
+  // generateImage
+  async function generateTestImage() {
+    setLoadingImage(true)
+    let description = 'test generate image'
+    const arrayBuffer = generateImage({
+      modelName: null,
+      s: 'test',
+    })
+    let imgArrayBuffer = await arrayBuffer(description)
+    console.log(imgArrayBuffer) // TODO create image
+    const blob = new Blob([imgArrayBuffer], {
+      type: 'image/png',
+    })
+    const image = URL.createObjectURL(blob)
+    setGeneratedImage(image)
+    setLoadingImage(false)
+  }
+
+  // generateDiffSound
+  async function generateTestDiffSound() {
+    setLoadingSound(true)
+    // TODO generateDiffSound()
+    setLoadingSound(false)
+  }
+
+  // generateMotionDiffusion
+  async function generateTestMotionDiffusion() {
+    setLoadingMotion(true)
+    // TODO generateMotionDiffusion()
+    setLoadingMotion(false)
+  }
+
+  // generateObjectOrConsumable
+  async function generateTestObjectOrConsumable() {
+    setLoadingObject(true)
+    // TODO generateObjectOrConsumable()
+    setLoadingObject(false)
+  }
+
+  // generateGet3DObject
+  async function generateTestGet3DObject() {
+    setLoadingGet3DObject(true)
+    // TODO generateGet3DObject()
+    setLoadingGet3DObject(false)
+  }
+
+  // generateMusic
+  async function generateTestMusic() {
+    setLoadingMusic(true)
+    // TODO generateMusic()
+    setLoadingMusic(false)
+  }
+
+  // generateWeaviateCharacter
+  async function generateTestWeaviateCharacter() {
+    setLoadingCharacter(true)
+    // TODO generateWeaviateCharacter()
+    setLoadingCharacter(false)
+  }
+
+  // generateSprite
+  async function generateTestSprite() {
+    setLoadingSprite(true)
+    // TODO generateSprite()
+    setLoadingSprite(false)
+  }
+
+  // TODO styling!!
+  return (
+    <div className={styles.container}>
+      <Head>
+        <title>Test - Generators</title>
+        <meta name="description" content="Lore engine" />
+      </Head>
+
+      <main className={styles.main}>
+        <button
+          // style={main-btn}
+          onClick={generateTestText}
+        >
+          Generate Test Text
+        </button>
+        {loadingText && <p>Loading...</p>}
+        {!loadingText && !generatedText && <p>No data</p>}
+        {/* render result here */}
+        <hr />
+        <button
+          // style={main-btn}
+          onClick={generateTestVoice}
+        >
+          Generate Test Voice
+        </button>
+        {loadingVoice && <p>Loading...</p>}
+        {!loadingVoice && !generatedVoice && <p>No data</p>}
+        {/* render result here */}
+        <hr />
+        <button
+          // style={main-btn}
+          onClick={generateTestImage}
+        >
+          Generate Test Image
+        </button>
+        {loadingImage && <p>Loading...</p>}
+        {!loadingImage && !generatedImage && <p>No data</p>}
+        {!loadingImage && generatedImage && 
+            <div>
+              <br />
+              <img src={generatedImage} alt='image' />
+              <br />
+            </div>
+          }
+        <button
+          // style={main-btn}
+          onClick={generateTestDiffSound}
+        >
+          Generate Test Sound
+        </button>
+        {loadingSound && <p>Loading...</p>}
+        {!loadingSound && !generatedSound && <p>No data</p>}
+        {/* render result here */}
+        <hr />
+        <button
+          // style={main-btn}
+          onClick={generateTestMotionDiffusion}
+        >
+          Generate Test Motion
+        </button>
+        {loadingMotion && <p>Loading...</p>}
+        {!loadingMotion && !generatedMotion && <p>No data</p>}
+        {/* render result here */}
+        <hr />
+        <button
+          // style={main-btn}
+          onClick={generateTestObjectOrConsumable}
+        >
+          Generate Test Object/Consumable
+        </button>
+        {loadingObject && <p>Loading...</p>}
+        {!loadingObject && !generatedObject && <p>No data</p>}
+        {/* render result here */}
+        <hr />
+        <button
+          // style={main-btn}
+          onClick={generateTestGet3DObject}
+        >
+          Generate Test 3D Object
+        </button>
+        {loadingGet3DObject && <p>Loading...</p>}
+        {!loadingGet3DObject && !generatedGet3DObject && <p>No data</p>}
+        {/* render result here */}
+        <hr />
+        <button
+          // style={main-btn}
+          onClick={generateTestMusic}
+        >
+          Generate Test Music
+        </button>
+        {loadingMusic && <p>Loading...</p>}
+        {!loadingMusic && !generatedMusic && <p>No data</p>}
+        {/* render result here */}
+        <hr />
+        <button
+          // style={main-btn}
+          onClick={generateTestWeaviateCharacter}
+        >
+          Generate Test Character
+        </button>
+        {loadingCharacter && <p>Loading...</p>}
+        {!loadingCharacter && !generatedCharacter && <p>No data</p>}
+        {/* render result here */}
+        <hr />
+        <button
+          // style={main-btn}
+          onClick={generateTestSprite}
+        >
+          Generate Test Sprite
+        </button>
+        {loadingSprite && <p>Loading...</p>}
+        {!loadingSprite && !generatedSprite && <p>No data</p>}
+        {/* render result here */}
+        <hr />
+      </main>
+    </div>
+  )
+}

From 7fe60dc028641b512904a0021cb0a63ba001abef Mon Sep 17 00:00:00 2001
From: listofbanned <listofbanned@gmail.com>
Date: Thu, 20 Oct 2022 18:59:52 -0300
Subject: [PATCH 2/8] Add voice

---
 constants/endpoints-constants.js |  1 +
 generators/generator.js          | 27 ++++++-------
 pages/generators.js              | 67 ++++++++++++++++++++++++++------
 3 files changed, 70 insertions(+), 25 deletions(-)

diff --git a/constants/endpoints-constants.js b/constants/endpoints-constants.js
index 689640f..097277c 100644
--- a/constants/endpoints-constants.js
+++ b/constants/endpoints-constants.js
@@ -1,5 +1,6 @@
 export const gpt3Url = `https://gpt3.webaverse.com`; // check | create
 export const voiceUrl = `https://voice-cw.webaverse.com`; // test
+// export const voiceUrl = `http://207.53.234.253` // coreweave
 export const stableDiffusionUrl = `https://stable-diffusion.webaverse.com`;
 export const diffsoundUrl = `https://diffsound.webaverse.com`; // test
 export const motionDiffusionUrl = `https://motion-diffusion.webaverse.com`; // check | create
diff --git a/generators/generator.js b/generators/generator.js
index 2c3ed24..4723a36 100644
--- a/generators/generator.js
+++ b/generators/generator.js
@@ -28,19 +28,20 @@ export const generateText = ({model}) => async ({x} = {}) => {
     })
 }
 
-export const generateVoice = ({model}) => async ({x} = {}) => {
-  const url = `${voiceUrl}/voice?x=${x}` // mock endpoint
-  await fetch(url)
-    .then(res => {
-      if (res.ok) {
-        // TODO: return generated voice
-      } else {
-        throw new Error(`invalid status: ${res.status}`);
-      }
-    })
-    .catch(err => {
-      throw new Error(`url error: ${err}`);
-    })
+export const generateVoice = () => async ({s, voice} = {}) => {
+  return `${voiceUrl}/tts?s=${s}&voice=${voice}`
+  // const res = await fetch(url)
+    // .then(res => {
+    //   if (res.ok) {
+    //     return res
+    //   } else {
+    //     throw new Error(`invalid status: ${res.status}`);
+    //   }
+    //   return url
+    // })
+    // .catch(err => {
+    //   throw new Error(`url error: ${err}`);
+    // })
 }
 
 export const generateImage = ({
diff --git a/pages/generators.js b/pages/generators.js
index 5faddf6..214da77 100644
--- a/pages/generators.js
+++ b/pages/generators.js
@@ -14,12 +14,16 @@ import {
   generateSprite,
 } from '../generators/generator'
 
+// import Reader from 'riff-wave-reader/lib/reader'
+
 export default function Generators() {
   const [loadingText, setLoadingText] = useState(false)
   const [generatedText, setGeneratedText] = useState(null)
 
   const [loadingVoice, setLoadingVoice] = useState(false)
   const [generatedVoice, setGeneratedVoice] = useState(null)
+  const [transcript, setTranscript] = useState('')
+  const [voice, setVoice] = useState('')
 
   const [loadingImage, setLoadingImage] = useState(false)
   const [generatedImage, setGeneratedImage] = useState(null)
@@ -53,9 +57,18 @@ export default function Generators() {
   }
 
   // generateVoice
+  const handleTranscript = e => {
+    setTranscript(e.target.value)
+  }
+  const handleVoice = e => {
+    setVoice(e.target.value)
+  }
   async function generateTestVoice() {
-    setLoadingVoice(true)
-    // TODO generateVoice()
+    const newVoice = generateVoice()
+    const voiceArrayBuffer = await newVoice({s: transcript, voice})
+    const blob = new Blob([await (await fetch(voiceArrayBuffer)).arrayBuffer()])
+    const audioFromBlob = URL.createObjectURL(blob)
+    setGeneratedVoice(audioFromBlob)
     setLoadingVoice(false)
   }
 
@@ -68,7 +81,7 @@ export default function Generators() {
       s: 'test',
     })
     let imgArrayBuffer = await arrayBuffer(description)
-    console.log(imgArrayBuffer) // TODO create image
+
     const blob = new Blob([imgArrayBuffer], {
       type: 'image/png',
     })
@@ -147,13 +160,42 @@ export default function Generators() {
         <hr />
         <button
           // style={main-btn}
-          onClick={generateTestVoice}
+          // onClick={generateTestVoice}
+          onClick={() =>setLoadingVoice(true)}
         >
           Generate Test Voice
         </button>
-        {loadingVoice && <p>Loading...</p>}
+        {loadingVoice &&
+          <div>
+            <input
+              type='text'
+              id='transcript'
+              name='transcript'
+              placeholder='Transcript'
+              onChange={handleTranscript}
+              value={transcript}
+            />
+            <br />
+            <input
+              type='text'
+              id='voice'
+              name='voice'
+              placeholder='Voice ID'
+              onChange={handleVoice}
+              value={voice}
+            />
+            <br />
+            <button onClick={generateTestVoice}>Generate</button>
+          </div>
+        }
         {!loadingVoice && !generatedVoice && <p>No data</p>}
-        {/* render result here */}
+        {!loadingVoice && generatedVoice && 
+          <div>
+            <br />
+            <audio controls src={generatedVoice}></audio>
+            <br />
+          </div>
+        }
         <hr />
         <button
           // style={main-btn}
@@ -164,12 +206,13 @@ export default function Generators() {
         {loadingImage && <p>Loading...</p>}
         {!loadingImage && !generatedImage && <p>No data</p>}
         {!loadingImage && generatedImage && 
-            <div>
-              <br />
-              <img src={generatedImage} alt='image' />
-              <br />
-            </div>
-          }
+          <div>
+            <br />
+            <img src={generatedImage} alt='image' />
+            <br />
+          </div>
+        }
+        <hr />
         <button
           // style={main-btn}
           onClick={generateTestDiffSound}

From a387d6150e0e655ce42d82d82f27882e0c97eafd Mon Sep 17 00:00:00 2001
From: listofbanned <listofbanned@gmail.com>
Date: Fri, 21 Oct 2022 14:40:22 -0300
Subject: [PATCH 3/8] Add diffsound test

---
 constants/endpoints-constants.js |  4 ++--
 generators/generator.js          | 15 ++----------
 pages/generators.js              | 40 +++++++++++++++++++++++++-------
 3 files changed, 36 insertions(+), 23 deletions(-)

diff --git a/constants/endpoints-constants.js b/constants/endpoints-constants.js
index 097277c..f832e87 100644
--- a/constants/endpoints-constants.js
+++ b/constants/endpoints-constants.js
@@ -1,8 +1,8 @@
 export const gpt3Url = `https://gpt3.webaverse.com`; // check | create
-export const voiceUrl = `https://voice-cw.webaverse.com`; // test
+export const voiceUrl = `https://voice-cw.webaverse.com`;
 // export const voiceUrl = `http://207.53.234.253` // coreweave
 export const stableDiffusionUrl = `https://stable-diffusion.webaverse.com`;
-export const diffsoundUrl = `https://diffsound.webaverse.com`; // test
+export const diffsoundUrl = `https://diffsound.webaverse.com`;
 export const motionDiffusionUrl = `https://motion-diffusion.webaverse.com`; // check | create
 export const stableDreamfusionUrl = `https://stable-dreamfussion.webaverse.com`; // check | create
 export const get3dUrl = `https://get-3d.webaverse.com`; // check | create
diff --git a/generators/generator.js b/generators/generator.js
index 4723a36..6690f2d 100644
--- a/generators/generator.js
+++ b/generators/generator.js
@@ -66,19 +66,8 @@ export const generateImage = ({
   }
 }
 
-export const generateDiffSound = ({model}) => async ({x} = {}) => {
-  const url = `${diffsoundUrl}/sound?x=${x}` // mock endpoint
-  await fetch(url)
-    .then(res => {
-      if (res.ok) {
-        // TODO: return generated sound
-      } else {
-        throw new Error(`invalid status: ${res.status}`);
-      }
-    })
-    .catch(err => {
-      throw new Error(`url error: ${err}`);
-    })
+export const generateDiffSound = () => async ({s} = {}) => {
+  return `${diffsoundUrl}/sound?s=${s}`
 }
 
 export const generateMotionDiffusion = ({model}) => async ({x} = {}) => {
diff --git a/pages/generators.js b/pages/generators.js
index 214da77..3762907 100644
--- a/pages/generators.js
+++ b/pages/generators.js
@@ -30,6 +30,7 @@ export default function Generators() {
 
   const [loadingSound, setLoadingSound] = useState(false)
   const [generatedSound, setGeneratedSound] = useState(null)
+  const [sound, setSound] = useState('')
 
   const [loadingMotion, setLoadingMotion] = useState(false)
   const [generatedMotion, setGeneratedMotion] = useState(null)
@@ -91,9 +92,16 @@ export default function Generators() {
   }
 
   // generateDiffSound
+  const handleSound = e => {
+    setSound(e.target.value)
+  }
   async function generateTestDiffSound() {
-    setLoadingSound(true)
-    // TODO generateDiffSound()
+    // setGeneratedSound(true)
+    const newSound = generateDiffSound()
+    const soundArrayBuffer = await newSound({s: sound})
+    const blob = new Blob([await (await fetch(soundArrayBuffer)).arrayBuffer()])
+    const soundFromBlob = URL.createObjectURL(blob)
+    setGeneratedSound(soundFromBlob)
     setLoadingSound(false)
   }
 
@@ -213,15 +221,31 @@ export default function Generators() {
           </div>
         }
         <hr />
-        <button
-          // style={main-btn}
-          onClick={generateTestDiffSound}
-        >
+        <button onClick={() => setLoadingSound(true)}>
           Generate Test Sound
         </button>
-        {loadingSound && <p>Loading...</p>}
+        {loadingSound &&
+          <div>
+            <input
+              type='text'
+              id='sound'
+              name='sound'
+              placeholder='Sound'
+              onChange={handleSound}
+              value={sound}
+            />
+            <br />
+            <button onClick={generateTestDiffSound}>Generate</button>
+          </div>
+        }
         {!loadingSound && !generatedSound && <p>No data</p>}
-        {/* render result here */}
+        {!loadingSound && generatedSound &&
+          <div>
+            <br />
+            <audio controls src={generatedSound}></audio>
+            <br />
+          </div>
+        }
         <hr />
         <button
           // style={main-btn}

From 9c47260887040e4f68bb7df7e1920af03d787441 Mon Sep 17 00:00:00 2001
From: listofbanned <listofbanned@gmail.com>
Date: Fri, 21 Oct 2022 14:46:23 -0300
Subject: [PATCH 4/8] Remove unnecessary code and comments

---
 constants/endpoints-constants.js |  1 -
 generators/generator.js          | 12 ------------
 2 files changed, 13 deletions(-)

diff --git a/constants/endpoints-constants.js b/constants/endpoints-constants.js
index 38988c3..260bcd1 100644
--- a/constants/endpoints-constants.js
+++ b/constants/endpoints-constants.js
@@ -1,6 +1,5 @@
 export const appUrl = `https://local.webaverse.com`;
 export const gpt3Url = `https://gpt3.webaverse.com`; // check | create
-export const stableDiffusionUrl = `https://stable-diffusion.webaverse.com`;
 export const voiceUrl = `https://voice-cw.webaverse.com`;
 // export const voiceUrl = `http://207.53.234.253` // coreweave
 export const stableDiffusionUrl = `https://stable-diffusion.webaverse.com`;
diff --git a/generators/generator.js b/generators/generator.js
index 6690f2d..d724edc 100644
--- a/generators/generator.js
+++ b/generators/generator.js
@@ -30,18 +30,6 @@ export const generateText = ({model}) => async ({x} = {}) => {
 
 export const generateVoice = () => async ({s, voice} = {}) => {
   return `${voiceUrl}/tts?s=${s}&voice=${voice}`
-  // const res = await fetch(url)
-    // .then(res => {
-    //   if (res.ok) {
-    //     return res
-    //   } else {
-    //     throw new Error(`invalid status: ${res.status}`);
-    //   }
-    //   return url
-    // })
-    // .catch(err => {
-    //   throw new Error(`url error: ${err}`);
-    // })
 }
 
 export const generateImage = ({

From be5fab947c818e3522d4d90436d6fa54c3a70c1e Mon Sep 17 00:00:00 2001
From: listofbanned <listofbanned@gmail.com>
Date: Thu, 27 Oct 2022 16:23:33 -0300
Subject: [PATCH 5/8] Add coreweave endpoints

---
 constants/endpoints-constants.js | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/constants/endpoints-constants.js b/constants/endpoints-constants.js
index 260bcd1..bc97546 100644
--- a/constants/endpoints-constants.js
+++ b/constants/endpoints-constants.js
@@ -1,12 +1,14 @@
 export const appUrl = `https://local.webaverse.com`;
-export const gpt3Url = `https://gpt3.webaverse.com`; // check | create
+export const gpt3Url = `https://gpt3.webaverse.com`; // create
 export const voiceUrl = `https://voice-cw.webaverse.com`;
-// export const voiceUrl = `http://207.53.234.253` // coreweave
-export const stableDiffusionUrl = `https://stable-diffusion.webaverse.com`;
 export const diffsoundUrl = `https://diffsound.webaverse.com`;
-export const motionDiffusionUrl = `https://motion-diffusion.webaverse.com`; // check | create
-export const stableDreamfusionUrl = `https://stable-dreamfussion.webaverse.com`; // check | create
-export const get3dUrl = `https://get-3d.webaverse.com`; // check | create
-export const musicGeneratorUrl = `https://music-generator.webaverse.com`; // check | create
-export const weaviateUrl = `https://weaviate.weabaverse.com`; // test
-export const discoDiffusionUrl = `https://disco-diffusion.weabaverse.com`; // check | create
\ No newline at end of file
+export const motionDiffusionUrl = `https://motion-diffusion.webaverse.com`; // create
+export const stableDreamfusionUrl = `https://stable-dreamfussion.webaverse.com`; // create
+export const get3dUrl = `https://get-3d.webaverse.com`; // create
+export const musicGeneratorUrl = `https://music-generator.webaverse.com`; // create
+export const discoDiffusionUrl = `https://disco-diffusion.weabaverse.com`; // create
+// coreweave
+export const pixelArtUrl = `https://pixel-art.weabaverse.com`;
+export const weaviateUrl = `https://weaviate.weabaverse.com`;
+export const stableDiffusionUrl = `https://stable-diffusion.webaverse.com`;
+export const blipUrl = `https://blip.webaverse.com`;
\ No newline at end of file

From 06224334a7b1388689230ac626e8adf49bb657b1 Mon Sep 17 00:00:00 2001
From: listofbanned <listofbanned@gmail.com>
Date: Thu, 27 Oct 2022 18:48:51 -0300
Subject: [PATCH 6/8] Fix typos

---
 constants/endpoints-constants.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/constants/endpoints-constants.js b/constants/endpoints-constants.js
index bc97546..35959c1 100644
--- a/constants/endpoints-constants.js
+++ b/constants/endpoints-constants.js
@@ -3,12 +3,12 @@ export const gpt3Url = `https://gpt3.webaverse.com`; // create
 export const voiceUrl = `https://voice-cw.webaverse.com`;
 export const diffsoundUrl = `https://diffsound.webaverse.com`;
 export const motionDiffusionUrl = `https://motion-diffusion.webaverse.com`; // create
-export const stableDreamfusionUrl = `https://stable-dreamfussion.webaverse.com`; // create
+export const stableDreamfusionUrl = `https://stable-dreamfusion.webaverse.com`; // create
 export const get3dUrl = `https://get-3d.webaverse.com`; // create
 export const musicGeneratorUrl = `https://music-generator.webaverse.com`; // create
-export const discoDiffusionUrl = `https://disco-diffusion.weabaverse.com`; // create
+export const discoDiffusionUrl = `https://disco-diffusion.webaverse.com`; // create
 // coreweave
-export const pixelArtUrl = `https://pixel-art.weabaverse.com`;
-export const weaviateUrl = `https://weaviate.weabaverse.com`;
+export const pixelArtUrl = `https://pixel-art.webaverse.com`;
+export const weaviateUrl = `https://weaviate.webaverse.com`;
 export const stableDiffusionUrl = `https://stable-diffusion.webaverse.com`;
 export const blipUrl = `https://blip.webaverse.com`;
\ No newline at end of file

From 5bbf6f678e8a7ef5f9d45d3c3e674a9f20085911 Mon Sep 17 00:00:00 2001
From: listofbanned <listofbanned@gmail.com>
Date: Fri, 28 Oct 2022 22:05:35 -0300
Subject: [PATCH 7/8] Add pixel-art, weaviate and blip endpoints

---
 generators/generator.js | 165 ++++++++++------------------------
 pages/generators.js     | 194 +++++++++++++---------------------------
 2 files changed, 111 insertions(+), 248 deletions(-)

diff --git a/generators/generator.js b/generators/generator.js
index d724edc..c6536ab 100644
--- a/generators/generator.js
+++ b/generators/generator.js
@@ -1,32 +1,12 @@
-// import {stableDiffusionUrl} from '../../constants/endpoints.js';
-import fetch from 'node-fetch';
+// import {stableDiffusionUrl} from '../../constants/endpoints.js'
+import fetch from 'node-fetch'
 import {
-  gpt3Url,
   voiceUrl,
   stableDiffusionUrl,
   diffsoundUrl,
-  motionDiffusionUrl,
-  stableDreamfusionUrl,
-  get3dUrl,
-  musicGeneratorUrl,
-  weaviateUrl,
-  discoDiffusionUrl,
-} from '../constants/endpoints-constants';
-
-export const generateText = ({model}) => async ({x} = {}) => {
-  const url = `${gpt3Url}/text?x=${x}` // mock endpoint
-  await fetch(url)
-    .then(res => {
-      if (res.ok) {
-        // TODO: return generated text
-      } else {
-        throw new Error(`invalid status: ${res.status}`);
-      }
-    })
-    .catch(err => {
-      throw new Error(`url error: ${err}`);
-    })
-}
+  pixelArtUrl,
+  blipUrl,
+} from '../constants/endpoints-constants'
 
 export const generateVoice = () => async ({s, voice} = {}) => {
   return `${voiceUrl}/tts?s=${s}&voice=${voice}`
@@ -39,18 +19,18 @@ export const generateImage = ({
   name,
   description,
 } = {}) => {
-  const s = `${prefix} ${description}`;
-  const u = `${stableDiffusionUrl}/image?s=${encodeURIComponent(s)}&model=${modelName}`;
-  const res = await fetch(u);
+  const s = `${prefix} ${description}`
+  const u = `${stableDiffusionUrl}/image?s=${encodeURIComponent(s)}&model=${modelName}`
+  const res = await fetch(u)
   if (res.ok) {
-    const arrayBuffer = await res.arrayBuffer();
+    const arrayBuffer = await res.arrayBuffer()
     if (arrayBuffer.byteLength > 0) {
-      return arrayBuffer;
+      return arrayBuffer
     } else {
-      throw new Error(`generated empty image`);
+      throw new Error(`generated empty image`)
     }
   } else {
-    throw new Error(`invalid status: ${res.status}`);
+    throw new Error(`invalid status: ${res.status}`)
   }
 }
 
@@ -58,92 +38,45 @@ export const generateDiffSound = () => async ({s} = {}) => {
   return `${diffsoundUrl}/sound?s=${s}`
 }
 
-export const generateMotionDiffusion = ({model}) => async ({x} = {}) => {
-  const url = `${motionDiffusionUrl}/motion?x=${x}` // mock endpoint
-  await fetch(url)
-    .then(res => {
-      if (res.ok) {
-        // TODO: return generated motion
-      } else {
-        throw new Error(`invalid status: ${res.status}`);
-      }
-    })
-    .catch(err => {
-      throw new Error(`url error: ${err}`);
-    })
-}
-
-export const generateObjectOrConsumable = ({model}) => async ({x} = {}) => {
-  const url = `${stableDreamfusionUrl}/object?x=${x}` // mock endpoint
-  await fetch(url)
-    .then(res => {
-      if (res.ok) {
-        // TODO: return generated object | consumable
-      } else {
-        throw new Error(`invalid status: ${res.status}`);
-      }
-    })
-    .catch(err => {
-      throw new Error(`url error: ${err}`);
-    })
-}
-
-export const generateGet3DObject = ({model}) => async ({x} = {}) => {
-  const url = `${get3dUrl}/object?x=${x}` // mock endpoint
-  await fetch(url)
-    .then(res => {
-      if (res.ok) {
-        // TODO: return generated object
-      } else {
-        throw new Error(`invalid status: ${res.status}`);
-      }
-    })
-    .catch(err => {
-      throw new Error(`url error: ${err}`);
-    })
-}
-
-export const generateMusic = ({model}) => async ({x} = {}) => {
-  const url = `${musicGeneratorUrl}/music?x=${x}` // mock endpoint
-  await fetch(url)
-    .then(res => {
-      if (res.ok) {
-        // TODO: return generated music
-      } else {
-        throw new Error(`invalid status: ${res.status}`);
-      }
-    })
-    .catch(err => {
-      throw new Error(`url error: ${err}`);
-    })
+export const generatePixelArt = () => async () => {
+  const delay = ms => new Promise(res => setTimeout(res, ms))
+  let queryId = ''
+  const generate = `${pixelArtUrl}/generate?steps=25&seed=30&s=snowy mountains`
+  await fetch(generate)
+    .then(r => r.json())
+    .then(d => {queryId = d.id})
+    .catch()
+  await delay(50000)
+  const pixelArt = `${pixelArtUrl}/generate_result?query_id=${queryId}`
+  const res = await fetch(pixelArt)
+  if (res.ok) {
+    const arrayBuffer = await res.arrayBuffer()
+    if (arrayBuffer.byteLength > 0) {
+      return arrayBuffer
+    } else {
+      throw new Error(`generated empty image`)
+    }
+  } else {
+    throw new Error(`invalid status: ${res.status}`)
+  }
 }
 
-export const generateWeaviateCharacter = ({model}) => async ({x} = {}) => {
-  const url = `${weaviateUrl}/character?x=${x}` // mock endpoint
-  await fetch(url)
-    .then(res => {
-      if (res.ok) {
-        // TODO: return generated character ??
-      } else {
-        throw new Error(`invalid status: ${res.status}`);
-      }
-    })
-    .catch(err => {
-      throw new Error(`url error: ${err}`);
-    })
-}
+// export const generateDiffSound = () => async ({s} = {}) => {
+export const generateBlipResult = () => async ({s} = {}) => {
+  const u = `${blipUrl}/upload/url?task=image_captioning&img_url=${s}`
 
-export const generateSprite = ({model}) => async ({x} = {}) => {
-  const url = `${discoDiffusionUrl}/sprite?x=${x}` // mock endpoint
-  await fetch(url)
-    .then(res => {
-      if (res.ok) {
-        // TODO: return generated sprite
-      } else {
-        throw new Error(`invalid status: ${res.status}`);
-      }
-    })
-    .catch(err => {
-      throw new Error(`url error: ${err}`);
+  await fetch(u, {  
+    mode: 'no-cors',
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Headers': '*',
+      'Cross-Origin-Embedder-Policy': 'same-origin'
+    }    
+  })
+    .then(r => r.json())
+    .then(d => {
+      console.log(d)
+      return d
     })
+    .catch(e => {console.log(e)})
 }
diff --git a/pages/generators.js b/pages/generators.js
index 3762907..e147a02 100644
--- a/pages/generators.js
+++ b/pages/generators.js
@@ -2,24 +2,16 @@ import Head from 'next/head'
 import {useState} from 'react'
 import styles from '../styles/Home.module.css'
 import {
-  generateText,
   generateVoice,
   generateImage,
   generateDiffSound,
-  generateMotionDiffusion,
-  generateObjectOrConsumable,
-  generateGet3DObject,
-  generateMusic,
-  generateWeaviateCharacter,
-  generateSprite,
+  generatePixelArt,
+  generateBlipResult,
 } from '../generators/generator'
 
 // import Reader from 'riff-wave-reader/lib/reader'
 
 export default function Generators() {
-  const [loadingText, setLoadingText] = useState(false)
-  const [generatedText, setGeneratedText] = useState(null)
-
   const [loadingVoice, setLoadingVoice] = useState(false)
   const [generatedVoice, setGeneratedVoice] = useState(null)
   const [transcript, setTranscript] = useState('')
@@ -32,30 +24,12 @@ export default function Generators() {
   const [generatedSound, setGeneratedSound] = useState(null)
   const [sound, setSound] = useState('')
 
-  const [loadingMotion, setLoadingMotion] = useState(false)
-  const [generatedMotion, setGeneratedMotion] = useState(null)
-
-  const [loadingObject, setLoadingObject] = useState(false)
-  const [generatedObject, setGeneratedObject] = useState(null)
-
-  const [loadingGet3DObject, setLoadingGet3DObject] = useState(false)
-  const [generatedGet3DObject, setGeneratedGet3DObject] = useState(null)
-
-  const [loadingMusic, setLoadingMusic] = useState(false)
-  const [generatedMusic, setGeneratedMusic] = useState(null)
+  const [loadingPixelArt, setLoadingPixelArt] = useState(false)
+  const [generatedPixelArt, setGeneratedPixelArt] = useState(null)
 
-  const [loadingCharacter, setLoadingCharacter] = useState(false)
-  const [generatedCharacter, setGeneratedCharacter] = useState(null)
-
-  const [loadingSprite, setLoadingSprite] = useState(false)
-  const [generatedSprite, setGeneratedSprite] = useState(null)
-
-  // generateText
-  async function generateTestText() {
-    setLoadingText(true)
-    // TODO generateText()
-    setLoadingText(false)
-  }
+  const [loadingBlip, setLoadingBlip] = useState(false)
+  const [generatedBlip, setGeneratedBlip] = useState('')
+  const [blipImageUrl, setBlipImageUrl] = useState('')
 
   // generateVoice
   const handleTranscript = e => {
@@ -105,46 +79,29 @@ export default function Generators() {
     setLoadingSound(false)
   }
 
-  // generateMotionDiffusion
-  async function generateTestMotionDiffusion() {
-    setLoadingMotion(true)
-    // TODO generateMotionDiffusion()
-    setLoadingMotion(false)
-  }
+  // generate pixel art
+  async function generateTestPixelArt() {
+    setLoadingPixelArt(true)
+    const newPixelArt = generatePixelArt()
+    const pixelArtBuffer = await newPixelArt()
 
-  // generateObjectOrConsumable
-  async function generateTestObjectOrConsumable() {
-    setLoadingObject(true)
-    // TODO generateObjectOrConsumable()
-    setLoadingObject(false)
-  }
-
-  // generateGet3DObject
-  async function generateTestGet3DObject() {
-    setLoadingGet3DObject(true)
-    // TODO generateGet3DObject()
-    setLoadingGet3DObject(false)
-  }
-
-  // generateMusic
-  async function generateTestMusic() {
-    setLoadingMusic(true)
-    // TODO generateMusic()
-    setLoadingMusic(false)
+    const blob = new Blob([pixelArtBuffer], {
+      type: 'image/png',
+    })
+    const image = URL.createObjectURL(blob)
+    setGeneratedPixelArt(image)
+    setLoadingPixelArt(false)
   }
 
-  // generateWeaviateCharacter
-  async function generateTestWeaviateCharacter() {
-    setLoadingCharacter(true)
-    // TODO generateWeaviateCharacter()
-    setLoadingCharacter(false)
+  // generate BLIP result
+  const handleBlip = e => {
+    setBlipImageUrl(e.target.value)
   }
-
-  // generateSprite
-  async function generateTestSprite() {
-    setLoadingSprite(true)
-    // TODO generateSprite()
-    setLoadingSprite(false)
+  async function generateBlip() {
+    const newBlip = generateBlipResult()
+    const result = await newBlip({s: blipImageUrl})
+    setGeneratedBlip(result)
+    setLoadingBlip(false)
   }
 
   // TODO styling!!
@@ -156,20 +113,10 @@ export default function Generators() {
       </Head>
 
       <main className={styles.main}>
-        <button
-          // style={main-btn}
-          onClick={generateTestText}
-        >
-          Generate Test Text
-        </button>
-        {loadingText && <p>Loading...</p>}
-        {!loadingText && !generatedText && <p>No data</p>}
-        {/* render result here */}
-        <hr />
         <button
           // style={main-btn}
           // onClick={generateTestVoice}
-          onClick={() =>setLoadingVoice(true)}
+          onClick={() => setLoadingVoice(true)}
         >
           Generate Test Voice
         </button>
@@ -248,64 +195,47 @@ export default function Generators() {
         }
         <hr />
         <button
-          // style={main-btn}
-          onClick={generateTestMotionDiffusion}
-        >
-          Generate Test Motion
-        </button>
-        {loadingMotion && <p>Loading...</p>}
-        {!loadingMotion && !generatedMotion && <p>No data</p>}
-        {/* render result here */}
-        <hr />
-        <button
-          // style={main-btn}
-          onClick={generateTestObjectOrConsumable}
-        >
-          Generate Test Object/Consumable
-        </button>
-        {loadingObject && <p>Loading...</p>}
-        {!loadingObject && !generatedObject && <p>No data</p>}
-        {/* render result here */}
-        <hr />
-        <button
-          // style={main-btn}
-          onClick={generateTestGet3DObject}
-        >
-          Generate Test 3D Object
-        </button>
-        {loadingGet3DObject && <p>Loading...</p>}
-        {!loadingGet3DObject && !generatedGet3DObject && <p>No data</p>}
-        {/* render result here */}
-        <hr />
-        <button
-          // style={main-btn}
-          onClick={generateTestMusic}
+          onClick={generateTestPixelArt}
         >
-          Generate Test Music
+          Generate Pixel Art
         </button>
-        {loadingMusic && <p>Loading...</p>}
-        {!loadingMusic && !generatedMusic && <p>No data</p>}
-        {/* render result here */}
-        <hr />
-        <button
-          // style={main-btn}
-          onClick={generateTestWeaviateCharacter}
-        >
-          Generate Test Character
-        </button>
-        {loadingCharacter && <p>Loading...</p>}
-        {!loadingCharacter && !generatedCharacter && <p>No data</p>}
-        {/* render result here */}
+        {loadingPixelArt && <p>Loading, can take up to one minute...</p>}
+        {!loadingPixelArt && !generatedPixelArt && <p>No data</p>}
+        {!loadingPixelArt && generatedPixelArt && 
+          <div>
+            <br />
+            <img src={generatedPixelArt} alt='image' />
+            <br />
+          </div>
+        }
         <hr />
         <button
-          // style={main-btn}
-          onClick={generateTestSprite}
+          onClick={() => setLoadingBlip(true)}
         >
-          Generate Test Sprite
+          Generate BLIP data
         </button>
-        {loadingSprite && <p>Loading...</p>}
-        {!loadingSprite && !generatedSprite && <p>No data</p>}
-        {/* render result here */}
+        {loadingBlip &&
+          <div>
+            <input
+              type='text'
+              id='img_url'
+              name='img_url'
+              placeholder='Image URL'
+              onChange={handleBlip}
+              value={blipImageUrl}
+            />
+            <br />
+            <button onClick={generateBlip}>Generate</button>
+          </div>
+        }
+        {!loadingBlip && !generatedBlip && <p>No data</p>}
+        {!loadingBlip && generatedBlip && 
+          <div>
+            <br />
+            <span>{generatedBlip}</span>
+            <br />
+          </div>
+        }
         <hr />
       </main>
     </div>

From 34de20783705d4c5c050be346ea6ed9726411712 Mon Sep 17 00:00:00 2001
From: listofbanned <listofbanned@gmail.com>
Date: Tue, 1 Nov 2022 21:42:03 -0300
Subject: [PATCH 8/8] Add endpoints usage

---
 pages/generators.js | 59 +++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 54 insertions(+), 5 deletions(-)

diff --git a/pages/generators.js b/pages/generators.js
index e147a02..51c1b0c 100644
--- a/pages/generators.js
+++ b/pages/generators.js
@@ -113,6 +113,14 @@ export default function Generators() {
       </Head>
 
       <main className={styles.main}>
+        <p>Generate voice using tiktalknet</p>
+        <div>Endpoints:
+          <p>/tts?s={"{s}"}&voice={"{voice}"}</p>
+          <ul>
+            <li>s (string): text to convert</li>
+            <li>voice (string | optional): the id of the voice to use</li>
+          </ul>
+        </div>
         <button
           // style={main-btn}
           // onClick={generateTestVoice}
@@ -143,7 +151,7 @@ export default function Generators() {
             <button onClick={generateTestVoice}>Generate</button>
           </div>
         }
-        {!loadingVoice && !generatedVoice && <p>No data</p>}
+        {!loadingVoice && !generatedVoice && <p>No voice data</p>}
         {!loadingVoice && generatedVoice && 
           <div>
             <br />
@@ -152,6 +160,14 @@ export default function Generators() {
           </div>
         }
         <hr />
+        <p>Generate image using Stable Diffusion</p>
+        <div>Endpoints:
+          <p>/image?s={"{s}"}&model={"{model}"}</p>
+          <ul>
+            <li>s (string): image url</li>
+            <li>model (string | optional): the id of the model to use</li>
+          </ul>
+        </div>
         <button
           // style={main-btn}
           onClick={generateTestImage}
@@ -159,7 +175,7 @@ export default function Generators() {
           Generate Test Image
         </button>
         {loadingImage && <p>Loading...</p>}
-        {!loadingImage && !generatedImage && <p>No data</p>}
+        {!loadingImage && !generatedImage && <p>No image data</p>}
         {!loadingImage && generatedImage && 
           <div>
             <br />
@@ -168,6 +184,13 @@ export default function Generators() {
           </div>
         }
         <hr />
+        <p>Generate sound with Diffsound (AWS)</p>
+        <div>Endpoints:
+          <p>/sound?s={"{s}"}</p>
+          <ul>
+            <li>s (string): text to convert</li>
+          </ul>
+        </div>
         <button onClick={() => setLoadingSound(true)}>
           Generate Test Sound
         </button>
@@ -185,7 +208,7 @@ export default function Generators() {
             <button onClick={generateTestDiffSound}>Generate</button>
           </div>
         }
-        {!loadingSound && !generatedSound && <p>No data</p>}
+        {!loadingSound && !generatedSound && <p>No sound data</p>}
         {!loadingSound && generatedSound &&
           <div>
             <br />
@@ -194,13 +217,19 @@ export default function Generators() {
           </div>
         }
         <hr />
+        <p>Generate Pixel Art (AWS)</p>
+        <div>Endpoints:
+        <p>/generate : kick off a new image generation job and add it to the backlog. returns the id of the job</p>
+        <p>/generate_result : retrieve </p>
+        <p>/prompt_tags : returns the current tags added to prompts</p>
+        </div>
         <button
           onClick={generateTestPixelArt}
         >
           Generate Pixel Art
         </button>
         {loadingPixelArt && <p>Loading, can take up to one minute...</p>}
-        {!loadingPixelArt && !generatedPixelArt && <p>No data</p>}
+        {!loadingPixelArt && !generatedPixelArt && <p>No Pixel Art data</p>}
         {!loadingPixelArt && generatedPixelArt && 
           <div>
             <br />
@@ -209,6 +238,26 @@ export default function Generators() {
           </div>
         }
         <hr />
+        <p>Generate image captioning using BLIP</p>
+        <div>Endpoints:
+        <p>POST /upload</p>
+          <ul>
+            <li>FormData task (string | optional): the task to run (image_captioning, vqa, feature_extraction or text_matching)</li>
+            <li>FormData file (file): the image to get the text caption</li>
+          </ul>
+          <p>POST /upload/url</p>
+          <p>Body:</p>
+          <p>
+            {"{"}
+              "task": {"<task>"},
+              "file": {"<string>"}
+            {"}"}
+          </p>
+          <ul>
+            <li>Body task (string | optional): the task to run (image_captioning, vqa, feature_extraction or text_matching)</li>
+            <li>Body file (string): the image url to get the text caption</li>
+          </ul>
+        </div>
         <button
           onClick={() => setLoadingBlip(true)}
         >
@@ -228,7 +277,7 @@ export default function Generators() {
             <button onClick={generateBlip}>Generate</button>
           </div>
         }
-        {!loadingBlip && !generatedBlip && <p>No data</p>}
+        {!loadingBlip && !generatedBlip && <p>No BLIP data</p>}
         {!loadingBlip && generatedBlip && 
           <div>
             <br />