freddyaboulton

/

bucket

like 0

when will you release the gradio docs in json format my friend : and keep them updated so we can train on these dos : as currently i use Artifacts to produce my gradio interfaces as it is the best for this :
there are some very complexed tasks whoich even i get stuck on . such as making dynamic boxes etc , hiding and reapearing components etc :

as well as i have noticed after lots of interaction it also changed the way it wa making the interfaces for me now :

        
    def create_media_components(self):
        """Create reusable media upload components"""
        with gr.Accordion("Media Upload", open=False):
            with gr.Row():
                audio_input = gr.Audio(
                    sources=["upload"],
                    type="filepath",
                    label="Upload Audio"
                )
                image_input = gr.Image(
                    sources=["upload"],
                    type="filepath",
                    label="Upload Image"
                )
                video_input = gr.Video(
                    sources=["upload"],
                    label="Upload Video"
                )
        return audio_input, image_input, video_input
    
    def create_chat_components(self):
        """Create reusable chat components"""
        chatbot = gr.Chatbot(type="messages", elem_id="chatbot", label="Chat History")
        text_input = gr.Textbox(
            placeholder="Enter text here...",
            show_label=False,
            container=False
        )
        return chatbot, text_input
     
    def create_control_buttons(self):
        """Create reusable control buttons"""
        with gr.Row():
            submit_btn = gr.Button("Submit", variant="primary")
            stop_btn = gr.Button("Stop", visible=False)
            clear_btn = gr.Button("Clear History")
            new_chat_btn = gr.Button("New Chat")
        return submit_btn, stop_btn, clear_btn, new_chat_btn
     

ie to use like this :

            # Output section
            with gr.Row():
                with gr.Column():
            

                    chatbot, text_input = self.create_chat_components()

                with gr.Column():
                    gr.Markdown("<center><h1>Code Artifacts</h1></center>")
                    code.render()
            with gr.Row():
                    # Media upload section
                    audio_input, image_input, video_input = self.create_media_components()

which is very organized as you can create sections of your interface and import them into the right places etc :

So perhaps a load of examples (spaces) as ell should be included : for many simple and complexed tasks :
there is a lot can be done with gradio but not enough documentation to explain very important concepts :
Even the plugin design is tricky bro !
Pleasse assist !

thanks !

also very good gradio thingy !!