mobiuskt

Kotlin multiplatform state managment framework.

License

License

Categories

Categories

JavaScript Languages
GroupId

GroupId

org.drewcarlson
ArtifactId

ArtifactId

mobius-extras-js
Last Version

Last Version

0.1.7
Release Date

Release Date

Type

Type

pom
Description

Description

mobiuskt
Kotlin multiplatform state managment framework.
Project URL

Project URL

https://github.com/DrewCarlson/mobius.kt
Source Code Management

Source Code Management

https://github.com/DrewCarlson/mobius.kt.git

Download mobius-extras-js

How to add to project

<!-- https://jarcasting.com/artifacts/org.drewcarlson/mobius-extras-js/ -->
<dependency>
    <groupId>org.drewcarlson</groupId>
    <artifactId>mobius-extras-js</artifactId>
    <version>0.1.7</version>
    <type>pom</type>
</dependency>
// https://jarcasting.com/artifacts/org.drewcarlson/mobius-extras-js/
implementation 'org.drewcarlson:mobius-extras-js:0.1.7'
// https://jarcasting.com/artifacts/org.drewcarlson/mobius-extras-js/
implementation ("org.drewcarlson:mobius-extras-js:0.1.7")
'org.drewcarlson:mobius-extras-js:pom:0.1.7'
<dependency org="org.drewcarlson" name="mobius-extras-js" rev="0.1.7">
  <artifact name="mobius-extras-js" type="pom" />
</dependency>
@Grapes(
@Grab(group='org.drewcarlson', module='mobius-extras-js', version='0.1.7')
)
libraryDependencies += "org.drewcarlson" % "mobius-extras-js" % "0.1.7"
[org.drewcarlson/mobius-extras-js "0.1.7"]

Dependencies

compile (4)

Group / Artifact Type Version
org.jetbrains.kotlin : kotlin-stdlib-js jar 1.4.31
org.jetbrains.kotlin : kotlin-stdlib-common jar 1.4.31
org.drewcarlson : mobius-core-js jar 0.1.7
org.drewcarlson : mobius-internal-js jar 0.1.7

Project Modules

There are no modules declared in this project.

Mobius.kt

Maven Central

Kotlin Multiplatform Mobius implementation.

What is Mobius?

The core construct provided by Mobius is the Mobius Loop, best described by the official documentation. (Embedded below)

A Mobius loop is a part of an application, usually including a user interface. In a Spotify context, there is usually one loop per feature such as “the album page”, “login flow”, etc., but a loop can also be UI-less and for instance be tied to the lifecycle of an application or a user session.

Mobius Loop

Mobius Loop Diagram

A Mobius loop receives Events, which are passed to an Update function together with the current Model. As a result of running the Update function, the Model might change, and Effects might get dispatched. The Model can be observed by the user interface, and the Effects are received and executed by an Effect Handler.

'Pure' in the diagram refers to pure functions, functions whose output only depends on their inputs, and whose execution has no observable side effects. See Pure vs Impure Functions for more details.

(Source: Spotify/Mobius - Concepts > Mobius Loop)

By combining this concept with Kotlin's MPP features, mobius.kt allows you to write and test all of your pure functions (application and/or business logic) in Kotlin and deploy it everywhere. This leaves impure functions to the native platform, which can be written in their primary language (Js, Java, Objective-c/Swift) or in Kotlin!

Example

typealias Model = Int

enum class Event { ADD, SUB, RESET }

typealias Effect = Unit

val update = Update<Model, Event, Effect> { model, event ->
  when (event) {
      Event.ADD -> next(model + 1)
      Event.SUB -> next(model - 1)
      Event.RESET -> next(0)
  }
}

val effectHandler = Connectable<Effect, Event> { output ->
    object : Connection<Effect> {
        override fun accept(value: Effect) = Unit
        override fun dispose() = Unit
    }
}

val loopFactory = Mobius.loop(update, effectHandler)

At this point a loop is not running, loopFactory must be used to create a "raw" loop. Raw loops have two states: running and disposed.

Show Raw Loop Example
val loop = loopFactory.startFrom(0)

val observerRef = loop.observer { model -> println(model.toString()) }

