How to use StateFlow instead of Value?

[mr-kew]

Hello,

I wanna combine multiplatform decompse combined with KMP-ObservableViewModel library. The advantage should be that I won't have to implement the constructor manually in each view. Also my models are already done using that library, so I would prefer not having to rework them all.

And for that I would wanna use StateFlow instead of Value for the child stack or child slot. What is the best way to do it? I came up with the following code, but I am not sure if doing local MutableStateFlow is ok.

abstract class ObservableComponent(
    componentContext: ComponentContext,
) : ViewModel(), ComponentContext by componentContext {

    protected inline fun <reified T : Any> Value<T>.toStateFlow(mode: ObserveLifecycleMode = ObserveLifecycleMode.START_STOP): StateFlow<T> {
        val state = MutableStateFlow(viewModelScope, this.value)
        this.subscribe(lifecycle, mode) { value ->
            state.value = value
        }
        return state.asStateFlow()
    }
}

Usage:
(of course the toStateFlow could be hidden inside a childSlot overload)

class SlotComponent(
    componentContext: ComponentContext,
) : ObservableComponent(componentContext) {
    private val navigation = SlotNavigation<Config>()

    @NativeCoroutinesState
    val slot: StateFlow<ChildSlot<*, Child>> = childSlot(
        source = navigation,
        serializer = Config.serializer(),
        initialConfiguration = { null },
        handleBackButton = true,
        childFactory = ::child,
    ).toStateFlow()

    ...