Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/respawn-app/FlowMVI
A Kotlin Multiplatform MVI library based on coroutines with a rich DSL and a powerful plugin system.
https://github.com/respawn-app/FlowMVI
android android-architecture android-library architecture coroutines ios jvm kmp kotlin kotlin-coroutines kotlin-multiplatform multiplatform mvi udf wasm
Last synced: 5 days ago
JSON representation
A Kotlin Multiplatform MVI library based on coroutines with a rich DSL and a powerful plugin system.
- Host: GitHub
- URL: https://github.com/respawn-app/FlowMVI
- Owner: respawn-app
- License: apache-2.0
- Created: 2022-04-02T18:50:56.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-15T04:36:40.000Z (about 2 months ago)
- Last Synced: 2024-09-15T09:09:52.844Z (about 2 months ago)
- Topics: android, android-architecture, android-library, architecture, coroutines, ios, jvm, kmp, kotlin, kotlin-coroutines, kotlin-multiplatform, multiplatform, mvi, udf, wasm
- Language: Kotlin
- Homepage: https://opensource.respawn.pro/FlowMVI/
- Size: 4.87 MB
- Stars: 286
- Watchers: 1
- Forks: 10
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Contributing: docs/CONTRIBUTING.md
- License: LICENSE.txt
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-kotlin - FlowMVI - A Kotlin Multiplatform architectural framework based on coroutines with an extensive feature set, powerful plugin system and a rich DSL. (Libraries)
- awesome-kotlin-multiplatform - FlowMVI - Plugin-based Kotlin Multiplatform MVI framework. (Libraries / Architecture)
- kmp-awesome - FlowMVI - Plugin-based MVI framework (Libraries / 🏗 Architecture)
README
[](https://github.com/respawn-app/FlowMVI/actions/workflows/ci.yml)
[](https://www.codefactor.io/repository/github/respawn-app/flowMVI)
[](https://androidweekly.net/issues/issue-556/)
[](https://kotlinlang.slack.com/messages/flowmvi/)
![badge][badge-android] ![badge][badge-jvm] ![badge][badge-js] ![badge][badge-nodejs] ![badge][badge-linux] ![badge][badge-windows] ![badge][badge-ios] ![badge][badge-mac] ![badge][badge-watchos] ![badge][badge-tvos] ![badge][badge-wasm]
FlowMVI is a Kotlin Multiplatform architectural framework based on coroutines with an extensive feature set, powerful
plugin system and a rich DSL.
## Quickstart:
* Sample App ![badge-wasm]:
[](https://opensource.respawn.pro/FlowMVI/sample/)
* Documentation:
[](https://opensource.respawn.pro/FlowMVI/#/)
* KDoc:
[](https://opensource.respawn.pro/FlowMVI/javadocs/index.html)
* Latest version:
[](https://central.sonatype.com/namespace/pro.respawn.flowmvi)
Version catalogs
```toml
[versions]
flowmvi = "< Badge above 👆🏻 >"
[dependencies]
# Core KMP module
flowmvi-core = { module = "pro.respawn.flowmvi:core", version.ref = "flowmvi" }
# Test DSL
flowmvi-test = { module = "pro.respawn.flowmvi:test", version.ref = "flowmvi" }
# Compose multiplatform
flowmvi-compose = { module = "pro.respawn.flowmvi:compose", version.ref = "flowmvi" }
# Android (common + view-based)
flowmvi-android = { module = "pro.respawn.flowmvi:android", version.ref = "flowmvi" }
# Multiplatform state preservation
flowmvi-savedstate = { module = "pro.respawn.flowmvi:savedstate", version.ref = "flowmvi" }
# Remote debugging client
flowmvi-debugger-client = { module = "pro.respawn.flowmvi:debugger-plugin", version.ref = "flowmvi" }
# Essenty (Decompose) integration
flowmvi-essenty = { module = "pro.respawn.flowmvi:essenty", version.ref = "flowmvi" }
flowmvi-essenty-compose = { module = "pro.respawn.flowmvi:essenty-compose", version.ref = "flowmvi" }
```
Gradle DSL
```kotlin
dependencies {
val flowmvi = "< Badge above 👆🏻 >"
// Core KMP module
commonMainImplementation("pro.respawn.flowmvi:core:$flowmvi")
// compose multiplatform
commonMainImplementation("pro.respawn.flowmvi:compose:$flowmvi")
// saving and restoring state
commonMainImplementation("pro.respawn.flowmvi:savedstate:$flowmvi")
// essenty integration
commonMainImplementation("pro.respawn.flowmvi:essenty:$flowmvi")
commonMainImplementation("pro.respawn.flowmvi:essenty-compose:$flowmvi")
// testing DSL
commonTestImplementation("pro.respawn.flowmvi:test:$flowmvi")
// android integration
androidMainImplementation("pro.respawn.flowmvi:android:$flowmvi")
// remote debugging client
androidDebugImplementation("pro.respawn.flowmvi:debugger-plugin:$flowmvi")
}
```
## Why FlowMVI?
* Powerful Plug-In system to automate processes and **reuse any business logic** you desire.
* Create automatic analytics handlers, websocket connections, error handling mechanisms, or anything else once and
reuse them throughout your whole project automatically.
* Build fully **async, reactive and parallel apps** - with no manual thread synchronization required!
* Create multiplatform business logic components with pluggable UI using **0 platform code**.
* Automatically **recover from any errors** and prevent crashes
* Automatic multiplatform system **lifecycle handling**
* Out of the box **debugging, logging, testing, undo/redo, caching and long-running tasks** support
* **Compress, persist, and restore state** automatically on any platform
* No base classes, complicated interfaces or factories of factories - logic is **declarative and built with a DSL**
* Restartable, reusable business logic components with no external dependencies or dedicated lifecycles.
* Create compile-time safe state machines with a readable DSL. Forget about casts and `null`s
* First class Compose Multiplatform support optimized for performance and ease of use
* Use both MVVM+ (functional) or MVI (model-driven) style of programming
* Share, distribute, or disable side-effects based on your team's needs
* Dedicated remote debugger app for Windows, Linux, MacOS
* The core library depends on kotlin coroutines. Nothing else.
* Integration with popular libraries, such as [Decompose (Essenty)](https://github.com/arkivanov/Decompose)
* Core library is fully covered by tests
* Learn more by exploring the [sample app](https://opensource.respawn.pro/FlowMVI/sample/) in your browser.
## How does it look?
Define a contract
```kotlin
sealed interface CounterState : MVIState {
data object Loading : CounterState
data class Error(val e: Exception) : CounterState
@Serializable
data class DisplayingCounter(
val timer: Int,
val counter: Int,
) : CounterState
}
sealed interface CounterIntent : MVIIntent {
data object ClickedCounter : CounterIntent
}
sealed interface CounterAction : MVIAction {
data class ShowMessage(val message: String) : CounterAction
}
```
```kotlin
class CounterContainer(
private val repo: CounterRepository,
) {
val store = store(initial = Loading) {
configure {
actionShareBehavior = ActionShareBehavior.Distribute()
debuggable = true
// makes the store fully async, parallel and thread-safe
parallelIntents = true
coroutineContext = Dispatchers.Default
atomicStateUpdates = true
}
enableLogging()
enableRemoteDebugging()
// allows to undo any operation
val undoRedo = undoRedo()
// manages long-running jobs
val jobManager = manageJobs()
// saves and restores the state automatically
serializeState(
path = repo.cacheFile("counter"),
serializer = DisplayingCounter.serializer(),
)
// performs long-running tasks on startup
init {
repo.startTimer()
}
// handles any errors
recover { e: Exception ->
action(ShowMessage(e.message))
null
}
// hooks into subscriber lifecycle
whileSubscribed {
repo.timer.collect {
updateState {
copy(timer = timer)
}
}
}
// lazily evaluates and caches values, even when the method is suspending.
val pagingData by cache {
repo.getPagedDataSuspending()
}
reduce { intent: CounterIntent ->
when (intent) {
is ClickedCounter -> updateState {
copy(counter = counter + 1)
}
}
}
// builds custom plugins on the fly
install {
onStop { repo.stopTimer() }
}
}
}
```
### Subscribe one-liner:
```kotlin
store.subscribe(
scope = coroutineScope,
consume = { action -> /* process side effects */ },
render = { state -> /* render states */ },
)
```
### Plugins:
Powerful DSL allows to hook into store events and amend any store's logic with reusable plugins.
```kotlin
val counterPlugin = lazyPlugin {
onStart { }
onStop { }
onIntent { intent -> }
onState { old, new -> }
onAction { action -> }
onSubscribe { subs -> }
onUnsubscribe { subs -> }
onException { e -> }
// access the store configuration
if (config.debuggable) config.logger(Debug) { "Store is debuggable" }
}
```
### Compose Multiplatform:
![badge][badge-android] ![badge][badge-ios] ![badge][badge-mac] ![badge][badge-jvm] ![badge][badge-wasm] ![badge][badge-js]
```kotlin
@Composable
fun CounterScreen() {
val store = inject().store
// subscribe to store based on system lifecycle - on any platform
val state by store.subscribe { action ->
when (action) {
is ShowMessage -> /* ... */
}
}
when (state) {
is DisplayingCounter -> {
Button(onClick = { store.intent(ClickedCounter) }) {
Text("Counter: ${state.counter}")
}
}
}
}
```
### Android support:
No more subclassing `ViewModel`. Use `StoreViewModel` instead and make your business logic multiplatform.
```kotlin
val module = module {
factoryOf(::CounterContainer)
viewModel(qualifier()) { StoreViewModel(get()) }
}
class ScreenFragment : Fragment() {
private val vm by viewModel(qualifier())
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
subscribe(vm, ::consume, ::render)
}
private fun render(state: CounterState) {
// update your views
}
private fun consume(action: CounterAction) {
// handle actions
}
}
```
## Testing DSL
### Test Stores
```kotlin
counterStore().subscribeAndTest {
// turbine + kotest example
ClickedCounter resultsIn {
states.test {
awaitItem() shouldBe DisplayingCounter(counter = 1, timer = 0)
}
actions.test {
awaitItem().shouldBeTypeOf()
}
}
}
```
### Test plugins
```kotlin
val timer = Timer()
timerPlugin(timer).test(Loading) {
onStart()
// time travel keeps track of all plugin operations for you
assert(timeTravel.starts == 1)
assert(state is DisplayingCounter)
assert(timer.isStarted)
onStop(null)
assert(!timer.isStarted)
}
```
## Debugger App
Ready to try? Start with reading the [Quickstart Guide](https://opensource.respawn.pro/FlowMVI/#/quickstart).
## Star History
## License
```
Copyright 2022-2024 Respawn Team and contributors
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
```
[badge-android]: http://img.shields.io/badge/-android-6EDB8D.svg?style=flat
[badge-android-native]: http://img.shields.io/badge/support-[AndroidNative]-6EDB8D.svg?style=flat
[badge-jvm]: http://img.shields.io/badge/-jvm-DB413D.svg?style=flat
[badge-js]: http://img.shields.io/badge/-js-F8DB5D.svg?style=flat
[badge-js-ir]: https://img.shields.io/badge/support-[IR]-AAC4E0.svg?style=flat
[badge-nodejs]: https://img.shields.io/badge/-nodejs-68a063.svg?style=flat
[badge-linux]: http://img.shields.io/badge/-linux-2D3F6C.svg?style=flat
[badge-windows]: http://img.shields.io/badge/-windows-4D76CD.svg?style=flat
[badge-wasm]: https://img.shields.io/badge/-wasm-624FE8.svg?style=flat
[badge-apple-silicon]: http://img.shields.io/badge/support-[AppleSilicon]-43BBFF.svg?style=flat
[badge-ios]: http://img.shields.io/badge/-ios-CDCDCD.svg?style=flat
[badge-mac]: http://img.shields.io/badge/-macos-111111.svg?style=flat
[badge-watchos]: http://img.shields.io/badge/-watchos-C0C0C0.svg?style=flat
[badge-tvos]: http://img.shields.io/badge/-tvos-808080.svg?style=flat