Update app.py

app.py

@@ -15,6 +15,16 @@ from requests.exceptions import RequestException
 with open('index.html', 'r', encoding='utf-8') as file:
     cheatsheet_template = file.read()
 
+
+scripts = """
+async () => {
+    console.log('Running script');
+    const json_obj = JSON.parse(document.getElementById("root").innerHTML);
+    console.log(json_obj)
+    document.getElementById("root").innerHTML += 'Hello!'
+}
+"""
+
 @tool
 def json_string_to_poster(json_string:str)-> str: 
     """A tool that generate a poster from stringified json object 
@@ -25,11 +35,7 @@ def json_string_to_poster(json_string:str)-> str:
     #html_template = cheatsheet_template.replace('%cheatsheet%', json_string)
 
     html_template = f"""
-    <div id="root"></div>
-    <script>
-    console.log('Running script');
-    document.getElementById("root").innerHTML = {json_string};
-    </script>
+    <div id="root">{json_string}</div>
     """
 
     return html_template
@@ -86,6 +92,7 @@ with gr.Blocks() as demo:
         inputs=city_input,
         outputs=poster_display
     )
+    demo.load(None,None,None,_js=scripts)
 
 # Для HuggingFace Spaces
 demo.launch()