Merge pull request #36 from skydoves/kmp/support-wasm

Support wasmJs in multiplatform

Author: skydoves

compose-stability-analyzer-idea/CHANGELOG.md

@@ -4,6 +4,13 @@ All notable changes to the IntelliJ IDEA plugin will be documented in this file.
 
 ## [Unreleased]
 
+### Added
+- **wasmJs target support** - Added WebAssembly JavaScript (wasmJs) target to stability-runtime module (Issue #32)
+  - Enables Kotlin Multiplatform projects to use wasmJs alongside other targets (Android, iOS, Desktop, macOS)
+  - Runtime module now publishes wasmJs artifacts (klib) for Compose Multiplatform web applications
+  - Implemented `DefaultRecompositionLogger` for wasmJs using `println()` for browser console output
+  - wasmJs target placed directly under common hierarchy (separate from skia group) for proper source set resolution
+
 ---
 
 ## [0.5.0] - 2025-11-08

stability-runtime/build.gradle.kts

@@ -32,11 +32,16 @@ kotlin {
   macosX64()
   macosArm64()
 
+  wasmJs {
+    browser()
+  }
+
   @Suppress("OPT_IN_USAGE")
   applyHierarchyTemplate {
     common {
       withAndroidTarget()
       withJvm()
+      withWasmJs()
       group("skia") {
         group("darwin") {
           group("apple") {

stability-runtime/src/wasmJsMain/kotlin/com/skydoves/compose/stability/runtime/DefaultRecompositionLogger.wasmJs.kt

@@ -0,0 +1,62 @@
+/*
+ * Designed and developed by 2025 skydoves (Jaewoong Eum)
+ *
+ * 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.
+ */
+package com.skydoves.compose.stability.runtime
+
+/**
+ * WebAssembly JavaScript implementation of DefaultRecompositionLogger that uses println.
+ *
+ * Example output:
+ * ```
+ * [Recomposition #3] UserProfile (tag: user-screen)
+ *   ├─ user: User changed (User@abc123 → User@def456)
+ *   ├─ count: Int stable (42)
+ *   ├─ onClick: () -> Unit stable
+ *   └─ Unstable parameters: [user]
+ * ```
+ */
+public actual class DefaultRecompositionLogger : RecompositionLogger {
+  public actual constructor()
+
+  actual override fun log(event: RecompositionEvent) {
+    val tagSuffix = if (event.tag.isNotEmpty()) " (tag: ${event.tag})" else ""
+
+    println("[Recomposition #${event.recompositionCount}] ${event.composableName}$tagSuffix")
+
+    // Log parameter changes
+    event.parameterChanges.forEachIndexed { index, change ->
+      val isLast = index == event.parameterChanges.size - 1
+      val prefix = if (isLast) "  └─" else "  ├─"
+
+      val status = when {
+        change.changed -> {
+          val oldStr = change.oldValue?.toString() ?: "null"
+          val newStr = change.newValue?.toString() ?: "null"
+          "changed ($oldStr → $newStr)"
+        }
+
+        change.stable -> "stable (${change.newValue})"
+        else -> "unstable (${change.newValue})"
+      }
+
+      println("$prefix ${change.name}: ${change.type} $status")
+    }
+
+    // Log unstable parameters summary
+    if (event.unstableParameters.isNotEmpty()) {
+      println("  └─ Unstable parameters: ${event.unstableParameters}")
+    }
+  }
+}