gr.Blocks().load() order

[jonathanasdf]

Unlike other events it doesn't look like the load() event has a .then() function

How can I guarantee ordering for multiple load() events?

[jonathanasdf]

Hm just saw #4304 so this should be working...

figured out part of it after some testing. the initial event's function can't be None.

with gr.Blocks() as gr_demo:
    gr_url_params = gr.JSON({}, visible=False)
    gr_demo.load(
        None,
        outputs=[gr_url_params],
        _js='function(){return Object.fromEntries(new URLSearchParams(window.location.search));}',
    ).then(lambda params: print(params), inputs=[gr_url_params])
gr_demo.launch()

The above does not work, the print does not get triggered

replacing None with lambda: None triggers the print, but it doesn't seem to capture the correct value for the url params

with gr.Blocks() as gr_demo:
    gr_url_params = gr.JSON({}, visible=False)
    gr_demo.load(
        lambda: None,
        outputs=[gr_url_params],
        _js='function(){return Object.fromEntries(new URLSearchParams(window.location.search));}',
    ).then(lambda params: print(params), inputs=[gr_url_params])
gr_demo.launch()

[jonathanasdf]

Ok finally this worked, the interface for working with _js is confusing and not well documented..

import gradio as gr
with gr.Blocks() as gr_demo:
    gr_url_params = gr.JSON({}, visible=False)
    gr_demo.load(
        lambda params: params,
        inputs=[gr_url_params],
        outputs=[gr_url_params],
        _js='function(){return Object.fromEntries(new URLSearchParams(window.location.search));}',
    ).then(lambda params: print(params), inputs=[gr_url_params])
gr_demo.launch()