Update src/streamlit_app.py

src/streamlit_app.py

@@ -1,40 +1,101 @@
-import altair as alt
-import numpy as np
-import pandas as pd
 import streamlit as st
+from markdown_it import MarkdownIt
+from mdit_plain.renderer import RendererPlain
 
-"""
-# Welcome to Streamlit!
+# Configure the page
+st.set_page_config(
+    page_title="Markdown to Plain Text Converter",
+    page_icon="📝",
+    layout="wide"
+)
 
-Edit `/streamlit_app.py` to customize this app to your heart's desire :heart:.
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
+# Initialize the markdown parser
+@st.cache_resource
+def get_parser():
+    return MarkdownIt(renderer_cls=RendererPlain)
 
-In the meantime, below is an example of what you can do with just a few lines of code:
-"""
+# App title and description
+st.title("📝 Markdown to Plain Text Converter")
+st.markdown("""
+Convert your markdown text to plain text. Paste your markdown in the left box, 
+click convert, and copy the plain text from the right box.
+""")
 
-num_points = st.slider("Number of points in spiral", 1, 10000, 1100)
-num_turns = st.slider("Number of turns in spiral", 1, 300, 31)
+# Create two columns
+col1, col2 = st.columns(2)
 
-indices = np.linspace(0, 1, num_points)
-theta = 2 * np.pi * num_turns * indices
-radius = indices
+# Left column - Markdown input
+with col1:
+    st.subheader("Markdown Input")
+    markdown_input = st.text_area(
+        "Paste your markdown here:",
+        height=400,
+        placeholder="# Heading\n\nThis is **bold** and this is *italic*.\n\n- List item 1\n- List item 2\n\n[This is a link](https://example.com)",
+        label_visibility="collapsed"
+    )
 
-x = radius * np.cos(theta)
-y = radius * np.sin(theta)
+# Right column - Plain text output
+with col2:
+    st.subheader("Plain Text Output")
+    
+    if st.button("Convert", type="primary", use_container_width=True):
+        if markdown_input.strip():
+            try:
+                parser = get_parser()
+                plain_text = parser.render(markdown_input)
+                
+                # Display the converted text in a text area
+                plain_text_output = st.text_area(
+                    "Converted plain text:",
+                    value=plain_text,
+                    height=400,
+                    label_visibility="collapsed"
+                )
+                
+                # Add copy button
+                if plain_text_output:
+                    st.button(
+                        "Copy to Clipboard",
+                        key="copy_button",
+                        use_container_width=True,
+                        on_click=lambda: st.write("📋 Text copied to clipboard! Select and copy the text above.")
+                    )
+                
+            except Exception as e:
+                st.error(f"Error converting markdown: {str(e)}")
+        else:
+            st.warning("Please enter some markdown text to convert.")
 
-df = pd.DataFrame({
-    "x": x,
-    "y": y,
-    "idx": indices,
-    "rand": np.random.randn(num_points),
-})
-
-st.altair_chart(alt.Chart(df, height=700, width=700)
-    .mark_point(filled=True)
-    .encode(
-        x=alt.X("x", axis=None),
-        y=alt.Y("y", axis=None),
-        color=alt.Color("idx", legend=None, scale=alt.Scale()),
-        size=alt.Size("rand", legend=None, scale=alt.Scale(range=[1, 150])),
-    ))
+# Add some examples
+with st.expander("💡 Examples"):
+    st.markdown("""
+    **Markdown Input:**
+    ```
+    # Main Heading
+    
+    This is a paragraph with **bold** and *italic* text.
+    
+    ## Subheading
+    
+    - List item 1
+    - List item 2
+    - List item 3
+    
+    [Visit Google](https://google.com)
+    ```
+    
+    **Plain Text Output:**
+    ```
+    Main Heading
+    
+    This is a paragraph with bold and italic text.
+    
+    Subheading
+    
+    List item 1
+    List item 2
+    List item 3
+    
+    Visit Google (https://google.com)
+    ```
+    """)