Transfer from git - HC

CONTRIBUTING.md

@@ -0,0 +1,35 @@
+1. Fork the repository by clicking on the ``Fork`` button on the repository's page. This creates a copy of the code under your GitHub user account.
+
+2. Clone your fork to your local disk, and add the base repository as a remote.
+```bash
+$ git clone git@github.com:<your-GitHub-username>/chef-transformer.git
+$ cd chef-transformer
+$ git remote add upstream https://github.com/chef-transformer/chef-transformer.git
+```
+
+3. Create a new branch to hold your development changes.
+```bash
+$ git checkout -b a-descriptive-name-for-your-changes
+```
+
+> NOTE: Do not work on the ``main`` branch.
+
+4. Set up a development environment by running the following command in a virtual environment.
+```bash
+$ pip install -r requirements.txt
+```
+
+5. DEVELOP THE CODE
+
+6. It is a good idea to sync your copy of the code with the original repository regularly. This way you can quickly account for changes.
+```bash
+$ git fetch upstream
+$ git rebase upstream/main
+```
+
+7. Push the changes to your account using:
+```bash
+$ git push -u origin a-descriptive-name-for-your-changes
+```
+
+8. Once you are satisfied (and the checklist above is happy too), go to the webpage of your fork on GitHub. Click on ``Pull Request`` to send your changes to the project maintainers for review.

README.md

@@ -8,10 +8,233 @@ app_file: app.py
 pinned: false
 ---
 
