Update

.pre-commit-config.yaml

@@ -1,35 +1,60 @@
 repos:
-- repo: https://github.com/pre-commit/pre-commit-hooks
-  rev: v4.2.0
-  hooks:
-  - id: check-executables-have-shebangs
-  - id: check-json
-  - id: check-merge-conflict
-  - id: check-shebang-scripts-are-executable
-  - id: check-toml
-  - id: check-yaml
-  - id: double-quote-string-fixer
-  - id: end-of-file-fixer
-  - id: mixed-line-ending
-    args: ['--fix=lf']
-  - id: requirements-txt-fixer
-  - id: trailing-whitespace
-- repo: https://github.com/myint/docformatter
-  rev: v1.4
-  hooks:
-  - id: docformatter
-    args: ['--in-place']
-- repo: https://github.com/pycqa/isort
-  rev: 5.12.0
-  hooks:
-    - id: isort
-- repo: https://github.com/pre-commit/mirrors-mypy
-  rev: v0.991
-  hooks:
-    - id: mypy
-      args: ['--ignore-missing-imports']
-- repo: https://github.com/google/yapf
-  rev: v0.32.0
-  hooks:
-  - id: yapf
-    args: ['--parallel', '--in-place']
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v4.5.0
+    hooks:
+      - id: check-executables-have-shebangs
+      - id: check-json
+      - id: check-merge-conflict
+      - id: check-shebang-scripts-are-executable
+      - id: check-toml
+      - id: check-yaml
+      - id: end-of-file-fixer
+      - id: mixed-line-ending
+        args: ["--fix=lf"]
+      - id: requirements-txt-fixer
+      - id: trailing-whitespace
+  - repo: https://github.com/myint/docformatter
+    rev: v1.7.5
+    hooks:
+      - id: docformatter
+        args: ["--in-place"]
+  - repo: https://github.com/pycqa/isort
+    rev: 5.13.2
+    hooks:
+      - id: isort
+        args: ["--profile", "black"]
+  - repo: https://github.com/pre-commit/mirrors-mypy
+    rev: v1.8.0
+    hooks:
+      - id: mypy
+        args: ["--ignore-missing-imports"]
+        additional_dependencies:
+          [
+            "types-python-slugify",
+            "types-requests",
+            "types-PyYAML",
+            "types-pytz",
+          ]
+  - repo: https://github.com/psf/black
+    rev: 24.2.0
+    hooks:
+      - id: black
+        language_version: python3.10
+        args: ["--line-length", "119"]
+  - repo: https://github.com/kynan/nbstripout
+    rev: 0.7.1
+    hooks:
+      - id: nbstripout
+        args:
+          [
+            "--extra-keys",
+            "metadata.interpreter metadata.kernelspec cell.metadata.pycharm",
+          ]
+  - repo: https://github.com/nbQA-dev/nbQA
+    rev: 1.7.1
+    hooks:
+      - id: nbqa-black
+      - id: nbqa-pyupgrade
+        args: ["--py37-plus"]
+      - id: nbqa-isort
+        args: ["--float-to-top"]

.style.yapf

@@ -1,5 +0,0 @@
-[style]
-based_on_style = pep8
-blank_line_before_nested_class_or_def = false
-spaces_before_comment = 2
-split_before_logical_operator = true

.vscode/settings.json

@@ -0,0 +1,30 @@
+{
+    "editor.formatOnSave": true,
+    "files.insertFinalNewline": false,
+    "[python]": {
+        "editor.defaultFormatter": "ms-python.black-formatter",
+        "editor.formatOnType": true,
+        "editor.codeActionsOnSave": {
+            "source.organizeImports": "explicit"
+        }
+    },
+    "[jupyter]": {
+        "files.insertFinalNewline": false
+    },
+    "black-formatter.args": [
+        "--line-length=119"
+    ],
+    "isort.args": ["--profile", "black"],
+    "flake8.args": [
+        "--max-line-length=119"
+    ],
+    "ruff.lint.args": [
+        "--line-length=119"
+    ],
+    "notebook.output.scrolling": true,
+    "notebook.formatOnCellExecution": true,
+    "notebook.formatOnSave.enabled": true,
+        "notebook.codeActionsOnSave": {
+            "source.organizeImports": "explicit"
+        }
+}

README.md

@@ -4,7 +4,7 @@ emoji: 😻
 colorFrom: purple
 colorTo: red
 sdk: gradio
-sdk_version: 3.36.1
+sdk_version: 4.19.2
 app_file: app.py
 pinned: false
 suggested_hardware: t4-small

app.py

@@ -8,24 +8,24 @@ import gradio as gr
 
 from dualstylegan import Model
 
