Update app.py

app.py

@@ -6,142 +6,30 @@ import os
 from PIL import Image
 from deep_translator import GoogleTranslator
 
-
-import gradio as gr
-
-def welcome(name):
-    return f"Welcome to Gradio, {name}!"
-
-js = """
-function createGradioAnimation() {
-    var container = document.createElement('div');
-    container.id = 'gradio-animation';
-    container.style.fontSize = '2em';
-    container.style.fontWeight = 'bold';
-    container.style.textAlign = 'center';
-    container.style.marginBottom = '20px';
-
-    var text = 'Welcome to Gradio!';
-    for (var i = 0; i < text.length; i++) {
-        (function(i){
-            setTimeout(function(){
-                var letter = document.createElement('span');
-                letter.style.opacity = '0';
-                letter.style.transition = 'opacity 0.5s';
-                letter.innerText = text[i];
-
-                container.appendChild(letter);
-
-                setTimeout(function() {
-                    letter.style.opacity = '1';
-                }, 50);
-            }, i * 250);
-        })(i);
-    }
-
-    var gradioContainer = document.querySelector('.gradio-container');
-    gradioContainer.insertBefore(container, gradioContainer.firstChild);
-
-    return 'Animation created';
-}
-"""
-with gr.Blocks(js=js) as demo:
-    inp = gr.Textbox(placeholder="What is your name?")
-    out = gr.Textbox()
-    inp.change(welcome, inp, out)
-
-demo.launch()
-
-html='''<style>
-  body, html, #app {
-  margin: 0;
-  width: 100%;
-  height: 100%;
-}
-
-#app {
-  overflow: hidden;
-  touch-action: pan-up;
-  color: #ffffff;
-  font-family: 'Montserrat', sans-serif;
-  text-align: center;
-  text-shadow: 0 0 5px #000000, 0 0 20px #000;
-  user-select: none;
-}
-
-#app h1 {
-  --fontSize: 50px;
-  --lineHeight: 70px;
-  width: auto;
-  height: calc(2 * var(--lineHeight));
-  line-height: var(--lineHeight);
-  margin: calc(50vh - var(--lineHeight)) auto 0;
-  font-size: var(--fontSize);
-}
-
-#app a {
-  margin-top: 10px;
-  display: inline-block;
-  text-decoration: none;
-  color: #fff;
-}
-
-#app canvas {
-  display: block;
-  position: fixed;
-  z-index: -1;
-  top: 0;
-}
-</style>
-
-<script>
-  import { swarmBackground } from 'https://unpkg.com/threejs-toys@0.0.8/build/threejs-toys.module.cdn.min.js'
-
-const bg = swarmBackground({
-  el: document.getElementById('app'),
-  eventsEl: document.body,
-  gpgpuSize: 256,
-    color: [Math.random() * 0xffffff, Math.random() * 0xffffff],
-  geometry: 'default'
-})
-
-bg.three.camera.position.set(0, 0, 200)
-
-document.body.addEventListener('click', () => {
-  bg.setColors([Math.random() * 0xffffff, Math.random() * 0xffffff])
-})
-</script>
-<div id="app">
-  <div id="hero">
-  <h1>SWARM<br/>BACKGROUND</h1>
-  <a target="_blank" href="https://github.com/klevron/threejs-toys">github/threejs-toys</a>
-  </div>
-</div>
-'''
-# os.makedirs('assets', exist_ok=True)
+#os.makedirs('assets', exist_ok=True)
 if not os.path.exists('icon.jpg'):
     os.system("wget -O icon.jpg https://i.pinimg.com/564x/64/49/88/644988c59447eb00286834c2e70fdd6b.jpg")
-API_URL_DEV = "https://api-inference.huggingface.co/models/black-forest-labs/FLUX.1-dev"
+API_URL_DEV ="https://api-inference.huggingface.co/models/black-forest-labs/FLUX.1-dev"
 API_URL = "https://api-inference.huggingface.co/models/black-forest-labs/FLUX.1-schnell"
 timeout = 100
 
