add firebase sdk

app.py

@@ -336,7 +336,6 @@ class TranscriptProcessor:
         """Return the raw transcript data."""
         return self.transcript_data
 
-
 def setup_openai_key() -> None:
     """Set up OpenAI API key from file."""
     try:
@@ -907,12 +906,85 @@ 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,
-        js=js,
+        head=head,
         theme=gr.themes.Default(
             font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"]
         ),