Node mp

CHANGELOG.md

@@ -5,7 +5,9 @@
 ### Added
 
 - [#539](https://github.com/bumble-tech/appyx/pull/539) – Position alignment
-- [#538](https://github.com/bumble-tech/appyx/pull/538) – Availability to observe MotionProperties from children UI
+- [#538](https://github.com/bumble-tech/appyx/pull/538) – Availability to observe MotionProperties
+  from children UI
+- [#551](https://github.com/bumble-tech/appyx/pull/551) - Multiplatform Navigation module
 
 ### Fixed
 

appyx-components/experimental/cards/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/cards/Cards.kt

@@ -2,12 +2,12 @@ package com.bumble.appyx.components.experimental.cards
 
 import androidx.compose.animation.core.AnimationSpec
 import androidx.compose.animation.core.spring
-import com.bumble.appyx.interactions.core.ui.gesture.GestureSettleConfig
 import com.bumble.appyx.interactions.core.model.BaseAppyxComponent
 import com.bumble.appyx.interactions.core.ui.MotionController
 import com.bumble.appyx.interactions.core.ui.context.TransitionBounds
 import com.bumble.appyx.interactions.core.ui.context.UiContext
 import com.bumble.appyx.interactions.core.ui.gesture.GestureFactory
+import com.bumble.appyx.interactions.core.ui.gesture.GestureSettleConfig
 
 open class Cards<InteractionTarget : Any>(
     model: CardsModel<InteractionTarget>,

appyx-components/experimental/cards/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/cards/CardsModel.kt

@@ -3,13 +3,13 @@ package com.bumble.appyx.components.experimental.cards
 import com.bumble.appyx.components.experimental.cards.CardsModel.State.Card.InvisibleCard.Queued
 import com.bumble.appyx.components.experimental.cards.CardsModel.State.Card.VisibleCard.BottomCard
 import com.bumble.appyx.components.experimental.cards.CardsModel.State.Card.VisibleCard.TopCard
-import com.bumble.appyx.interactions.Parcelable
-import com.bumble.appyx.interactions.Parcelize
-import com.bumble.appyx.interactions.RawValue
 import com.bumble.appyx.interactions.core.Element
 import com.bumble.appyx.interactions.core.asElement
 import com.bumble.appyx.interactions.core.model.transition.BaseTransitionModel
 import com.bumble.appyx.interactions.core.state.SavedStateMap
+import com.bumble.appyx.utils.multiplatform.Parcelable
+import com.bumble.appyx.utils.multiplatform.Parcelize
+import com.bumble.appyx.utils.multiplatform.RawValue
 
 class CardsModel<InteractionTarget : Any>(
     initialItems: List<InteractionTarget> = listOf(),

appyx-components/experimental/cards/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/cards/operation/VoteLike.kt

@@ -2,18 +2,18 @@ package com.bumble.appyx.components.experimental.cards.operation
 
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.experimental.cards.Cards
-import com.bumble.appyx.interactions.Parcelize
-import com.bumble.appyx.interactions.core.model.transition.Operation
 import com.bumble.appyx.components.experimental.cards.CardsModel
 import com.bumble.appyx.components.experimental.cards.CardsModel.State.Card.InvisibleCard.VotedCard.VOTED_CARD_STATE.LIKED
 import com.bumble.appyx.components.experimental.cards.CardsModel.State.Card.VisibleCard.BottomCard
 import com.bumble.appyx.components.experimental.cards.CardsModel.State.Card.VisibleCard.TopCard
 import com.bumble.appyx.components.experimental.cards.CardsModel.State.Card.VisibleCard.TopCard.TOP_CARD_STATE.STANDARD
+import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 class VoteLike<InteractionTarget>(
     override var mode: Operation.Mode = Operation.Mode.KEYFRAME
-): TopCardOperation<InteractionTarget>() {
+) : TopCardOperation<InteractionTarget>() {
 
     override fun createTargetState(fromState: CardsModel.State<InteractionTarget>): CardsModel.State<InteractionTarget> {
         val votedCards = fromState.votedCards

appyx-components/experimental/cards/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/cards/operation/VotePass.kt

@@ -2,10 +2,10 @@ package com.bumble.appyx.components.experimental.cards.operation
 
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.experimental.cards.Cards
-import com.bumble.appyx.interactions.Parcelize
-import com.bumble.appyx.interactions.core.model.transition.Operation
 import com.bumble.appyx.components.experimental.cards.CardsModel
 import com.bumble.appyx.components.experimental.cards.CardsModel.State.Card.InvisibleCard.VotedCard.VOTED_CARD_STATE.PASSED
+import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 class VotePass<InteractionTarget>(

appyx-components/experimental/cards/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/cards/ui/CardsMotionController.kt

@@ -9,7 +9,6 @@ import com.bumble.appyx.components.experimental.cards.CardsModel
 import com.bumble.appyx.components.experimental.cards.CardsModel.State.Card.InvisibleCard.VotedCard.VOTED_CARD_STATE.LIKED
 import com.bumble.appyx.components.experimental.cards.operation.VoteLike
 import com.bumble.appyx.components.experimental.cards.operation.VotePass
-import com.bumble.appyx.interactions.AppyxLogger
 import com.bumble.appyx.interactions.core.ui.context.TransitionBounds
 import com.bumble.appyx.interactions.core.ui.context.UiContext
 import com.bumble.appyx.interactions.core.ui.gesture.Drag
@@ -23,6 +22,7 @@ import com.bumble.appyx.interactions.core.ui.property.impl.Scale
 import com.bumble.appyx.interactions.core.ui.property.impl.ZIndex
 import com.bumble.appyx.interactions.core.ui.state.MatchedTargetUiState
 import com.bumble.appyx.transitionmodel.BaseMotionController
+import com.bumble.appyx.utils.multiplatform.AppyxLogger
 
 class CardsMotionController<InteractionTarget : Any>(
     uiContext: UiContext,

appyx-components/experimental/modal/common/src/commonMain/kotlin/com/bumble/appyx/components/modal/ModalModel.kt

@@ -1,12 +1,12 @@
 package com.bumble.appyx.components.modal
 
-import com.bumble.appyx.interactions.Parcelable
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.Element
 import com.bumble.appyx.interactions.core.Elements
 import com.bumble.appyx.interactions.core.asElement
 import com.bumble.appyx.interactions.core.model.transition.BaseTransitionModel
 import com.bumble.appyx.interactions.core.state.SavedStateMap
+import com.bumble.appyx.utils.multiplatform.Parcelable
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 class ModalModel<InteractionTarget : Any>(
     initialElements: List<InteractionTarget>,

appyx-components/experimental/modal/common/src/commonMain/kotlin/com/bumble/appyx/components/modal/operation/Add.kt

@@ -3,11 +3,11 @@ package com.bumble.appyx.components.modal.operation
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.modal.Modal
 import com.bumble.appyx.components.modal.ModalModel
-import com.bumble.appyx.interactions.Parcelize
-import com.bumble.appyx.interactions.RawValue
 import com.bumble.appyx.interactions.core.asElement
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
+import com.bumble.appyx.utils.multiplatform.RawValue
 
 @Parcelize
 class Add<InteractionTarget : Any>(

appyx-components/experimental/modal/common/src/commonMain/kotlin/com/bumble/appyx/components/modal/operation/Destroy.kt

@@ -3,9 +3,9 @@ package com.bumble.appyx.components.modal.operation
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.modal.Modal
 import com.bumble.appyx.components.modal.ModalModel
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 class Destroy<InteractionTarget : Any>(

appyx-components/experimental/modal/common/src/commonMain/kotlin/com/bumble/appyx/components/modal/operation/Dismiss.kt

@@ -3,9 +3,9 @@ package com.bumble.appyx.components.modal.operation
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.modal.Modal
 import com.bumble.appyx.components.modal.ModalModel
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 class Dismiss<InteractionTarget : Any>(

appyx-components/experimental/modal/common/src/commonMain/kotlin/com/bumble/appyx/components/modal/operation/FullScreen.kt

@@ -3,9 +3,9 @@ package com.bumble.appyx.components.modal.operation
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.modal.Modal
 import com.bumble.appyx.components.modal.ModalModel
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 class FullScreen<InteractionTarget : Any>(

appyx-components/experimental/modal/common/src/commonMain/kotlin/com/bumble/appyx/components/modal/operation/Revert.kt

@@ -3,9 +3,9 @@ package com.bumble.appyx.components.modal.operation
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.modal.Modal
 import com.bumble.appyx.components.modal.ModalModel
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 class Revert<InteractionTarget : Any>(

appyx-components/experimental/modal/common/src/commonMain/kotlin/com/bumble/appyx/components/modal/operation/Show.kt

@@ -3,9 +3,9 @@ package com.bumble.appyx.components.modal.operation
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.modal.Modal
 import com.bumble.appyx.components.modal.ModalModel
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 class Show<InteractionTarget : Any>(

appyx-components/experimental/modal/common/src/commonMain/kotlin/com/bumble/appyx/components/modal/ui/ModalMotionController.kt

@@ -10,10 +10,10 @@ import com.bumble.appyx.components.modal.operation.FullScreen
 import com.bumble.appyx.components.modal.operation.Revert
 import com.bumble.appyx.interactions.core.ui.context.TransitionBounds
 import com.bumble.appyx.interactions.core.ui.context.UiContext
-import com.bumble.appyx.interactions.core.ui.gesture.Gesture
-import com.bumble.appyx.interactions.core.ui.gesture.dragVerticalDirection
 import com.bumble.appyx.interactions.core.ui.gesture.Drag
+import com.bumble.appyx.interactions.core.ui.gesture.Gesture
 import com.bumble.appyx.interactions.core.ui.gesture.GestureFactory
+import com.bumble.appyx.interactions.core.ui.gesture.dragVerticalDirection
 import com.bumble.appyx.interactions.core.ui.property.impl.Height
 import com.bumble.appyx.interactions.core.ui.property.impl.Position
 import com.bumble.appyx.interactions.core.ui.property.impl.RoundedCorners

appyx-components/experimental/promoter/android/src/main/kotlin/com/bumble/appyx/components/experimental/promoter/android/PromoterExperiment.kt

@@ -22,13 +22,13 @@ import com.bumble.appyx.components.experimental.promoter.Promoter
 import com.bumble.appyx.components.experimental.promoter.PromoterModel
 import com.bumble.appyx.components.experimental.promoter.operation.addFirst
 import com.bumble.appyx.components.experimental.promoter.ui.PromoterMotionController
-import com.bumble.appyx.interactions.sample.android.SampleChildren
-import com.bumble.appyx.interactions.sample.android.Element
 import com.bumble.appyx.interactions.sample.InteractionTarget
 import com.bumble.appyx.interactions.sample.InteractionTarget.Child1
 import com.bumble.appyx.interactions.sample.InteractionTarget.Child2
 import com.bumble.appyx.interactions.sample.InteractionTarget.Child3
 import com.bumble.appyx.interactions.sample.InteractionTarget.Child4
+import com.bumble.appyx.interactions.sample.android.Element
+import com.bumble.appyx.interactions.sample.android.SampleChildren
 
 
 @ExperimentalMaterialApi

appyx-components/experimental/promoter/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/promoter/PromoterModel.kt

@@ -1,11 +1,11 @@
 package com.bumble.appyx.components.experimental.promoter
 
 import com.bumble.appyx.components.experimental.promoter.PromoterModel.State.ElementState.DESTROYED
-import com.bumble.appyx.interactions.Parcelable
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.Element
 import com.bumble.appyx.interactions.core.model.transition.BaseTransitionModel
 import com.bumble.appyx.interactions.core.state.SavedStateMap
+import com.bumble.appyx.utils.multiplatform.Parcelable
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 class PromoterModel<InteractionTarget : Any>(
     savedStateMap: SavedStateMap?,

appyx-components/experimental/promoter/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/promoter/operation/AddFirst.kt

@@ -1,13 +1,13 @@
 package com.bumble.appyx.components.experimental.promoter.operation
 
 import androidx.compose.animation.core.AnimationSpec
-import com.bumble.appyx.interactions.Parcelize
-import com.bumble.appyx.interactions.RawValue
+import com.bumble.appyx.components.experimental.promoter.Promoter
+import com.bumble.appyx.components.experimental.promoter.PromoterModel
 import com.bumble.appyx.interactions.core.asElement
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
-import com.bumble.appyx.components.experimental.promoter.Promoter
-import com.bumble.appyx.components.experimental.promoter.PromoterModel
+import com.bumble.appyx.utils.multiplatform.Parcelize
+import com.bumble.appyx.utils.multiplatform.RawValue
 
 @Parcelize
 data class AddFirst<InteractionTarget>(

appyx-components/experimental/puzzle15/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/puzzle15/Puzzle15.kt

@@ -21,7 +21,11 @@ class Puzzle15(
             it
         )
     },
-    gestureFactory: (TransitionBounds) -> GestureFactory<Tile, Puzzle15Model.State> = { bounds -> Puzzle15MotionController.Gestures(bounds) },
+    gestureFactory: (TransitionBounds) -> GestureFactory<Tile, Puzzle15Model.State> = { bounds ->
+        Puzzle15MotionController.Gestures(
+            bounds
+        )
+    },
     animationSpec: AnimationSpec<Float> = spring(),
     animateSettle: Boolean = false,
 ) : BaseAppyxComponent<Tile, Puzzle15Model.State>(

appyx-components/experimental/puzzle15/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/puzzle15/Puzzle15Model.kt

@@ -1,13 +1,13 @@
 package com.bumble.appyx.components.experimental.puzzle15
 
 import com.bumble.appyx.components.experimental.puzzle15.Puzzle15Model.Tile
-import com.bumble.appyx.interactions.Parcelable
-import com.bumble.appyx.interactions.Parcelize
-import com.bumble.appyx.interactions.RawValue
 import com.bumble.appyx.interactions.core.Element
 import com.bumble.appyx.interactions.core.asElement
 import com.bumble.appyx.interactions.core.model.transition.BaseTransitionModel
 import com.bumble.appyx.interactions.core.state.SavedStateMap
+import com.bumble.appyx.utils.multiplatform.Parcelable
+import com.bumble.appyx.utils.multiplatform.Parcelize
+import com.bumble.appyx.utils.multiplatform.RawValue
 
 class Puzzle15Model(
     savedStateMap: SavedStateMap?

appyx-components/experimental/puzzle15/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/puzzle15/operation/Shuffle.kt

@@ -1,9 +1,9 @@
 package com.bumble.appyx.components.experimental.puzzle15.operation
 
 import com.bumble.appyx.components.experimental.puzzle15.Puzzle15Model
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 class Shuffle(

appyx-components/experimental/puzzle15/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/puzzle15/operation/Swap.kt

@@ -2,10 +2,10 @@ package com.bumble.appyx.components.experimental.puzzle15.operation
 
 import com.bumble.appyx.components.experimental.puzzle15.Puzzle15Model
 import com.bumble.appyx.components.experimental.puzzle15.Puzzle15Model.Tile
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.Element
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 class Swap(

appyx-components/experimental/puzzle15/common/src/commonMain/kotlin/com/bumble/appyx/components/experimental/puzzle15/ui/Puzzle15Ui.kt

@@ -159,25 +159,37 @@ fun Puzzle15Ui(
                     onClick = { puzzle15.operation(Swap(direction = DOWN)) },
                     colors = ButtonDefaults.buttonColors(backgroundColor = accentColor),
                 ) {
-                    Icon(imageVector = Icons.Default.KeyboardArrowUp, contentDescription = "Move Up")
+                    Icon(
+                        imageVector = Icons.Default.KeyboardArrowUp,
+                        contentDescription = "Move Up"
+                    )
                 }
                 Button(
                     onClick = { puzzle15.operation(Swap(direction = LEFT)) },
                     colors = ButtonDefaults.buttonColors(backgroundColor = accentColor),
                 ) {
-                    Icon(imageVector = Icons.Default.KeyboardArrowRight, contentDescription = "Move Right")
+                    Icon(
+                        imageVector = Icons.Default.KeyboardArrowRight,
+                        contentDescription = "Move Right"
+                    )
                 }
                 Button(
                     onClick = { puzzle15.operation(Swap(direction = UP)) },
                     colors = ButtonDefaults.buttonColors(backgroundColor = accentColor),
                 ) {
-                    Icon(imageVector = Icons.Default.KeyboardArrowDown, contentDescription = "Move Down")
+                    Icon(
+                        imageVector = Icons.Default.KeyboardArrowDown,
+                        contentDescription = "Move Down"
+                    )
                 }
                 Button(
                     onClick = { puzzle15.operation(Swap(direction = RIGHT)) },
                     colors = ButtonDefaults.buttonColors(backgroundColor = accentColor),
                 ) {
-                    Icon(imageVector = Icons.Default.KeyboardArrowLeft, contentDescription = "Move Left")
+                    Icon(
+                        imageVector = Icons.Default.KeyboardArrowLeft,
+                        contentDescription = "Move Left"
+                    )
                 }
             }
             Button(

appyx-components/experimental/puzzle15/web/src/jsMain/resources/index.html

@@ -10,6 +10,6 @@
 <div>
     <canvas id="ComposeTarget" width="512" height="512"></canvas>
 </div>
-<script src="puzzle15-web.js"> </script>
+<script src="puzzle15-web.js"></script>
 </body>
 </html>

appyx-components/internal/test-drive/common/src/commonMain/kotlin/com/bumble/appyx/components/internal/testdrive/TestDriveExperiment.kt

@@ -162,7 +162,10 @@ fun <InteractionTarget : Any> TestDriveUi(
                 modifier = Modifier
                     .size(60.dp)
                     .align(targetUiState.position.value.alignment)
-                    .offset(targetUiState.position.value.offset.x, targetUiState.position.value.offset.y)
+                    .offset(
+                        targetUiState.position.value.offset.x,
+                        targetUiState.position.value.offset.y
+                    )
                     .border(2.dp, targetUiState.backgroundColor.value)
                     .semantics {
                         contentDescription = TEST_DRIVE_EXPERIMENT_TEST_HELPER

appyx-components/internal/test-drive/common/src/commonMain/kotlin/com/bumble/appyx/components/internal/testdrive/TestDriveModel.kt

@@ -1,12 +1,12 @@
 package com.bumble.appyx.components.internal.testdrive
 
 import com.bumble.appyx.components.internal.testdrive.TestDriveModel.State.ElementState.A
-import com.bumble.appyx.interactions.Parcelable
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.Element
 import com.bumble.appyx.interactions.core.asElement
 import com.bumble.appyx.interactions.core.model.transition.BaseTransitionModel
 import com.bumble.appyx.interactions.core.state.SavedStateMap
+import com.bumble.appyx.utils.multiplatform.Parcelable
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 class TestDriveModel<InteractionTarget : Any>(
     val element: InteractionTarget,

appyx-components/internal/test-drive/common/src/commonMain/kotlin/com/bumble/appyx/components/internal/testdrive/operation/MoveTo.kt

@@ -3,9 +3,9 @@ package com.bumble.appyx.components.internal.testdrive.operation
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.internal.testdrive.TestDrive
 import com.bumble.appyx.components.internal.testdrive.TestDriveModel
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 data class MoveTo<InteractionTarget>(

appyx-components/internal/test-drive/common/src/commonMain/kotlin/com/bumble/appyx/components/internal/testdrive/operation/Next.kt

@@ -3,9 +3,9 @@ package com.bumble.appyx.components.internal.testdrive.operation
 import androidx.compose.animation.core.AnimationSpec
 import com.bumble.appyx.components.internal.testdrive.TestDrive
 import com.bumble.appyx.components.internal.testdrive.TestDriveModel
-import com.bumble.appyx.interactions.Parcelize
 import com.bumble.appyx.interactions.core.model.transition.BaseOperation
 import com.bumble.appyx.interactions.core.model.transition.Operation
+import com.bumble.appyx.utils.multiplatform.Parcelize
 
 @Parcelize
 data class Next<InteractionTarget>(