Function make_app

tests/integration/renderer/test_benchmarking.py:7–96

(num_groups=500, items_per_group=20)

def make_app(num_groups=500, items_per_group=20):
    app = Dash(__name__)

    NUM_GROUPS = num_groups
    ITEMS_PER_GROUP = items_per_group

    children = []
    for g in range(NUM_GROUPS):
        group_children = []
        for i in range(ITEMS_PER_GROUP):
            group_children.append(
                html.Div(
                    [
                        dcc.Input(
                            id={"type": "input", "group": g, "index": i},
                            value=f"g{g}-i{i}",
                        ),
                        html.Div(
                            id={"type": "output", "group": g, "index": i},
                        ),
                    ]
                )
            )
        children.append(
            html.Details(
                [
                    html.Summary(f"Group {g}"),
                    html.Div(group_children),
                ]
            )
        )

    for g in range(NUM_GROUPS):

        @callback(
            Output({"type": "output", "group": g, "index": ALL}, "children"),
            Input({"type": "input", "group": g, "index": ALL}, "value"),
            prevent_initial_call=True,
        )
        def update(v, _g=g):
            return f"Updated: {v}"

    for g in range(NUM_GROUPS - 1):

        @callback(
            Output({"type": "output", "group": g + 1, "index": ALL}, "style"),
            Input({"type": "input", "group": g, "index": ALL}, "value"),
            prevent_initial_call=True,
        )
        def cross_update(values, _g=g):
            return [{"color": "blue"} for _ in values]

    for g in range(0, NUM_GROUPS, 3):

        @callback(
            Output({"type": "output", "group": g, "index": ALL}, "title"),
            Input({"type": "input", "group": g, "index": ALL}, "value"),
            State({"type": "output", "group": g, "index": ALL}, "children"),