app.py

import gradio as gr
import requests
import io
import random
import os
from PIL import Image

list_models = [
    "SDXL-1.0",
    "SD-1.5",
    "OpenJourney-V4",
    "Anything-V4",
    "Disney-Pixar-Cartoon",
    "Pixel-Art-XL",
    "Dalle-3-XL",
    "Midjourney-V4-XL",
]

def generate_txt2img(current_model, prompt, is_negative=False, image_style="None style", steps=50, cfg_scale=7,
                     seed=None):

    if current_model == "SD-1.5":
        API_URL = "https://api-inference.huggingface.co/models/runwayml/stable-diffusion-v1-5"
    elif current_model == "SDXL-1.0":
        API_URL = "https://api-inference.huggingface.co/models/stabilityai/stable-diffusion-xl-base-1.0"
    elif current_model == "OpenJourney-V4":
        API_URL = "https://api-inference.huggingface.co/models/prompthero/openjourney"       
    elif current_model == "Anything-V4":
        API_URL = "https://api-inference.huggingface.co/models/xyn-ai/anything-v4.0" 
    elif current_model == "Disney-Pixar-Cartoon":
        API_URL = "https://api-inference.huggingface.co/models/stablediffusionapi/disney-pixar-cartoon"
    elif current_model == "Pixel-Art-XL":
        API_URL = "https://api-inference.huggingface.co/models/nerijs/pixel-art-xl"
    elif current_model == "Dalle-3-XL":
        API_URL = "https://api-inference.huggingface.co/models/openskyml/dalle-3-xl"
    elif current_model == "Midjourney-V4-XL":
        API_URL = "https://api-inference.huggingface.co/models/openskyml/midjourney-v4-xl"    

    API_TOKEN = os.environ.get("HF_READ_TOKEN")
    headers = {"Authorization": f"Bearer {API_TOKEN}"}


    if image_style == "None style":
        payload = {
            "inputs": prompt + ", 8k",
            "is_negative": is_negative,
            "steps": steps,
            "cfg_scale": cfg_scale,
            "seed": seed if seed is not None else random.randint(-1, 2147483647)
        }
    elif image_style == "Cinematic":
        payload = {
            "inputs": prompt + ", realistic, detailed, textured, skin, hair, eyes, by Alex Huguet, Mike Hill, Ian Spriggs, JaeCheol Park, Marek Denko",
            "is_negative": is_negative + ", abstract, cartoon, stylized",
            "steps": steps,
            "cfg_scale": cfg_scale,
            "seed": seed if seed is not None else random.randint(-1, 2147483647)
        }
    elif image_style == "Digital Art":
        payload = {
            "inputs": prompt + ", faded , vintage , nostalgic , by Jose Villa , Elizabeth Messina , Ryan Brenizer , Jonas Peterson , Jasmine Star",
            "is_negative": is_negative + ", sharp , modern , bright",
            "steps": steps,
            "cfg_scale": cfg_scale,
            "seed": seed if seed is not None else random.randint(-1, 2147483647)
        }
    elif image_style == "Portrait":
        payload = {
            "inputs": prompt + ", soft light, sharp, exposure blend, medium shot, bokeh, (hdr:1.4), high contrast, (cinematic, teal and orange:0.85), (muted colors, dim colors, soothing tones:1.3), low saturation, (hyperdetailed:1.2), (noir:0.4), (natural skin texture, hyperrealism, soft light, sharp:1.2)",
            "is_negative": is_negative,
            "steps": steps,
            "cfg_scale": cfg_scale,
            "seed": seed if seed is not None else random.randint(-1, 2147483647)
        }

    image_bytes = requests.post(API_URL, headers=headers, json=payload).content
    image = Image.open(io.BytesIO(image_bytes))
    return image


