init

app.py

@@ -0,0 +1,494 @@
+import gradio as gr
+import io 
+from PIL import Image, PngImagePlugin
+import base64
+import requests
+import json 
+import ui_functions as uifn
+
+txt2img_defaults = {
+    'prompt': '',
+    'ddim_steps': 50,
+    'toggles': [1, 2, 3],
+    'sampler_name': 'k_lms',
+    'ddim_eta': 0.0,
+    'n_iter': 1,
+    'batch_size': 1,
+    'cfg_scale': 7.5,
+    'seed': '',
+    'height': 512,
+    'width': 512,
+    'fp': None,
+    'variant_amount': 0.0,
+    'variant_seed': '',
+    'submit_on_enter': 'Yes',
+}
+
+img2img_defaults = {
+    'prompt': '',
+    'ddim_steps': 50,
+    'toggles': [1, 4, 5],
+    'sampler_name': 'k_lms',
+    'ddim_eta': 0.0,
+    'n_iter': 1,
+    'batch_size': 1,
+    'cfg_scale': 5.0,
+    'denoising_strength': 0.75,
+    'mask_mode': 1,
+    'resize_mode': 0,
+    'seed': '',
+    'height': 512,
+    'width': 512,
+    'fp': None,
+}
+sample_img2img = None
+job_manager = None
+RealESRGAN = True
+show_embeddings = False
+
+img2img_resize_modes = [
+    "Just resize",
+    "Crop and resize",
+    "Resize and fill",
+]
+
+img2img_toggles = [
+    'Create prompt matrix (separate multiple prompts using |, and get all combinations of them)',
+    'Normalize Prompt Weights (ensure sum of weights add up to 1.0)',
+    'Loopback (use images from previous batch when creating next batch)',
+    'Random loopback seed',
+    'Save individual images',
+    'Save grid',
+    'Sort samples by prompt',
+    'Write sample info files',
+    'Write sample info to one file',
+    'jpg samples',
+]
+
+img2img_toggle_defaults = [img2img_toggles[i] for i in img2img_defaults['toggles']]
+
+def read_content(file_path: str) -> str:
+    """read the content of target file
+    """
+    with open(file_path, 'r', encoding='utf-8') as f:
+        content = f.read()
+
+    return content
+
+def base2picture(resbase64):
+    res=resbase64.split(',')[1]
+    img_b64decode = base64.b64decode(res)
+    image = io.BytesIO(img_b64decode)
+    img = Image.open(image)
+    return img 
+
+def filter_content(raw_style: str):
+    if "(" in raw_style:
+        i = raw_style.index("(")
+    else :
+        i = -1
+
+    if i == -1:
+        return raw_style
+    else :
+        return raw_style[:i]
+
+def request_images(raw_text, class_draw, style_draw, batch_size):
+    if filter_content(class_draw) != "国画":
+        if filter_content(class_draw) != "通用":
+            raw_text = raw_text + f"，{filter_content(class_draw)}"
+
+        for sty in style_draw:
+            raw_text = raw_text + f"，{filter_content(sty)}"
+        print(f"raw text is {raw_text}")
+        url = "http://flagart.baai.ac.cn/api/general/"
+    elif filter_content(class_draw) == "国画":
+        if raw_text.endswith("国画"):
+            pass 
+        else :
+            raw_text = raw_text + "，国画"
+        url = "http://flagart.baai.ac.cn/api/guohua/"
+
+    d = {"data":[raw_text, batch_size]}
+    r = requests.post(url, json=d, headers={"Content-Type": "application/json", "Accept": "*/*", "Accept-Encoding": "gzip, deflate, br", "Connection": "keep-alive"})
+    result_text = r.text
+    content = json.loads(result_text)["data"][0]
+    images = []
+    for i in range(batch_size):
+        # print(content[i])
+        images.append(base2picture(content[i]))        
+
+    return images 
+
+def call_JS(sd_method, **kwargs):
+    param_str = json.dumps(kwargs)
+    return f"async (...x) => {{ return await SD.{sd_method}({{ x, ...{param_str} }}) ?? []; }}"
+
+def encode_pil_to_base64(pil_image):
+    with io.BytesIO() as output_bytes:
+
+        # Copy any text-only metadata
+        use_metadata = False
+        metadata = PngImagePlugin.PngInfo()
+        for key, value in pil_image.info.items():
+            if isinstance(key, str) and isinstance(value, str):
+                metadata.add_text(key, value)
+                use_metadata = True
+
+        pil_image.save(
+            output_bytes, "PNG", pnginfo=(metadata if use_metadata else None)
+        )
+        bytes_data = output_bytes.getvalue()
+    base64_str = str(base64.b64encode(bytes_data), "utf-8")
+    return "data:image/png;base64," + base64_str
+
+def img2img(*args):
+    
+    # 处理image
+    for i, item in enumerate(args):
+        # print(type(item))
+        if type(item) == dict:
+            args[i]['image']  = encode_pil_to_base64(item['image'])
+            args[i]['mask'] = encode_pil_to_base64(item['mask'])
+        else:
+            print(i,type(item))
+            print(item)
+    
+    batch_size = args[8]
+
+    url = "http://flagart.baai.ac.cn/api/img2img/"
+    d = {"data":args}
+    r = requests.post(url, json=d, headers={"Content-Type": "application/json", "Accept": "*/*", "Accept-Encoding": "gzip, deflate, br", "Connection": "keep-alive"})
+    print(r)
+    result_text = r.text
+    content = json.loads(result_text)["data"][0]
+    images = []
+    for i in range(batch_size):
+        # print(content[i])
+        images.append(base2picture(content[i]))   
+    # content = json.loads(result_text)
+    # print(result_text)
+    # print("服务器已经把东西返回来啦！！！！！！！乌拉乌拉！！！！！")
+    return images
+
+
+examples = [
+    '水墨蝴蝶和牡丹花，国画',
+    '苍劲有力的墨竹，国画',
+    '暴风雨中的灯塔',
+    '机械小松鼠，科学幻想',
+    '中国水墨山水画，国画',
+    "Lighthouse in the storm",
+    "A dog",
+    "Landscape by 张大千",
+    "A tiger 长了兔子耳朵",
+    "A baby bird 铅笔素描",
+
+]
+
+if __name__ == "__main__":
+    block = gr.Blocks(css=read_content('style.css'))
+
+    with block:
+        gr.HTML(read_content("header.html"))
+
+        with gr.Tabs() as tabs:
+
+            with gr.TabItem("文生图(Text-to-img)"):
+
+                with gr.Group():
+                    with gr.Box():
+                        with gr.Row().style(mobile_collapse=False, equal_height=True):
+                            text = gr.Textbox(
+                                label="Prompt",
+                                show_label=False,
+                                max_lines=1,
+                                placeholder="Input text(输入文字)",
+                                interactive=True,
+                            ).style(
+                                border=(True, False, True, True),
+                                rounded=(True, False, False, True),
+                                container=False,
+                            )
+                            
+                            btn = gr.Button("Generate image").style(
+                                margin=False,
+                                rounded=(True, True, True, True),
+                            )
+                        with gr.Row().style(mobile_collapse=False, equal_height=True):
+                            class_draw = gr.Dropdown(["通用(general)", "国画(traditional Chinese painting)", 
+                                                        "照片，摄影(picture photography)", "油画(oil painting)", 
+                                                        "铅笔素描(pencil sketch)", "CG", 
+                                                        "水彩画(watercolor painting)", "水墨画(ink and wash)",
+                                                        "插画(illustrations)", "3D", "图生图(img2img)"],
+                                                    label="生成类型(type)",
+                                                    show_label=True,
+                                                    value="通用(general)")
+                        with gr.Row().style(mobile_collapse=False, equal_height=True):
+                            style_draw = gr.CheckboxGroup(["蒸汽朋克(steampunk)", "电影摄影风格(film photography)", 
+                                                        "概念艺术(concept art)", "Warming lighting", 
+                                                        "Dramatic lighting", "Natural lighting", 
+                                                        "虚幻引擎(unreal engine)", "4k", "8k",
+                                                        "充满细节(full details)"],
+                                                    label="画面风格(style)",
+                                                    show_label=True,
+                                                    )
+                        with gr.Row().style(mobile_collapse=False, equal_height=True):
+                            sample_size = gr.Slider(minimum=1,
+                                                    maximum=4,
+                                                    step=1,
+                                                    label="生成数量(number)",
+                                                    show_label=True,
+                                                    interactive=True,
+                                                    )
+
+                    gallery = gr.Gallery(
+                        label="Generated images", show_label=False, elem_id="gallery"
+                    ).style(grid=[2], height="auto")
+
+                    gr.Examples(examples=examples, fn=request_images, inputs=text, outputs=gallery, examples_per_page=100)
+                    text.submit(request_images, inputs=[text, class_draw, style_draw, sample_size], outputs=gallery)
+                    btn.click(request_images, inputs=[text, class_draw, style_draw, sample_size], outputs=gallery)
+
+            with gr.TabItem("图生图(Img-to-Img)", id="img2img_tab"):
+                with gr.Row(elem_id="prompt_row"):
+                    img2img_prompt = gr.Textbox(label="Prompt",
+                                                elem_id='img2img_prompt_input',
+                                                placeholder="神奇的森林，流淌的河流.",
+                                                lines=1,
+                                                max_lines=1 if txt2img_defaults['submit_on_enter'] == 'Yes' else 25,
+                                                value=img2img_defaults['prompt'],
+                                                show_label=False).style()
+
+                    img2img_btn_mask = gr.Button("Generate", variant="primary", visible=False,
+                                                 elem_id="img2img_mask_btn")
+                    img2img_btn_editor = gr.Button("Generate", variant="primary", elem_id="img2img_edit_btn")
+                with gr.Row().style(equal_height=False):
+                    with gr.Column():
+                        gr.Markdown('#### 输入图像')
+                        img2img_image_mask = gr.Image(
+                            value=sample_img2img,
+                            source="upload",
+                            interactive=True,
+                            tool="sketch",
+                            type='pil',
+                            elem_id="img2img_mask",
+                            image_mode="RGBA"
+                        )
+                        img2img_image_editor = gr.Image(
+                            value=sample_img2img,
+                            source="upload",
+                            interactive=True,
+                            tool="select",
+                            type='pil',
+                            visible=False,
+                            image_mode="RGBA",
+                            elem_id="img2img_editor"
+                        )
+
+                        with gr.Tabs():
+                            with gr.TabItem("编辑设置"):
+                                with gr.Row():
+                                    # disable Uncrop for now
+                                    choices=["Mask", "Crop", "Uncrop"]
+                                    img2img_image_editor_mode = gr.Radio(choices=["Mask"],
+                                                                         label="编辑模式",
+                                                                         value="Mask", elem_id='edit_mode_select',
+                                                                         visible=True)
+                                    img2img_mask = gr.Radio(choices=["保留mask区域", "生成mask区域"],
+                                                            label="Mask 方式",
+                                                            #value=img2img_mask_modes[img2img_defaults['mask_mode']],
+                                                            value = "生成mask区域",
+                                                            visible=True)
+
+                                    img2img_mask_blur_strength = gr.Slider(minimum=1, maximum=10, step=1,
+                                                                           label="How much blurry should the mask be? (to avoid hard edges)",
+                                                                           value=3, visible=False)
+
+                                    img2img_resize = gr.Radio(label="Resize mode",
+                                                              choices=["Just resize", "Crop and resize",
+                                                                       "Resize and fill"],
+                                                              value=img2img_resize_modes[
+                                                                  img2img_defaults['resize_mode']], visible=False)
+
+                                img2img_painterro_btn = gr.Button("Advanced Editor",visible=False)
+                            # with gr.TabItem("Hints",visible=False):
+                            #     img2img_help = gr.Markdown(visible=False, value=uifn.help_text)
+
+                    with gr.Column():
+                        gr.Markdown('#### 编辑后的图片')
+                        output_img2img_gallery = gr.Gallery(label="Images", elem_id="img2img_gallery_output").style(
+                            grid=[4, 4, 4])
+                        img2img_job_ui = job_manager.draw_gradio_ui() if job_manager else None
+                        with gr.Column(visible=False):
+                            with gr.Tabs(visible=False):
+                                with gr.TabItem("", id="img2img_actions_tab",visible=False):
+                                    gr.Markdown("Select an image, then press one of the buttons below")
+                                    with gr.Row():
+                                        output_img2img_copy_to_clipboard_btn = gr.Button("Copy to clipboard")
+                                        output_img2img_copy_to_input_btn = gr.Button("Push to img2img input")
+                                        output_img2img_copy_to_mask_btn = gr.Button("Push to img2img input mask")
+
+                                    gr.Markdown("Warning: This will clear your current image and mask settings!")
+                                with gr.TabItem("", id="img2img_output_info_tab",visible=False):
+                                    output_img2img_params = gr.Textbox(label="Generation parameters")
+                                    with gr.Row():
+                                        output_img2img_copy_params = gr.Button("Copy full parameters").click(
+                                            inputs=output_img2img_params, outputs=[],
+                                            _js='(x) => {navigator.clipboard.writeText(x.replace(": ",":"))}', fn=None,
+                                            show_progress=False)
+                                        output_img2img_seed = gr.Number(label='Seed', interactive=False, visible=False)
+                                        output_img2img_copy_seed = gr.Button("Copy only seed").click(
+                                            inputs=output_img2img_seed, outputs=[],
+                                            _js=call_JS("gradioInputToClipboard"), fn=None, show_progress=False)
+                                    output_img2img_stats = gr.HTML(label='Stats')
+
+                gr.Markdown('# 编辑设置')
+
+                with gr.Row():
+                    with gr.Column():
+                        img2img_width = gr.Slider(minimum=64, maximum=2048, step=64, label="图片宽度",
+                                                  value=img2img_defaults["width"])
+                        img2img_height = gr.Slider(minimum=64, maximum=2048, step=64, label="图片高度",
+                                                   value=img2img_defaults["height"])
+                        img2img_cfg = gr.Slider(minimum=-40.0, maximum=30.0, step=0.5,
+                                                label='文本引导强度',
+                                                value=img2img_defaults['cfg_scale'], elem_id='cfg_slider')
+                        img2img_seed = gr.Textbox(label="随机种子", lines=1, max_lines=1,
+                                                  value=img2img_defaults["seed"])
+                        img2img_batch_count = gr.Slider(minimum=1, maximum=50, step=1,
+                                                        label='生成数量',
+                                                        value=img2img_defaults['n_iter'])
+                        img2img_dimensions_info_text_box = gr.Textbox(
+                            label="长宽比设置")
+                    with gr.Column():
+                        img2img_steps = gr.Slider(minimum=1, maximum=250, step=1, label="采样步数",
+                                                  value=img2img_defaults['ddim_steps'])
+
+                        img2img_sampling = gr.Dropdown(label='采样方式',
+                                                       choices=["DDIM", 'k_dpm_2_a', 'k_dpm_2', 'k_euler_a', 'k_euler',
+                                                                'k_heun', 'k_lms'],
+                                                       value=img2img_defaults['sampler_name'])
+
+                        img2img_denoising = gr.Slider(minimum=0.0, maximum=1.0, step=0.01, label='Denoising Strength',
+                                                      value=img2img_defaults['denoising_strength'],visible=False)
+
+                        img2img_toggles = gr.CheckboxGroup(label='', choices=img2img_toggles,
+                                                           value=img2img_toggle_defaults,visible=False)
+
+                        img2img_realesrgan_model_name = gr.Dropdown(label='RealESRGAN model',
+                                                                    choices=['RealESRGAN_x4plus',
+                                                                             'RealESRGAN_x4plus_anime_6B'],
+                                                                    value='RealESRGAN_x4plus',
+                                                                    visible=RealESRGAN is not None)  # TODO: Feels like I shouldnt slot it in here.
+
+                        img2img_embeddings = gr.File(label="Embeddings file for textual inversion",
+                                                     visible=show_embeddings)
+
+                img2img_image_editor_mode.change(
+                    uifn.change_image_editor_mode,
+                    [img2img_image_editor_mode,
+                     img2img_image_editor,
+                     img2img_image_mask,
+                     img2img_resize,
+                     img2img_width,
+                     img2img_height
+                     ],
+                    [img2img_image_editor, img2img_image_mask, img2img_btn_editor, img2img_btn_mask,
+                     img2img_painterro_btn, img2img_mask, img2img_mask_blur_strength]
+                )
+
+                # img2img_image_editor_mode.change(
+                #     uifn.update_image_mask,
+                #     [img2img_image_editor, img2img_resize, img2img_width, img2img_height],
+                #     img2img_image_mask
+                # )
+
+                # output_txt2img_copy_to_input_btn.click(
+                #     uifn.copy_img_to_input,
+                #     [output_txt2img_gallery],
+                #     [img2img_image_editor, img2img_image_mask, tabs],
+                #     _js=call_JS("moveImageFromGallery",
+                #                 fromId="txt2img_gallery_output",
+                #                 toId="img2img_editor")
+                # )
+
+                output_img2img_copy_to_input_btn.click(
+                    uifn.copy_img_to_edit,
+                    [output_img2img_gallery],
+                    [img2img_image_editor, tabs, img2img_image_editor_mode],
+                    _js=call_JS("moveImageFromGallery",
+                                fromId="img2img_gallery_output",
+                                toId="img2img_editor")
+                )
+                output_img2img_copy_to_mask_btn.click(
+                    uifn.copy_img_to_mask,
+                    [output_img2img_gallery],
+                    [img2img_image_mask, tabs, img2img_image_editor_mode],
+                    _js=call_JS("moveImageFromGallery",
+                                fromId="img2img_gallery_output",
+                                toId="img2img_editor")
+                )
+
+                output_img2img_copy_to_clipboard_btn.click(fn=None, inputs=output_img2img_gallery, outputs=[],
+                                                           _js=call_JS("copyImageFromGalleryToClipboard",
+                                                                       fromId="img2img_gallery_output")
+                                                           )
+
+                img2img_func = img2img
+                img2img_inputs = [img2img_prompt, img2img_image_editor_mode, img2img_mask,
+                                  img2img_mask_blur_strength, img2img_steps, img2img_sampling, img2img_toggles,
+                                  img2img_realesrgan_model_name, img2img_batch_count, img2img_cfg,
+                                  img2img_denoising, img2img_seed, img2img_height, img2img_width, img2img_resize,
+                                  img2img_image_mask]
+                # img2img_outputs = [output_img2img_gallery, output_img2img_seed, output_img2img_params,
+                #                    output_img2img_stats]
+
+                img2img_outputs = [output_img2img_gallery]
+
+                # If a JobManager was passed in then wrap the Generate functions
+                if img2img_job_ui:
+                    img2img_func, img2img_inputs, img2img_outputs = img2img_job_ui.wrap_func(
+                        func=img2img_func,
+                        inputs=img2img_inputs,
+                        outputs=img2img_outputs,
+                    )
+
+                img2img_btn_mask.click(
+                    img2img_func,
+                    img2img_inputs,
+                    img2img_outputs
+                )
+
+                def img2img_submit_params():
+                    # print([img2img_prompt, img2img_image_editor_mode, img2img_mask,
+                    #              img2img_mask_blur_strength, img2img_steps, img2img_sampling, img2img_toggles,
+                    #              img2img_realesrgan_model_name, img2img_batch_count, img2img_cfg,
+                    #              img2img_denoising, img2img_seed, img2img_height, img2img_width, img2img_resize,
+                    #              img2img_image_editor, img2img_image_mask, img2img_embeddings])
+                    return (img2img_func,
+                            img2img_inputs,
+                            img2img_outputs)
+
+                img2img_btn_editor.click(*img2img_submit_params())
+
+                # GENERATE ON ENTER
+                img2img_prompt.submit(None, None, None,
+                                      _js=call_JS("clickFirstVisibleButton",
+                                                  rowId="prompt_row"))
+
+                img2img_painterro_btn.click(None,
+                                            [img2img_image_editor, img2img_image_mask, img2img_image_editor_mode],
+                                            [img2img_image_editor, img2img_image_mask],
+                                            _js=call_JS("Painterro.init", toId="img2img_editor")
+                                            )
+
+                img2img_width.change(fn=uifn.update_dimensions_info, inputs=[img2img_width, img2img_height],
+                                     outputs=img2img_dimensions_info_text_box)
+                img2img_height.change(fn=uifn.update_dimensions_info, inputs=[img2img_width, img2img_height],
+                                      outputs=img2img_dimensions_info_text_box)
+
+        gr.HTML(read_content("footer.html"))
+        # gr.Image('./contributors.png')
+
+    block.queue(max_size=50, concurrency_count=20).launch()

