remove: head and add js

app.py

@@ -230,7 +230,6 @@ class TranscriptProcessor:
                     corrected_mapping = self.speaker_mapping
             # Update the speaker mapping with corrected names
             self.speaker_mapping = corrected_mapping
-            print("Corrected Speaker Mapping:", self.speaker_mapping)
 
             # Update the transcript segments with corrected names
             for segment in self.segments:
@@ -897,85 +896,12 @@ def create_chat_interface():
         return 'Iframe handler initialized';
     }
     """
-    head = f"""
-        <script defer src="https://www.gstatic.com/firebasejs/11.1.0/firebase-firestore.js"></script>
-        <script type="module">
-            // Import the functions you need from the SDKs you need
-            import {{ initializeApp }} from "https://www.gstatic.com/firebasejs/11.1.0/firebase-app.js";
-            import {{ getDatabase, ref, set }} from "https://www.gstatic.com/firebasejs/11.1.0/firebase-database.js";
-            // TODO: Add SDKs for Firebase products that you want to use
-            // https://firebase.google.com/docs/web/setup#available-libraries
-
-            // Your web app's Firebase configuration
-            // For Firebase JS SDK v7.20.0 and later, measurementId is optional
-            const firebaseConfig = {{
-                apiKey: "{os.getenv('FIREBASE_API_KEY')}",
-                authDomain: "{os.getenv('FIREBASE_AUTH_DOMAIN')}",
-                databaseURL: "{os.getenv('FIREBASE_DATABASE_URL')}",
-                projectId: "{os.getenv('FIREBASE_PROJECT_ID')}",
-                storageBucket: "{os.getenv('FIREBASE_STORAGE_BUCKET')}",
-                messagingSenderId: "{os.getenv('FIREBASE_MESSAGING_SENDER_ID')}",
-                appId: "{os.getenv('FIREBASE_APP_ID')}",
-                measurementId: "{os.getenv('FIREBASE_MEASUREMENT_ID')}"
-            }};
-
-            // Initialize Firebase
-            const app = initializeApp(firebaseConfig);
-            const realtimeDB = getDatabase(app);
-            const rollAccount = "roll-dev-account";
-            const COLLECTIONS = {{
-                COLLAB_EDIT_LINK: "collab_link_handler",
-            }};
-
-            // Event listener for click
-            document.addEventListener('click', function (event) {{
-                var link = event.target.closest('a');
-                if (link && link.href) {{
-
-                    // Parse the URL to extract 'st' and 'et'
-                    const url = new URL(link.href);
-                    const startTime = url.searchParams.get('st');
-                    const endTime = url.searchParams.get('et');
-                    const userId = url.searchParams.get('uid') || "";
-
-                    if (startTime || endTime) {{
-                        let components = url.pathname.split("/");
-                        let callId = components[2];
-                        let recordingSessionId = components[3];
-
-                        let data = {{
-                            startTime: parseInt(startTime, 10),
-                            endTime: parseInt(endTime, 10),
-                        }};
-
-                        console.log("Data to save:", data);
-
-                        // Firebase reference
-                        let reference = ref(
-                            realtimeDB,
-                            `${{rollAccount}}/${{COLLECTIONS.COLLAB_EDIT_LINK}}/${{userId}}/${{callId}}/${{recordingSessionId}}`
-                        );
-
-                        set(reference, data)
-                            .then(() => {{
-                                console.log("Data saved successfully:", data);
-                            }})
-                            .catch((error) => {{
-                                console.error("Error saving data:", error);
-                            }});
-                    }}
-
-                    event.preventDefault(); // Prevent default behavior
-                }}
-            }});
-        </script>
-    """
 
     with gr.Blocks(
         fill_height=True,
         fill_width=True,
         css=css,
-        head=head,
+        js=js,
         theme=gr.themes.Default(
             font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"]
         ),