Upload folder using huggingface_hub

app.py

@@ -26,136 +26,87 @@ def on_btn_click():
 
 
 def main():
-    st.write("Hello, world!")
-    st.header(" Al Generated this app - spotify recommendations")
-    st.subheader(" this application contains the auto generated layout")
-    (
-        col1,
-        col2,
-    ) = st.columns(2)
-    with col1:
-        st.write("Hello, world!")
-    with col2:
-        option = st.selectbox(
-            " gender / male / female", [" gender ", " male ", " female"]
-        )
-    (
-        col1,
-        col2,
-    ) = st.columns(2)
-    with col1:
-        value = st.slider(
-            " max predictions", min_value=0, max_value=100, value=50, key=61
-        )
-    with col2:
-        value = st.slider(
-            " num categories", min_value=0, max_value=100, value=50, key=65
-        )
-    (
-        col1,
-        col2,
-    ) = st.columns(2)
-    with col1:
-        option = st.radio("Choose an option:", ["Option 1", "Option 2", "Option 3"])
-    with col2:
-        if st.checkbox("Check me"):
-            st.write("Checkbox checked!")
-    if st.button(" generate recommendations"):
-        st.write("Button clicked!")
-    (
-        col1,
-        col2,
-    ) = st.columns(2)
-    with col1:
-        st.table(
+    st.title(" Simple LLM Chat Box")
+    from streamlit_chat import message
+    from streamlit.components.v1 import html
+
+    audio_path = (
+        "https://docs.google.com/uc?export=open&id=16QSvoLWNxeqco_Wb2JvzaReSAw5ow6Cl"
+    )
+    img_path = "https://www.groundzeroweb.com/wp-content/uploads/2017/05/Funny-Cat-Memes-11.jpg"
+    markdown = """### HTML in markdown is ~quite~ **unsafe**
+<blockquote>However, if you are in a trusted environment (you trust the markdown). You can use allow_html props to enable support for html.</blockquote>
+* Lists
+* [ ] todo
+* [x] done
+
+Math:
+
+Lift($L$) can be determined by Lift Coefficient ($C_L$) like the following
+equation.
+
+$$
+L = \\frac{1}{2} \\rho v^2 S C_L
+$$
+
+~~~py
+import streamlit as st
+
+st.write("Python code block")
+~~~
+
+~~~js
+console.log("Here is some JavaScript code")
+~~~
+"""
+    table_markdown = """A Table:
+| Feature     | Support              |
+| ----------: | :------------------- |
+| CommonMark  | 100%                 |
+| GFM         | 100% w/ `remark-gfm` |
+"""
+    youtube_embed = """<iframe width="400" height="215" src="https://www.youtube.com/embed/LMQ5Gauy17k" title="YouTube video player" frameborder="0" allow="accelerometer; encrypted-media;"></iframe>"""
+    st.session_state.setdefault(
+        "past",
+        [
+            "plan text with line break",
+            'play the song "Dancing Vegetables"',
+            "show me image of cat",
+            "and video of it",
+            "show me some markdown sample",
+            "table in markdown",
+        ],
+    )
+    st.session_state.setdefault(
+        "generated",
+        [
+            {"type": "normal", "data": "Line 1 \n Line 2 \n Line 3"},
+            {"type": "normal", "data": f'<audio controls src="{audio_path}"></audio>'},
             {
-                "Country": ["USA", "Canada", "UK", "Australia"],
-                "Population (millions)": [331, 38, 66, 25],
-                "GDP (trillion USD)": [22.675, 1.843, 2.855, 1.488],
-            }
-        )
-    with col2:
-        st.line_chart(
-            pd.DataFrame(
-                {
-                    "Apple": yf.download("AAPL", start="2023-01-01", end="2023-07-31")[
-                        "Adj Close"
-                    ],
-                    "Google": yf.download(
-                        "GOOGL", start="2023-01-01", end="2023-07-31"
-                    )["Adj Close"],
-                    "Microsoft": yf.download(
-                        "MSFT", start="2023-01-01", end="2023-07-31"
-                    )["Adj Close"],
-                }
-            )
-        )
-    (
-        col1,
-        col2,
-    ) = st.columns(2)
-    with col1:
-        data = pd.DataFrame(
-            {"X": [1, 2, 3, 4, 5], "Y1": [10, 16, 8, 14, 12], "Y2": [5, 8, 3, 6, 7]}
-        )
-        st.area_chart(data)
-    with col2:
-        st.bar_chart(
-            pd.DataFrame(np.random.randn(20, 3), columns=["Apple", "Banana", "Cherry"])
-        )
-    (
-        col1,
-        col2,
-    ) = st.columns(2)
-    with col1:
-        st.write("Hello, world!")
-    with col2:
-        df = px.data.gapminder().query("year == 2007").query("continent == 'Americas'")
-        fig = px.pie(
-            df,
-            values="pop",
-            names="country",
-            title="Population of American continent",
-            hover_data=["lifeExp"],
-            labels={"lifeExp": "life expectancy"},
-        )
-        fig.update_traces(textposition="inside", textinfo="percent+label")
-        st.plotly_chart(fig)
-    source = vds.cars()
-    chart = {
-        "mark": "point",
-        "encoding": {
-            "x": {"field": "Horsepower", "type": "quantitative"},
-            "y": {"field": "Miles_per_Gallon", "type": "quantitative"},
-            "color": {"field": "Origin", "type": "nominal"},
-            "shape": {"field": "Origin", "type": "nominal"},
-        },
-    }
-    tab1, tab2 = st.tabs(["Streamlit theme (default)", "Vega-Lite native theme"])
-    with tab1:
-        st.vega_lite_chart(source, chart, theme="streamlit", use_container_width=True)
-    with tab2:
-        st.vega_lite_chart(source, chart, theme=None, use_container_width=True)
-    (
-        col1,
-        col2,
-    ) = st.columns(2)
-    with col1:
-        st.video("https://www.youtube.com/watch?v=50hVvC7gMR8&t=5s", format="video/mp4")
-    with col2:
-        st.image(
-            "https://assets-global.website-files.com/59e16042ec229e00016d3a66/6441d5f76d21e1e4dee9ffa2_Gen%20AI%20blog_Blog%20hero.png",
-            caption="Image Caption",
-        )
-    st.plotly_chart(
-        ff.create_distplot(
-            [np.random.randn(200) - 2, np.random.randn(200), np.random.randn(200) + 2],
-            ["Negative Shift", "Normal", "Positive Shift"],
-            bin_size=[0.1, 0.25, 0.5],
-        ),
-        use_container_width=True,
+                "type": "normal",
+                "data": f'<img width="100%" height="200" src="{img_path}"/>',
+            },
+            {"type": "normal", "data": f"{youtube_embed}"},
+            {"type": "normal", "data": f"{markdown}"},
+            {"type": "table", "data": f"{table_markdown}"},
+        ],
     )
-    st.header(" auto generated by sketch2streamiit")
+    st.title("Chat placeholder")
+    chat_placeholder = st.empty()
+    with chat_placeholder.container():
+        for i in range(len(st.session_state["generated"])):
+            message(st.session_state["past"][i], is_user=True, key=f"{i}_user")
+            message(
+                st.session_state["generated"][i]["data"],
+                key=f"{i}",
+                allow_html=True,
+                is_table=True
+                if st.session_state["generated"][i]["type"] == "table"
+                else False,
+            )
+        st.button("Clear message", on_click=on_btn_click)
+    with st.container():
+        st.text_input("User Input:", on_change=on_input_change, key="user_input")
 
 
 if __name__ == "__main__":