Fix skiko.js unpacking for k/js target (#5105)

K/JS and K/Wasm have differences in the packaging logic, and therefore
we need to account for it when unpacking Skiko files.

Fixes [CMP-5649](https://youtrack.jetbrains.com/issue/CMP-5649)


## Testing
- Added a test, which checks the state of k/js distribution


This should be tested by QA

gradle-plugins/compose/src/main/kotlin/org/jetbrains/compose/web/internal/configureWebApplication.kt

@@ -10,13 +10,17 @@ import org.gradle.api.artifacts.Configuration
 import org.gradle.api.artifacts.ResolvedDependency
 import org.gradle.api.artifacts.UnresolvedDependency
 import org.gradle.api.artifacts.component.ModuleComponentIdentifier
+import org.gradle.api.file.DuplicatesStrategy
 import org.gradle.api.provider.Provider
+import org.gradle.language.jvm.tasks.ProcessResources
 import org.jetbrains.compose.ComposeBuildConfig
 import org.jetbrains.compose.ComposeExtension
 import org.jetbrains.compose.internal.utils.detachedComposeDependency
 import org.jetbrains.compose.internal.utils.registerTask
 import org.jetbrains.compose.web.WebExtension
 import org.jetbrains.compose.web.tasks.UnpackSkikoWasmRuntimeTask
+import org.jetbrains.kotlin.gradle.targets.js.KotlinWasmTargetType
+import org.jetbrains.kotlin.gradle.targets.js.ir.KotlinJsIrTarget
 import org.jetbrains.kotlin.gradle.tasks.IncrementalSyncTask
 
 internal fun Project.configureWeb(
@@ -46,13 +50,16 @@ internal fun Project.configureWeb(
         }
     }
 
+    val targets = webExt.targetsToConfigure(project)
+
     // configure only if there is k/wasm or k/js target:
-    if (webExt.targetsToConfigure(project).isNotEmpty()) {
+    if (targets.isNotEmpty()) {
-        configureWebApplication(project, shouldRunUnpackSkiko)
+        configureWebApplication(targets, project, shouldRunUnpackSkiko)
     }
 }
 
 internal fun configureWebApplication(
+    targets: Collection<KotlinJsIrTarget>,
     project: Project,
     shouldRunUnpackSkiko: Provider<Boolean>
 ) {
@@ -76,9 +83,29 @@ internal fun configureWebApplication(
         outputDir.set(unpackedRuntimeDir)
     }
 
-    project.tasks.withType(IncrementalSyncTask::class.java) {
+    targets.forEach { target ->
-        it.dependsOn(unpackRuntime)
+        target.compilations.all { compilation ->
-        it.from.from(unpackedRuntimeDir)
+            // `wasmTargetType` is available starting with kotlin 1.9.2x
+            if (target.wasmTargetType != null) {
+                // Kotlin/Wasm uses ES module system to depend on skiko through skiko.mjs.
+                // Further bundler could process all files by its own (both skiko.mjs and skiko.wasm) and then emits its own version.
+                // So that’s why we need to provide skiko.mjs and skiko.wasm only for webpack, but not in the final dist.
+                compilation.binaries.all {
+                    it.linkSyncTask.configure {
+                        it.dependsOn(unpackRuntime)
+                        it.from.from(unpackedRuntimeDir)
+                    }
+                }
+            } else {
+                // Kotlin/JS depends on Skiko through global space.
+                // Bundler cannot know anything about global externals, so that’s why we need to copy it to final dist
+                project.tasks.named(compilation.processResourcesTaskName, ProcessResources::class.java) {
+                    it.from(unpackedRuntimeDir)
+                    it.dependsOn(unpackRuntime)
+                    it.exclude("META-INF")
+                }
+            }
+        }
     }
 }
 

gradle-plugins/compose/src/test/kotlin/org/jetbrains/compose/test/tests/integration/GradlePluginTest.kt

@@ -49,6 +49,7 @@ class GradlePluginTest : GradlePluginTestBase() {
             check.taskSuccessful(":compileKotlinJs")
             check.taskSuccessful(":compileKotlinWasmJs")
             check.taskSuccessful(":wasmJsBrowserDistribution")
+            check.taskSuccessful(":jsBrowserDistribution")
 
             file("./build/dist/wasmJs/productionExecutable").apply {
                 checkExists()
@@ -61,6 +62,14 @@ class GradlePluginTest : GradlePluginTestBase() {
                 // one file is the app wasm file and another one is skiko wasm file with a mangled name
                 assertEquals(2, distributionFiles.filter { it.endsWith(".wasm") }.size)
             }
+
+            file("./build/dist/js/productionExecutable").apply {
+                checkExists()
+                assertTrue(isDirectory)
+                val distributionFiles = listFiles()!!.map { it.name }.toList()
+                assertTrue(distributionFiles.contains("skiko.wasm"))
+                assertTrue(distributionFiles.contains("skiko.js"))
+            }
         }
     }
 

gradle-plugins/compose/src/test/kotlin/org/jetbrains/compose/test/tests/integration/KotlinCompatibilityTest.kt

@@ -16,7 +16,7 @@ class KotlinCompatibilityTest : GradlePluginTestBase() {
     fun testKotlinMpp_1_9_10() = testMpp("1.9.10")
 
     @Test
-    fun testKotlinJsMpp_1_9_10() = testJsMpp("1.9.10")
+    fun testKotlinJsMpp_1_9_24() = testJsMpp("1.9.24")
 
     @Test
     fun testKotlinMpp_1_9_20() = testMpp("1.9.20")