Fix UI bugs and add examples

app.py

@@ -30,18 +30,27 @@ np.random.seed(42)
 
 class TextGeneration:
     def __init__(self):
-        self.debug = False
+        self.debug = True
         self.dummy_output = {
             'directions': [
-                'peel the potato and slice thinly.',
-                'place in a microwave safe dish.',
-                'cover with plastic wrap and microwave on high for 5 minutes.',
-                'remove from the microwave and sprinkle with cheese.',
-                'return to the microwave for 1 minute or until cheese is melted.',
-                'return to the microwave for 1 minute or until cheese is melted. return to the microwave for 1 minute or until cheese is melted.'
-                'return to the microwave for 1 minute or until cheese is melted.',
-                'return to the microwave for 1 minute or until cheese is melted.',
-                'return to the microwave for 1 minute or until cheese is melted.',
+                "for the dough",
+                "in a small bowl, combine the warm water and yeast.",
+                "let it sit for 5 minutes.",
+                "add the flour, salt, and olive oil.",
+                "mix well and knead until the dough is smooth and elastic.",
+                "cover the dough with a damp towel and let it rise for about 1 hour.",
+                "for the filling",
+                "heat a large skillet over medium high heat.",
+                "cook the beef and onion until the beef is browned and the onion is translucent. browned and the onion is translucent.",
+                "drain off any excess grease.",
+                "stir in the pepper and salt and black pepper to taste.",
+                "remove from the heat and set aside.",
+                "preheat the oven to 425 degrees f.",
+                "roll out the dough on a lightly floured surface into a 12 inch circle.",
+                "spread the beef mixture over the dough, leaving a 1 inch border.",
+                "top with the feta, parsley, and lemon juice.",
+                "bake for 20 minutes or until the crust is golden brown.",
+                "cut into wedges and serve.",
             ],
             'ingredients': [
                 '1 potato',
@@ -129,7 +138,7 @@ class TextGeneration:
         )
         # Ingredients
         im_editable.text(
-            (100, 1050),
+            (100, 1000),
             "Ingredients",
             (61, 61, 70),
             font=self.fonts["body_bold"],
@@ -138,33 +147,40 @@ class TextGeneration:
         ingredients = [textwrap.fill(item, 30).replace("\n", "\n   ") for item in ingredients]
 
         im_editable.text(
-            (100, 1130),
+            (100, 1080),
             "\n".join([f"{self.point} {item}" for item in ingredients]),
             (61, 61, 70),
             font=self.fonts["body"],
         )
         # Directions
         im_editable.text(
-            (700, 1050),
+            (700, 1000),
             "Directions",
             (61, 61, 70),
             font=self.fonts["body_bold"],
         )
         directions = recipe["directions"]
-        directions_col1 = [textwrap.fill(item, 30).replace("\n", "\n   ") for item in directions[:self.list_division]]
-        directions_col2 = [textwrap.fill(item, 30).replace("\n", "\n   ") for item in directions[self.list_division:]]
+        directions = [textwrap.fill(item, 80).replace("\n", "\n   ") for item in directions]
         im_editable.text(
-            (700, 1130),
-            "\n".join([f"{i + 1}. {item}" for i, item in enumerate(directions_col1)]).strip(),
-            (61, 61, 70),
-            font=self.fonts["body"],
-        )
-        im_editable.text(
-            (1300, 1130),
-            "\n".join([f"{i + 1 + self.list_division}. {item}" for i, item in enumerate(directions_col2)]).strip(),
+            (700, 1080),
+            "\n".join([f"{i + 1}. {item}" for i, item in enumerate(directions)]).strip(),
             (61, 61, 70),
             font=self.fonts["body"],
         )
+        # directions_col1 = [textwrap.fill(item, 30).replace("\n", "\n   ") for item in directions[:self.list_division]]
+        # directions_col2 = [textwrap.fill(item, 30).replace("\n", "\n   ") for item in directions[self.list_division:]]
+        # im_editable.text(
+        #     (700, 1130),
+        #     "\n".join([f"{i + 1}. {item}" for i, item in enumerate(directions_col1)]).strip(),
+        #     (61, 61, 70),
+        #     font=self.fonts["body"],
+        # )
+        # im_editable.text(
+        #     (1300, 1130),
+        #     "\n".join([f"{i + 1 + self.list_division}. {item}" for i, item in enumerate(directions_col2)]).strip(),
+        #     (61, 61, 70),
+        #     font=self.fonts["body"],
+        # )
         return frame
 
     def generate(self, items, generation_kwargs):
@@ -322,9 +338,9 @@ def main():
                             " ".join([f'<li>{item}</li>' for item in ingredients]),
                             "</ul>",
                             "<h3>Direction</h3>",
-                            "<ul class='ingredients-list'>",
+                            "<ol class='ingredients-list'>",
                             " ".join([f'<li>{item}</li>' for item in directions]),
-                            "</ul>",
+                            "</ol>",
                             "</div>"
                         ]),
                         unsafe_allow_html=True

examples.py

@@ -1,3 +1,5 @@
 EXAMPLES = {
+    "Persian Chicken Stew (Fesenjan)": "walnut pieces, onion, boneless skinless chicken thighs, pomegranate molasses, orange juice, chicken stock, cinnamon, salt, pepper, oil",
     "Chocolate Baklava": "phyllo dough, unsalted butter, walnuts, cinnamon, water, honey, melted chocolate",
+    "Korean Pork Chops": "pork chops, soy sauce, honey, garlic, sesame oil, fresh ginger root, sweet chili sauce, olive oil",
 }