Add kmp support to lib/

Author: sadellie

.gitignore

@@ -32,3 +32,6 @@ google-services.json
 
 # Android Profiling
 *.hprof
+
+# Kotlin
+.kotlin

build.gradle.kts

@@ -3,4 +3,6 @@ plugins {
     alias(libs.plugins.android.application) apply false
     alias(libs.plugins.kotlin.android) apply false
     alias(libs.plugins.kotlin.compose) apply false
+    alias(libs.plugins.multiplatform) apply false
+    alias(libs.plugins.compose.multiplatform) apply false
 }

gradle.properties

@@ -6,7 +6,7 @@
 # http://www.gradle.org/docs/current/userguide/build_environment.html
 # Specifies the JVM arguments used for the daemon process.
 # The setting is particularly useful for tweaking memory settings.
-org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8
+org.gradle.jvmargs=-Xmx4096m -Dfile.encoding=UTF-8
 # When configured, Gradle will run in incubating parallel mode.
 # This option should only be used with decoupled projects. For more details, visit
 # https://developer.android.com/r/tools/gradle-multi-project-decoupled-projects

gradle/libs.versions.toml

@@ -1,13 +1,15 @@
 [versions]
-agp = "8.13.0"
-kotlin = "2.0.21"
+kotlin = "2.2.20"
+agp = "8.12.3"
 coreKtx = "1.17.0"
 junit = "4.13.2"
 junitVersion = "1.3.0"
 espressoCore = "3.7.0"
 lifecycleRuntimeKtx = "2.9.4"
 activityCompose = "1.11.0"
 composeBom = "2025.09.01"
+composeMultiplatform = "1.9.0"
+material3 = "1.10.0-alpha01"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
@@ -24,9 +26,12 @@ androidx-compose-ui-tooling-preview = { group = "androidx.compose.ui", name = "u
 androidx-compose-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
 androidx-compose-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
 androidx-compose-material3 = { group = "androidx.compose.material3", name = "material3" }
+org-jetbrains-compose-material3-material3 = { module = "org.jetbrains.compose.material3:material3", version.ref = "material3" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }
 kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
 kotlin-compose = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }
+multiplatform = { id = "org.jetbrains.kotlin.multiplatform", version.ref = "kotlin" }
+compose-multiplatform = { id = "org.jetbrains.compose", version.ref = "composeMultiplatform" }
 

gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 #Fri Oct 03 16:13:13 PDT 2025
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.13-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists

lib/build.gradle.kts

@@ -1,13 +1,46 @@
+import org.jetbrains.kotlin.gradle.ExperimentalKotlinGradlePluginApi
+import org.jetbrains.kotlin.gradle.ExperimentalWasmDsl
 import org.jetbrains.kotlin.gradle.dsl.JvmTarget
 
 plugins {
     id("com.android.library")
-    alias(libs.plugins.kotlin.android)
     alias(libs.plugins.kotlin.compose)
+    alias(libs.plugins.compose.multiplatform)
+    alias(libs.plugins.multiplatform)
 
     id("maven-publish")
 }
 
+kotlin {
+    androidTarget {
+        @OptIn(ExperimentalKotlinGradlePluginApi::class)
+        compilerOptions { jvmTarget.set(JvmTarget.JVM_11) }
+    }
+
+    jvm {
+        @OptIn(ExperimentalKotlinGradlePluginApi::class)
+        compilerOptions { jvmTarget.set(JvmTarget.JVM_11) }
+    }
+
+    @OptIn(ExperimentalWasmDsl::class) wasmJs { browser() }
+
+    sourceSets {
+        commonMain.dependencies {
+            implementation(compose.ui)
+            implementation(compose.foundation)
+        }
+        androidUnitTest.dependencies { implementation(libs.junit) }
+        androidInstrumentedTest.dependencies {
+            implementation(libs.androidx.junit)
+            implementation(libs.androidx.espresso.core)
+            implementation(project.dependencies.platform(libs.androidx.compose.bom))
+            implementation(libs.androidx.compose.ui.test.junit4)
+            implementation(libs.androidx.compose.ui.tooling)
+            implementation(libs.androidx.compose.ui.test.manifest)
+        }
+    }
+}
+
 android {
     namespace = "com.github.pingpongboss.explodedlayers"
     compileSdk = 36
@@ -32,12 +65,13 @@ android {
         sourceCompatibility = JavaVersion.VERSION_11
         targetCompatibility = JavaVersion.VERSION_11
     }
-    kotlin { compilerOptions { jvmTarget = JvmTarget.fromTarget("11") } }
     buildFeatures { compose = true }
-
-    publishing { singleVariant("release") {} }
 }
 
