import os
import time

import gradio as gr

import modelscope_gradio_components as mgr

conversation = [
    [
        None,
        {
            # bot 第一句话关闭打字机效果，直接输入内容
            "text": "Hello I'm a chatbot",
            "flushing": False
        }
    ],
]


def submit(_input, _chatbot):
    _chatbot.append([_input, None])
    yield gr.update(interactive=False, value=None), _chatbot
    time.sleep(2)
    _chatbot[-1][1] = {"text": _input.text + '!'}
    yield {
        chatbot: _chatbot,
    }


def flushed():
    return gr.update(interactive=True)


with gr.Blocks() as demo:
    chatbot = mgr.Chatbot(
        value=conversation,
        avatar_images=[
            os.path.join(os.path.dirname(__file__), "../resources/user.jpeg"),
            {
                "name":
                "bot",
                "avatar":
                os.path.join(os.path.dirname(__file__),
                             "../resources/bot.jpeg")
            }
        ],
        height=600,
    )

    input = mgr.MultimodalInput()
    input.submit(fn=submit, inputs=[input, chatbot], outputs=[input, chatbot])
    chatbot.flushed(fn=flushed, outputs=[input])

if __name__ == "__main__":
    demo.queue().launch()