How can I go to another URL within my app

[vindevoy]

I have a simple layout with 3 buttons (3 languages).

I have 3 shiny apps running, behind each of the languages.

I want to use routing with Starlette as shown in the example. This is basically because I have 300 URLs to serve, not 3. Each URL will show a different HTML page (via an iframe) based on the URL.

I have this code:

from shiny import App, ui
from starlette.applications import Starlette
from starlette.routing import Mount

app_home = App(
    ui=ui.page_fluid(
        ui.input_action_button(id="button_nl", label="Nederlands"),
        ui.input_action_button(id="button_fr", label="Français"),
        ui.input_action_button(id="button_en", label="English")),
    server=None)

app_hallo = App(ui.page_fluid("hallo vanuit Brussel!"), None)
app_hello = App(ui.page_fluid("hello from London!"), None)
app_bonjour = App(ui.page_fluid("bonjour de Paris!"), None)


routes = [
    Mount("/", app=app_home),
    Mount('/nl', app=app_hallo),
    Mount('/fr', app=app_bonjour),
    Mount('/en', app=app_hello),
]

app = Starlette(routes=routes)

How do I add a server of anything that allows me to jump to the different URLs.

[vindevoy]

Solved my problem:

from shiny import App, ui
from starlette.applications import Starlette
from starlette.routing import Mount


def script_home():
    return ui.tags.script(
        """
        const button_nl = document.querySelector("#button_nl");
        const button_fr = document.querySelector("#button_fr");
        const button_en = document.querySelector("#button_en");

        button_nl.addEventListener("click", () => {
           window.location.href = "/nl/";
        });

        button_fr.addEventListener("click", () => {
           window.location.href = "/fr/";
        });

        button_en.addEventListener("click", () => {
           window.location.href = "/en/";
        });
        """
    )


def script_page():
    return ui.tags.script(
        """
        const button_home = document.querySelector("#button_home");

        button_home.addEventListener("click", () => {
           window.location.href = "/";
        });

        """
    )


app_home = App(
    ui=ui.page_fluid(
        ui.input_action_button(id="button_nl", label="Nederlands"),
        ui.input_action_button(id="button_fr", label="Français"),
        ui.input_action_button(id="button_en", label="English"),
        script_home()),
    server=None)

app_hallo = App(
    ui=ui.page_fluid(
        "hallo vanuit Brussel!",
        ui.input_action_button(id="button_home", label="Start Pagina"),
        script_page()),
    server=None)

app_hello = App(
    ui=ui.page_fluid(
        "hello from London!",
        ui.input_action_button(id="button_home", label="Home Page"),
        script_page()),
    server=None)

app_bonjour = App(
    ui=ui.page_fluid(
        "bonjour de Paris!",
        ui.input_action_button(id="button_home", label="Page d'Accueil"),
        script_page()),
    server=None)

routes = [
    Mount('/nl', app=app_hallo),
    Mount('/fr', app=app_bonjour),
    Mount('/en', app=app_hello),
    Mount("/", app=app_home),
]

app = Starlette(routes=routes)