Update app.py

app.py

@@ -1,61 +1,37 @@
 import streamlit as st
-from streamlit.components.v1 import html
-import time
+import urllib.parse
 
 def main():
-    st.title("HTML to Streamlit Sync Demo")
+    st.title("Text Copy Demo")
     
-    # Create a session state variable for the text
-    if 'text_value' not in st.session_state:
-        st.session_state.text_value = "Initial text..."
-
-    # HTML component with a textarea
-    html_code = """
-    <textarea id="html-textarea" style="width: 100%; height: 150px; padding: 10px; margin: 10px 0;">
-    This is text in the HTML textarea.
-    Try editing this text!
-    </textarea>
-
-    <script>
-        // Function to get textarea content
-        function getTextareaContent() {
-            let content = document.getElementById('html-textarea').value;
-            // Send content to Streamlit
-            window.parent.postMessage({
-                type: 'streamlit:setComponentValue',
-                value: content
-            }, '*');
-        }
-
-        // Set up timer to check for changes
-        setInterval(getTextareaContent, 1000);  // Check every second
-    </script>
-    """
-
-    # Column layout for side-by-side comparison
-    col1, col2 = st.columns(2)
-
-    with col1:
-        st.subheader("HTML Textarea")
-        # Render the HTML component
-        html(html_code, height=200)
-
-    with col2:
-        st.subheader("Streamlit Textarea")
-        # Streamlit textarea that shows the synced content
-        synced_text = st.text_area(
-            "Synced content (updates every second):",
-            value=st.session_state.text_value,
-            height=150,
-            key="synced_textarea"
-        )
-
-    # Show the current value for debugging
-    st.subheader("Current Value in Session State:")
-    st.code(st.session_state.text_value)
-
-    # Add a note about the sync behavior
-    st.info("The content from the HTML textarea will sync to the Streamlit textarea every second. Try typing in the HTML textarea and watch the Streamlit textarea update!")
+    # Create a text input
+    text_to_copy = st.text_input("Enter text to copy:", "Hello, World!")
+    
+    # Encode the text for URL
+    encoded_text = urllib.parse.quote(text_to_copy)
+    
+    # You'll need to replace this with your actual hosted HTML file URL
+    hosted_html_file = "https://your-domain.com/copy.html"
+    iframe_url = f"{hosted_html_file}?copy={encoded_text}"
+    
+    # Create the iframe with some styling
+    st.markdown(
+        f"""
+        <iframe 
+            src="{iframe_url}" 
+            style="border: none; width: 60px; height: 45px; overflow: hidden;"
+        ></iframe>
+        """, 
+        unsafe_allow_html=True
+    )
+    
+    # Add some instructions
+    st.markdown("""
+    ### Instructions:
+    1. Enter your text in the input field above
+    2. Click the clipboard button to copy the text
+    3. The button will show a checkmark when the text is copied
+    """)
 
 if __name__ == "__main__":
     main()