Use Shinylive Code Chunks with Markdown for UI Elements

[eviekimmy]

Description

Hello!

I am not sure if this has been asked before, but I was not able to find a discussion similar to this so I will start one here.

I recently started using quarto to make shiny dashboards and came across Shinylive. However, so far the tutorials and readme have shown most of the ui and server elements being defined in one shinylive-r code chunk. I was wondering if there is support, or if there will be support, for allowing shinylive-r chunks to implement a dashboard from the context chunk options and surrounding markdown for ui elements. Effectively like this example, but replacing {r} with {shinylive-r}.

[mcanouil]

The limitation is on shinylive (WASM).
The app needs to be standalone application that is then embedded.

The issue is not really on Quarto side but rather on shinylive side and I am not sure there is a way around this.
When you compile to WASM (i.e, bundle with Shinylive), all your R code, data files, and dependencies get packaged into a single deployable unit.
As this happens at render time, it makes it hard to have components move around or be separated in a Quarto Dashboard.
This would require to implement some logic to gather correctly all components for one application, bundling them to WASM, importing WASM and exposing the components back to some places in the final HTML.