+group = "com.github.pingpongboss"
+
+project.extra["artifactId"] = "compose-exploded-layers"
+
 version =
     runCatching {
             // Try to get the latest annotated or lightweight tag name
@@ -47,7 +81,7 @@ version =
             "0.0.0-SNAPSHOT" // fallback if no tags yet
         }
 
-fun String.runCommand(): String =
+private fun String.runCommand(): String =
     ProcessBuilder(*split(" ").toTypedArray())
         .redirectErrorStream(true)
         .start()
@@ -57,13 +91,7 @@ fun String.runCommand(): String =
 
 publishing {
     publications {
-        create<MavenPublication>("release") {
-            // For Android:
-            afterEvaluate { from(components["release"]) }
-
-            groupId = "com.github.pingpongboss"
-            artifactId = "compose-exploded-layers"
-
+        publications.withType<MavenPublication>().configureEach {
             pom {
                 name.set("Exploded Layers for Jetpack Compose")
                 description.set("Turn any composable into an interactive “3D exploded view”.")
@@ -94,21 +122,3 @@ publishing {
         }
     }
 }
-
-dependencies {
-    implementation(libs.androidx.core.ktx)
-    implementation(libs.androidx.lifecycle.runtime.ktx)
-    implementation(libs.androidx.activity.compose)
-    implementation(platform(libs.androidx.compose.bom))
-    implementation(libs.androidx.compose.ui)
-    implementation(libs.androidx.compose.ui.graphics)
-    implementation(libs.androidx.compose.ui.tooling.preview)
-    implementation(libs.androidx.compose.material3)
-    testImplementation(libs.junit)
-    androidTestImplementation(libs.androidx.junit)
-    androidTestImplementation(libs.androidx.espresso.core)
-    androidTestImplementation(platform(libs.androidx.compose.bom))
-    androidTestImplementation(libs.androidx.compose.ui.test.junit4)
-    debugImplementation(libs.androidx.compose.ui.tooling)
-    debugImplementation(libs.androidx.compose.ui.test.manifest)
-}

lib/src/main/AndroidManifest.xml lib/src/androidMain/AndroidManifest.xmllib/src/main/AndroidManifest.xml renamed to lib/src/androidMain/AndroidManifest.xml

@@ -24,13 +24,13 @@ import androidx.compose.ui.geometry.Offset
 import androidx.compose.ui.graphics.TransformOrigin
 import androidx.compose.ui.graphics.drawscope.drawIntoCanvas
 import androidx.compose.ui.graphics.graphicsLayer
-import androidx.compose.ui.graphics.nativeCanvas
 import androidx.compose.ui.layout.onGloballyPositioned
 import androidx.compose.ui.layout.positionInWindow
 import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.unit.DpOffset
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.times
+import kotlin.math.PI
 import kotlin.math.tan
 
 private val LocalState = compositionLocalOf<ExplodedLayersState?> { null }
@@ -256,7 +256,7 @@ private fun Modifier.skew(state: ExplodedLayersState): Modifier {
         val halfLifeY = state.initialOffset.y / 1.5f
 
         drawWithContent {
-            fun tanDeg(d: Float) = tan(Math.toRadians(d.toDouble())).toFloat()
+            fun tanDeg(d: Float) = tan(toRadians(d.toDouble())).toFloat()
 
             val normalizeX = normalize(state.offset.x.toPx(), halfLife = halfLifeX.toPx())
             val normalizeY = normalize(state.offset.y.toPx(), halfLife = halfLifeY.toPx())
@@ -271,7 +271,7 @@ private fun Modifier.skew(state: ExplodedLayersState): Modifier {
             drawIntoCanvas { canvas ->
                 canvas.save()
                 canvas.translate(px, py)
-                canvas.nativeCanvas.skew(tanDeg(degreesX), tanDeg(degreesY))
+                canvas.skew(tanDeg(degreesX), tanDeg(degreesY))
                 canvas.translate(-px, -py)
 
                 // draw the original content under the skew
@@ -408,3 +408,6 @@ object ExplodedLayersDefaults {
      */
     fun offset() = DpOffset(x = -40.dp, y = 40.dp)
 }
+
+// java.Math is not available in kmp
+private fun toRadians(deg: Double): Double = deg / 180.0 * PI