Hey Arkadi, a couple of questions regarding Decompose project that I forked. ( trying to modernize React samples ) 1. How can I update dependencies? After updating the value in

deps.versions.toml

it doesn't seem to be reflected anywhere 2. How can I run specific projects eg,

./gradlew :sample:master-detail:browserRun

task doesn't exist. 3. Have you had the chance to think about the Browser Routing issue? Any pointers on how to recreate configuration? As the part of getting the data and manipulating the URL is simple enough

Hey Arkadi, Have you ever had the use case in which you need some parameters in the creation Store that will be provided to the Bootstrapper? For example a creation/edition screen’s store in which you can provide with an id of an item or not. If you provide it, the Bootstrapper will dispatch the fetch action. How would you do this? Thanks 🙇

Happy New Year! 🎉🥳🥂

Q: https://arkivanov.github.io/Decompose/extensions/compose/#custom-animations is it possible turn off animations completely when routing between components? Or should I create a fake animation (one that goes from A->B directly)

Hello, I am trying to implement a UX where something in the

store

is triggering an alert (once) that the UI is suppose to react up on. Similar to maybe a classic android toast/snackbar message or maybe a 'no internet' message that shows up for a few seconds before fading away. Currently I have something that looks like: Shared module

// Store Interface
internal interface ScreenAStore : Store<Intent, State, Label> {
    sealed class Intent {
        data class xxx(val xxx: String) : Intent()
    }

    data class State(
        val xxx: String = ""
    )

    sealed class Label {
        object ShowAlert : Label()
    }
}

// Store Factory
internal class ScreenAStoreFactory(
    private val storeFactory: StoreFactory,
    private val appRepository: AppRepository
) {
    fun provide(): ScreenAStore =
        object : ScreenAStore, Store<Intent, State, Label> by storeFactory.create(
            name = "ScreenAStore",
            initialState = State(),
            bootstrapper = SimpleBootstrapper(Unit),
            executorFactory = ::ExecutorImpl,
            reducer = ReducerImpl
        ) {}

    private inner class ExecutorImpl : CoroutineExecutor<Intent, Unit, State, Msg, Label>() {
        ...
        // In the executor 
        private fun setAlert() {
            publish(Label.ShowAlert)
        }
        ...
    }

// Component
class ScreenAComponent(
    ...
) : ScreenA, ComponentContext by componentContext {
    private val scope: CoroutineScope = CoroutineScope(Dispatchers.Main)

    override fun onBackPressed(): Boolean {
        scope.cancel()
        return true
    }

    private val store =
        instanceKeeper.getStore {
            ScreenAStoreFactory(
                storeFactory = storeFactory,
                appRepository = appRepository
            ).provide()
        }


    init {
        backPressedHandler.register(::onBackPressed)
        scope.launch {
            store.labels.collect { label ->
                when (label) {
                    is Label.ShowAlert -> {
                        Napier.d("Show message similar to a Toast in Compose UI")
                    }
                }
            }
        }
    }

    override val model: Value<Model> = store.asValue().map(stateToModel)
}

Android app

@Composable
fun ScreenAUi(component: ScreenAComponent) {
    Scaffold(
        modifier = Modifier
            .fillMaxSize(),
        topBar = {
            ScreenAHeader(component)
        }
    ) {
        ScreenABody(component, it)
    }
}

@Composable
private fun ScreenABody(component: ScreenAComponent, innerPadding: PaddingValues) {
    val model by component.model.subscribeAsState()

    Box(
        modifier = Modifier
            .fillMaxSize()
            .padding(innerPadding)
    ) {
        // Display some stuff
    }
}

What's the recommended way to consume this one time

label

event?

Hey @Arkadii Ivanov, I tried altering the React samples prior to NY but got stuck on an issue that I still haven't been able to resolve. Here's my take on it https://github.com/Nikola-Milovic/Decompose/tree/react-samples, this is the approach I use in my production app currently, it has been working really well for me, but for some reason Counter sample just won't work properly. The Master-Detail works as intended. The state inner component for example is getting rerendered when pressing OnNextChild in the root as it should, but the counter and components aren't getting propagated properly and stay on the

counter0

forever I'll continue tinkering with it but might as well ask you if you notice anything out of the ordinary.

Hi when device orientation changes connection between UI and Model being closed. Did I miss something I’ve not tested orientation changes before

Hi All! Are there any samples of using MVIKotlin3.0Ax/Decompose and Coroutines? I’ve been working on updating my MVIKotlin app to 3.0A3 and Decompose and loving the compose-jb sample but it uses reaktive.

[Solved] Hi I’ve encountered an issue with nested root components. Seems to be

unregister

is not being called when navigated back from inner router The error occurs when 1. I navigate to inner router component A. 2. Navigate back 3. and again navigate to router component A Root Router -> Inner Router -> Child -> NavBack -> Navigate forward

Hi 😄 Are there any samples of how to create nested navigation with Decompose ? 😄

Hello I’m having error after AS update to Dolphin canary 1 As a workaround I added dependency for all modules of my KMP project supertypes of the following classes cannot be resolved. Please make sure you have the required dependencies in the classpath com.arkivanov.essenty:parcelable

Can anyone answer this question about the MVI design pattern? Why don’t we model the data flow from the View to the ViewModel simply using methods exposed by the ViewModel? Instead many MVI implementations use a kind of event/messaging mechanism and model the intents as message objects. This doesn’t seam to me very necessary, and it makes the whole architecture needlessly complicated.

Hi, can you provide an example of post processing? Do you have any plans to add PostProcessor like in MVICore? Thanks

Hello, I'm trying to export Decompose for iOS part but I always get this error !!

The following build commands failed:	PhaseScriptExecution [CP-User]\ Build\ shared /Users/akrambensalem/AndroidStudioProjects/EzLive/build/ios/Pods.build/Debug-iphonesimulator/shared.build/Script-4552119A071AC6BAB7327E6434237EC3.sh (in target 'shared' from project 'Pods')

(1 failure)

Any examples of using a swiftui tabview with the decompose router?

Is there any example of how to use Decompose with "Compose web" without integrating React ?! ... I couldn't find equivalent to " .subscribeAsState() "

Hi! I wonder if anyone here tried before to manage the url with Decompose for the web using Compose for web ?

Also I think imports should be resolved regardless of the HMPP enabled or not in the library.

Hi, I’m testing StateKeeper and for some reason my state is not surviving process death, any clue ?

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            val store = Store(stateKeeper())
            Text(text = store.state.number.toString())
        }
    }
}