-def query(prompt, is_negative=False, steps=30, cfg_scale=7, sampler="DPM++ 2M Karras", seed=-1, strength=0.7, huggingface_api_key=None, use_dev=False):
-    # Determine which API URL to use
-    api_url = API_URL_DEV if use_dev else API_URL
-
+def query(prompt, is_negative=False, steps=30, cfg_scale=7, sampler="DPM++ 2M Karras", seed=-1, strength=0.7, huggingface_api_key=None):
     # Check if the request is an API call by checking for the presence of the huggingface_api_key
     is_api_call = huggingface_api_key is not None
 
     if is_api_call:
+        
         # Use the environment variable for the API key in GUI mode
         API_TOKEN = os.getenv("HF_READ_TOKEN")
         headers = {"Authorization": f"Bearer {API_TOKEN}"}
+        
     else:
         # Validate the API key if it's an API call
         if huggingface_api_key == "":
             raise gr.Error("API key is required for API calls.")
+        
         headers = {"Authorization": f"Bearer {huggingface_api_key}"}
-
+    
     if prompt == "" or prompt is None:
         return None
 
@@ -166,7 +54,7 @@ def query(prompt, is_negative=False, steps=30, cfg_scale=7, sampler="DPM++ 2M Ka
         "strength": strength
     }
 
-    response = requests.post(api_url, headers=headers, json=payload, timeout=timeout)
+    response = requests.post(API_URL_DEV, headers=headers, json=payload, timeout=timeout)
     if response.status_code != 200:
         print(f"Error: Failed to get image. Response status: {response.status_code}")
         print(f"Response content: {response.text}")
@@ -199,21 +87,19 @@ css = """
     align-items: center;
     justify-content: center;
 }
+
 #title-icon {
     width: 32px; /* Adjust the width of the icon as needed */
     height: auto;
     margin-right: 10px; /* Space between icon and title */
 }
+
 #title-text {
     font-size: 24px; /* Adjust font size as needed */
     font-weight: bold;
 }
 """
-with gr.Blocks(js=js) as demo:
-    inp = gr.Textbox(placeholder="What is your name?")
-    out = gr.Textbox()
-    inp.change(welcome, inp, out)
-    
+
 with gr.Blocks(theme='Nymbo/Nymbo_Theme', css=css) as app:
     gr.HTML("""
         <center>
@@ -222,7 +108,7 @@ with gr.Blocks(theme='Nymbo/Nymbo_Theme', css=css) as app:
                 <h1 id="title-text">FLUX Capacitor</h1>
             </div>
         </center>
-    """+html)
+    """)
 
     with gr.Column(elem_id="app-container"):
         with gr.Row():
@@ -238,15 +124,16 @@ with gr.Blocks(theme='Nymbo/Nymbo_Theme', css=css) as app:
                         strength = gr.Slider(label="Strength", value=0.7, minimum=0, maximum=1, step=0.001)
                         seed = gr.Slider(label="Seed", value=-1, minimum=-1, maximum=1000000000, step=1)
                         huggingface_api_key = gr.Textbox(label="Hugging Face API Key (required for API calls)", placeholder="Enter your Hugging Face API Key here", type="password", elem_id="api-key")
-                        use_dev = gr.Checkbox(label="Use Dev API", value=False, elem_id="use-dev-checkbox")
 
         with gr.Row():
             text_button = gr.Button("Run", variant='primary', elem_id="gen-button")
         with gr.Row():
+            # Define two outputs: one for the image file path and one for the seed
+            #image_path_output = gr.Textbox(label="Image File Path", elem_id="gallery")
             image_output = gr.Image(type="pil", label="Image Output", elem_id="gallery")
             seed_output = gr.Textbox(label="Seed Used", elem_id="seed-output")
         
-        # Adjust the click function to include the API key and use_dev as inputs
-        text_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength, huggingface_api_key, use_dev], outputs=[image_output, seed_output])
+        # Adjust the click function to include the API key as an input
+        text_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength, huggingface_api_key], outputs=[image_output, seed_output])
 
 app.launch(show_api=True, share=False)