Oops!
") diff --git a/packages/sharing-editor/public/samples/012_hello/agri.csv.gz b/packages/sharing-editor/public/samples/012_hello/agri.csv.gz new file mode 100644 index 000000000..14f9209f0 Binary files /dev/null and b/packages/sharing-editor/public/samples/012_hello/agri.csv.gz differ diff --git a/packages/sharing-editor/public/samples/012_hello/hello.py b/packages/sharing-editor/public/samples/012_hello/hello.py new file mode 100644 index 000000000..dd3e6a665 --- /dev/null +++ b/packages/sharing-editor/public/samples/012_hello/hello.py @@ -0,0 +1,236 @@ +import streamlit as st + + +async def intro(): + import streamlit as st + + st.write("# Welcome to Streamlit! 👋") + st.sidebar.success("Select a demo above.") + + st.markdown( + """ + Streamlit is an open-source app framework built specifically for + Machine Learning and Data Science projects. + + **👈 Select a demo from the dropdown on the left** to see some examples + of what Streamlit can do! + + ### Want to learn more? + + - Check out [streamlit.io](https://streamlit.io) + - Jump into our [documentation](https://docs.streamlit.io) + - Ask a question in our [community + forums](https://discuss.streamlit.io) + + ### See more complex demos + + - Use a neural net to [analyze the Udacity Self-driving Car Image + Dataset](https://github.com/streamlit/demo-self-driving) + - Explore a [New York City rideshare dataset](https://github.com/streamlit/demo-uber-nyc-pickups) + """ + ) + + +async def mapping_demo(): + from urllib.error import URLError + + import pandas as pd + import pydeck as pdk + import streamlit as st + + st.markdown(f"# {list(page_names_to_funcs.keys())[2]}") + st.write( + """ + This demo shows how to use +[`st.pydeck_chart`](https://docs.streamlit.io/develop/api-reference/charts/st.pydeck_chart) +to display geospatial data. +""" + ) + + @st.cache_data + def from_data_file(filename): + url = ( + "http://raw.githubusercontent.com/streamlit/" + "example-data/master/hello/v1/%s" % filename + ) + return pd.read_json(url) + + try: + ALL_LAYERS = { + "Bike Rentals": pdk.Layer( + "HexagonLayer", + data=from_data_file("bike_rental_stats.json"), + get_position=["lon", "lat"], + radius=200, + elevation_scale=4, + elevation_range=[0, 1000], + extruded=True, + ), + "Bart Stop Exits": pdk.Layer( + "ScatterplotLayer", + data=from_data_file("bart_stop_stats.json"), + get_position=["lon", "lat"], + get_color=[200, 30, 0, 160], + get_radius="[exits]", + radius_scale=0.05, + ), + "Bart Stop Names": pdk.Layer( + "TextLayer", + data=from_data_file("bart_stop_stats.json"), + get_position=["lon", "lat"], + get_text="name", + get_color=[0, 0, 0, 200], + get_size=15, + get_alignment_baseline="'bottom'", + ), + "Outbound Flow": pdk.Layer( + "ArcLayer", + data=from_data_file("bart_path_stats.json"), + get_source_position=["lon", "lat"], + get_target_position=["lon2", "lat2"], + get_source_color=[200, 30, 0, 160], + get_target_color=[200, 30, 0, 160], + auto_highlight=True, + width_scale=0.0001, + get_width="outbound", + width_min_pixels=3, + width_max_pixels=30, + ), + } + st.sidebar.markdown("### Map Layers") + selected_layers = [ + layer + for layer_name, layer in ALL_LAYERS.items() + if st.sidebar.checkbox(layer_name, True) + ] + if selected_layers: + st.pydeck_chart( + pdk.Deck( + map_style="mapbox://styles/mapbox/light-v9", + initial_view_state={ + "latitude": 37.76, + "longitude": -122.4, + "zoom": 11, + "pitch": 50, + }, + layers=selected_layers, + ) + ) + else: + st.error("Please choose at least one layer above.") + except URLError as e: + st.error( + """ + **This demo requires internet access.** + + Connection error: %s + """ + % e.reason + ) + + +async def plotting_demo(): + import asyncio + + import numpy as np + import streamlit as st + + st.markdown(f"# {list(page_names_to_funcs.keys())[1]}") + st.write( + """ + This demo illustrates a combination of plotting and animation with +Streamlit. We're generating a bunch of random numbers in a loop for around +5 seconds. Enjoy! +""" + ) + + progress_bar = st.sidebar.progress(0) + status_text = st.sidebar.empty() + last_rows = np.random.randn(1, 1) + chart = st.line_chart(last_rows) + + for i in range(1, 101): + new_rows = last_rows[-1, :] + np.random.randn(5, 1).cumsum(axis=0) + status_text.text("%i%% Complete" % i) + chart.add_rows(new_rows) + progress_bar.progress(i) + last_rows = new_rows + await asyncio.sleep(0.05) + + progress_bar.empty() + + # Streamlit widgets automatically run the script from top to bottom. Since + # this button is not connected to any other logic, it just causes a plain + # rerun. + st.button("Re-run") + + +async def data_frame_demo(): + from urllib.error import URLError + + import altair as alt + import pandas as pd + import streamlit as st + + st.markdown(f"# {list(page_names_to_funcs.keys())[3]}") + st.write( + """ + This demo shows how to use `st.write` to visualize Pandas DataFrames. + +(Data courtesy of the [UN Data Explorer](http://data.un.org/Explorer.aspx).) +""" + ) + + @st.cache_data + def get_UN_data(): + # AWS_BUCKET_URL = "http://streamlit-demo-data.s3-us-west-2.amazonaws.com" + # df = pd.read_csv(AWS_BUCKET_URL + "/agri.csv.gz") + df = pd.read_csv("./agri.csv.gz") + return df.set_index("Region") + + try: + df = get_UN_data() + countries = st.multiselect( + "Choose countries", list(df.index), ["China", "United States of America"] + ) + if not countries: + st.error("Please select at least one country.") + else: + data = df.loc[countries] + data /= 1000000.0 + st.write("### Gross Agricultural Production ($B)", data.sort_index()) + + data = data.T.reset_index() + data = pd.melt(data, id_vars=["index"]).rename( + columns={"index": "year", "value": "Gross Agricultural Product ($B)"} + ) + chart = ( + alt.Chart(data) + .mark_area(opacity=0.3) + .encode( + x="year:T", + y=alt.Y("Gross Agricultural Product ($B):Q", stack=None), + color="Region:N", + ) + ) + st.altair_chart(chart, use_container_width=True) + except URLError as e: + st.error( + """ + **This demo requires internet access.** + + Connection error: %s + """ + % e.reason + ) + + +page_names_to_funcs = { + "—": intro, + "Plotting Demo": plotting_demo, + "Mapping Demo": mapping_demo, + "DataFrame Demo": data_frame_demo, +} + +demo_name = st.sidebar.selectbox("Choose a demo", page_names_to_funcs.keys()) +await page_names_to_funcs[demo_name]() diff --git a/packages/sharing-editor/public/samples/012_hello/requirements.txt b/packages/sharing-editor/public/samples/012_hello/requirements.txt new file mode 100644 index 000000000..96c8bd4b2 --- /dev/null +++ b/packages/sharing-editor/public/samples/012_hello/requirements.txt @@ -0,0 +1,10 @@ +pandas +plotly +bokeh +graphviz +requests +matplotlib +numpy +scipy +altair +pydeck diff --git a/packages/sharing-editor/public/samples/012_hello/stlite.json b/packages/sharing-editor/public/samples/012_hello/stlite.json new file mode 100644 index 000000000..d2fe7828a --- /dev/null +++ b/packages/sharing-editor/public/samples/012_hello/stlite.json @@ -0,0 +1,4 @@ +{ + "title": "Hello", + "entrypoint": "hello.py" +} diff --git a/packages/sharing-editor/public/samples/012_tutorials_custom-navigation/README.md b/packages/sharing-editor/public/samples/012_tutorials_custom-navigation/README.md index 093e322c6..b31353baf 100644 --- a/packages/sharing-editor/public/samples/012_tutorials_custom-navigation/README.md +++ b/packages/sharing-editor/public/samples/012_tutorials_custom-navigation/README.md @@ -1,7 +1,7 @@ ## Streamlit Hello demo This sample app is a copy of the `tutorials/custom-navigation` demo. -The source files were copied from https://github.com/streamlit/docs/tree/4f1c7ce444b6c3e0a1bba473199c9ddb42ed6866/python/api-examples-source +The source files were copied from https://github.com/streamlit/docs/tree/dff6f40ea4ec1c5d2f7052db30348945a93dc9db/python/api-examples-source ## License diff --git a/packages/sharing-editor/public/samples/012_tutorials_custom-navigation/requirements.txt b/packages/sharing-editor/public/samples/012_tutorials_custom-navigation/requirements.txt deleted file mode 100644 index 12a470652..000000000 --- a/packages/sharing-editor/public/samples/012_tutorials_custom-navigation/requirements.txt +++ /dev/null @@ -1 +0,0 @@ -streamlit diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/README.md b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/README.md new file mode 100644 index 000000000..37a2320f5 --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/README.md @@ -0,0 +1,11 @@ +## Streamlit Hello demo + +This sample app is a copy of the `tutorials/dynamic-navigation` demo. +The source files were copied from https://github.com/streamlit/docs/tree/dff6f40ea4ec1c5d2f7052db30348945a93dc9db/python/api-examples-source + +## License + +As written above, the source files are copied from `https://github.com/streamlit/docs`, +therefore, the license applied to the source, the Apache-2.0 license, is also applied to this sample. + +See https://github.com/streamlit/docs/blob/main/LICENSE diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/admin/admin_1.py b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/admin/admin_1.py new file mode 100644 index 000000000..9ea5c67c1 --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/admin/admin_1.py @@ -0,0 +1,4 @@ +import streamlit as st + +st.header("Admin 1") +st.write(f"You are logged in as {st.session_state.role}.") diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/admin/admin_2.py b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/admin/admin_2.py new file mode 100644 index 000000000..cdac57a88 --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/admin/admin_2.py @@ -0,0 +1,4 @@ +import streamlit as st + +st.header("Admin 2") +st.write(f"You are logged in as {st.session_state.role}.") diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/images/horizontal_blue.png b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/images/horizontal_blue.png new file mode 100644 index 000000000..05a00969d Binary files /dev/null and b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/images/horizontal_blue.png differ diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/images/icon_blue.png b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/images/icon_blue.png new file mode 100644 index 000000000..96bce1171 Binary files /dev/null and b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/images/icon_blue.png differ diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/request/request_1.py b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/request/request_1.py new file mode 100644 index 000000000..0b177a60e --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/request/request_1.py @@ -0,0 +1,4 @@ +import streamlit as st + +st.header("Request 1") +st.write(f"You are logged in as {st.session_state.role}.") diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/request/request_2.py b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/request/request_2.py new file mode 100644 index 000000000..659efb5ff --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/request/request_2.py @@ -0,0 +1,4 @@ +import streamlit as st + +st.header("Request 2") +st.write(f"You are logged in as {st.session_state.role}.") diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/respond/respond_1.py b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/respond/respond_1.py new file mode 100644 index 000000000..652a106ea --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/respond/respond_1.py @@ -0,0 +1,4 @@ +import streamlit as st + +st.header("Respond 1") +st.write(f"You are logged in as {st.session_state.role}.") diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/respond/respond_2.py b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/respond/respond_2.py new file mode 100644 index 000000000..fc987ca3b --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/respond/respond_2.py @@ -0,0 +1,4 @@ +import streamlit as st + +st.header("Respond 2") +st.write(f"You are logged in as {st.session_state.role}.") diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/settings.py b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/settings.py new file mode 100644 index 000000000..bd2cbbef4 --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/settings.py @@ -0,0 +1,4 @@ +import streamlit as st + +st.header("Settings") +st.write(f"You are logged in as {st.session_state.role}.") diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/stlite.json b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/stlite.json new file mode 100644 index 000000000..32d4f375c --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/stlite.json @@ -0,0 +1,4 @@ +{ + "title": "Tutorials/Dynamic Navigation", + "entrypoint": "streamlit_app.py" +} diff --git a/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/streamlit_app.py b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/streamlit_app.py new file mode 100644 index 000000000..c5ff7d946 --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_dynamic-navigation/streamlit_app.py @@ -0,0 +1,78 @@ +import streamlit as st + +if "role" not in st.session_state: + st.session_state.role = None + +ROLES = [None, "Requester", "Responder", "Admin"] + + +def login(): + + st.header("Log in") + role = st.selectbox("Choose your role", ROLES) + + if st.button("Log in"): + st.session_state.role = role + st.rerun() + + +def logout(): + st.session_state.role = None + st.rerun() + + +role = st.session_state.role + +logout_page = st.Page(logout, title="Log out", icon=":material/logout:") +settings = st.Page("settings.py", title="Settings", icon=":material/settings:") +request_1 = st.Page( + "request/request_1.py", + title="Request 1", + icon=":material/help:", + default=(role == "Requester"), +) +request_2 = st.Page( + "request/request_2.py", title="Request 2", icon=":material/bug_report:" +) +respond_1 = st.Page( + "respond/respond_1.py", + title="Respond 1", + icon=":material/healing:", + default=(role == "Responder"), +) +respond_2 = st.Page( + "respond/respond_2.py", title="Respond 2", icon=":material/handyman:" +) +admin_1 = st.Page( + "admin/admin_1.py", + title="Admin 1", + icon=":material/person_add:", + default=(role == "Admin"), +) +admin_2 = st.Page("admin/admin_2.py", title="Admin 2", icon=":material/security:") + +account_pages = [logout_page, settings] +request_pages = [request_1, request_2] +respond_pages = [respond_1, respond_2] +admin_pages = [admin_1, admin_2] + +st.title("Request manager") +st.logo( + "images/horizontal_blue.png", + icon_image="images/icon_blue.png", +) + +page_dict = {} +if st.session_state.role in ["Requester", "Admin"]: + page_dict["Request"] = request_pages +if st.session_state.role in ["Responder", "Admin"]: + page_dict["Respond"] = respond_pages +if st.session_state.role == "Admin": + page_dict["Admin"] = admin_pages + +if len(page_dict) > 0: + pg = st.navigation({"Account": account_pages} | page_dict) +else: + pg = st.navigation([st.Page(login)]) + +pg.run() diff --git a/packages/sharing-editor/public/samples/012_tutorials_fragments/README.md b/packages/sharing-editor/public/samples/012_tutorials_fragments/README.md new file mode 100644 index 000000000..a1fb441d0 --- /dev/null +++ b/packages/sharing-editor/public/samples/012_tutorials_fragments/README.md @@ -0,0 +1,11 @@ +## Streamlit Hello demo + +This sample app is a copy of the `python/api-examples-source/tutorials/execution-flow/fragments` demo. +The source files were copied from https://github.com/streamlit/docs/tree/dff6f40ea4ec1c5d2f7052db30348945a93dc9db/python/api-examples-source + +## License + +As written above, the source files are copied from `https://github.com/streamlit/docs`, +therefore, the license applied to the source, the Apache-2.0 license, is also applied to this sample. + +See https://github.com/streamlit/docs/blob/main/LICENSE diff --git a/packages/sharing-editor/public/samples/012_widget.page_link/requirements.txt b/packages/sharing-editor/public/samples/012_widget.page_link/requirements.txt deleted file mode 100644 index 12a470652..000000000 --- a/packages/sharing-editor/public/samples/012_widget.page_link/requirements.txt +++ /dev/null @@ -1 +0,0 @@ -streamlit diff --git a/packages/sharing/package.json b/packages/sharing/package.json index 94de46341..d2a340915 100644 --- a/packages/sharing/package.json +++ b/packages/sharing/package.json @@ -8,7 +8,7 @@ "@stlite/common-react": "^0.59.0", "@stlite/kernel": "^0.59.0", "@stlite/sharing-common": "^0.59.0", - "@streamlit/app": "1.35.0", + "@streamlit/app": "1.36.0", "@testing-library/react": "^14.1.2", "@testing-library/user-event": "^14.0.0", "@types/jest": "^27.4.3", diff --git a/streamlit b/streamlit index f75e0c0ba..cb38d7969 160000 --- a/streamlit +++ b/streamlit @@ -1 +1 @@ -Subproject commit f75e0c0ba3610d12af45d1061160250780d58ea4 +Subproject commit cb38d796940d0d00e7199b083cdb90aaa2b1bc87