Block execution if name is blank, hide HTML output

app.py

@@ -242,7 +242,7 @@ def format_monster_card(monster_text, image_data):
     else:
         card = card.replace('{actions}', f'<div class="monster-action"><p>{actions}</p></div>')
 
-    # TODO: Legendary actions, reactions, make column count for format an option (1 or 2 column layout), add examples
+    # TODO: Legendary actions, reactions, make column count for format an option (1 or 2 column layout)
 
     card = card.replace('Melee Weapon Attack:', '<i>Melee Weapon Attack:</i>')
     card = card.replace('Ranged Weapon Attack:', '<i>Ranged Weapon Attack:</i>')
@@ -295,6 +295,9 @@ def html_to_png(html):
 def run(name: str) -> (Image, str, Image, str):
     start = time.time()
     print(f'BEGINNING RUN FOR {name}')
+    if not name:
+        placeholder_image = Image.new(mode="RGB", size=(256, 256))
+        return placeholder_image, 'No name provided; enter a name and try again', placeholder_image, ''
     text = gen_monster_text(name)
     description = parse_monster_description(text)
     pil = gen_image(description)
@@ -311,11 +314,15 @@ app_description = (
     # Create your own D&D monster!
     Enter a name, click Submit, and wait for about 4 minutes to see the result.
     """).strip()
-input_box = gr.inputs.Textbox(label="Enter a monster name", placeholder="Jabberwock")
-output_monster_card = gr.outputs.Image(label="Monster Card", type='pil')
-output_text_box = gr.outputs.Textbox(label="Monster Text")
-output_monster_image = gr.outputs.Image(label="Monster Image", type='pil')
-output_monster_html = gr.outputs.HTML(label="Monster HTML")
+input_box = gr.Textbox(label="Enter a monster name", placeholder="Jabberwock")
+output_monster_card = gr.Image(label="Monster Card", type='pil')
+output_text_box = gr.Textbox(label="Monster Text")
+output_monster_image = gr.Image(label="Monster Image", type='pil')
+output_monster_html = gr.HTML(label="Monster HTML", visible=False, show_label=False)
+x = gr.components.Textbox()
 iface = gr.Interface(title="MonsterGen", theme="default", description=app_description, fn=run, inputs=[input_box],
                      outputs=[output_monster_card, output_text_box, output_monster_image, output_monster_html])
 iface.launch()
+# https://gradio.app/sharing_your_app/#api-page
+# Looks like API page improvements are in progress: https://github.com/gradio-app/gradio/issues/1325
+# TODO: Add examples