`shiny.express.modal()` should be a context manager

[schloerke]

Because a modal is similar to a card, I thought I'd be able to write:

from shiny.express import input, render, ui


with ui.modal():
    ui.input_slider("n", "N", 0, 100, 20)
    
    
    @render.code
    def txt():
        return f"n*2 is {input.n() * 2}"

Live app link

Current output

This occurs because shiny.express.modal is currently a re-export of shiny.ui.modal. I believe it should be an express context manager, similar to with shiny.express.h1():

[schloerke]

Similarly, I can only hide the modal if it is programmatically shown.

What I'd like to have work: Shinylive App

from shiny.express import input, render, ui
from shiny import reactive


modal = ui.modal(ui.input_slider("n", "N", 0, 100, 20), footer = ui.input_action_button("close_btn", "Close modal"), easy_close=False)

modal

@reactive.effect
@reactive.event(input.close_btn)
def _():
    print("Start remove modal")
    ui.modal_remove()
    print("End   remove modal")

---

What does work: Shinylive App

from shiny.express import input, render, ui
from shiny import reactive


modal = ui.modal(ui.input_slider("n", "N", 0, 100, 20), footer = ui.input_action_button("close_btn", "Close modal"), easy_close=False)

@reactive.effect
def _():
    ui.modal_show(modal)

@reactive.effect
@reactive.event(input.close_btn)
def _():
    print("Start remove modal")
    ui.modal_remove()
    print("End   remove modal")

---

If the modal is already open, why am I required to programmatically open it to close it.