Add ability to define custom image as an avatar by passing image url

[ahmadassaf]

Adds the ability to define a custom Avatar image using an image URL

Example

message("Hey, \nwhat's a chatbot?", is_user=True, avatar="{URL}")

[felix0307]

Hello! Can you explain, how install the correct version of st-chat with this functionality? And please add the snippet with an example of using it.

[PascalHessler]

@felix0307

Right now it seems that the repositiry is not up to date, since the React component is still in an older version. I did build my own version, this should also work for you :)

Quick instructions to generate the newest build:

1. fork this repo
2. go to streamlit_chat/init.py and change "_RELEASE" to True
3. (make additional changes to the repo)
4. Since the original repo does not have the newest builded version of the react component we have to build a new one:
   1. go to streamlit_chat\frontend
   2. run npm install
   3. run npm run build
5. Push everything to your repo
6. now you created your own python package and you can install it with pip install git+https://your_repo

[eshaanagarwal]

Hey is this packaged as a part of the newest release ? @yashppawar @YashVardhan-AI it would be great if guys could get this all packaged as a new version

[shanshanRT]

Same issue here there is no "avatar" parameter in the latest version ..

[yashppawar]

Same issue here there is no "avatar" parameter in the latest version ..

sorry for the misunderstanding, the PR suggested logo as the parameter taking URL as an input, so you will have to use that parameter

message('user message', is_user=True, logo=f'{USER_AVATAR_URL}')

check out static file serving if you want to use local image...

[kz24kz24kz24]

hi! My codes are like the following; how can I replace the default avatar with a local image? I'm running it locally. Thanks so much!

---

def predict(input, max_length, top_p, temperature, history=None):
tokenizer, model = get_model()
if history is None:
history = []

with container:
    if len(history) > 0:
        if len(history) > MAX_BOXES:
            history = history[-MAX_TURNS:]
        for i, (query, response) in enumerate(history):
            message(query, avatar_style="big-smile", key=str(i) + "_user")
            message(response, avatar_style="bottts", key=str(i) + "_robot")

    message(input, avatar_style="big-smile", key=str(len(history)) + "_user")
    st.write("Bot is typing:")

[yashppawar]

Hello @kz24kz24kz24, you can use Static File Serving with streamlit for your local images.

Alternatively, you can switch to Chat Elements from streamlit