-DESCRIPTION = '''# Portrait Style Transfer with [DualStyleGAN](https://github.com/williamyang1991/DualStyleGAN)
+DESCRIPTION = """# Portrait Style Transfer with [DualStyleGAN](https://github.com/williamyang1991/DualStyleGAN)
 
 <img id="overview" alt="overview" src="https://raw.githubusercontent.com/williamyang1991/DualStyleGAN/main/doc_images/overview.jpg" />
-'''
+"""
 
 
 def get_style_image_url(style_name: str) -> str:
-    base_url = 'https://raw.githubusercontent.com/williamyang1991/DualStyleGAN/main/doc_images'
+    base_url = "https://raw.githubusercontent.com/williamyang1991/DualStyleGAN/main/doc_images"
     filenames = {
-        'cartoon': 'cartoon_overview.jpg',
-        'caricature': 'caricature_overview.jpg',
-        'anime': 'anime_overview.jpg',
-        'arcane': 'Reconstruction_arcane_overview.jpg',
-        'comic': 'Reconstruction_comic_overview.jpg',
-        'pixar': 'Reconstruction_pixar_overview.jpg',
-        'slamdunk': 'Reconstruction_slamdunk_overview.jpg',
+        "cartoon": "cartoon_overview.jpg",
+        "caricature": "caricature_overview.jpg",
+        "anime": "anime_overview.jpg",
+        "arcane": "Reconstruction_arcane_overview.jpg",
+        "comic": "Reconstruction_comic_overview.jpg",
+        "pixar": "Reconstruction_pixar_overview.jpg",
+        "slamdunk": "Reconstruction_slamdunk_overview.jpg",
     }
-    return f'{base_url}/{filenames[style_name]}'
+    return f"{base_url}/{filenames[style_name]}"
 
 
 def get_style_image_markdown_text(style_name: str) -> str:
@@ -35,125 +35,110 @@ def get_style_image_markdown_text(style_name: str) -> str:
 
 def update_slider(choice: str) -> dict:
     max_vals = {
-        'cartoon': 316,
-        'caricature': 198,
-        'anime': 173,
-        'arcane': 99,
-        'comic': 100,
-        'pixar': 121,
-        'slamdunk': 119,
+        "cartoon": 316,
+        "caricature": 198,
+        "anime": 173,
+        "arcane": 99,
+        "comic": 100,
+        "pixar": 121,
+        "slamdunk": 119,
     }
-    return gr.update(maximum=max_vals[choice])
+    return gr.Slider(maximum=max_vals[choice])
 
 
 def update_style_image(style_name: str) -> dict:
     text = get_style_image_markdown_text(style_name)
-    return gr.update(value=text)
+    return gr.Markdown(value=text)
 
 
 model = Model()
 
-with gr.Blocks(css='style.css') as demo:
+with gr.Blocks(css="style.css") as demo:
     gr.Markdown(DESCRIPTION)
 
-    with gr.Box():
-        gr.Markdown('''## Step 1 (Preprocess Input Image)
+    with gr.Group():
+        gr.Markdown(
+            """## Step 1 (Preprocess Input Image)
 
 - Drop an image containing a near-frontal face to the **Input Image**.
 - If there are multiple faces in the image, hit the Edit button in the upper right corner and crop the input image beforehand.
 - Hit the **Preprocess** button.
 - Choose the encoder version. Default is Z+ encoder which has better stylization performance. W+ encoder better reconstructs the input image to preserve more details.
 - The final result will be based on this **Reconstructed Face**. So, if the reconstructed image is not satisfactory, you may want to change the input image.
-''')
+"""
+        )
         with gr.Row():
-            encoder_type = gr.Radio(label='Encoder Type',
-                                    choices=[
-                                        'Z+ encoder (better stylization)',
-                                        'W+ encoder (better reconstruction)'
-                                    ],
-                                    value='Z+ encoder (better stylization)')
+            encoder_type = gr.Radio(
+                label="Encoder Type",
+                choices=["Z+ encoder (better stylization)", "W+ encoder (better reconstruction)"],
+                value="Z+ encoder (better stylization)",
+            )
         with gr.Row():
             with gr.Column():
                 with gr.Row():
-                    input_image = gr.Image(label='Input Image',
-                                           type='filepath')
+                    input_image = gr.Image(label="Input Image", type="filepath")
                 with gr.Row():
-                    preprocess_button = gr.Button('Preprocess')
+                    preprocess_button = gr.Button("Preprocess")
             with gr.Column():
                 with gr.Row():
-                    aligned_face = gr.Image(label='Aligned Face',
-                                            type='numpy',
-                                            interactive=False)
+                    aligned_face = gr.Image(label="Aligned Face", type="numpy", interactive=False)
             with gr.Column():
-                reconstructed_face = gr.Image(label='Reconstructed Face',
-                                              type='numpy')
+                reconstructed_face = gr.Image(label="Reconstructed Face", type="numpy")
                 instyle = gr.State()
 
         with gr.Row():
-            paths = sorted(pathlib.Path('images').glob('*.jpg'))
-            gr.Examples(examples=[[path.as_posix()] for path in paths],
-                        inputs=input_image)
+            paths = sorted(pathlib.Path("images").glob("*.jpg"))
+            gr.Examples(examples=[[path.as_posix()] for path in paths], inputs=input_image)
 
-    with gr.Box():
-        gr.Markdown('''## Step 2 (Select Style Image)
+    with gr.Group():
+        gr.Markdown(
+            """## Step 2 (Select Style Image)
 
 - Select **Style Type**.
 - Select **Style Image Index** from the image table below.
-''')
+"""
+        )
         with gr.Row():
             with gr.Column():