css = """
        /* Ensure responsive design for different screen sizes */
@media only screen and (max-width: 768px) {
    .gradio-container {
        max-width: 100% !important;
    }
}

/* Improve button style for better visibility */
.gr-button {
    color: white;
    background: black;
    border-color: black;
    border-radius: 5px; /* Add border-radius for a more modern look */
}

/* Adjust range input style for better visibility */
input[type='range'] {
    accent-color: black;
    width: 100%; /* Ensure the range input spans the entire width */
}

/* Increase spacing and improve layout for the gallery section */
#gallery {
    min-height: 20rem; /* Adjust min-height for better responsiveness */
    margin: 15px auto; /* Center the gallery */
    border-radius: 0.5rem; /* Add border-radius for a smoother appearance */
}

/* Enhance hover effect for details */
.details:hover {
    text-decoration: underline;
}

/* Improve readability and style for the footer */
.footer {
    margin: 35px 0 45px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    background: white; /* Add background color for better contrast */
}

/* Adjust padding and border color for the advanced options button */
#advanced-btn {
    font-size: 0.9rem;
    line-height: 24px;
    margin: 12px 0;
    padding: 6px 12px; /* Increase padding for a more comfortable click area */
    border-radius: 14px;
    border-color: black; /* Match border color with button color */
}

/* Improve styling for acknowledgments section */
.acknowledgments h4 {
    margin: 1.25em 0 0.25em;
    font-weight: bold;
    font-size: 1.15rem;
}

/* Add a subtle animation to the spin class */
.animate-spin {
    animation: spin 1s linear infinite;
}

/* Adjust share button styling for better visibility */
#share-btn-container {
    padding: 0.5rem !important;
    background-color: #000000;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    max-width: 13rem;
    margin: 0 auto;
}

#share-btn-container:hover {
    background-color: #060606;
}

#share-btn {
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    font-family: 'IBM Plex Sans', sans-serif;
    margin-left: 0.5rem !important;
    padding: 0.5rem !important;
    right: 0;
}

/* Adjust form and button styling for better alignment */
.gr-form {
    flex: 1 1 100%; /* Use full width for better responsiveness */
    border-radius: 5px; /* Add border-radius for a smoother appearance */
}

#prompt-container {
    gap: 0;
}

#prompt-container .form {
    border-radius: 5px; /* Add border-radius for a smoother appearance */
}

#gen-button {
    border-radius: 5px; /* Add border-radius for a smoother appearance */
}

/* Improve styling for input text boxes */
#prompt-text-input, #negative-prompt-text-input {
    padding: 0.45rem 0.625rem;
}

/* Ensure a minimum width for component-16 */
#component-16 {
    border-top-width: 1px !important;
    margin-top: 1em;
    min-width: 200px; /* Add a minimum width for better visibility */
}

/* Reduce size of the duplicated image */
.image_duplication{position: absolute; width: 100px; left: 50px}
}

/* Remove unnecessary border for tab items */
.tabitem {
    border: none !important;
}
"""

with gr.Blocks(css=css) as demo:
    
    favicon = '<img src="" width="48px" style="display: inline">'
    gr.Markdown(
        f"""<h1><center>{favicon} AI Diffusion</center></h1>
            """
    )
    
    with gr.Row(elem_id="prompt-container"):
        current_model = gr.Dropdown(label="Current Model", choices=list_models, value=list_models[1])
        
    with gr.Row(elem_id="prompt-container"):
        text_prompt = gr.Textbox(label="Prompt", placeholder="a cute dog", lines=1, elem_id="prompt-text-input")
        text_button = gr.Button("Generate", variant='primary', elem_id="gen-button")
        
    with gr.Row():
        image_output = gr.Image(type="pil", label="Output Image", elem_id="gallery")
        
    with gr.Accordion("Advanced settings", open=False):
        negative_prompt = gr.Textbox(label="Negative Prompt", value="text, blurry, fuzziness", lines=1, elem_id="negative-prompt-text-input")
        image_style = gr.Dropdown(label="Style", choices=["None style", "Cinematic", "Digital Art", "Portrait"], value="None style", allow_custom_value=False)

    text_button.click(generate_txt2img, inputs=[current_model, text_prompt, negative_prompt, image_style], outputs=image_output)

demo.launch(show_api=False)