Update app.py

app.py

@@ -140,7 +140,7 @@ def parse_metadata_hash(metadata_html):
 def verification_js():
     return """
     <script>
-    function extractCitationData() {
+    function updateOutputs() {
         const citationInput = document.getElementById('citation_input');
         const hashInput = document.getElementById('hash_input');
         const citationOutput = document.getElementById('citation_output');
@@ -150,19 +150,29 @@ def verification_js():
             const citationLink = citationInput.getElementsByTagName('a')[0];
             const hashLink = hashInput.getElementsByTagName('a')[0];
 
-            if (citationLink) {
-                citationOutput.value = citationLink.outerHTML;
-            } else {
-                citationOutput.value = '';
-            }
-
-            if (hashLink) {
-                hashOutput.value = hashLink.outerHTML;
-            } else {
-                hashOutput.value = '';
-            }
+            citationOutput.value = citationLink ? citationLink.outerHTML : '';
+            hashOutput.value = hashLink ? hashLink.outerHTML : '';
         }
     }
+
+    document.addEventListener('DOMContentLoaded', function() {
+        const citationInput = document.getElementById('citation_input');
+        const hashInput = document.getElementById('hash_input');
+        
+        if (citationInput) {
+            citationInput.addEventListener('paste', function() {
+                setTimeout(updateOutputs, 100); // Delay to ensure paste is complete
+            });
+            citationInput.addEventListener('input', updateOutputs);
+        }
+        
+        if (hashInput) {
+            hashInput.addEventListener('paste', function() {
+                setTimeout(updateOutputs, 100); // Delay to ensure paste is complete
+            });
+            hashInput.addEventListener('input', updateOutputs);
+        }
+    });
     </script>
     """
 
@@ -342,6 +352,12 @@ with tabs[1]:
     </div>
     """, unsafe_allow_html=True)
 
+    # Initialize session state for storing extracted data
+    if 'citation_html' not in st.session_state:
+        st.session_state.citation_html = ''
+    if 'hash_html' not in st.session_state:
+        st.session_state.hash_html = ''
+
     # Input fields for citation and hash
     st.markdown("""
     <div>
@@ -357,9 +373,9 @@ with tabs[1]:
     # Add JavaScript to capture pasted link data
     components.html(verification_js(), height=0)
 
-    # Capture the extracted data
-    citation_html = st.text_input("Citation HTML (auto-filled)", key="citation_output", label_visibility="collapsed")
-    hash_html = st.text_input("Hash HTML (auto-filled)", key="hash_output", label_visibility="collapsed")
+    # Use session state to capture JavaScript output
+    citation_html = st.session_state.get('citation_output', '')
+    hash_html = st.session_state.get('hash_output', '')
 
     verify_button = st.button("Verify Citation", type="primary", use_container_width=True)