footer.html

@@ -0,0 +1,18 @@
+<div class="footer">
+    <p> - Model by <a href="https://github.com/FlagAI-Open/FlagAI"><img src="https://github-link-card.s3.ap-northeast-1.amazonaws.com/FlagAI-Open/FlagAI.png" width="1200px"></a > - Gradio Demo by 🤗 Hugging Face
+    </p>
+    <!-- <p><a href="https://github.com/FlagAI-Open/FlagAI"><img src="https://raw.githubusercontent.com/920232796/test/master/contributors.png" width="1200px"></a >
+    </p> -->
+
+    <div class="acknowledgments">
+        <p><h4 style="font-weight: bold; font-size: 20px; margin-top: 20px;">LICENSE</h4>
+            The model is licensed with a <a href="https://huggingface.co/spaces/CompVis/stable-diffusion-license" style="text-decoration: underline;" target="_blank">CreativeML Open RAIL-M</a> license. The authors claim no rights on the outputs you generate, you are free to use them and are accountable for their use which must not go against the provisions set in this license. The license forbids you from sharing any content that violates any laws, produce any harm to a person, disseminate any personal information that would be meant for harm, spread misinformation and target vulnerable groups. For the full list of restrictions please <a href="https://huggingface.co/spaces/CompVis/stable-diffusion-license" target="_blank" style="text-decoration: underline;" target="_blank">read the license</a>
+        </p>
+
+        <p><h4 style="font-weight: bold; font-size: 20px;">Contributing</h4>
+            Thanks for your interest in contributing! There are many ways to get involved; start with our <a href="https://github.com/FlagAI-Open/FlagAI" style="text-decoration: underline;" target="_blank">contributor guidelines</a> and then check these <a href="https://github.com/FlagAI-Open/FlagAI" style="text-decoration: underline;" target="_blank"> open issues</a> for specific tasks.
+        </p>
+   </div>
+</div>
+
+

