Use context parameters throughout

Author: bnorm

build.gradle.kts

@@ -1,6 +1,7 @@
 import org.jetbrains.kotlin.compose.compiler.gradle.ComposeCompilerGradlePluginExtension
 import org.jetbrains.kotlin.compose.compiler.gradle.ComposeFeatureFlag
 import org.jetbrains.kotlin.gradle.dsl.KotlinMultiplatformExtension
+import org.jetbrains.kotlin.gradle.targets.wasm.nodejs.WasmNodeJsRootPlugin
 
 plugins {
     kotlin("multiplatform") apply false
@@ -23,15 +24,6 @@ allprojects {
     plugins.withId("org.jetbrains.kotlin.multiplatform") {
         extensions.configure<KotlinMultiplatformExtension> {
             sourceSets.all {
-//                compilerOptions {
-//                    freeCompilerArgs.add("-Xwhen-guards")
-//                    freeCompilerArgs.add("-Xcontext-parameters")
-//                }
-//                languageSettings {
-//                    optIn("androidx.compose.animation.core.ExperimentalTransitionApi")
-//                    optIn("androidx.compose.animation.ExperimentalAnimationApi")
-//                    optIn("androidx.compose.animation.ExperimentalSharedTransitionApi")
-//                }
                 languageSettings {
                     enableLanguageFeature("ContextParameters")
                     enableLanguageFeature("WhenGuards")
@@ -45,3 +37,9 @@ allprojects {
         }
     }
 }
+
+plugins.withType(WasmNodeJsRootPlugin::class.java) {
+    tasks.register("rootPackageJson") {
+        dependsOn(tasks.named("wasmRootPackageJson"))
+    }
+}

storyboard-easel/src/commonMain/kotlin/dev/bnorm/storyboard/easel/interop.kt

@@ -4,10 +4,40 @@ import androidx.compose.animation.*
 import androidx.compose.animation.SharedTransitionScope.*
 import androidx.compose.animation.SharedTransitionScope.PlaceHolderSize.Companion.contentSize
 import androidx.compose.animation.SharedTransitionScope.ResizeMode.Companion.ScaleToBounds
+import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment.Companion.Center
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.layout.ContentScale
 
+// ============================ //
+// ----- animateEnterExit ----- //
+// ============================ //
+
+context(animatedVisibilityScope: AnimatedVisibilityScope)
+fun Modifier.animateEnterExit(
+    enter: EnterTransition = fadeIn(),
+    exit: ExitTransition = fadeOut(),
+    label: String = "animateEnterExit",
+): Modifier {
+    with(animatedVisibilityScope) {
+        return animateEnterExit(
+            enter = enter,
+            exit = exit,
+            label = label,
+        )
+    }
+}
+
+// ========================= //
+// ----- sharedElement ----- //
+// ========================= //
+
+@Composable
+context(sharedTransitionScope: SharedTransitionScope)
+fun rememberSharedContentState(key: Any): SharedContentState {
+    return sharedTransitionScope.rememberSharedContentState(key)
+}
+
 // ========================= //
 // ----- sharedElement ----- //
 // ========================= //