feat: enhance UI localization

app.py

@@ -12,6 +12,7 @@ from ui.display import (
     get_strategy,
     get_talent_price_bonus,
     prerender_inventory_inputs,
+    update_all_ui_components,
     update_dishes_selector_on_language,
     update_inventory_inputs,
     update_inventory_ui_by_language,
@@ -70,18 +71,18 @@ with gr.Blocks(js=js, css=css, theme=gr.themes.Monochrome()) as demo:
             </a>
         </div>""")
     with gr.Column(key="main"):
-        language: gr.Dropdown = get_language()
-        currency: gr.Radio = get_currency()
-        budget: gr.Number = get_budget()
+        language: gr.Dropdown = get_language("en")
+        currency: gr.Radio = get_currency("en")
+        budget: gr.Number = get_budget("en")
 
         plants_selector: gr.CheckboxGroup = get_plants_selector("en", "gold")
         dishes_selector: gr.CheckboxGroup = get_dishes_selector("en", "gold")
         with gr.Row(key="inventory_inputs"):
             inventory_inputs = prerender_inventory_inputs()
-        strategy: gr.Radio = get_strategy()
-        blooms_rate: gr.Dropdown = get_blooms_acquisition_rate()
-        confiserie_rate: gr.Dropdown = get_confiserie_acquisition_rate()
-        talent_price_bonus: gr.Number = get_talent_price_bonus()
+        strategy: gr.Radio = get_strategy("en")
+        blooms_rate: gr.Dropdown = get_blooms_acquisition_rate("en")
+        confiserie_rate: gr.Dropdown = get_confiserie_acquisition_rate("en")
+        talent_price_bonus: gr.Number = get_talent_price_bonus("en")
         solve_button = gr.Button("Solve")
         results_output = gr.Textbox(label="Results", show_copy_button=True)
 
@@ -106,6 +107,23 @@ with gr.Blocks(js=js, css=css, theme=gr.themes.Monochrome()) as demo:
         outputs=dishes_selector,
     )
 
+    gr.on(
+        language.change,
+        fn=update_all_ui_components,
+        inputs=[language],
+        outputs=[
+            language,
+            currency,
+            budget,
+            blooms_rate,
+            confiserie_rate,
+            strategy,
+            talent_price_bonus,
+            results_output,
+            solve_button,
+        ],
+    )
+
     currency.change(
         update_selectors_on_currency,
         inputs=[language, currency],

solver.py

@@ -134,4 +134,4 @@ def get_results(
     results["total_price"] = outputs["total_price"]
     results["total_count"] = outputs["total_count"]
     results["remaining"] = outputs["remaining"]
-    return format_results(results)
+    return format_results(results, language)

ui/display.py

@@ -16,15 +16,15 @@ from data_loader import (
 )
 
 
-def get_language():
+def get_language(language="en"):
     """
     Returns a Gradio Dropdown component for selecting language.
     """
     return gr.Dropdown(
         choices=[("English", "en"), ("简体中文", "cn"), ("日本語", "ja")],
         value="en",
-        label="Language",
-        info="Select the language for the interface. Currently, only part of texts are translated.",
+        label=LABELS[language]["ui"]["language"]["label"],
+        info=LABELS[language]["ui"]["language"]["info"],
         elem_id="language-select",
         interactive=True,
     )
@@ -47,30 +47,33 @@ def update_inventory_ui_by_language(language):
     return inventory_inputs
 
 
-def get_currency():
+def get_currency(language="en"):
     """
     Returns a Gradio Radio component for selecting currency.
     """
     return gr.Radio(
-        choices=[("Gold", "gold"), ("Gems", "gems")],
+        choices=[
+            (LABELS[language]["ui"]["currency"]["gold"], "gold"),
+            (LABELS[language]["ui"]["currency"]["gems"], "gems"),
+        ],
         value="gold",
         type="value",
-        label="Currency",
-        info="Select the currency.",
+        label=LABELS[language]["ui"]["currency"]["label"],
+        info=LABELS[language]["ui"]["currency"]["info"],
         interactive=True,
         elem_id="currency-radio",
         render=True,
     )
 
 
-def get_budget():
+def get_budget(language="en"):
     """
     Returns a Gradio Number component for budget input.
     """
     return gr.Number(
         value=0,
-        label="Budget💸",
-        info="Enter your budget amount.",
+        label=LABELS[language]["ui"]["budget"]["label"],
+        info=LABELS[language]["ui"]["budget"]["info"],
         elem_id="budget-number",
         interactive=True,
         precision=0,
@@ -80,38 +83,30 @@ def get_budget():
     )
 
 
-def get_blooms_acquisition_rate():
+def get_blooms_acquisition_rate(language="en"):
     """
     Returns a Gradio Dropdown component for Blooms Acquisition Rate.
     """
     return gr.Dropdown(
         choices=[
-            "0(Gabby's Acquisition)",
-            "+100%(HVA for Shop Level 1 & 2)",
-            "+200%(HVA for Shop Level 3 & 4)",
-            "+300%(HVA for Shop Level 5 & 6)",
+            (option, i)
+            for i, option in enumerate(LABELS[language]["ui"]["blooms_rate"]["options"])
         ],
-        value="0(Gabby's Acquisition)",
-        type="index",
-        label="Blooms Extra Acquisition Rate🌿",
-        info="Select your high-value acquisition rate for Bewildering Blooms.",
+        label=LABELS[language]["ui"]["blooms_rate"]["label"],
+        info=LABELS[language]["ui"]["blooms_rate"]["info"],
         interactive=True,
     )
 
 
-def get_confiserie_acquisition_rate():
+def get_confiserie_acquisition_rate(language="en"):
     """Returns a Gradio Dropdown component for Confiserie Acquisition Rate."""
     return gr.Dropdown(
         choices=[
-            "0(Andre's Acquisition)",
-            "+100%(HVA for Shop Level 1 & 2)",
-            "+200%(HVA for Shop Level 3 & 4)",
-            "+300%(HVA for Shop Level 5 & 6)",
+            (option, i)
+            for i, option in enumerate(LABELS[language]["ui"]["blooms_rate"]["options"])
         ],
-        value="0(Andre's Acquisition)",
-        type="index",
-        label="Confiserie Extra Acquisition Rate🍜",
-        info="Select your high-value acquisition rate for The Confiserie.",
+        label=LABELS[language]["ui"]["confiserie_rate"]["label"],
+        info=LABELS[language]["ui"]["confiserie_rate"]["info"],
         interactive=True,
     )
 
@@ -148,8 +143,8 @@ def get_plants_selector(language, currency):
         choices=filtered_plants_labels,
         value=default_value,
         type="value",
-        label="Plants",
-        info="Select plants",
+        label=LABELS[language]["ui"]["plants_selector"]["label"],
+        info=LABELS[language]["ui"]["plants_selector"]["info"],
         interactive=True,
     )
     return checkbox_group
@@ -208,8 +203,8 @@ def get_dishes_selector(language, currency):
         choices=filtered_dishes_labels,
         value=default_value,
         type="value",
-        label="Dishes",
-        info="Select dishes.",
+        label=LABELS[language]["ui"]["dishes_selector"]["label"],
+        info=LABELS[language]["ui"]["dishes_selector"]["info"],
         interactive=True,
     )
 
@@ -306,14 +301,14 @@ def update_inventory_inputs(
     return _out
 
 
-def get_talent_price_bonus():
+def get_talent_price_bonus(language="en"):
     """
     Returns a Gradio Number component for talent price bonus input.
     """
     return gr.Number(
         value=0,
-        label="Talent Price Bonus(%)",
-        info="Enter the total percentage increase in dish selling price from your talents.",
+        label=LABELS[language]["ui"]["talent_price_bonus"],
+        info=LABELS[language]["ui"]["talent_price_bonus_info"],
         elem_id="talent-price-bonus",
         interactive=True,
         precision=0,
@@ -323,41 +318,121 @@ def get_talent_price_bonus():
     )
 
 
-def get_strategy():
+def get_strategy(language="en"):
     """
     Returns a Gradio Radio component for selecting the selling strategy.
     """
     return gr.Radio(
         choices=[
-            ("Prioritize high-priced items", "MaximizeStock"),
-            ("Prioritize low-priced items", "MinimizeStock"),
+            (LABELS[language]["ui"]["strategy"]["maximize_stock"], "MaximizeStock"),
+            (LABELS[language]["ui"]["strategy"]["minimize_stock"], "MinimizeStock"),
         ],
         value="MinimizeStock",
         type="value",
-        label="Selling Strategy📈📉",
-        info="Select the strategy for selling items.",
+        label=LABELS[language]["ui"]["strategy"]["label"],
+        info=LABELS[language]["ui"]["strategy"]["info"],
         interactive=True,
         elem_id="strategy-radio",
     )
 
 
-def format_results(results):
+def format_results(results, language="en"):
     """
     Format the results for display.
 
     Args:
         results (dict): The results dictionary containing solution, total_price, total_count, and remaining.
+        language (str): The language code for localization.
 
     Returns:
         str: A formatted string representation of the results.
     """
     output = []
-    output.append("Solution:")
+    output.append(f"{LABELS[language]['ui']['results']['solution']}: ")
     for item, count in results["solution"].items():
         output.append(f"{item}: {count}")
 
-    output.append(f"\n{'Total Value:'} {results['total_price']}")
-    output.append(f"{'Total Count:'} {results['total_count']}")
-    output.append(f"{'Remaining Budget'}: {results['remaining']}")
+    output.append(
+        f"\n{LABELS[language]['ui']['results']['total_value']}: {results['total_price']}"
+    )
+    output.append(
+        f"{LABELS[language]['ui']['results']['total_count']}: {results['total_count']}"
+    )
+    output.append(
+        f"{LABELS[language]['ui']['results']['remaining_budget']}: {results['remaining']} {'😞' if results['remaining'] else '😁'}"
+    )
 
     return "\n".join(output)
+
+
+def update_all_ui_components(language):
+    """
+    Update all UI components with localized text.
+
+    Args:
+        language (str): The language code for localization.
+
+    Returns:
+        list: List of gr.update objects for all components.
+    """
+    return [
+        # Language component
+        gr.update(
+            label=LABELS[language]["ui"]["language"]["label"],
+            info=LABELS[language]["ui"]["language"]["info"],
+        ),
+        # Currency component
+        gr.update(
+            label=LABELS[language]["ui"]["currency"]["label"],
+            info=LABELS[language]["ui"]["currency"]["info"],
+            choices=[
+                (LABELS[language]["ui"]["currency"]["gold"], "gold"),
+                (LABELS[language]["ui"]["currency"]["gems"], "gems"),
+            ],
+        ),
+        # Budget component
+        gr.update(
+            label=LABELS[language]["ui"]["budget"]["label"],
+            info=LABELS[language]["ui"]["budget"]["info"],
+        ),
+        # Blooms acquisition rate component
+        gr.update(
+            label=LABELS[language]["ui"]["blooms_rate"]["label"],
+            info=LABELS[language]["ui"]["blooms_rate"]["info"],
+            choices=[
+                (option, i)
+                for i, option in enumerate(
+                    LABELS[language]["ui"]["blooms_rate"]["options"]
+                )
+            ],
+        ),
+        # Confiserie acquisition rate component
+        gr.update(
+            label=LABELS[language]["ui"]["confiserie_rate"]["label"],
+            info=LABELS[language]["ui"]["confiserie_rate"]["info"],
+            choices=[
+                (option, i)
+                for i, option in enumerate(
+                    LABELS[language]["ui"]["confiserie_rate"]["options"]
+                )
+            ],
+        ),
+        # Strategy component
+        gr.update(
+            label=LABELS[language]["ui"]["strategy"]["label"],
+            info=LABELS[language]["ui"]["strategy"]["info"],
+            choices=[
+                (LABELS[language]["ui"]["strategy"]["maximize_stock"], "MaximizeStock"),
+                (LABELS[language]["ui"]["strategy"]["minimize_stock"], "MinimizeStock"),
+            ],
+        ),
+        # Talent price bonus component
+        gr.update(
+            label=LABELS[language]["ui"]["talent_price_bonus"],
+            info=LABELS[language]["ui"]["talent_price_bonus_info"],
+        ),
+        # Results component
+        gr.update(label=LABELS[language]["ui"]["results"]["label"]),
+        # Solve button
+        gr.update(value=LABELS[language]["ui"]["solve_button"]),
+    ]

ui/labels.json

@@ -77,7 +77,63 @@
     },
     "ui": {
       "talent_price_bonus": "Talent Price Bonus(%)",
-      "talent_price_bonus_info": "Enter the total percentage increase in dish selling price from your talents."
+      "talent_price_bonus_info": "Enter the total percentage increase in dish selling price from your talents.",
+      "language": {
+        "label": "Language",
+        "info": "Select the language for the interface."
+      },
+      "currency": {
+        "label": "Currency",
+        "info": "Select the currency.",
+        "gold": "Gold",
+        "gems": "Gems"
+      },
+      "budget": {
+        "label": "Budget💸",
+        "info": "Enter your budget amount."
+      },
+      "strategy": {
+        "label": "Selling Strategy📈📉",
+        "info": "Select the strategy for selling items.",
+        "maximize_stock": "Prioritize high-priced items",
+        "minimize_stock": "Prioritize low-priced items"
+      },
+      "blooms_rate": {
+        "label": "Blooms Extra Acquisition Rate🌿",
+        "info": "Select your high-value acquisition rate for Bewildering Blooms.",
+        "options": [
+          "0(Gabby's Acquisition)",
+          "+100%(HVA for Shop Level 1 & 2)",
+          "+200%(HVA for Shop Level 3 & 4)",
+          "+300%(HVA for Shop Level 5 & 6)"
+        ]
+      },
+      "confiserie_rate": {
+        "label": "Confiserie Extra Acquisition Rate🍜",
+        "info": "Select your high-value acquisition rate for The Confiserie.",
+        "options": [
+          "0(Andre's Acquisition)",
+          "+100%(HVA for Shop Level 1 & 2)",
+          "+200%(HVA for Shop Level 3 & 4)",
+          "+300%(HVA for Shop Level 5 & 6)"
+        ]
+      },
+      "plants_selector": {
+        "label": "Plants",
+        "info": "Select plants"
+      },
+      "dishes_selector": {
+        "label": "Dishes",
+        "info": "Select dishes."
+      },
+      "solve_button": "Solve",
+      "results": {
+        "label": "Results",
+        "solution": "Solution",
+        "total_value": "Total Value",
+        "total_count": "Total Count",
+        "remaining_budget": "Remaining Budget"
+      }
     }
   },
   "cn": {
@@ -158,7 +214,63 @@
     },
     "ui": {
       "talent_price_bonus": "天赋价格加成(%)",
-      "talent_price_bonus_info": "输入天赋导致的菜品售价增幅百分比。"
+      "talent_price_bonus_info": "输入天赋导致的菜品售价增幅百分比",
+      "language": {
+        "label": "语言",
+        "info": "选择界面语言"
+      },
+      "currency": {
+        "label": "货币",
+        "info": "选择货币类型",
+        "gold": "金币",
+        "gems": "宝石"
+      },
+      "budget": {
+        "label": "预算💸",
+        "info": "输入您的预算金额"
+      },
+      "strategy": {
+        "label": "销售策略📈📉",
+        "info": "选择物品销售策略",
+        "maximize_stock": "优先出售高价物品",
+        "minimize_stock": "优先出售低价物品"
+      },
+      "blooms_rate": {
+        "label": "疯狂藤蔓加价倍率🌿",
+        "info": "选择疯狂藤蔓收购的加价倍率",
+        "options": [
+          "0(普通收购)",
+          "+100%(商店等级1-2的高价收购)",
+          "+200%(商店等级3-4的高价收购)",
+          "+300%(商店等级5-6的高价收购)"
+        ]
+      },
+      "confiserie_rate": {
+        "label": "美味工坊加价倍率🍜",
+        "info": "选择美味工坊收购的加价倍率",
+        "options": [
+          "0(普通收购)",
+          "+100%(商店等级1-2的高价收购)",
+          "+200%(商店等级3-4的高价收购)",
+          "+300%(商店等级5-6的高价收购)"
+        ]
+      },
+      "plants_selector": {
+        "label": "植物",
+        "info": "选择植物"
+      },
+      "dishes_selector": {
+        "label": "菜品",
+        "info": "选择菜品"
+      },
+      "solve_button": "求解",
+      "results": {
+        "label": "结果",
+        "solution": "组合方案",
+        "total_value": "总价值",
+        "total_count": "总数量",
+        "remaining_budget": "剩余预算"
+      }
     }
   },
   "ja": {
@@ -239,7 +351,63 @@
     },
     "ui": {
       "talent_price_bonus": "才能価格ボーナス(%)",
-      "talent_price_bonus_info": "才能による料理販売価格の上昇率を入力してください。"
+      "talent_price_bonus_info": "才能による料理販売価格の上昇率を入力してください",
+      "language": {
+        "label": "言語",
+        "info": "インターフェースの言語を選択"
+      },
+      "currency": {
+        "label": "通貨",
+        "info": "通貨を選択",
+        "gold": "ゴールド",
+        "gems": "ジェム"
+      },
+      "budget": {
+        "label": "予算💸",
+        "info": "予算額を入力してください"
+      },
+      "strategy": {
+        "label": "販売戦略📈📉",
+        "info": "アイテムの販売戦略を選択",
+        "maximize_stock": "高価格アイテムを���先",
+        "minimize_stock": "低価格アイテムを優先"
+      },
+      "blooms_rate": {
+        "label": "花々の追加取得率🌿",
+        "info": "花々の高価値取得率を選択",
+        "options": [
+          "0(ギャビーの通常取得)",
+          "+100%(ショップレベル1-2の高価値取得)",
+          "+200%(ショップレベル3-4の高価値取得)",
+          "+300%(ショップレベル5-6の高価値取得)"
+        ]
+      },
+      "confiserie_rate": {
+        "label": "菓子店の追加取得率🍜",
+        "info": "菓子店の高価値取得率を選択",
+        "options": [
+          "0(アンドレの通常取得)",
+          "+100%(ショップレベル1-2の高価値取得)",
+          "+200%(ショップレベル3-4の高価値取得)",
+          "+300%(ショップレベル5-6の高価値取得)"
+        ]
+      },
+      "plants_selector": {
+        "label": "植物",
+        "info": "植物を選択"
+      },
+      "dishes_selector": {
+        "label": "料理",
+        "info": "料理を選択"
+      },
+      "solve_button": "解決",
+      "results": {
+        "label": "結果",
+        "solution": "解決策",
+        "total_value": "合計価値",
+        "total_count": "合計数",
+        "remaining_budget": "残り予算"
+      }
     }
   }
 }