import argparse
import gradio as gr
from lib import (
Config,
# disable_progress_bars,
download_repo_files,
generate,
read_file,
read_json,
)
# Update refresh button hover text
seed_js = """
(seed) => {
const button = document.getElementById("refresh");
button.style.setProperty("--seed", `"${seed}"`);
return seed;
}
"""
# The CSS `content` attribute expects a string so we need to wrap the number in quotes
refresh_seed_js = """
() => {
const n = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER);
const button = document.getElementById("refresh");
button.style.setProperty("--seed", `"${n}"`);
return n;
}
"""
# Update width and height on aspect ratio change
aspect_ratio_js = """
(ar, w, h) => {
if (!ar) return [w, h];
const [width, height] = ar.split(",");
return [parseInt(width), parseInt(height)];
}
"""
# Show "Custom" aspect ratio when manually changing width or height, or one of the predefined ones
custom_aspect_ratio_js = """
(w, h) => {
if (w === 768 && h === 1344) return "768,1344";
if (w === 896 && h === 1152) return "896,1152";
if (w === 1024 && h === 1024) return "1024,1024";
if (w === 1152 && h === 896) return "1152,896";
if (w === 1344 && h === 768) return "1344,768";
return null;
}
"""
# Inject prompts into random function
random_prompt_js = f"""
(prompt) => {{
const prompts = {read_json("data/prompts.json")};
const filtered = prompts.filter(p => p !== prompt);
return filtered[Math.floor(Math.random() * filtered.length)];
}}
"""
# Transform the raw inputs before generation
def generate_fn(*args, progress=gr.Progress(track_tqdm=True)):
if len(args) > 0:
prompt = args[0]
else:
prompt = None
if prompt is None or prompt.strip() == "":
raise gr.Error("You must enter a prompt")
try:
# if Config.ZERO_GPU:
# progress((0, 100), desc="ZeroGPU init")
images = generate(*args, Error=gr.Error, Info=gr.Info, progress=progress)
except RuntimeError:
raise gr.Error("Error: Please try again")
return images
with gr.Blocks(
head=read_file("./partials/head.html"),
css="./app.css",
js="./app.js",
theme=gr.themes.Default(
# colors
neutral_hue=gr.themes.colors.gray,
primary_hue=gr.themes.colors.orange,
secondary_hue=gr.themes.colors.blue,
# sizing
text_size=gr.themes.sizes.text_md,
radius_size=gr.themes.sizes.radius_sm,
spacing_size=gr.themes.sizes.spacing_md,
# fonts
font=[gr.themes.GoogleFont("Inter"), "sans-serif"],
font_mono=[gr.themes.GoogleFont("Ubuntu Mono"), "monospace"],
).set(
layout_gap="8px",
block_shadow="0 0 #0000",
block_shadow_dark="0 0 #0000",
block_background_fill=gr.themes.colors.gray.c50,
block_background_fill_dark=gr.themes.colors.gray.c900,
),
) as demo:
gr.HTML(read_file("./partials/intro.html"))
with gr.Tabs():
with gr.TabItem("đ Home"):
with gr.Column():
output_images = gr.Gallery(
elem_classes=["gallery"],
show_share_button=False,
object_fit="cover",
interactive=False,
show_label=False,
label="Output",
format="png",
columns=2,
)
prompt = gr.Textbox(
placeholder="What do you want to see?",
autoscroll=False,
show_label=False,
label="Prompt",
max_lines=3,
lines=3,
)
with gr.Row():
generate_btn = gr.Button("Generate", variant="primary")
random_btn = gr.Button(
elem_classes=["icon-button", "popover"],
variant="secondary",
elem_id="random",
min_width=0,
value="đ˛",
)
refresh_btn = gr.Button(
elem_classes=["icon-button", "popover"],
variant="secondary",
elem_id="refresh",
min_width=0,
value="đ",
)
clear_btn = gr.ClearButton(
elem_classes=["icon-button", "popover"],
components=[output_images],
variant="secondary",
elem_id="clear",
min_width=0,
value="đī¸",
)
with gr.TabItem("âī¸ Settings", elem_id="settings"):
# Prompt settings
gr.HTML("Prompt
")
with gr.Row():
negative_prompt = gr.Textbox(
value="nsfw",
label="Negative Prompt",
lines=1,
)
# Model settings
gr.HTML("Settings
")
with gr.Row():
model = gr.Dropdown(
choices=Config.MODELS,
value=Config.MODEL,
filterable=False,
label="Checkpoint",
min_width=240,
)
scheduler = gr.Dropdown(
choices=Config.SCHEDULERS.keys(),
value=Config.SCHEDULER,
elem_id="scheduler",
label="Scheduler",
filterable=False,
)
# Generation settings
gr.HTML("Generation
")
with gr.Row():
guidance_scale = gr.Slider(
value=Config.GUIDANCE_SCALE,
label="Guidance Scale",
minimum=1.0,
maximum=15.0,
step=0.1,
)
inference_steps = gr.Slider(
value=Config.INFERENCE_STEPS,
label="Inference Steps",
minimum=1,
maximum=50,
step=1,
)
deepcache_interval = gr.Slider(
value=Config.DEEPCACHE_INTERVAL,
label="DeepCache",
minimum=1,
maximum=4,
step=1,
)
with gr.Row():
width = gr.Slider(
value=Config.WIDTH,
label="Width",
minimum=512,
maximum=1536,
step=64,
)
height = gr.Slider(
value=Config.HEIGHT,
label="Height",
minimum=512,
maximum=1536,
step=64,
)
aspect_ratio = gr.Dropdown(
value=f"{Config.WIDTH},{Config.HEIGHT}",
label="Aspect Ratio",
filterable=False,
choices=[
("Custom", None),
("4:7 (768x1344)", "768,1344"),
("7:9 (896x1152)", "896,1152"),
("1:1 (1024x1024)", "1024,1024"),
("9:7 (1152x896)", "1152,896"),
("7:4 (1344x768)", "1344,768"),
],
)
with gr.Row():
num_images = gr.Dropdown(
choices=list(range(1, 5)),
value=Config.NUM_IMAGES,
filterable=False,
label="Images",
)
scale = gr.Dropdown(
choices=[(f"{s}x", s) for s in Config.SCALES],
filterable=False,
value=Config.SCALE,
label="Scale",
)
seed = gr.Number(
value=Config.SEED,
label="Seed",
minimum=-1,
maximum=(2**64) - 1,
)
with gr.Row():
use_karras = gr.Checkbox(
elem_classes=["checkbox"],
label="Karras Ī",
value=True,
)
use_refiner = gr.Checkbox(
elem_classes=["checkbox"],
label="Use refiner",
value=False,
)
with gr.TabItem("âšī¸ Info"):
gr.Markdown(read_file("DOCS.md"))
# Random prompt on click
random_btn.click(None, inputs=[prompt], outputs=[prompt], js=random_prompt_js)
# Update seed on click
refresh_btn.click(None, inputs=[], outputs=[seed], js=refresh_seed_js)
# Update seed button hover text
seed.change(None, inputs=[seed], outputs=[], js=seed_js)
# Update width and height on aspect ratio change
aspect_ratio.input(
None,
inputs=[aspect_ratio, width, height],
outputs=[width, height],
js=aspect_ratio_js,
)
# Show "Custom" aspect ratio when manually changing width or height
gr.on(
triggers=[width.input, height.input],
fn=None,
inputs=[width, height],
outputs=[aspect_ratio],
js=custom_aspect_ratio_js,
)
# Generate images
gr.on(
triggers=[generate_btn.click, prompt.submit],
fn=generate_fn,
api_name="generate",
outputs=[output_images],
inputs=[
prompt,
negative_prompt,
seed,
model,
scheduler,
width,
height,
guidance_scale,
inference_steps,
deepcache_interval,
scale,
num_images,
use_karras,
use_refiner,
],
)
if __name__ == "__main__":
parser = argparse.ArgumentParser(add_help=False, allow_abbrev=False)
parser.add_argument("-s", "--server", type=str, metavar="STR", default="0.0.0.0")
parser.add_argument("-p", "--port", type=int, metavar="INT", default=7860)
args = parser.parse_args()
# disable_progress_bars()
for repo_id, allow_patterns in Config.HF_REPOS.items():
download_repo_files(repo_id, allow_patterns, token=Config.HF_TOKEN)
# https://www.gradio.app/docs/gradio/interface#interface-queue
demo.queue(default_concurrency_limit=1).launch(
server_name=args.server,
server_port=args.port,
)