header.html

@@ -0,0 +1,37 @@
+<div style="text-align: center; max-width: 650px; margin: 0 auto;">
+    <div
+      style="
+        display: inline-flex;
+        gap: 0.8rem;
+        font-size: 1.75rem;
+        margin-bottom: 10px;
+        width: 600px;
+        height: 200px;
+        margin: 0 auto;
+        /* border: 1px solid red; */
+        justify-content: center;
+      "
+      
+    <a href="https://github.com/FlagAI-Open/FlagAI"><img src="https://raw.githubusercontent.com/920232796/test/master/WechatIMG6906.png" alt="FlagAI" width="80%" height="80%" style="margin: 0 auto;"></a>
+    </div> 
+    <div
+      style="
+        display: inline-flex;
+        align-items: center;
+        gap: 0.8rem;
+        font-size: 1.75rem;
+        margin-bottom: 10px;
+        justify-content: center;
+      ">
+    <a href="https://github.com/FlagAI-Open/FlagAI"><h1 style="font-weight: 900; margin-bottom: 7px;">
+      FlagStudio
+    </h1></a>
+    </div> 
+    <p style="margin-bottom: 10px; font-size: 94%">
+      FlagStudio 项目致力于贡献优秀AI生成艺术作品。此双语文生图模型项目基于 <a href="https://huggingface.co/CompVis/stable-diffusion" style="text-decoration: underline;">stable diffusion</a>，由BAAI旗下的FlagAI团队提供支持，相关代码和模型权重会在FlagAI中进行开源。
+    </p>
+    <p style="margin-bottom: 10px; font-size: 94%">
+      FlagStudio aims to provide high quality AI-generated artwork. Our current model is based on the original  <a href="https://huggingface.co/CompVis/stable-diffusion" style="text-decoration: underline;">stable diffusion</a> model and is capable to generate images from both Chinese and English text. FlagStudio is developed and supported by the FlagAI team. Relevant code and model weights will be released soon in FlagAI. We will continue to improve our model and release newer versions. Any suggestions and feedback is welcome! （[email protected]）
+    </p>
+
+  </div>

