Upload folder using huggingface_hub

app.py

@@ -26,109 +26,87 @@ def on_btn_click():
 
 
 def main():
-    st.title(" Corona Dashboard")
-    (
-        col1,
-        col2,
-    ) = st.columns(2)
-    with col1:
-        option = st.selectbox(" San Francisco", [" San Francisco"])
-    with col2:
-        option = st.selectbox(" Monthly / Weekly", [" Monthly ", " Weekly"])
-    if st.checkbox(" Show raw data"):
-        st.write("Checkbox checked!")
-    if st.button(" Visualize"):
-        st.write("Button clicked!")
-    st.subheader(" Global Data")
-    df = pd.read_csv(
-        "https://raw.githubusercontent.com/plotly/datasets/master/volcano_db.csv",
-        encoding="iso-8859-1",
-    )
-    freq = df
-    freq = freq.Country.value_counts().reset_index().rename(columns={"count": "x"})
-    df_v = pd.read_csv(
-        "https://raw.githubusercontent.com/plotly/datasets/master/volcano.csv"
+    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"
     )
-    fig = make_subplots(
-        rows=2,
-        cols=2,
-        column_widths=[0.6, 0.4],
-        row_heights=[0.4, 0.6],
-        specs=[
-            [{"type": "scattergeo", "rowspan": 2}, {"type": "bar"}],
-            [None, {"type": "surface"}],
+    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",
         ],
     )
-    fig.add_trace(
-        go.Scattergeo(
-            lat=df["Latitude"],
-            lon=df["Longitude"],
-            mode="markers",
-            hoverinfo="text",
-            showlegend=False,
-            marker=dict(color="crimson", size=4, opacity=0.8),
-        ),
-        row=1,
-        col=1,
-    )
-    fig.add_trace(
-        go.Bar(
-            x=freq["x"][0:10],
-            y=freq["Country"][0:10],
-            marker=dict(color="crimson"),
-            showlegend=False,
-        ),
-        row=1,
-        col=2,
-    )
-    fig.add_trace(go.Surface(z=df_v.values.tolist(), showscale=False), row=2, col=2)
-    fig.update_geos(
-        projection_type="orthographic",
-        landcolor="white",
-        oceancolor="MidnightBlue",
-        showocean=True,
-        lakecolor="LightBlue",
-    )
-    fig.update_xaxes(tickangle=45)
-    fig.update_layout(
-        template="plotly_dark",
-        margin=dict(r=10, t=25, b=40, l=60),
-        annotations=[
-            dict(
-                text="Source: NOAA",
-                showarrow=False,
-                xref="paper",
-                yref="paper",
-                x=0,
-                y=0,
-            )
+    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>'},
+            {
+                "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.plotly_chart(fig)
-    (
-        col1,
-        col2,
-    ) = st.columns(2)
-    with col1:
-        st.table(
-            {
-                "Country": ["USA", "Canada", "UK", "Australia"],
-                "Population (millions)": [331, 38, 66, 25],
-                "GDP (trillion USD)": [22.675, 1.843, 2.855, 1.488],
-            }
-        )
-    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)
+    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__":