Is someone using Kodein-DI with Compose? I’m curio...

# kodein

[nrobi]

Is someone using Kodein-DI with Compose? I’m curious how are you providing and scoping VMs in Composables?
@romainbsl is any support planned?

[Joost Klitsie]

I am using it. The VM is basically linked to the composable its in

[Joost Klitsie]

so not really caring about lifecycle

[Joost Klitsie]

also not using jetpack viewmodels but custom one

[Joost Klitsie]

It might look weird, but I use it with a react application and sort of gave them the same architecture:

[Joost Klitsie]

val DIAmbient = ambientOf { DI {} }

@Composable
inline fun <reified T : Any> instance(): DIProperty<T> = DIAmbient.current.instance()

@Composable
inline fun <reified A : Any, reified T : Any> instance(arg: A?): DIProperty<T> = arg?.let {
    DIAmbient.current.instance<A, T>(arg = it)
} ?: instance()

object EmptyProps

@Composable
inline fun composeSubDI(
    crossinline diBuilder: DI.MainBuilder.(scope: CoroutineScope) -> Unit,
    props: Any = EmptyProps,
    noinline content: @Composable () -> Unit
) {
    val currentDi = DIAmbient.current
    val composedScope = remember(props) {
        CoroutineScope(Dispatchers.Main)
    }
    onDispose {
        composedScope.cancel()
    }
    Providers(
        DIAmbient provides remember(props) {
            subDI(currentDi) { diBuilder(composedScope) }
        },
        children = content
    )
}

[Joost Klitsie]

and then in practice:

[Joost Klitsie]

fun exampleComponentBuilder(): DI.MainBuilder.(scope: CoroutineScope) -> Unit = {
    import(exampleModule())
}

@Composable
fun exampleComponent() {
    composeSubDI(diBuilder = exampleComponentBuilder()) {
        val viewModel by instance<ExampleContract.ViewModel>()
        val viewState = viewModel.viewState.collectAsState(AndroidUiDispatcher.Main).value
        OutlinedButton(onClick = viewModel::onButtonClicked) {
            Text(viewState.buttonText, color = MaterialTheme.colors.primary)
        }
    }
}

[Joost Klitsie]

so whenever you call composeSubDI, you create a sub di component

[Joost Klitsie]

so you can nest whatever

[Joost Klitsie]

it is injecting a coroutine scope into the components, so that will be cancelled whenever you leave the composable