feat: mo.query_params

[mscolnick]

This adds the ability pass query_params to python and keep it in sync with the URL state.

@app.cell
def __(mo):
    query_params = mo.query_params()
    return query_params,


@app.cell
def __(mo, query_params, random):
    # In another cell
    print(random.randint(1, 50))
    search = mo.ui.text(
        value=query_params["search"] or "",
        on_change=lambda v: query_params.set("search", v),
    )
    search
    return search,


@app.cell
def __(mo):
    toggle = mo.ui.switch(label="Toggle me")
    toggle
    return toggle,


@app.cell
def __(query_params, toggle):
    # change the value of a query param, and watch the next cell run automatically
    query_params["has_run"] = toggle.value
    return


@app.cell
def __(mo):
    new_value = mo.ui.text(label="Text to add")
    return new_value,


@app.cell
def __(mo, new_value, query_params):
    append_button = mo.ui.button(
        label="Add to query param",
        on_click=lambda _: query_params.append("list", new_value.value),
    )
    replace_button = mo.ui.button(
        label="Replace in query param",
        on_click=lambda _: query_params.set("list", new_value.value),
    )
    mo.hstack([new_value, append_button, replace_button])
    return append_button, replace_button

Closes #951

• Reactivity
• Test wasm support
• Docs
• Better example for saving state lots of state in the URL params for read mode

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
marimo-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 29, 2024 11:58pm
marimo-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 29, 2024 11:58pm

[akshayka]

LGTM!

The flickering in the smoke test was actually due to a cycle among query parameter getting and setting, so that's expected and not an issue.