Spaces:

awacke1
/

RescuerOfStolenBikes

Running

App Files Files Community

awacke1 commited on 27 days ago

Commit

630aa9e

•

1 Parent(s): 65a0e2e

Update app.py

Browse files

Files changed (1) hide show

app.py +32 -24

app.py CHANGED Viewed

@@ -31,6 +31,7 @@ from xml.etree import ElementTree as ET
 from openai import OpenAI
 import extra_streamlit_components as stx
 from streamlit.runtime.scriptrunner import get_script_run_ctx
 # 1. 🚲BikeAI🏆 Configuration and Setup
@@ -54,9 +55,12 @@ st.set_page_config(
 def create_speech_component():
-    """Create a speech recognition component compatible with basic Streamlit HTML."""
     speech_recognition_html = """
     <!DOCTYPE html>
@@ -91,9 +95,6 @@ def create_speech_component():
                 max-height: 400px;
                 overflow-y: auto;
             }
-            .controls {
-                margin: 10px 0;
-            }
         </style>
     </head>
     <body>
@@ -106,6 +107,16 @@ def create_speech_component():
         <div id="output"></div>
         <script>
             if (!('webkitSpeechRecognition' in window)) {
                 alert('Speech recognition not supported');
             } else {
@@ -132,17 +143,14 @@ def create_speech_component():
                     status.textContent = 'Stopped';
                     startButton.disabled = false;
                     stopButton.disabled = true;
                 };
                 clearButton.onclick = () => {
                     fullTranscript = '';
                     output.textContent = '';
-                    if (window.parent.document) {
-                        const event = new CustomEvent('transcript-update', {
-                            detail: { transcript: '' }
-                        });
-                        window.parent.document.dispatchEvent(event);
-                    }
                 };
                 recognition.onresult = (event) => {
@@ -154,6 +162,8 @@ def create_speech_component():
                         if (event.results[i].isFinal) {
                             finalTranscript += transcript + '\\n';
                             fullTranscript += transcript + '\\n';
                         } else {
                             interimTranscript += transcript;
                         }
@@ -161,13 +171,6 @@ def create_speech_component():
                     output.textContent = fullTranscript + (interimTranscript ? '... ' + interimTranscript : '');
                     output.scrollTop = output.scrollHeight;
-                    // Update hidden input with the current transcript
-                    const hiddenInput = document.createElement('input');
-                    hiddenInput.type = 'hidden';
-                    hiddenInput.value = fullTranscript;
-                    hiddenInput.id = 'transcript-value';
-                    document.body.appendChild(hiddenInput);
                 };
                 recognition.onend = () => {
@@ -188,19 +191,24 @@ def create_speech_component():
     </html>
     """
-    # Create the component without a key
     return components.html(speech_recognition_html, height=400)
 def integrate_speech_component():
-    """Integrate the speech component into the main app."""
-    if "voice_transcript" not in st.session_state:
-        st.session_state.voice_transcript = ""
-    # Get the transcript from the component
-    transcript = create_speech_component()
-    return st.session_state.voice_transcript
 # 2. 🚲BikeAI🏆 Load environment variables and initialize clients

 from openai import OpenAI
 import extra_streamlit_components as stx
 from streamlit.runtime.scriptrunner import get_script_run_ctx
+import extra_streamlit_components as stx
 # 1. 🚲BikeAI🏆 Configuration and Setup
+def get_cookie_manager():
+    """Create and return a cookie manager."""
+    return stx.CookieManager()
 def create_speech_component():
+    """Create speech recognition component with cookie-based storage."""
     speech_recognition_html = """
     <!DOCTYPE html>
                 max-height: 400px;
                 overflow-y: auto;
             }
         </style>
     </head>
     <body>
         <div id="output"></div>
         <script>
+            function setCookie(name, value, days) {
+                let expires = "";
+                if (days) {
+                    const date = new Date();
+                    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+                    expires = "; expires=" + date.toUTCString();
+                }
+                document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/";
+            }
             if (!('webkitSpeechRecognition' in window)) {
                 alert('Speech recognition not supported');
             } else {
                     status.textContent = 'Stopped';
                     startButton.disabled = false;
                     stopButton.disabled = true;
+                    // Save transcript to cookie when stopping
+                    setCookie('voice_transcript', fullTranscript, 1);
                 };
                 clearButton.onclick = () => {
                     fullTranscript = '';
                     output.textContent = '';
+                    setCookie('voice_transcript', '', 1);
                 };
                 recognition.onresult = (event) => {
                         if (event.results[i].isFinal) {
                             finalTranscript += transcript + '\\n';
                             fullTranscript += transcript + '\\n';
+                            // Update cookie with latest transcript
+                            setCookie('voice_transcript', fullTranscript, 1);
                         } else {
                             interimTranscript += transcript;
                         }
                     output.textContent = fullTranscript + (interimTranscript ? '... ' + interimTranscript : '');
                     output.scrollTop = output.scrollHeight;
                 };
                 recognition.onend = () => {
     </html>
     """
     return components.html(speech_recognition_html, height=400)
 def integrate_speech_component():
+    """Integrate speech component with cookie-based storage."""
+    # Initialize cookie manager
+    cookie_manager = get_cookie_manager()
+    # Create speech component
+    create_speech_component()
+    # Get transcript from cookie
+    transcript = cookie_manager.get('voice_transcript') or ""
+    # Update session state
+    if transcript:
+        st.session_state.voice_transcript = transcript
+    return transcript
 # 2. 🚲BikeAI🏆 Load environment variables and initialize clients