Refactor css_html_js.py to update Font Awesome version

app.py

@@ -21,6 +21,7 @@ from src.about import (
 from src.display.css_html_js import (
     custom_css,
     CSS_EXTERNAL,
+    JS_EXTERNAL,
 )
 from src.display.utils import (
     AutoEvalColumn,
@@ -153,10 +154,12 @@ HEAD = "".join(
     [
         f'<link rel="stylesheet" href="{css}">' for css in CSS_EXTERNAL
     ]
+    +
+    [
+        f'<script src="{js}" crossorigin="anonymous"></script>' for js in JS_EXTERNAL
+    ]
 )
 
-print("HEAD:", HEAD)
-
 demo = gr.Blocks(css=custom_css, head = HEAD)
 with demo:
     gr.HTML(TITLE)

src/display/css_html_js.py

@@ -1,3 +1,6 @@
+from src.envs import FONTAWESOME_KIT
+
+
 custom_css = """
 
 .markdown-text {
@@ -108,6 +111,8 @@ get_window_url_params = """
     """
 
 CSS_EXTERNAL = [
-    # "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
-    "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+]
+
+JS_EXTERNAL = [
+    f"https://kit.fontawesome.com/{FONTAWESOME_KIT}.js"
 ]

src/envs.py

@@ -25,3 +25,5 @@ EVAL_REQUESTS_PATH_BACKEND = os.path.join(CACHE_PATH, "eval-queue-bk")
 EVAL_RESULTS_PATH_BACKEND = os.path.join(CACHE_PATH, "eval-results-bk")
 
 API = HfApi(token=TOKEN)
+
+FONTAWESOME_KIT = os.getenv("FONTAWESOME_KIT", None)