Add web support

build.gradle.kts

@@ -1,9 +1,8 @@
 plugins {
  //trick: for the same plugin versions in all sub-modules
-// kotlin("jvm") version "1.8.10" apply false
- kotlin("android") version "1.8.10" apply false
- kotlin("multiplatform") version "1.8.10" apply false
- kotlin("plugin.serialization") version "1.8.10" apply false
+ kotlin("android") version "1.8.0" apply false
+ kotlin("multiplatform") version "1.8.0" apply false
+ kotlin("plugin.serialization") version "1.8.0" apply false
  id("app.cash.sqldelight") version "2.0.0-alpha05" apply false
  id("com.android.application") version "7.3.0" apply false
  id("com.android.library") version "7.3.0" apply false
@@ -16,8 +15,11 @@ allprojects {
  mavenCentral()
  maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
  }
-}
 
-tasks.register("clean", Delete::class) {
- delete(rootProject.buildDir)
+ afterEvaluate {
+ // Workaround for https://youtrack.jetbrains.com/issue/KT-52776
+ rootProject.extensions.findByType<org.jetbrains.kotlin.gradle.targets.js.nodejs.NodeJsRootExtension>()?.apply {
+ versions.webpackCli.version = "4.10.0"
+ }
+ }
 }

buildSrc/src/main/java/com/mocoding/pokedex/Deps.kt

@@ -8,6 +8,11 @@ object Deps {
 
  const val kotlinxSerializationJson = "org.jetbrains.kotlinx:kotlinx-serialization-json:${Versions.serialization}"
  }
+
+ object KotlinWrappers {
+ const val kotlinWrappersBom = "org.jetbrains.kotlin-wrappers:kotlin-wrappers-bom:${Versions.kotlinWrappersBom}"
+ const val kotlinStyled = "org.jetbrains.kotlin-wrappers:kotlin-styled"
+ }
  }
  }
 
@@ -22,6 +27,7 @@ object Deps {
  const val ktorClientAndroid = "io.ktor:ktor-client-android:${Versions.ktor}"
  const val ktorClientDarwin = "io.ktor:ktor-client-darwin:${Versions.ktor}"
  const val ktorClientJava = "io.ktor:ktor-client-java:${Versions.ktor}"
+ const val ktorClientJs = "io.ktor:ktor-client-js:${Versions.ktor}"
  }
  }
 
@@ -59,6 +65,10 @@ object Deps {
  const val decompose = "com.arkivanov.decompose:decompose:${Versions.decompose}"
  const val extensionsCompose = "com.arkivanov.decompose:extensions-compose-jetbrains:${Versions.decompose}"
  }
+
+ object Essenty {
+ const val lifecycle = "com.arkivanov.essenty:lifecycle:${Versions.essenty}"
+ }
  }
 
  object Github {

buildSrc/src/main/java/com/mocoding/pokedex/Versions.kt

@@ -2,16 +2,18 @@ package com.mocoding.pokedex
 
 object Versions {
  const val gradlePlugin = "7.3.0"
- const val kotlin = "1.8.10"
+ const val kotlin = "1.8.0"
  const val compose = "1.3.1"
- const val composeCompoiler = "1.4.2"
+ const val composeCompoiler = "1.4.1"
  const val coroutines = "1.6.4"
  const val serialization = "1.4.1"
  const val mviKotlin = "3.1.0"
  const val decompose = "1.0.0-compose-experimental"
+ const val essenty = "1.0.0"
  const val ktor = "2.2.3"
  const val sqlDelight = "2.0.0-alpha05"
  const val koin = "3.2.0"
  const val imageLoader = "1.2.10"
  const val logbackClassic = "1.2.11"
+ const val kotlinWrappersBom = "1.0.0-pre.510"
 }

desktop/src/jvmMain/kotlin/Main.kt

@@ -13,8 +13,6 @@ import javax.swing.SwingUtilities
 fun main() {
  initKoin(enableNetworkLogs = false)
 
-// overrideSchedulers(main = Dispatchers.Main::asScheduler)
-
  val rootComponent = invokeOnAwtSync {
  setMainThreadId(Thread.currentThread().id)
 

gradle.properties

@@ -16,6 +16,9 @@ kotlin.mpp.androidSourceSetLayoutVersion=2
 xcodeproj=./ios
 org.jetbrains.compose.experimental.uikit.enabled=true
 
+#Web
+org.jetbrains.compose.experimental.jscanvas.enabled=true
+
 #Versions
 kotlin.version=1.8.10
 agp.version=7.3.0
@@ -28,5 +31,5 @@ kotlin.native.binary.memoryModel=experimental
 kotlin.native.cocoapods.generate.wrapper=true
 kotlin.native.cacheKind=none
 kotlin.native.useEmbeddableCompilerJar=true
-kotlin.native.enableDependencyPropagation=false
-kotlin.mpp.enableGranularSourceSetsMetadata=true
+#kotlin.native.enableDependencyPropagation=false
+#kotlin.mpp.enableGranularSourceSetsMetadata=true

ios/Pokedex/PokedexApp.swift

@@ -11,6 +11,10 @@ import shared
 
 @main
 struct PokedexApp: App {
+ @Environment(\.scenePhase) private var scenePhase
+
+ private let lifecycle = LifecycleRegistry()
+
  var body: some Scene {
  WindowGroup {
  GeometryReader { geo in
@@ -23,6 +27,18 @@ struct PokedexApp: App {
  // Hide keyboard on tap outside of TextField
  UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
  }
+ .onChange(of: scenePhase) { phase in
+ switch phase {
+ case .active:
+ print(">> your code is here on scene become active")
+ case .inactive:
+ print(">> your code is here on scene become inactive")
+ case .background:
+ print(">> your code is here on scene go background")
+ default:
+ print(">> do something else in future")
+ }
+ }
  }
  }
  }