Create Jetpack Compose Reference Assets

[brocollie08]

Currently the Android assets only contain traditional Android view based assets.
Alongside the Composable player patternization, it would be good to have a ComposeReferenceAssetsPlugin containing the same reference assets but as composables using the following pattern

open class ComposableAsset<Data> constructor(assetContext: AssetContext, serializer: KSerializer<Data>, private val content: @Composable (AssetContext, Data) -> Unit) : DecodableAsset<Data>(assetContext, serializer) {
    override fun initView(): View = ComposeView(requireContext()).apply {
        setContent {
            content(assetContext, data)
        }
    }

    override fun View.hydrate() {
        require(this is ComposeView)

        setContent {
            content(assetContext, data)
        }
    }

    @Composable public fun compose() {
        content(assetContext, data)
    }
}

Assets should be rendered with the following compose function

@Composable
fun RenderableAsset.compose(modifier: Modifier = Modifier) {
    if (this is ComposableAsset<*>) Box(
        modifier,
        propagateMinConstraints = true,
    ) {
        compose()
    } else AndroidView(factory = ::FrameLayout, modifier) {
        assetContext.withContext(it.context).build().run { render() } into it
    }
}

[brocollie08]

Relevant #89

[OleDakotaJoe]

Can I take on this issue? would love to get involved with this project

[chrischan325]

Hi! I would like to take this on

[brocollie08]

@chrischan325 Hey, thanks for your interest in contributing. Do you have enough context to get started?

[chrischan325]

@brocollie08 I don't think so, first time looking at this project. Any additional context or helpful details would be great!

[brocollie08]

I'd recommend first looking through this alongside building the android demo app, get a good sense of how Player works as a whole + android specific assets
Once you have a good understanding of the moving pieces, then you can work on the JPC asset portion