Update frequency of the file browser

[enrico-stauss]

Hi,

I'm using this component to browse a set of files that are created by the running application. Unfortunately I noticed, that freshly created files do not show up immediately when nagivating the file browser. I also do not now how to trigger a rebuild of the file tree. Sometimes they just show up after a bit.

I already made sure that the caching option is set to False and from looking into the python backend in init.py, I cannot directly understand why freshly added files are not picked up. I'm not using any of {use_static_file_server, artifacts_site, or artifacts_download_site}.

Can you help me out with this?

Thank you and kind regards!

[y805939188]

Hi,

I'm using this component to browse a set of files that are created by the running application. Unfortunately I noticed, that freshly created files do not show up immediately when nagivating the file browser. I also do not now how to trigger a rebuild of the file tree. Sometimes they just show up after a bit.

I already made sure that the caching option is set to False and from looking into the python backend in init.py, I cannot directly understand why freshly added files are not picked up. I'm not using any of {use_static_file_server, artifacts_site, or artifacts_download_site}.

Can you help me out with this?

Thank you and kind regards!

Hi,
In our scenario, we used a streamlit component named streamlit_autorefresh(from streamlit_autorefresh import st_autorefresh) to refresh:

Can you see if this way can satisfy your demand?

[enrico-stauss]

I gave it a try but unfortunately it is not satisfactory. My usecase for your component is quite simple though, I like the idea and the fact that it is plug-and-play but I may just revert to implementing the functionality directly in streamlit myself.

[y805939188]

I gave it a try but unfortunately it is not satisfactory. My usecase for your component is quite simple though, I like the idea and the fact that it is plug-and-play but I may just revert to implementing the functionality directly in streamlit myself.

Ok~
Otherwise, Could you provide me with a simple code example to illustrate your scenario? I might consider a way to support it in my leisure time.

[enrico-stauss]

I can provide you with a brief MWE for it:

import os
import streamlit as st
from streamlit_file_browser import st_file_browser

BASE_DIRECTORY = "tmp_dir"
os.makedirs(BASE_DIRECTORY, exist_ok=True)

left, right = st.columns(2)

with left, st.form("file_input", clear_on_submit=True):
    file_name = st.text_input("file name")
    file_content = st.text_area("file content")
    submitted = st.form_submit_button("Create")
    if submitted:
        with open(os.path.join(BASE_DIRECTORY, file_name), "x") as fp:
            fp.write(file_content)


with right:
    st_file_browser(
        BASE_DIRECTORY,
        key="test",
        show_choose_file=False,
        show_delete_file=False,
        use_static_file_server=False,
        show_download_file=True,
        show_new_folder=False,
        show_upload_file=False,
        show_preview=True,
        use_cache=False,
    )

Kind regards
Enrico

[y805939188]

I can provide you with a brief MWE for it:

import os
import streamlit as st
from streamlit_file_browser import st_file_browser

BASE_DIRECTORY = "tmp_dir"
os.makedirs(BASE_DIRECTORY, exist_ok=True)

left, right = st.columns(2)

with left, st.form("file_input", clear_on_submit=True):
    file_name = st.text_input("file name")
    file_content = st.text_area("file content")
    submitted = st.form_submit_button("Create")
    if submitted:
        with open(os.path.join(BASE_DIRECTORY, file_name), "x") as fp:
            fp.write(file_content)


with right:
    st_file_browser(
        BASE_DIRECTORY,
        key="test",
        show_choose_file=False,
        show_delete_file=False,
        use_static_file_server=False,
        show_download_file=True,
        show_new_folder=False,
        show_upload_file=False,
        show_preview=True,
        use_cache=False,
    )

Kind regards Enrico

Thank you. I will think about this problem carefully. 🤝

[dillonalaird]

I have almost the exact same issue, I don't think the auto refresh will work for me either because I'll lose my session_state (or at least I can't get it to work). Here's a simplified version of my code, it's basically a chat app but the chat bot can create/edit/delete files which I want to show in the file browser:

import os
from pathlib import Path
from typing import Dict, List

import streamlit as st
from streamlit_file_browser import st_file_browser

WORKSPACE = Path(os.environ.get("WORKSPACE", ""))
st.set_page_config(layout="wide")
left_column, right_column = st.columns([2, 3])

def generate_response(chat: List[Dict]) -> List[Dict]:
    return [{"role": "assistant", "content": "Hello!"}]

if "messages" not in st.session_state:
    st.session_state.messages = []

with left_column:
    st.title("Chat")

    messages = st.container(height=400)
    if prompt := st.chat_input("Type prompt here..."):
        st.session_state.messages.append({"role": "user", "content": prompt})
        updated_chat = generate_response(st.session_state.messages)
        for chat in updated_chat:
            if chat not in st.session_state.messages:
                st.session_state.messages.append(chat)

        for message in st.session_state.messages:
            if message["role"] in {"user", "assistant"}:
                messages.chat_message(message["role"]).write(message["content"])

with right_column:
    st.title("Files")

    uploaded_file = st.file_uploader("Upload a file")
    if uploaded_file is not None:
        with open(WORKSPACE / uploaded_file.name, "wb") as f:
            f.write(uploaded_file.getbuffer())

    event = st_file_browser(
        str(WORKSPACE),
        key="A",
        use_static_file_server=False,
        show_choose_file=False,
        show_delete_file=False,
        show_new_folder=False,
        show_upload_file=True,
        show_download_file=True,
        use_cache=False,
    )
    if event and "type" in event and event["type"] == "SELECT_FILE":
        file = event["target"]["path"]
        st.session_state.file_path = file

[y805939188]

I have almost the exact same issue, I don't think the auto refresh will work for me either because I'll lose my session_state (or at least I can't get it to work). Here's a simplified version of my code, it's basically a chat app but the chat bot can create/edit/delete files which I want to show in the file browser:

import os
from pathlib import Path
from typing import Dict, List

import streamlit as st
from streamlit_file_browser import st_file_browser

WORKSPACE = Path(os.environ.get("WORKSPACE", ""))
st.set_page_config(layout="wide")
left_column, right_column = st.columns([2, 3])

def generate_response(chat: List[Dict]) -> List[Dict]:
    return [{"role": "assistant", "content": "Hello!"}]

if "messages" not in st.session_state:
    st.session_state.messages = []

with left_column:
    st.title("Chat")

    messages = st.container(height=400)
    if prompt := st.chat_input("Type prompt here..."):
        st.session_state.messages.append({"role": "user", "content": prompt})
        updated_chat = generate_response(st.session_state.messages)
        for chat in updated_chat:
            if chat not in st.session_state.messages:
                st.session_state.messages.append(chat)

        for message in st.session_state.messages:
            if message["role"] in {"user", "assistant"}:
                messages.chat_message(message["role"]).write(message["content"])

with right_column:
    st.title("Files")

    uploaded_file = st.file_uploader("Upload a file")
    if uploaded_file is not None:
        with open(WORKSPACE / uploaded_file.name, "wb") as f:
            f.write(uploaded_file.getbuffer())

    event = st_file_browser(
        str(WORKSPACE),
        key="A",
        use_static_file_server=False,
        show_choose_file=False,
        show_delete_file=False,
        show_new_folder=False,
        show_upload_file=True,
        show_download_file=True,
        use_cache=False,
    )
    if event and "type" in event and event["type"] == "SELECT_FILE":
        file = event["target"]["path"]
        st.session_state.file_path = file

Thank you for your feedback. I will find time to solve this issue as soon as possible!