-                style_type = gr.Radio(label='Style Type',
-                                      choices=model.style_types,
-                                      value=model.style_types[0])
-                text = get_style_image_markdown_text('cartoon')
+                style_type = gr.Radio(label="Style Type", choices=model.style_types, value=model.style_types[0])
+                text = get_style_image_markdown_text("cartoon")
                 style_image = gr.Markdown(value=text)
-                style_index = gr.Slider(label='Style Image Index',
-                                        minimum=0,
-                                        maximum=316,
-                                        step=1,
-                                        value=26)
+                style_index = gr.Slider(label="Style Image Index", minimum=0, maximum=316, step=1, value=26)
 
         with gr.Row():
             gr.Examples(
                 examples=[
-                    ['cartoon', 26],
-                    ['caricature', 65],
-                    ['arcane', 63],
-                    ['pixar', 80],
+                    ["cartoon", 26],
+                    ["caricature", 65],
+                    ["arcane", 63],
+                    ["pixar", 80],
                 ],
                 inputs=[style_type, style_index],
             )
 
-    with gr.Box():
-        gr.Markdown('''## Step 3 (Generate Style Transferred Image)
+    with gr.Group():
+        gr.Markdown(
+            """## Step 3 (Generate Style Transferred Image)
 
 - Adjust **Structure Weight** and **Color Weight**.
 - These are weights for the style image, so the larger the value, the closer the resulting image will be to the style image.
 - Tips: For W+ encoder, better way of (Structure Only) is to uncheck (Structure Only) and set Color weight to 0.
 - Hit the **Generate** button.
-''')
+"""
+        )
         with gr.Row():
             with gr.Column():
                 with gr.Row():
-                    structure_weight = gr.Slider(label='Structure Weight',
-                                                 minimum=0,
-                                                 maximum=1,
-                                                 step=0.1,
-                                                 value=0.6)
+                    structure_weight = gr.Slider(label="Structure Weight", minimum=0, maximum=1, step=0.1, value=0.6)
                 with gr.Row():
-                    color_weight = gr.Slider(label='Color Weight',
-                                             minimum=0,
-                                             maximum=1,
-                                             step=0.1,
-                                             value=1)
+                    color_weight = gr.Slider(label="Color Weight", minimum=0, maximum=1, step=0.1, value=1)
                 with gr.Row():
-                    structure_only = gr.Checkbox(label='Structure Only',
-                                                 value=False)
+                    structure_only = gr.Checkbox(label="Structure Only", value=False)
                 with gr.Row():
-                    generate_button = gr.Button('Generate')
+                    generate_button = gr.Button("Generate")
 
             with gr.Column():
-                result = gr.Image(label='Result')
+                result = gr.Image(label="Result")
 
         with gr.Row():
             gr.Examples(
@@ -201,4 +186,6 @@ with gr.Blocks(css='style.css') as demo:
         ],
         outputs=result,
     )
-demo.queue(max_size=20).launch()
+
+if __name__ == "__main__":
+    demo.queue(max_size=20).launch()

requirements.txt

@@ -1,7 +1,7 @@
 dlib==19.24.2
 numpy==1.23.5
-opencv-python-headless==4.8.0.74
-Pillow==9.5.0
-scipy==1.11.1
+opencv-python-headless==4.9.0.80
+Pillow==10.2.0
+scipy==1.12.0
 torch==2.0.1
 torchvision==0.15.2

style.css

@@ -1,5 +1,13 @@
 h1 {
   text-align: center;
+  display: block;
+}
+
+#duplicate-button {
+  margin: auto;
+  color: #fff;
+  background: #1565c0;
+  border-radius: 100vh;
 }
 
 img#overview {