loop.dispatchEvent(Event.ADD)   // Output: 1
loop.dispatchEvent(Event.ADD)   // Output: 2
loop.dispatchEvent(Event.RESET) // Output: 0
loop.dispatchEvent(Event.SUB)   // Output: -1

observerRef.dispose() // Not required if calling loop.dispose() which disposes all observers.
loop.dispose()

Alternatively a loop can be managed with a MobiusLoop.Controller, giving the loop a more flexible lifecycle.

Show Loop Controller Example
val loopController = Mobius.controller(loopFactory, 0)

loopController.connect { output ->
    buttonAdd.onClick { output.accept(Event.ADD) }
    buttonSub.onClick { output.accept(Event.SUB) }
    buttonReset.onClick { output.accept(Event.RESET) }
    
    object : Consumer<Model> {
        override fun accept(value: Model) {
            println(value.toString())
        }
     
        override fun dispose() {
            buttonAdd.removeOnClick()
            buttonSub.removeOnClick()
            buttonReset.removeOnClick()
        }
    }
}

loopController.start()

loopController.dispatchEvent(Event.ADD)   // Output: 1
loopController.dispatchEvent(Event.ADD)   // Output: 2
loopController.dispatchEvent(Event.RESET) // Output: 0
loopController.dispatchEvent(Event.SUB)   // Output: -1

loopController.stop()

// Loop could be started again with `loopController.start()`

loopController.disconnect()

Notes

Language Support

MobiusLoops can be created and managed in Javascript, Swift, and Java code without major interoperability concerns. Using Mobius.kt for shared logic does not require consuming projects to be written in or know about Kotlin.

Kotlin/Native

A MobiusLoop is single-threaded on native targets and cannot be frozen. Generally this is acceptable behavior, even when the loop exists on the main thread. If required, Effect Handlers are responsible for passing Effects into and Events out of a background thread.

Coroutines and Flows provide the best way to execute work on the background.

Show Coroutine Example
Connectable<Effect, Event> { output: Consumer<Event> ->
    object : Connection<Effect> {
        // Use a dispatcher for the Loop's thread, i.e. Dispatcher.Main
        private val scope = CoroutineScope(Dispatchers.Main + SupervisorJob())

        private val effectFlow = MutableSharedFlow<Effect.Subtype2>(
            onBufferOverflow = BufferOverflow.SUSPEND
        )
     
        init {
            effectFlow
                 .debounce(200)
                 .mapLatest { effect -> handleSubtype2(effect) }
                 .launchIn(scope)
        }

        override fun accept(value: Effect) {
            scope.launch {
                when (value) {
                    is Effect.Subtype1 -> output.accept(handleSubtype1(value))
                    is Effect.Subtype2 -> effectFlow.emit(value)
                }
            }
        }
     
        override fun dispose() {
            scope.cancel()
        }
     
        private suspend fun handleSubtype1(effect: Effect.Subtype1): Event {
            return withContext(Dispatcher.Default) {
                // Captured variables are automatically frozen, DO NOT access `output` here!
                try {
                    val result = longRunningSuspendFun(effect.data)
                    Event.Success(result)
                } catch (e: Throwable) {
                    Event.Error(e)
                }
            }
        }
     
        private suspend fun handleSubtype2(effect: Effect.Subtype2): Event {
            return withDispatcher(Dispatcher.Default) {
                try {
                    val result = throttledSuspendFun(effect.data)
                    Event.Success(result)
                } catch (e: Throwable) {
                    Event.Error(e)
                }
            }
        }
    }
}

Download

Maven Central Sonatype Nexus (Snapshots)

repositories {
  mavenCentral()
  // Or snapshots
  maven("https://s01.oss.sonatype.org/content/repositories/snapshots/")
}

dependencies {
  implementation("org.drewcarlson:mobiuskt-core:$MOBIUS_VERSION")
  implementation("org.drewcarlson:mobiuskt-extras:$MOBIUS_VERSION")
  implementation("org.drewcarlson:mobiuskt-android:$MOBIUS_VERSION")
}

Versions

Version
0.1.7
0.1.6
0.1.5
0.1.4