I am trying to investigate the following way for defining multiplatform composables: - creating a ne...

# compose-desktop

[Daniele B]

I am trying to investigate the following way for defining multiplatform composables:
• creating a new project called “*composables*” as multiplatform, with 3 sourcesets:
◦ commonMain (with composables used by all)
◦ materialMain (with composables used by Android and Desktop), as JVM
◦ webMain (with composables just used by Web), as JS
However, I am getting some errors, as I guess I have missed something (maybe a lot) in my gradle file definition.
Does this approach make any sense to you?

[Daniele B]

message has been deleted

[Daniele B]

If setup properly, in theory I shouldn’t get errors in the “MaterialMain” shared by Android and Desktop

[Daniele B]

What I can see it’s missing in the gradle file is a reference to the Android and Desktop Compose version. How should I specify that?

[Daniele B]

This is my project structure. Beside the “composables” project, I also have:
• androidApp
• desktopApp
• webApp
The Compose version is already specified on those projects.
I guess I need to connect somehow these projects to the “composable” project.

[Arkadii Ivanov]

You should also enable the compose plugin: org.jetbrains.compose. And I'm not sure if Android will work with plain JVM module with Compose, but worth to try.

[Daniele B]

Thanks @Arkadii Ivanov I have just changed the “*composables*” gradle file to this. But I still get the same errors:

[Daniele B]

message has been deleted

[rnett]

Are you actually adding the compose dependencies anywhere? You didn't share your source set config. Because the target setup looks correct

[Daniele B]

@rnett do you mean the SourceSets on this gradle file? I didn’t add any, as these composable as not dependent on any libraries. They are pure Compose.

[rnett]

It does depend on compose though. Afaik the compose plugin doesn't automatically add runtime dependencies

[Daniele B]

Yes, it seems so. Currently the Compose dependencies are specified on the app projects gradle files.
I wonder if:
• I need to duplicate the same compose dependencies to this “composables” gradle file
• I should specify the compose dependencies ONLY on this “composables” gradle file (by removing them from the app projects gradle files)
• I should connect the app projects to this “composables” project (and how)

[rnett]

I would depend on the compose runtime as api in composables, since your app projects are depending on it, right? They might need some platform specific dependencies, but the common ones should be as high up in the dependency tree as possible

[Daniele B]

not sure how the dependency on the compose runtime should be specified

[rnett]

See https://kotlinlang.org/docs/mpp-add-dependencies.html, you probably want it in common (I think it supports it? not sure) I know there's some multiplatform compose projects floating around, you might want to start with one of them

[Daniele B]

I am confused. Not sure which Compose dependencies should go in Common.

[rnett]

I think you have to trial and error a bit, but https://github.com/JetBrains/compose-jb/tree/master/examples/falling_balls_with_web is a good starting point

[rnett]

https://github.com/JetBrains/compose-jb/tree/master/examples/todoapp looks like it has a web module as well, with a different setup

[darkmoon_uk]

@Daniele B I have got this setup working and would be happy to assist. It sounds like part of your issues may be a confusion that also caught me for a bit; that you should be using implementation(compose.web.widgets) from your common source-set. Yes, the 'web'-named artifact is common 😱 🤦‍♂️ I called this out last week to [JB] as being misleading.

[darkmoon_uk]

Here's the build.gradle.kts from my client module, featuring (what I similarly called) a materialCompose source-set.

client_build_gradle_kts.txt

[Arkadii Ivanov]

From the very recent web artifacts are also published together with normal desktop and Android. So it should be possible to use api(compose.runtime). Just double check that the version you are using is published with web. 0.5.0-build225 should work!

[Arkadii Ivanov]

Only the runtime dependency will be possible in common, others are not published for Web at the moment.

[Javier]

Compose Gradle plugin has the compose accessor for getting dependencies, but it is not applying dependencies, but you need to apply then in commonMain (which should be used in all targets), and the specific deps in the specific source sets (maybe navigation in Android, and so on).