Update app.py

app.py

@@ -12,24 +12,24 @@ HFTOKEN = os.environ["HF_TOKEN"]
 
 
 
-# js = """
-#     async () => {
-#         // Load Twitter Widgets script
-#         const script = document.createElement("script");
-#         script.onload = () => console.log("Twitter Widgets.js loaded");
-#         script.src = "https://platform.twitter.com/widgets.js";
-#         document.head.appendChild(script);
-
-#         // Define a global function to reload Twitter widgets
-#         globalThis.reloadTwitterWidgets = () => {
-#             // Reload Twitter widgets
-#             if (window.twttr && twttr.widgets) {
-#                 twttr.widgets.load();
-#             }
+js = """
+    async () => {
+        // Load Twitter Widgets script
+        const script = document.createElement("script");
+        script.onload = () => console.log("Twitter Widgets.js loaded");
+        script.src = "https://platform.twitter.com/widgets.js";
+        document.head.appendChild(script);
+
+        // Define a global function to reload Twitter widgets
+        globalThis.reloadTwitterWidgets = () => {
+            // Reload Twitter widgets
+            if (window.twttr && twttr.widgets) {
+                twttr.widgets.load();
+            }
                 
-#         };
-#     }
-# """
+        };
+    }
+"""
 
 def T_on_select(x, evt: gr.SelectData):
     if evt.index[1] == 3:
@@ -168,30 +168,30 @@ def qa_summarise(selected_queries, qa_llm_model, text_field, data_df):
 
             
 with gr.Blocks(fill_width=True) as demo:
-    js = """
-        async () => {
-            // Load Twitter Widgets script
-            const script = document.createElement("script");
-            script.onload = () => console.log("Twitter Widgets.js loaded");
-            script.src = "https://platform.twitter.com/widgets.js";
-            document.head.appendChild(script);
+    # js = """
+    #     async () => {
+    #         // Load Twitter Widgets script
+    #         const script = document.createElement("script");
+    #         script.onload = () => console.log("Twitter Widgets.js loaded");
+    #         script.src = "https://platform.twitter.com/widgets.js";
+    #         document.head.appendChild(script);
     
-            // Define a global function to reload Twitter widgets
-            globalThis.reloadTwitterWidgets = (x) => {
-                // Select the container where tweets are inserted
-                const tweetContainer = document.getElementById("tweet-container");
+    #         // Define a global function to reload Twitter widgets
+    #         globalThis.reloadTwitterWidgets = (x) => {
+    #             // Select the container where tweets are inserted
+    #             const tweetContainer = document.getElementById("tweet-container");
     
-                if (tweetContainer) {
-                    tweetContainer.innerHTML = ""; // Clear previous tweets
-                }
+    #             if (tweetContainer) {
+    #                 tweetContainer.innerHTML = ""; // Clear previous tweets
+    #             }
     
-                // Reload Twitter widgets
-                if (window.twttr && twttr.widgets) {
-                    twttr.widgets.load();
-                }
-            };
-        }
-    """ 
+    #             // Reload Twitter widgets
+    #             if (window.twttr && twttr.widgets) {
+    #                 twttr.widgets.load();
+    #             }
+    #         };
+    #     }
+    # """ 
     
     demo.load(None,None,None,js=js)
     
@@ -229,7 +229,7 @@ with gr.Blocks(fill_width=True) as demo:
             with gr.Row():
                 with gr.Column(scale=4):
                     T_data_filter = gr.Dropdown(visible=False)
-                    T_tweet_embed = gr.HTML() #"""<div id="tweet-container"></div>"""
+                    T_tweet_embed = gr.HTML("""<div id="tweet-container"></div>""") #"""<div id="tweet-container"></div>"""
                     # gr.ClearButton(components=T_tweet_embed)
                     
                 with gr.Column(scale=6):
@@ -382,7 +382,13 @@ with gr.Blocks(fill_width=True) as demo:
 
 
          
+    m_js = """ (x) = >
+            {
+                reloadTwitterWidgets();
+                twttr.widgets.createTweet(x,document.getElementById('tweet-container'),{theme: 'dark'});
+            }
         
+        """
     # Test event listeners
     T_predict_button.click(
         load_and_classify_csv_dataframe, 
@@ -390,9 +396,9 @@ with gr.Blocks(fill_width=True) as demo:
         outputs=[T_data, T_data_ss_state, T_data_filter]
         )
     
-    T_data.select(T_on_select, T_tweetID, T_tweet_embed, js="reloadTwitterWidgets(x)")#.then(fn=None, js="reloadTwitterWidgets()")
-    # T_data.select(T_on_select, None, T_tweetID)
-    # T_tweetID.change(fn=None, inputs=[T_tweetID], outputs=None, js="reloadTwitterWidgets(x)")#.then(fn=None, inputs=T_tweetID, outputs=None, js="(x) => twttr.widgets.createTweet(x,document.getElementById('tweet-container'),{theme: 'dark'});")
+    # T_data.select(T_on_select, None, T_tweet_embed)#.then(fn=None, js="reloadTwitterWidgets()")
+    T_data.select(T_on_select, None, T_tweetID)
+    T_tweetID.change(fn=None, inputs=T_tweetID, outputs=None, js=m_js)#.then(fn=None, inputs=T_tweetID, outputs=None, js="(x) => twttr.widgets.createTweet(x,document.getElementById('tweet-container'),{theme: 'dark'});")
     # T_data.select(
     #     fn=lambda: gr.update(value=""),
     #     outputs=T_tweet_embed).then(T_on_select, None, T_tweet_embed).then(fn=None, js="reloadTwitterWidgets()")