Add wasm with compose final

AddShoppingListElement.http

@@ -0,0 +1,7 @@
+POST http://localhost:9090/shoppingList
+Content-Type: application/json
+
+{
+  "desc": "Peppers 🌶",
+  "priority": 5
+}

DeleteShoppingListElement.http

@@ -0,0 +1 @@
+DELETE http://localhost:9090/shoppingList/AN_ID_GOES_HERE

build.gradle.kts

@@ -1,23 +1,25 @@
 import org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpack
 
-val kotlinVersion = "1.7.20-Beta"
-val serializationVersion = "1.3.3"
-val ktorVersion = "2.0.3"
+val serializationVersion = "1.6.2"
+val ktorVersion = "3.0.0-wasm2"
 val logbackVersion = "1.2.11"
-val kotlinWrappersVersion = "1.0.0-pre.354"
+val kotlinWrappersVersion = "1.0.0-pre.621"
 val kmongoVersion = "4.5.0"
 
 plugins {
-    kotlin("multiplatform") version "1.7.20-Beta"
+    kotlin("multiplatform") version "1.9.21"
     application //to run JVM part
-    kotlin("plugin.serialization") version "1.7.20-Beta"
+    kotlin("plugin.serialization") version "1.9.21"
+    id("org.jetbrains.compose") version "1.6.0-alpha01"
 }
 
 group = "org.example"
 version = "1.0-SNAPSHOT"
 
 repositories {
     mavenCentral()
+    maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+    maven("https://maven.pkg.jetbrains.space/kotlin/p/wasm/experimental")
 }
 
 kotlin {
@@ -29,11 +31,19 @@ kotlin {
             binaries.executable()
         }
     }
+    wasmJs {
+        browser {
+            binaries.executable()
+        }
+    }
     sourceSets {
         val commonMain by getting {
             dependencies {
-                implementation("org.jetbrains.kotlinx:kotlinx-serialization-json:$serializationVersion")
+                implementation(compose.runtime)
                 implementation("io.ktor:ktor-client-core:$ktorVersion")
+                implementation("io.ktor:ktor-client-content-negotiation:$ktorVersion")
+                implementation("io.ktor:ktor-serialization-kotlinx-json:$ktorVersion")
+                implementation("org.jetbrains.kotlinx:kotlinx-serialization-json:$serializationVersion")
             }
         }
 
@@ -61,36 +71,52 @@ kotlin {
         val jsMain by getting {
             dependencies {
                 implementation("io.ktor:ktor-client-js:$ktorVersion")
-                implementation("io.ktor:ktor-client-content-negotiation:$ktorVersion")
-                implementation("io.ktor:ktor-serialization-kotlinx-json:$ktorVersion")
                 implementation(project.dependencies.enforcedPlatform("org.jetbrains.kotlin-wrappers:kotlin-wrappers-bom:$kotlinWrappersVersion"))
                 implementation("org.jetbrains.kotlin-wrappers:kotlin-react")
                 implementation("org.jetbrains.kotlin-wrappers:kotlin-react-dom")
             }
         }
+
+        val wasmJsMain by getting {
+            dependencies {
+                implementation(compose.ui)
+                implementation(compose.foundation)
+                implementation(compose.material3)
+                @OptIn(org.jetbrains.compose.ExperimentalComposeLibrary::class)
+                implementation(compose.components.resources)
+                implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core:1.8.0-RC2")
+            }
+        }
     }
 }
 
 application {
     mainClass.set("ServerKt")
 }
 
+compose.experimental {
+    web.application {}
+}
+
 // include JS artifacts in any JAR we generate
-tasks.getByName<Jar>("jvmJar") {
+tasks.named<Jar>("jvmJar").configure {
+    val taskPrefix = if (project.properties.get("app.run.wasm") == "true") "wasmJs" else "js"
     val taskName = if (project.hasProperty("isProduction")
         || project.gradle.startParameter.taskNames.contains("installDist")
     ) {
-        "jsBrowserProductionWebpack"
+        "${taskPrefix}BrowserProductionWebpack"
     } else {
-        "jsBrowserDevelopmentWebpack"
+        "${taskPrefix}BrowserDevelopmentWebpack"
     }
-    val webpackTask = tasks.getByName<KotlinWebpack>(taskName)
-    dependsOn(webpackTask) // make sure JS gets compiled first
-    from(File(webpackTask.destinationDirectory, webpackTask.outputFileName)) // bring output file along into the JAR
+    val webpackTask = tasks.named<KotlinWebpack>(taskName)
+    dependsOn(webpackTask)
+    from(webpackTask.map { it.outputDirectory }) // bring output file along into the JAR
+    into("static")
+    duplicatesStrategy = DuplicatesStrategy.EXCLUDE
 }
 
 tasks {
-    withType<org.jetbrains.kotlin.gradle.tasks.KotlinCompile> {
+    withType<org.jetbrains.kotlin.gradle.tasks.KotlinCompile>().configureEach {
         kotlinOptions {
             jvmTarget = "1.8"
         }
@@ -109,10 +135,10 @@ distributions {
 }
 
 // Alias "installDist" as "stage" (for cloud providers)
-tasks.create("stage") {
-    dependsOn(tasks.getByName("installDist"))
+tasks.register("stage") {
+    dependsOn(tasks.named("installDist"))
 }
 
-tasks.getByName<JavaExec>("run") {
-    classpath(tasks.getByName<Jar>("jvmJar")) // so that the JS artifacts generated by `jvmJar` can be found and served
-}
+tasks.named<JavaExec>("run").configure {
+    classpath(tasks.named<Jar>("jvmJar")) // so that the JS artifacts generated by `jvmJar` can be found and served
+}

gradle.properties

@@ -1 +1,9 @@
-kotlin.code.style=official
+kotlin.code.style=official
+kotlin.js.compiler=ir
+kotlin.incremental=true
+kotlin.incremental.js=true
+kotlin.incremental.js.ir=true
+kotlin.incremental.js.klib=true
+org.jetbrains.compose.experimental.wasm.enabled=true
+kotlin.daemon.jvmargs=-Xmx4G
+app.run.wasm=false