@Parcelize
data class State(val number: Int) : Parcelable

class Store(stateKeeper: StateKeeper) {
    val state: State = stateKeeper.consume("Register") ?: State(Random.nextInt())

    init {
        stateKeeper.register("Register") { state }
    }
}

Hi, I'm looking at the

todoapp

example as a model for rebasing my app on MVIKotlin. I'd like to make my migration a little more gradual and just rewrite the root view at first (which is already a list view in my app) and have item taps launch the existing detail view `Activity`s directly like it currently does. In the

todoapp

, tapping on an item ends up in

TodoRootUi

with

TodoRootContent()

returning the Edit composable and this is all within the

compose-ui

module instead of the Android module. What's the best way to instead launch an

Activity

on Android and display a specific

ViewController

on iOS? I definitely want to migrate the rest of the UI to match the

todoapp

model but want to avoid rewriting all of the UI in one step 🙂

MVIKotlin 3.0.0-beta02 is released! • Added experimental

Store

DSL (#30) • Removed

ExperimentalCoroutinesApi

annotations, because the used coroutines API is no longer experimental (#28) • Refactored all samples (#29) • Updated docs (#31, #32)

Curious if the following workflow is supported: 1. Setup a Flow<Model> (not a one-time action, but a stream that's dependent on some input) 2. Upon receiving new input, cancel the old Flow<Model> stream and restart it with the new input If

intents

were a Flow<Intent>:

intents.filterIsInstance<Intent.A>.flatMapLatest { intent -> repo.fetchModels(intent.input).map { data -> Msg.SetData(data) } }

Upon receiving

Intent.A

we cancel the previously setup

repo.fetchModels(...)

stream and restart it with the new input. As far as I can see, this isn't really doable with the current implementation, unless I've missed something. Thanks in advance! 🙏

What are the benefits of the Bootstrapper component? Mostly curious about the rationale behind having a dedicated component instead of having a set of initial `Intent`s that get passed to the Store?

Hi, I wanted to know what's the point of mapping from State to Model? Both seem to be pretty much the same? Couldn't we just do

Value<State>

? https://github.com/JetBrains/compose-jb/blob/master/examples/todoapp/common/main/s[…]mmonMain/kotlin/example/todo/common/main/integration/Mappers.kt

are there any examples that make use of Labels?

Has anybody ever implemented paging with MVIKotlin or know of a sample?

hi, can anyone recommend code samples for MVIKotlin on iOS with traditional

UIView

-based `ViewController`s? I'd like to migrate to MVIKotlin before migrating to SwiftUI

Is there a way to make sure all Intents are executed when the Fragment is being destroyed? I have to do some analytics tracking when the Fragment is paused. My Fragment is in a ViewPager, and on some devices there are no more than 2 milliseconds to send the intent before everything is destroyed, but I have to do a little calculation as well, which is enough to miss it sometimes. What I did for now is that I copied the code from com.arkivanov.mvikotlin.extensions.coroutines.Binder.kt, and added a delay to the BuilderBinder.stop function like this:

override fun stop() {
        GlobalScope.launch(mainContext) {
            delay(DELAY_STOP)
            job?.cancel()
            job = null
        }
    }

First of all, is this correct? Is this the best I can do? Maybe, does it make sense to add this to the library?

MVIKotlin v3.0.0 is released! Full release notes: https://github.com/arkivanov/MVIKotlin/releases/tag/3.0.0 What's new since v3.0.0-beta02 - Reordered DSL generics (#36) - Replaced getMainThreadId stack trace with error message (#37) - Updated Kotlin to 1.7.1, Gradle to 7.4.2, AGP to 7.2.0, Essenty to 0.4.2, coroutines to 1.6.3 (#44, #46) - Added settings dialog to IDEA Time Travel Plugin (#41) - The Time Travel desktop client app is now built on CI, artifacts are attached to releases (for Windows and Linux only, please build from sources for macOS)