share_btn.py

@@ -0,0 +1,60 @@
+community_icon_html = """<svg id="share-btn-share-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32">
+    <path d="M20.6081 3C21.7684 3 22.8053 3.49196 23.5284 4.38415C23.9756 4.93678 24.4428 5.82749 24.4808 7.16133C24.9674 7.01707 25.4353 6.93643 25.8725 6.93643C26.9833 6.93643 27.9865 7.37587 28.696 8.17411C29.6075 9.19872 30.0124 10.4579 29.8361 11.7177C29.7523 12.3177 29.5581 12.8555 29.2678 13.3534C29.8798 13.8646 30.3306 14.5763 30.5485 15.4322C30.719 16.1032 30.8939 17.5006 29.9808 18.9403C30.0389 19.0342 30.0934 19.1319 30.1442 19.2318C30.6932 20.3074 30.7283 21.5229 30.2439 22.6548C29.5093 24.3704 27.6841 25.7219 24.1397 27.1727C21.9347 28.0753 19.9174 28.6523 19.8994 28.6575C16.9842 29.4379 14.3477 29.8345 12.0653 29.8345C7.87017 29.8345 4.8668 28.508 3.13831 25.8921C0.356375 21.6797 0.754104 17.8269 4.35369 14.1131C6.34591 12.058 7.67023 9.02782 7.94613 8.36275C8.50224 6.39343 9.97271 4.20438 12.4172 4.20438H12.4179C12.6236 4.20438 12.8314 4.2214 13.0364 4.25468C14.107 4.42854 15.0428 5.06476 15.7115 6.02205C16.4331 5.09583 17.134 4.359 17.7682 3.94323C18.7242 3.31737 19.6794 3 20.6081 3ZM20.6081 5.95917C20.2427 5.95917 19.7963 6.1197 19.3039 6.44225C17.7754 7.44319 14.8258 12.6772 13.7458 14.7131C13.3839 15.3952 12.7655 15.6837 12.2086 15.6837C11.1036 15.6837 10.2408 14.5497 12.1076 13.1085C14.9146 10.9402 13.9299 7.39584 12.5898 7.1776C12.5311 7.16799 12.4731 7.16355 12.4172 7.16355C11.1989 7.16355 10.6615 9.33114 10.6615 9.33114C10.6615 9.33114 9.0863 13.4148 6.38031 16.206C3.67434 18.998 3.5346 21.2388 5.50675 24.2246C6.85185 26.2606 9.42666 26.8753 12.0653 26.8753C14.8021 26.8753 17.6077 26.2139 19.1799 25.793C19.2574 25.7723 28.8193 22.984 27.6081 20.6107C27.4046 20.212 27.0693 20.0522 26.6471 20.0522C24.9416 20.0522 21.8393 22.6726 20.5057 22.6726C20.2076 22.6726 19.9976 22.5416 19.9116 22.222C19.3433 20.1173 28.552 19.2325 27.7758 16.1839C27.639 15.6445 27.2677 15.4256 26.746 15.4263C24.4923 15.4263 19.4358 19.5181 18.3759 19.5181C18.2949 19.5181 18.2368 19.4937 18.2053 19.4419C17.6743 18.557 17.9653 17.9394 21.7082 15.6009C25.4511 13.2617 28.0783 11.8545 26.5841 10.1752C26.4121 9.98141 26.1684 9.8956 25.8725 9.8956C23.6001 9.89634 18.2311 14.9403 18.2311 14.9403C18.2311 14.9403 16.7821 16.496 15.9057 16.496C15.7043 16.496 15.533 16.4139 15.4169 16.2112C14.7956 15.1296 21.1879 10.1286 21.5484 8.06535C21.7928 6.66715 21.3771 5.95917 20.6081 5.95917Z" fill="#FF9D00"></path>
+    <path d="M5.50686 24.2246C3.53472 21.2387 3.67446 18.9979 6.38043 16.206C9.08641 13.4147 10.6615 9.33111 10.6615 9.33111C10.6615 9.33111 11.2499 6.95933 12.59 7.17757C13.93 7.39581 14.9139 10.9401 12.1069 13.1084C9.29997 15.276 12.6659 16.7489 13.7459 14.713C14.8258 12.6772 17.7747 7.44316 19.304 6.44221C20.8326 5.44128 21.9089 6.00204 21.5484 8.06532C21.188 10.1286 14.795 15.1295 15.4171 16.2118C16.0391 17.2934 18.2312 14.9402 18.2312 14.9402C18.2312 14.9402 25.0907 8.49588 26.5842 10.1752C28.0776 11.8545 25.4512 13.2616 21.7082 15.6008C17.9646 17.9393 17.6744 18.557 18.2054 19.4418C18.7372 20.3266 26.9998 13.1351 27.7759 16.1838C28.5513 19.2324 19.3434 20.1173 19.9117 22.2219C20.48 24.3274 26.3979 18.2382 27.6082 20.6107C28.8193 22.9839 19.2574 25.7722 19.18 25.7929C16.0914 26.62 8.24723 28.3726 5.50686 24.2246Z" fill="#FFD21E"></path>
+</svg>"""
+
+loading_icon_html = """<svg id="share-btn-loading-icon" style="display:none;" class="animate-spin"
+   style="color: #ffffff; 
+"
+   xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" fill="none" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><circle style="opacity: 0.25;" cx="12" cy="12" r="10" stroke="white" stroke-width="4"></circle><path style="opacity: 0.75;" fill="white" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>"""
+
+share_js = """async () => {
+	async function uploadFile(file){
+		const UPLOAD_URL = 'https://huggingface.co/uploads';
+		const response = await fetch(UPLOAD_URL, {
+			method: 'POST',
+			headers: {
+				'Content-Type': file.type,
+				'X-Requested-With': 'XMLHttpRequest',
+			},
+			body: file, /// <- File inherits from Blob
+		});
+		const url = await response.text();
+		return url;
+	}
+    const gradioEl = document.querySelector('body > gradio-app');
+    const imgEls = gradioEl.querySelectorAll('#gallery img');
+    const promptTxt = gradioEl.querySelector('#prompt-text-input input').value;
+    const shareBtnEl = gradioEl.querySelector('#share-btn');
+    const shareIconEl = gradioEl.querySelector('#share-btn-share-icon');
+    const loadingIconEl = gradioEl.querySelector('#share-btn-loading-icon');
+    if(!imgEls.length){
+        return;
+    };
+    shareBtnEl.style.pointerEvents = 'none';
+    shareIconEl.style.display = 'none';
+    loadingIconEl.style.removeProperty('display');
+    const files = await Promise.all(
+        [...imgEls].map(async (imgEl) => {
+            const res = await fetch(imgEl.src);
+            const blob = await res.blob();
+            const imgId = Date.now() % 200;
+            const fileName = `diffuse-the-rest-${{imgId}}.png`;
+            return new File([blob], fileName, { type: 'image/png' });
+        })
+    );
+    const urls = await Promise.all(files.map((f) => uploadFile(f)));
+	const htmlImgs = urls.map(url => `<img src='${url}' width='400' height='400'>`);
+	const descriptionMd = `<div style='display: flex; flex-wrap: wrap; column-gap: 0.75rem;'>
+${htmlImgs.join(`\n`)}
+</div>`;
+    const params = new URLSearchParams({
+        title: promptTxt,
+        description: descriptionMd,
+    });
+	const paramsStr = params.toString();
+	window.open(`https://huggingface.co/spaces/stabilityai/stable-diffusion/discussions/new?${paramsStr}`, '_blank');
+    shareBtnEl.style.removeProperty('pointer-events');
+    shareIconEl.style.removeProperty('display');
+    loadingIconEl.style.display = 'none';
+}"""

