Hello! I want to add compose web to my existing KM...

# compose-web

[Sebastien Leclerc Lavallee]

Hello!
I want to add compose web to my existing KMP project but the problem is that I’m already using Kotlin 1.6.20. Currently, the compose setup set the Jetbrain’s compose plugin to 1.1.1 ( id("org.jetbrains.compose") version "1.1.1" ). I think I got this from a tutorial or wizard in IntelliJ. Now I know that compose 1.1.1 does not support Kotlin 1.6.20. But I saw last week that a new version of the compose compiler alpha version (1.2.0-alpha08 ) does now support Kotlin 1.6.20. But how do I get to force the compiler version ? Will it even work since the compiler is the one provided by Google and not the Jetbrain’s one which support compose web. Or are there any difference?! build.gradle.kts setup in thread.

Thanks for clarifications 😅

[Sebastien Leclerc Lavallee]

import org.jetbrains.compose.compose

plugins {
  kotlin("multiplatform")
  id("org.jetbrains.compose") version "1.1.1"
}

group = "com.test.web"
version = "0.0.1"

kotlin {
  js(IR) {
    browser {
      testTask {
        testLogging.showStandardStreams = true
        useKarma {
          useChromeHeadless()
          useFirefox()
        }
      }
    }
    binaries.executable()
  }

  sourceSets {
    val jsMain by getting {
      dependencies {
        implementation(compose.web.core)
        implementation(compose.runtime)
      }
    }
    val jsTest by getting {
      dependencies {
        implementation(kotlin("test-js"))
      }
    }
  }
}

[Kirill Grouchnikov]

https://github.com/JetBrains/compose-jb/issues/2019

[hfhbd]

BTW 0.0.0-on-rebase-12-apr-2022-dev670 compiles with 1.6.20, but it is not an official release, not even an alpha release

[Sebastien Leclerc Lavallee]

@Kirill Grouchnikov thanks for the link!

So my understanding is that both compose are totally unrelated. And I should follow compose-jb repo for those release

And thanks for the precision @hfhbd

I'll try and see how it goes

[hfhbd]

Yes. 1.2.0-alpha08 is Googles Android Compose version, which differs from Compose Multiplatform by JetBrains

[hfhbd]

If you really want to test snapshot builds with 1.6.20, you could use build number 670+: https://maven.pkg.jetbrains.space/public/p/compose/dev/org/jetbrains/compose/web/web-core/
But again, these snapshots are not releases and are not properly tested.
For prototyping and learning compose, I would use a playground project with the official releases.

[Sebastien Leclerc Lavallee]

So build number more than 670 should include the on-rebase-12-april-2022-dev670 rebase? 🤔 Let’s say the latest 0.0.0-master-dev673 should also work on 1.6.20 ?

[John O'Reilly]

fwiw I've tested that version here with Compose for Desktop, Web and iOS (with Kotlin 1.6.20) and seems to work fine (changes pushed to following....will update it once more stable version available https://github.com/joreilly/PeopleInSpace )

[hfhbd]

Yes

[Sebastien Leclerc Lavallee]

Did try with 0.0.0-master-dev673 and working fine for now for my setup. I’ll continue to check compose web but at least it’s compiling which is what I wanted. Thanks for the help!

[phuc.tran]

Hey @Sebastien Leclerc Lavallee I’m trying to add web to my project too. Can you share the steps to do that?

[Sebastien Leclerc Lavallee]

@phuc.tran I did create a separate new project, Kotlin / Compose Web and copied it as a module inside my current project

[phuc.tran]

thanks @Sebastien Leclerc Lavallee for sharing

[Sebastien Leclerc Lavallee]

@phuc.tran Pleasure 🙂