Make run_demo work with partial examples

Because of the caching for gradio.Examples that gradio does
automatically, run_demo gets called without the default value
for model_name. So we rearrange stuff so it still works then too.

app.py

@@ -53,7 +53,14 @@ import en_core_web_sm
 nlp = en_core_web_sm.load()
 
 # Gradio Section:
-def run_demo(model_name, image, text):
+def run_demo(*args):
+    if len(args) == 3:
+        image, text, model_name = args
+    elif len(args) == 2:
+        image, text = args
+        model_name = "ViT-L/14"
+    else:
+        raise ValueError("Unexpected number of parameters")
 
     model, preprocess = clip.load(model_name, device=device, jit=False)
     orig_image = pad_to_square(image)
@@ -77,9 +84,9 @@ def run_demo(model_name, image, text):
 # Default demo:
 
 default_inputs = [
-        gr.Dropdown(label="CLIP Model", choices=['ViT-B/16', 'ViT-B/32', 'ViT-L/14'], value="ViT-L/14"),
         gr.components.Image(type='pil', label="Original Image"),
         gr.components.Textbox(label="Image description"),
+        gr.Dropdown(label="CLIP Model", choices=['ViT-B/16', 'ViT-B/32', 'ViT-L/14'], value="ViT-L/14"),
     ]
 
 default_outputs = [
@@ -102,17 +109,17 @@ iface = gr.Interface(fn=run_demo,
                      outputs=default_outputs,
                      title="CLIP Grounding Explainability",
                      description=description,
-                     examples=[[None, "example_images/London.png", "London Eye"],
-                               [None, "example_images/London.png", "Big Ben"],
-                               [None, "example_images/harrypotter.png", "Harry"],
-                               [None, "example_images/harrypotter.png", "Hermione"],
-                               [None, "example_images/harrypotter.png", "Ron"],
-                               [None, "example_images/Amsterdam.png", "Amsterdam canal"],
-                               [None, "example_images/Amsterdam.png", "Old buildings"],
-                               [None, "example_images/Amsterdam.png", "Pink flowers"],
-                               [None, "example_images/dogs_on_bed.png", "Two dogs"],
-                               [None, "example_images/dogs_on_bed.png", "Book"],
-                               [None, "example_images/dogs_on_bed.png", "Cat"]])
+                     examples=[["example_images/London.png", "London Eye"],
+                               ["example_images/London.png", "Big Ben"],
+                               ["example_images/harrypotter.png", "Harry"],
+                               ["example_images/harrypotter.png", "Hermione"],
+                               ["example_images/harrypotter.png", "Ron"],
+                               ["example_images/Amsterdam.png", "Amsterdam canal"],
+                               ["example_images/Amsterdam.png", "Old buildings"],
+                               ["example_images/Amsterdam.png", "Pink flowers"],
+                               ["example_images/dogs_on_bed.png", "Two dogs"],
+                               ["example_images/dogs_on_bed.png", "Book"],
+                               ["example_images/dogs_on_bed.png", "Cat"]])
 
 # NER demo:
 def add_label_to_img(img, label, add_entity_label=True):
@@ -162,9 +169,9 @@ def NER_demo(image, text):
     return labeled_text, gallery_images
 
 inputs_NER = [
-        gr.Dropdown(label="CLIP Model", choices=['ViT-B/16', 'ViT-B/32', 'ViT-L/14'], value="ViT-L/14"),
         gr.Image(type='pil', label="Original Image"),
         gr.components.Textbox(label="Descriptive text"),
+        gr.Dropdown(label="CLIP Model", choices=['ViT-B/16', 'ViT-B/32', 'ViT-L/14'], value="ViT-L/14"),
     ]
 
 #colours = highlighter._style["color_map"]
@@ -184,8 +191,8 @@ iface_NER = gr.Interface(fn=NER_demo,
                          title="Named Entity Grounding explainability using CLIP",
                          description=description_NER,
                          examples=[
-                             [None, "example_images/London.png", "In this image we see Big Ben and the London Eye, on both sides of the river Thames."],
-                             [None, "example_images/harrypotter.png", "Hermione, Harry and Ron in their school uniform"],
+                             ["example_images/London.png", "In this image we see Big Ben and the London Eye, on both sides of the river Thames."],
+                             ["example_images/harrypotter.png", "Hermione, Harry and Ron in their school uniform"],
                              ],
                          cache_examples=False)