style.css

@@ -0,0 +1,81 @@
+.gradio-container {
+    font-family: 'IBM Plex Sans', sans-serif;
+}
+.gr-button {
+    color: white;
+    /* border-color: black; */
+    /* background: black; */
+    background: rgb(60, 145, 238);
+}
+/* input[type='range'] {
+    accent-color: rgb(60, 145, 238);
+}
+.dark input[type='range'] {
+    accent-color: #dfdfdf;
+} */
+.container {
+    max-width: 900px;
+    margin: auto;
+    padding-top: 1.5rem;
+}
+#gallery {
+    min-height: 22rem;
+    margin-bottom: 15px;
+    margin-left: auto;
+    margin-right: auto;
+    border-bottom-right-radius: .5rem !important;
+    border-bottom-left-radius: .5rem !important;
+}
+#gallery>div>.h-full {
+    min-height: 20rem;
+}
+.details:hover {
+    text-decoration: underline;
+}
+.gr-button {
+    white-space: nowrap;
+}
+/* .gr-button:focus {
+    border-color: rgb(147 197 253 / var(--tw-border-opacity));
+    outline: none;
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+    --tw-border-opacity: 1;
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color);
+    --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
+    --tw-ring-opacity: .5;
+} */
+.footer {
+    margin-bottom: 45px;
+    margin-top: 20px;
+    /* text-align: center; */
+    border-bottom: 1px solid #e5e5e5;
+}
+.footer>p {
+    font-size: .8rem;
+    display: inline-block;
+    padding: 0 10px;
+    transform: translateY(10px);
+    background: white;
+}
+.footer>p>h4 {
+    font-size: .20rem;
+    display: inline-block;
+    padding: 0 10px;
+    transform: translateY(10px);
+    background: white;
+    font-weight: bold;
+}
+.dark .footer {
+    /* border-color: #303030; */
+    border-color: rgb(60, 145, 238);
+}
+.dark .footer>p {
+    /* background: #0b0f19; */
+    background: rgb(60, 145, 238);
+}
+.prompt h4{
+    margin: 1.25em 0 .25em 0;
+    font-weight: bold;
+    font-size: 115%;
+}