-# Streamlit demo for Chef Transformers
+# Chef Transformer (T5) 
+> This is part of the [Flax/Jax Community Week](https://discuss.huggingface.co/t/recipe-generation-model/7475), organized by [HuggingFace](https://huggingface.co/) and TPU usage sponsored by Google.
 
+Want to give it a try? Then what's the wait, head over to the demo [here](https://share.streamlit.io/chef-transformer/chef-transformer/main/app.py).
 
-### Launch demo:
+
+## Team Members
+- Mehrdad Farahani ([m3hrdadfi](https://huggingface.co/m3hrdadfi))
+- Kartik Godawat ([dk-crazydiv](https://huggingface.co/dk-crazydiv))
+- Haswanth Aekula ([hassiahk](https://huggingface.co/hassiahk))
+- Deepak Pandian ([rays2pix](https://huggingface.co/rays2pix))
+- Nicholas Broad ([nbroad](https://huggingface.co/nbroad))
+
+## Dataset
+
+[RecipeNLG: A Cooking Recipes Dataset for Semi-Structured Text Generation](https://recipenlg.cs.put.poznan.pl/). This dataset contains **2,231,142** cooking recipes (>2 millions) with size of **2.14 GB**. It's processed in more careful way.
+
+### Example
+
+```json
+{
+    "NER": [
+        "oyster crackers",
+        "salad dressing",
+        "lemon pepper",
+        "dill weed",
+        "garlic powder",
+        "salad oil"
+    ],
+    "directions": [
+        "Combine salad dressing mix and oil.",
+        "Add dill weed, garlic powder and lemon pepper.",
+        "Pour over crackers; stir to coat.",
+        "Place in warm oven.",
+        "Use very low temperature for 15 to 20 minutes."
+    ],
+    "ingredients": [
+        "12 to 16 oz. plain oyster crackers",
+        "1 pkg. Hidden Valley Ranch salad dressing mix",
+        "1/4 tsp. lemon pepper",
+        "1/2 to 1 tsp. dill weed",
+        "1/4 tsp. garlic powder",
+        "3/4 to 1 c. salad oil"
+    ],
+    "link": "www.cookbooks.com/Recipe-Details.aspx?id=648947",
+    "source": "Gathered",
+    "title": "Hidden Valley Ranch Oyster Crackers"
+}
 ```
+
+## How To Use
+
+```bash
+# Installing requirements
+pip install transformers
+```
+
+```python
+from transformers import FlaxAutoModelForSeq2SeqLM
+from transformers import AutoTokenizer
+
+MODEL_NAME_OR_PATH = "flax-community/t5-recipe-generation"
+tokenizer = AutoTokenizer.from_pretrained(MODEL_NAME_OR_PATH, use_fast=True)
+model = FlaxAutoModelForSeq2SeqLM.from_pretrained(MODEL_NAME_OR_PATH)
+
+prefix = "items: "
+# generation_kwargs = {
+#     "max_length": 1024,
+#     "min_length": 128,
+#     "no_repeat_ngram_size": 3,
+#     "do_sample": True,
+#     "top_k": 60,
+#     "top_p": 0.95
+# }
+generation_kwargs = {
+    "max_length": 512,
+    "min_length": 64,
+    "no_repeat_ngram_size": 3,
+    "early_stopping": True,
+    "num_beams": 5,
+    "length_penalty": 1.5,
+}
+
+special_tokens = tokenizer.all_special_tokens
+tokens_map = {
+    "<sep>": "--",
+    "<section>": "\n"
+}
+def skip_special_tokens(text, special_tokens):
+    for token in special_tokens:
+        text = text.replace(token, "")
+
+    return text
+
+def target_postprocessing(texts, special_tokens):
+    if not isinstance(texts, list):
+        texts = [texts]
+    
+    new_texts = []
+    for text in texts:
+        text = skip_special_tokens(text, special_tokens)
+
+        for k, v in tokens_map.items():
+            text = text.replace(k, v)
+
+        new_texts.append(text)
+
+    return new_texts
+
+def generation_function(texts):
+    _inputs = texts if isinstance(texts, list) else [texts]
+    inputs = [prefix + inp for inp in _inputs]
+    inputs = tokenizer(
+        inputs, 
+        max_length=256, 
+        padding="max_length", 
+        truncation=True, 
+        return_tensors="jax"
+    )
+
+    input_ids = inputs.input_ids
+    attention_mask = inputs.attention_mask
+
+    output_ids = model.generate(
+        input_ids=input_ids, 
+        attention_mask=attention_mask,
+        **generation_kwargs
+    )
+    generated = output_ids.sequences
+    generated_recipe = target_postprocessing(
+        tokenizer.batch_decode(generated, skip_special_tokens=False),
+        special_tokens
+    )
+    return generated_recipe
+```
+
+```python
+items = [
+    "macaroni, butter, salt, bacon, milk, flour, pepper, cream corn",
+    "provolone cheese, bacon, bread, ginger"
+]
+generated = generation_function(items)
+for text in generated:
+    sections = text.split("\n")
+    for section in sections:
+        section = section.strip()
+        if section.startswith("title:"):
+            section = section.replace("title:", "")
+            headline = "TITLE"
+        elif section.startswith("ingredients:"):
+            section = section.replace("ingredients:", "")
+            headline = "INGREDIENTS"
+        elif section.startswith("directions:"):
+            section = section.replace("directions:", "")
+            headline = "DIRECTIONS"
+        
+        if headline == "TITLE":
+            print(f"[{headline}]: {section.strip().capitalize()}")
+        else:
+            section_info = [f"  - {i+1}: {info.strip().capitalize()}" for i, info in enumerate(section.split("--"))]
+            print(f"[{headline}]:")
+            print("\n".join(section_info))
+
+    print("-" * 130)
+```
+
+Output:
+```text
+[TITLE]: Macaroni and corn
+[INGREDIENTS]:
+  - 1: 2 c. macaroni
+  - 2: 2 tbsp. butter
+  - 3: 1 tsp. salt
+  - 4: 4 slices bacon
+  - 5: 2 c. milk
+  - 6: 2 tbsp. flour
+  - 7: 1/4 tsp. pepper
+  - 8: 1 can cream corn
+[DIRECTIONS]:
+  - 1: Cook macaroni in boiling salted water until tender.
+  - 2: Drain.
+  - 3: Melt butter in saucepan.
+  - 4: Blend in flour, salt and pepper.
+  - 5: Add milk all at once.
+  - 6: Cook and stir until thickened and bubbly.
+  - 7: Stir in corn and bacon.
+  - 8: Pour over macaroni and mix well.
+----------------------------------------------------------------------------------------------------------------------------------
+[TITLE]: Grilled provolone and bacon sandwich
+[INGREDIENTS]:
+  - 1: 2 slices provolone cheese
+  - 2: 2 slices bacon
+  - 3: 2 slices sourdough bread
+  - 4: 2 slices pickled ginger
+[DIRECTIONS]:
+  - 1: Place a slice of provolone cheese on one slice of bread.
+  - 2: Top with a slice of bacon.
+  - 3: Top with a slice of pickled ginger.
+  - 4: Top with the other slice of bread.
+  - 5: Heat a skillet over medium heat.
+  - 6: Place the sandwich in the skillet and cook until the cheese is melted and the bread is golden brown.
+----------------------------------------------------------------------------------------------------------------------------------
+```
+
+## Evaluation
+
+The following table summarizes the scores obtained by the **Chef Transformer**. Those marked as (*) are the baseline models.
+
+|      Model      |  WER  | COSIM | ROUGE-2 |
+| :-------------: | :---: | :---: | :-----: |
+|   Recipe1M+ *   | 0.786 | 0.589 |    -    |
+|   RecipeNLG *   | 0.751 | 0.666 |    -    |
+| ChefTransformer | 0.709 | 0.714 |  0.290  |
+
+## Streamlit demo
+
+```bash
 streamlit run app.py
-```
+```
+
+## Looking to contribute?
+Then follow the steps mentioned in this [contributing guide](CONTRIBUTING.md) and you are good to go.
+
+## Copyright
+
+Special thanks to those who provided these fantastic materials.
+- [Anatomy](https://www.flaticon.com/free-icon)
+- [Chef Hat](https://www.vecteezy.com/members/jellyfishwater)
+- [Moira Nazzari](https://pixabay.com/photos/food-dessert-cake-eggs-butter-3048440/)
+- [Instagram Post](https://www.freepik.com/free-psd/recipes-ad-social-media-post-template_11520617.htm)

app.py

@@ -18,9 +18,15 @@ import textwrap
 from examples import EXAMPLES
 import dummy
 import meta
-from utils import (
+from utils import ext
+from utils.api import generate_cook_image
+from utils.draw import generate_food_with_logo_image, generate_recipe_image
+from utils.st import (
     remote_css,
     local_css,
+
+)
+from utils.utils import (
     load_image_from_url,
     load_image_from_local,
     image_to_base64,
@@ -28,104 +34,6 @@ from utils import (
 )
 
 
-def generate_cook_image(query, app_id, app_key):
-    api_url = f"https://api.edamam.com/api/recipes/v2?type=public&q={query}&app_id={app_id}&app_key={app_key}&field=image"
-
-    try:
-        r = requests.get(api_url)
-        if r.status_code != 200:
-            return None
-
-        rj = r.json()
-        if "hits" not in rj or not len(rj["hits"]) > 0:
-            return None
-
-        data = rj["hits"]
-        data = data[random.randint(1, min(5, len(data) - 1))] if len(data) > 1 else data[0]
-
-        if "recipe" not in data or "image" not in data["recipe"]:
-            return None
-
-        image = data["recipe"]["image"]
-        return image
-    except Exception as e:
-        return None
-
-
-def generate_food_with_logo_image(bg_path, logo_path, food_url, no_food="asset/frame/no_food.png"):
-    bg = Image.open(bg_path)
-    width, height = bg.size
-
-    logo = Image.open(logo_path)
-    logo_width, logo_height, logo_ratio, logo_rb, logo_mb = logo.size + (3, -20, 45)
-    logo_width, logo_height = (logo_width // logo_ratio, logo_height // logo_ratio)
-    logo = logo.resize((logo_width, logo_height))
-
-    food = load_image_from_url(food_url, rgba_mode=True, default_image=no_food)
-
-    food_width, food_height = (300, 300)
-    food = food.resize((food_width, food_height))
-
-    bg.paste(food, (0, 0), food)
-    bg.paste(logo, (width - logo_width - logo_rb, height - logo_height - logo_mb), logo)
-
-    return bg
-
-
-def generate_recipe_image(
-        recipe_data,
-        bg_path,
-        food_logo_ia,
-        fonts,
-        bg_color="#ffffff"
-):
-    bg = Image.open(bg_path)
-    bg.paste(food_logo_ia, (50, 50), food_logo_ia)
-    bg_color = Image.new("RGBA", bg.size, bg_color)
-    bg_color.paste(bg, mask=bg)
-
-    im_editable = ImageDraw.Draw(bg_color)
-    im_editable.text(
-        (418, 30),
-        textwrap.fill(recipe_data["title"], 15).replace(" \n", "\n"),
-        (61, 61, 70),
-        font=fonts["title"],
-    )
-
-    im_editable.text(
-        (100, 450),
-        "Ingredients",
-        (61, 61, 70),
-        font=fonts["body_bold"],
-    )
-    ingredients = recipe_data["ingredients"]
-    ingredients = [textwrap.fill(item, 30).replace("\n", "\n   ") for item in ingredients]
-
-    im_editable.text(
-        (50, 520),
-        "\n".join([f"- {item}" for item in ingredients]),
-        (61, 61, 70),
-        font=fonts["body"],
-    )
-
-    im_editable.text(
-        (700, 450),
-        "Directions",
-        (61, 61, 70),
-        font=fonts["body_bold"],
-    )
-
-    directions = recipe_data["directions"]
-    directions = [textwrap.fill(item, 70).replace("\n", "\n   ") for item in directions]
-    im_editable.text(
-        (430, 520),
-        "\n".join([f"{i + 1}. {item}" for i, item in enumerate(directions)]).strip(),
-        (61, 61, 70),
-        font=fonts["body"],
-    )
-    return bg_color
-
-
 class TextGeneration:
     def __init__(self):
         self.debug = False
@@ -215,6 +123,7 @@ class TextGeneration:
         return frame
 
     def generate(self, items, generation_kwargs):
+        recipe = self.dummy_outputs[0]
         recipe = self.dummy_outputs[random.randint(0, len(self.dummy_outputs) - 1)]
 
         if not self.debug:
@@ -291,9 +200,10 @@ def main():
     # else:
     #     get_random_frame = generator.frames[0]
 
+    remote_css("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Poppins:wght@600&display=swap")
     local_css("asset/css/style.css")
 
-    col1, col2 = st.beta_columns([4, 3])
+    col1, col2 = st.beta_columns([6, 4])
     with col2:
         st.image(load_image_from_local("asset/images/chef-transformer-transparent.png"), width=300)
         st.markdown(meta.SIDEBAR_INFO, unsafe_allow_html=True)
@@ -321,12 +231,13 @@ def main():
             prompt_box = EXAMPLES[prompt]
 
         items = st.text_area(
-            'Insert your ingredients here (separated by `,`): ',
+            'Insert your food items here (separated by `,`): ',
             pure_comma_separation(prompt_box, return_list=False),
         )
         items = pure_comma_separation(items, return_list=False)
         entered_items = st.empty()
-        recipe_button = st.button('Get Recipe!')
+
+    recipe_button = st.button('Get Recipe!')
 
     st.markdown(
         "<hr />",
@@ -354,14 +265,21 @@ def main():
                 food_image = generated_recipe["image"]
                 food_image = load_image_from_url(food_image, rgba_mode=True, default_image=generator.no_food)
                 food_image = image_to_base64(food_image)
-                ingredients = generated_recipe["ingredients"]
+
+                ingredients = ext.ingredients(
+                    generated_recipe["ingredients"],
+                    pure_comma_separation(items, return_list=True)
+                )
+
                 directions = [textwrap.fill(item, 70).replace("\n", "\n   ") for item in
                               generated_recipe["directions"]]
+                directions = ext.directions(directions)
+
                 generated_recipe["by"] = chef
 
-                r1, r2 = st.beta_columns([3, 5])
+                r1, r2 = st.beta_columns([6, 2])
 
-                with r1:
+                with r2:
                     # st.write(st.session_state.get_random_frame)
                     # if hasattr(st, "session_state"):
                     #     recipe_post = generator.generate_frame(generated_recipe, st.session_state.get_random_frame)
@@ -378,21 +296,21 @@ def main():
                         output_format="PNG"
                     )
 
-                with r2:
+                with r1:
                     st.markdown(
                         " ".join([
                             "<div class='r-text-recipe'>",
                             "<div class='food-title'>",
                             f"<img src='{food_image}' />",
-                            f"<h2>{title}</h2>",
+                            f"<h2 class='font-title text-bold'>{title}</h2>",
                             "</div>",
                             '<div class="divider"><div class="divider-mask"></div></div>',
-                            "<h3>Ingredients</h3>",
-                            "<ul class='ingredients-list'>",
+                            "<h3 class='ingredients font-body text-bold'>Ingredients</h3>",
+                            "<ul class='ingredients-list font-body'>",
                             " ".join([f'<li>{item}</li>' for item in ingredients]),
                             "</ul>",
-                            "<h3>Directions</h3>",
-                            "<ol class='ingredients-list'>",
+                            "<h3 class='directions font-body text-bold'>Directions</h3>",
+                            "<ol class='ingredients-list font-body'>",
                             " ".join([f'<li>{item}</li>' for item in directions]),
                             "</ol>",
                             "</div>"

asset/css/style.css

@@ -2,6 +2,18 @@ body {
     background-color: #fff;
 }
 
+.font-title {
+    font-family: 'Poppins', sans-serif !important;
+}
+.font-body {
+    font-family: 'Montserrat', sans-serif !important;
+}
+.text-bold {
+    font-weight: normal !important;
+}
+.text-bold {
+    font-weight: bold !important;
+}
 
 .fullScreenFrame > div {
     display: flex;
@@ -29,7 +41,7 @@ body {
 }
 .contributors a.contributor {
     text-decoration: none;
-    color: #9b9dad;
+    color: #585858;
 }
 .contributors a.contributor:hover {
     text-decoration: underline;
@@ -37,17 +49,24 @@ body {
 
 .story-box {
     overflow-y: scroll;
-    max-height: 300px;
+    max-height: 240px;
+}
+
+.story-box p {
+    font-size: 0.85rem;
+}
+.story-box pre {
+    font-size: 0.6rem;
 }
 
 .r-text-recipe {
-    padding-left: 30px;
-    margin-left: 10px;
-    border-left: 1px dashed #eee;
+    /* padding-left: 30px;
+    margin-left: 10px;*/
+    border-right: 1px dashed #eee;
 }
 
 .divider {
-    margin: 5px auto;
+    margin: 5px 0;
     width: 400px;
     max-width: 100%;
     position:relative;
@@ -61,23 +80,53 @@ body {
 .divider-mask:after {
     content: '';
     display: block;
-    margin: 0 auto;
     width: 170px;
     height: 0px;
     border-bottom: 2px solid #e9a726;
     border-radius: 10px;
+    left: 0px;
 }
 
 .r-text-recipe .food-title {
-    text-align: center;
+    text-align: left;
 }
 .r-text-recipe .food-title img {
-    max-width: 120px;
+    max-width: 300px;
+    float: left;
+    margin-right: 30px;
+    margin-bottom: 30px;
 }
 .r-text-recipe .food-title h2 {
 }
+.ingredients {}
 .ingredients-list {
     columns: 2;
     -webkit-columns: 2;
     -moz-columns: 2;
 }
+.directions {
+    clear: both;
+    float: none;
+    padding-top: 20px;
+    display: block;
+}
+.directions-list {}
+
+
+@media only screen and (max-width: 600px) {
+    .r-text-recipe {
+        border-right: 0;
+        border-bottom: 1px dashed #eee;
+    }
+    .r-text-recipe .food-title img {
+        max-width: 200px;
+    }
+    .directions {
+        padding-top: 0px;
+    }
+    .ingredients-list {
+        columns: 1;
+        -webkit-columns: 1;
+        -moz-columns: 1;
+    }
+}

meta.py

@@ -1,6 +1,6 @@
 HEADER_INFO = """""".strip()
 SIDEBAR_INFO = """
-<div class="contributors">
+<div class="contributors font-body text-bold">
 <a class="contributor comma" href="https://huggingface.co/m3hrdadfi">Mehrdad Farahani</a>
 <a class="contributor comma" href="https://huggingface.co/dk-crazydiv">Kartik Godawat</a>
 <a class="contributor comma" href="https://huggingface.co/hassiahk">Haswanth Aekula</a>
@@ -9,13 +9,15 @@ SIDEBAR_INFO = """
 </div>
 """
 CHEF_INFO = """
-<p class="strong">Welcome to our lovely restaurant! 
+<h2 class="font-title">Welcome to our lovely restaurant! </h2>
+<p class="strong font-body">
 <span class="d-block extra-info">(We are at your service with two of the best chefs in the world: Chef Scheherazade, 
-Chef Giovanni. Scheherazade is known for being more creative whereas Giovanni is more meticulous.)</span></p>
+Chef Giovanni. Scheherazade is known for being more creative whereas Giovanni is more meticulous.)</span>
+</p>
 """.strip()
 PROMPT_BOX = "Add custom ingredients here (separated by `,`): "
 STORY = """
-<div class="story-box">
+<div class="story-box font-body">
 <p>
 Hello everyone 👋, I am <strong>Chef Transformer</strong>, 
 the owner of this restaurant. I was made by a group of <a href="https://huggingface.co/flax-community/t5-recipe-generation#team-members">NLP Engineers</a> to train my two prodigy recipe creators: <strong>Chef Scheherazade</strong> and <strong>Chef Giovanni</strong>. 
@@ -28,8 +30,7 @@ The NLP engineers helped guide the learning process so that the chefs could actu
 I trained my chefs by asking them to generate a title, a list of ingredients (including amounts!), and a list of directions after giving them just a simple list of food items. 
 </p>
 
-<pre>
-[Input]
+<pre>[Inputs]
     {food items*: separated by comma}
      
 [Targets]

utils/api.py

@@ -0,0 +1,26 @@
+import random
+import requests
+
+
+def generate_cook_image(query, app_id, app_key):
+    api_url = f"https://api.edamam.com/api/recipes/v2?type=public&q={query}&app_id={app_id}&app_key={app_key}&field=image"
+
+    try:
+        r = requests.get(api_url)
+        if r.status_code != 200:
+            return None
+
+        rj = r.json()
+        if "hits" not in rj or not len(rj["hits"]) > 0:
+            return None
+
+        data = rj["hits"]
+        data = data[random.randint(1, min(5, len(data) - 1))] if len(data) > 1 else data[0]
+
+        if "recipe" not in data or "image" not in data["recipe"]:
+            return None
+
+        image = data["recipe"]["image"]
+        return image
+    except Exception as e:
+        return None

utils/draw.py

@@ -0,0 +1,86 @@
+from PIL import (
+    Image,
+    ImageFont,
+    ImageDraw
+)
+import textwrap
+from .utils import load_image_from_url
+from .ext import (
+    ingredients as ext_ingredients,
+    directions as ext_directions
+)
+
+
+def generate_food_with_logo_image(bg_path, logo_path, food_url, no_food="asset/frame/no_food.png"):
+    bg = Image.open(bg_path)
+    width, height = bg.size
+
+    logo = Image.open(logo_path)
+    logo_width, logo_height, logo_ratio, logo_rb, logo_mb = logo.size + (3, -20, 45)
+    logo_width, logo_height = (logo_width // logo_ratio, logo_height // logo_ratio)
+    logo = logo.resize((logo_width, logo_height))
+
+    food = load_image_from_url(food_url, rgba_mode=True, default_image=no_food)
+
+    food_width, food_height = (300, 300)
+    food = food.resize((food_width, food_height))
+
+    bg.paste(food, (0, 0), food)
+    bg.paste(logo, (width - logo_width - logo_rb, height - logo_height - logo_mb), logo)
+
+    return bg
+
+
+def generate_recipe_image(
+        recipe_data,
+        bg_path,
+        food_logo_ia,
+        fonts,
+        bg_color="#ffffff"
+):
+    bg = Image.open(bg_path)
+    bg.paste(food_logo_ia, (50, 50), food_logo_ia)
+    bg_color = Image.new("RGBA", bg.size, bg_color)
+    bg_color.paste(bg, mask=bg)
+
+    im_editable = ImageDraw.Draw(bg_color)
+    im_editable.text(
+        (418, 30),
+        textwrap.fill(recipe_data["title"], 15).replace(" \n", "\n"),
+        (61, 61, 70),
+        font=fonts["title"],
+    )
+
+    im_editable.text(
+        (100, 450),
+        "Ingredients",
+        (61, 61, 70),
+        font=fonts["body_bold"],
+    )
+    ingredients = recipe_data["ingredients"]
+    ingredients = [textwrap.fill(item, 30).replace("\n", "\n   ") for item in ingredients]
+    ingredients = ext_ingredients(ingredients, [], without_mapping=True)
+
+    im_editable.text(
+        (50, 520),
+        "\n".join([f"- {item}" for item in ingredients]),
+        (61, 61, 70),
+        font=fonts["body"],
+    )
+
+    im_editable.text(
+        (700, 450),
+        "Directions",
+        (61, 61, 70),
+        font=fonts["body_bold"],
+    )
+
+    directions = recipe_data["directions"]
+    directions = [textwrap.fill(item, 70).replace("\n", "\n   ").capitalize() for item in directions]
+    im_editable.text(
+        (430, 520),
+        "\n".join([f"{i + 1}. {item}" for i, item in enumerate(directions)]).strip(),
+        (61, 61, 70),
+        font=fonts["body"],
+    )
+    return bg_color

utils/ext.py

@@ -0,0 +1,43 @@
+import re
+from .utils import replace_regex
+
+DEFAULT_MAP_DICT = {
+    " c ": " c. ",
+    ", chopped": " (chopped)",
+    ", crumbled": " (crumbled)",
+    ", thawed": " (thawed)",
+    ", melted": " (melted)",
+}
+
+
+def ingredient(text, map_dict):
+    if len(map_dict) > 0:
+        map_dict.update(**DEFAULT_MAP_DICT)
+    else:
+        map_dict = DEFAULT_MAP_DICT
+
+    text = replace_regex(text, map_dict)
+    text = re.sub(r"(\d)\s(\d\/\d)", r" \1+\2 ", text)
+    text = " ".join([word.strip() for word in text.split() if word.strip()])
+    return text
+
+
+def ingredients(text_list, item_list, without_mapping=False):
+    map_dict = {
+        item: f'<span class="text-bold">{item}</span>' for item in list(map(lambda x: x.lower().strip(), item_list))
+    }
+    text_list = list(map(lambda x: x.lower(), text_list))
+
+    output = []
+    for text in text_list:
+        map_dict = map_dict if not without_mapping else {}
+        text = ingredient(text, map_dict)
+        output.append(text)
+
+    return output
+
+
+def directions(text_list):
+    text_list = list(map(lambda x: x.lower().capitalize(), text_list))
+
+    return text_list

utils/st.py

@@ -0,0 +1,10 @@
+import streamlit as st
+
+
+def local_css(css_path):
+    with open(css_path) as f:
+        st.markdown(f'<style>{f.read()}</style>', unsafe_allow_html=True)
+
+
+def remote_css(css_url):
+    st.markdown(f'<link href="{css_url}" rel="stylesheet">', unsafe_allow_html=True)

utils/utils.py

@@ -0,0 +1,73 @@
+import base64
+import json
+from io import BytesIO
+from PIL import Image
+import requests
+import re
+
+
+def load_image_from_local(image_path, image_resize=None):
+    image = Image.open(image_path)
+
+    if isinstance(image_resize, tuple):
+        image = image.resize(image_resize)
+    return image
+
+
+def load_image_from_url(image_url, rgba_mode=False, image_resize=None, default_image=None):
+    try:
+        image = Image.open(requests.get(image_url, stream=True).raw)
+
+        if rgba_mode:
+            image = image.convert("RGBA")
+
+        if isinstance(image_resize, tuple):
+            image = image.resize(image_resize)
+
+    except Exception as e:
+        image = None
+        if default_image:
+            image = load_image_from_local(default_image, image_resize=image_resize)
+
+    return image
+
+
+def load_text(text_path):
+    text = ''
+    with open(text_path) as f:
+        text = f.read()
+
+    return text
+
+
+def load_json(json_path):
+    jdata = ''
+    with open(json_path) as f:
+        jdata = json.load(f)
+
+    return jdata
+
+
+def image_to_base64(image_array):
+    buffered = BytesIO()
+    image_array.save(buffered, format="PNG")
+    image_b64 = base64.b64encode(buffered.getvalue()).decode("utf-8")
+    return f"data:image/png;base64, {image_b64}"
+
+
+def unique_list(seq):
+    seen = set()
+    seen_add = seen.add
+    return [x for x in seq if not (x in seen or seen_add(x))]
+
+
+def pure_comma_separation(list_str, return_list=True):
+    r = unique_list([item.strip() for item in list_str.lower().split(",") if item.strip()])
+    if return_list:
+        return r
+    return ", ".join(r)
+
+
+def replace_regex(text, map_dict):
+    pattern = "|".join(map(re.escape, map_dict.keys()))
+    return re.sub(pattern, lambda m: map_dict[m.group()], str(text))