import gradio as gr import numpy as np import torch import requests import random import os from tqdm.auto import tqdm from datetime import datetime from diffusers.pipelines.stable_diffusion import StableDiffusionPipeline from diffusers import DDIMScheduler from transformers import CLIPTextModel, CLIPTokenizer import torch.nn.functional as F from utils import preprocess_mask, process_sketch, process_prompts MAX_COLORS = 12 HF_TOKEN = os.environ.get("HF_TOKEN") ################################################# ################################################# canvas_html = "
" load_js = """ async () => { const url = "https://huggingface.co/datasets/radames/gradio-components/raw/main/sketch-canvas.js" fetch(url) .then(res => res.text()) .then(text => { const script = document.createElement('script'); script.type = "module" script.src = URL.createObjectURL(new Blob([text], { type: 'application/javascript' })); document.head.appendChild(script); }); } """ get_js_colors = """ async (canvasData) => { const canvasEl = document.getElementById("canvas-root"); return [canvasEl._data] } """ css = ''' #color-bg{display:flex;justify-content: center;align-items: center;} .color-bg-item{width: 100%; height: 32px} #main_button{width:100%}