ui_functions.py

@@ -0,0 +1,219 @@
+import re
+import gradio as gr
+from PIL import Image, ImageFont, ImageDraw, ImageFilter, ImageOps
+from io import BytesIO
+import base64
+import re
+
+
+def change_image_editor_mode(choice, cropped_image, masked_image, resize_mode, width, height):
+    if choice == "Mask":
+        update_image_result = update_image_mask(cropped_image, resize_mode, width, height)
+        return [gr.update(visible=False), update_image_result, gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), gr.update(visible=True), gr.update(visible=True)]
+
+    update_image_result = update_image_mask(masked_image["image"] if masked_image is not None else None, resize_mode, width, height)
+    return [update_image_result, gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), gr.update(visible=False)]
+
+def update_image_mask(cropped_image, resize_mode, width, height):
+    resized_cropped_image = resize_image(resize_mode, cropped_image, width, height) if cropped_image else None
+    return gr.update(value=resized_cropped_image, visible=True)
+
+def toggle_options_gfpgan(selection):
+    if 0 in selection:
+        return gr.update(visible=True)
+    else:
+        return gr.update(visible=False)
+
+def toggle_options_upscalers(selection):
+    if 1 in selection:
+        return gr.update(visible=True)
+    else:
+        return gr.update(visible=False)
+
+def toggle_options_realesrgan(selection):
+    if selection == 0 or selection == 1 or selection == 3:
+        return gr.update(visible=True)
+    else:
+        return gr.update(visible=False)
+
+def toggle_options_gobig(selection):
+    if selection == 1:
+        #print(selection)
+        return gr.update(visible=True)
+    if selection == 3:
+        return gr.update(visible=True)
+    else:
+        return gr.update(visible=False)
+
+def toggle_options_ldsr(selection):
+    if selection == 2 or selection == 3:
+        return gr.update(visible=True)
+    else:
+        return gr.update(visible=False)
+
+def increment_down(value):
+    return value - 1
+
+def increment_up(value):
+    return value + 1
+
+def copy_img_to_lab(img):
+    try:
+        image_data = re.sub('^data:image/.+;base64,', '', img)
+        processed_image = Image.open(BytesIO(base64.b64decode(image_data)))
+        tab_update = gr.update(selected='imgproc_tab')
+        img_update = gr.update(value=processed_image)
+        return processed_image, tab_update,
+    except IndexError:
+        return [None, None]
+def copy_img_params_to_lab(params):
+    try:
+        prompt = params[0][0].replace('\n', ' ').replace('\r', '')
+        seed = int(params[1][1])
+        steps = int(params[7][1])
+        cfg_scale = float(params[9][1])
+        sampler = params[11][1]
+        return prompt,seed,steps,cfg_scale,sampler
+    except IndexError:
+        return [None, None]
+def copy_img_to_input(img):
+    try:
+        image_data = re.sub('^data:image/.+;base64,', '', img)
+        processed_image = Image.open(BytesIO(base64.b64decode(image_data)))
+        tab_update = gr.update(selected='img2img_tab')
+        img_update = gr.update(value=processed_image)
+        return processed_image, processed_image , tab_update
+    except IndexError:
+        return [None, None]
+
+def copy_img_to_edit(img):
+    try:
+        image_data = re.sub('^data:image/.+;base64,', '', img)
+        processed_image = Image.open(BytesIO(base64.b64decode(image_data)))
+        tab_update = gr.update(selected='img2img_tab')
+        img_update = gr.update(value=processed_image)
+        mode_update = gr.update(value='Crop')
+        return processed_image, tab_update, mode_update
+    except IndexError:
+        return [None, None]
+
+def copy_img_to_mask(img):
+    try:
+        image_data = re.sub('^data:image/.+;base64,', '', img)
+        processed_image = Image.open(BytesIO(base64.b64decode(image_data)))
+        tab_update = gr.update(selected='img2img_tab')
+        img_update = gr.update(value=processed_image)
+        mode_update = gr.update(value='Mask')
+        return processed_image, tab_update, mode_update
+    except IndexError:
+        return [None, None]
+
+
+
+def copy_img_to_upscale_esrgan(img):
+    tabs_update = gr.update(selected='realesrgan_tab')
+    image_data = re.sub('^data:image/.+;base64,', '', img)
+    processed_image = Image.open(BytesIO(base64.b64decode(image_data)))
+    return processed_image, tabs_update
+
+
+help_text = """
+    ## Mask/Crop
+    * Masking is not inpainting. You will probably get better results manually masking your images in photoshop instead.
+    * Built-in masking/cropping is very temperamental.
+    * It may take some time for the image to show when switching from Crop to Mask.
+    * If the image doesn't appear after switching to Mask, switch back to Crop and then back again to Mask
+    * If the mask appears distorted (the brush is weirdly shaped instead of round), switch back to Crop and then back again to Mask.
+
+    ## Advanced Editor
+    * Click 💾 Save to send your editor changes to the img2img workflow
+    * Click ❌ Clear to discard your editor changes
+
+    If anything breaks, try switching modes again, switch tabs, clear the image, or reload.
+"""
+
+def resize_image(resize_mode, im, width, height):
+    LANCZOS = (Image.Resampling.LANCZOS if hasattr(Image, 'Resampling') else Image.LANCZOS)
+    if resize_mode == 0:
+        res = im.resize((width, height), resample=LANCZOS)
+    elif resize_mode == 1:
+        ratio = width / height
+        src_ratio = im.width / im.height
+
+        src_w = width if ratio > src_ratio else im.width * height // im.height
+        src_h = height if ratio <= src_ratio else im.height * width // im.width
+
+        resized = im.resize((src_w, src_h), resample=LANCZOS)
+        res = Image.new("RGBA", (width, height))
+        res.paste(resized, box=(width // 2 - src_w // 2, height // 2 - src_h // 2))
+    else:
+        ratio = width / height
+        src_ratio = im.width / im.height
+
+        src_w = width if ratio < src_ratio else im.width * height // im.height
+        src_h = height if ratio >= src_ratio else im.height * width // im.width
+
+        resized = im.resize((src_w, src_h), resample=LANCZOS)
+        res = Image.new("RGBA", (width, height))
+        res.paste(resized, box=(width // 2 - src_w // 2, height // 2 - src_h // 2))
+
+        if ratio < src_ratio:
+            fill_height = height // 2 - src_h // 2
+            res.paste(resized.resize((width, fill_height), box=(0, 0, width, 0)), box=(0, 0))
+            res.paste(resized.resize((width, fill_height), box=(0, resized.height, width, resized.height)), box=(0, fill_height + src_h))
+        elif ratio > src_ratio:
+            fill_width = width // 2 - src_w // 2
+            res.paste(resized.resize((fill_width, height), box=(0, 0, 0, height)), box=(0, 0))
+            res.paste(resized.resize((fill_width, height), box=(resized.width, 0, resized.width, height)), box=(fill_width + src_w, 0))
+
+    return res
+
+def update_dimensions_info(width, height):
+    pixel_count_formated = "{:,.0f}".format(width * height)
+    return f"Aspect ratio: {round(width / height, 5)}\nTotal pixel count: {pixel_count_formated}"
+
+def get_png_nfo( image: Image ):
+    info_text = ""
+    visible = bool(image and any(image.info))
+    if visible:
+        for key,value in image.info.items():
+            info_text += f"{key}: {value}\n"
+        info_text = info_text.rstrip('\n')
+    return gr.Textbox.update(value=info_text, visible=visible)
+
+def load_settings(*values):
+    new_settings, key_names, checkboxgroup_info = values[-3:]
+    values = list(values[:-3])
+
+    if new_settings:
+        if type(new_settings) is str:
+            if os.path.exists(new_settings):
+                with open(new_settings, "r", encoding="utf8") as f:
+                    new_settings = yaml.safe_load(f)
+            elif new_settings.startswith("file://") and os.path.exists(new_settings[7:]):
+                with open(new_settings[7:], "r", encoding="utf8") as f:
+                    new_settings = yaml.safe_load(f)
+            else:
+                new_settings = yaml.safe_load(new_settings)
+        if type(new_settings) is not dict:
+            new_settings = {"prompt": new_settings}
+        if "txt2img" in new_settings:
+            new_settings = new_settings["txt2img"]
+        target = new_settings.pop("target", "txt2img")
+        if target != "txt2img":
+            print(f"Warning: applying settings to txt2img even though {target} is specified as target.", file=sys.stderr)
+
+        skipped_settings = {}
+        for key in new_settings.keys():
+            if key in key_names:
+                values[key_names.index(key)] = new_settings[key]
+            else:
+                skipped_settings[key] = new_settings[key]
+        if skipped_settings:
+            print(f"Settings could not be applied: {skipped_settings}", file=sys.stderr)
+
+    # Convert lists of checkbox indices to lists of checkbox labels:
+    for (cbg_index, cbg_choices) in checkboxgroup_info:
+        values[cbg_index] = [cbg_choices[i] for i in values[cbg_index]]
+
+    return values