A3D Wiki

Deze pagina is alleen-lezen. Je kan de broncode bekijken maar niet veranderen. Neem contact op met de beheerder als je denkt dat dit niet klopt.
====== Streamlit ======
🗂️ [[start|Terug naar start]]

💡 [[steamlit|Meer Steamlit]] //Algemene basis//\\
📚 [[multipage|Multipage]] //Meerdere pagina's in Streamlit app//\\
📏 [[streamlit-kolommen|Meerdere kolommen]]

[[https://chatgpt.com/g/g-fPbV5L7Xm-streamlit-assistent|Streamlit Assistent GPT]]

**[[https://www.geeksforgeeks.org/a-beginners-guide-to-streamlit/|Een beginnershandleiding voor Streamlit]]**

**[[https://levelup.gitconnected.com/your-streamlit-apps-dont-have-to-suck-02edf452399c|Your Streamlit Apps Don’t Have to Suck: LayOut aanpassen]]**


😉 **[[emoji_s|Emoji's in Streamlit GUI]]**

⚠️ **NOTE: problemen gehad bij het online zetten van een app op streamlit en Heroku omgeving omdat "pywin32" in het "requirements.txt" bestand stond. Oplossing:**\\
🔸 Verwijder "pywin32" uit requirements.txt\\
🔸 Delete "pywin32" uit lokale omgeving als deze niet nodig is":

<code>pip uninstall pywin32</code>

===== Installeren =====

<code>
pip install streamlit
</code>

Bij problemen met gewoon installeren de onderstaande methode gebruiken
<code>
python -m pip install streamlit
</code>

==== Versie controleren ====
<code>
streamlit --version
</code>


==== Upgrade streamlit ====

<code>
pip install --upgrade streamlit
</code>

Of
<code>python.exe -m pip install --upgrade streamlit</code>

Streamlit Verwijderen uit Python project

<code>pip uninstall streamlit</code>

===== Een Streamlit App Starten =====
<code>
streamlit run app.py
</code>

----


===== Gekleurde tekst in/met Streamlit =====
<code>st.write(f":blue[tool invoked]: {tool_name} ")
st.write(":green[Please approve the tool picked up by the agent - select either 'yes' or 'no' ]")</code>

----

===== JavaScript in Streamlit =====

[[https://medium.com/@python-javascript-php-html-css/how-to-fix-javascript-return-issues-in-streamlit-python-integration-24ad0994bb4a|How to Fix JavaScript Return Issues in Streamlit Python Integration]]\\
[[https://www.restack.io/docs/streamlit-knowledge-streamlit-components-javascript|Streamlit components for JavaScript]]

[[https://chatgpt.com/c/67a5dd4c-7a24-800b-8e80-0aecb2048cb0|OpenAI GPT: Overzicht JS componenten]]


----

===== Streamlit App template =====
🃏 Een template voor een Python app die gebruik maakt van Streamlit voor de GUI waarin de content dynamisch wordt geladen. Met dynamisch menu in het zijpaneel

[[https://github.com/AdrieVanDijke/streamlitetemplate|GitHub A3D: streamlitetemplate]]

----

===== Asyncio =====

**[[python#asyncio|Asyncio]]** gebruiken in Streamlit werkt weer net even anders omdat streamlit zelf al een loop gebruikt. Het is dus zaak om gebruik te maken van die Streamlit loop om foutmeldingen te voorkomen. Dit kun je doen door gebruik te maken van **nest-asyncio**

<code>pip install nest_asyncio</code>

Dan in het script waarin je asynchroon wil gebruiken:

<code>import nest_asyncio

nest_asyncio.apply() # To prevent asyncio runtime error in Streamlit</code>

//Note: niet in een class maar gewoon rechtstreeks in het Python bestand//

Vervolgens (als voorbeeld in een Class):

<code>
def run(self, user_input):
        loop = asyncio.new_event_loop()
        asyncio.set_event_loop(loop)
        return asyncio.run(self.run_async(user_input))
       
async def run_async(self, user_input):
        result_1, result_2 = await asyncio.gather(
            self.get_documents_async(user_input, zoek_vector, filter),
            self.get_documents_async(user_input, hypo_vector, filter)
        )
        ...
</code>
Voor gewone code of:

<code>
def run(self, user_input):
        loop = asyncio.new_event_loop()
        asyncio.set_event_loop(loop)
        return asyncio.run(self.run_async(user_input))
       
async def run_async(self, user_input):
        agent = self.maakTriageAgent()
        result = Runner.run_sync(agent, user_input)
        return result.final_output
</code>

[[openai_agent_sdk|In een OpenIAgent SDK aanroep]]


----


===== Links =====


[[https://www.markdownguide.org/cheat-sheet/|Markdown Cheat-sheet]]\\
**[[https://fonts.google.com/icons?selected=Material+Symbols+Outlined:toggle_on:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=%235f6368|Material Icons]]**\\
[[https://emojipedia.org/smirking-face|Emoji's (kopiëren/plakken)]]:


[[https://streamlit.io/|Streamlit Home]]\\
[[https://share.streamlit.io/|Streamlit workspace]]\\
[[https://docs.streamlit.io/library/api-reference|Streamlit API referentie]]\\
[[https://docs.streamlit.io/develop/quick-reference/cheat-sheet|Streamlit Cheat Sheet]]\\
[[https://www.markdownguide.org/cheat-sheet/|Markdown Cheat-sheet]]\\
[[https://emojipedia.org/smirking-face|Emoji's (kopiëren/plakken)]]

----


💡 [[steamlit|Meer Steamlit]]

----