First, check out: https://github.com/varabyte/kobweb#what-about-compose-for-web-canvas

Basically, you have to think of Compose for Web DOM as a fairly different UI approach. It will be hard to share UI code between C4W DOM and, say, Android and Desktop.

However, if you just want to share business logic between a C4W site and your other projects, then sure, that's fine.

In short Compose for Web DOM is getting to use Kotlin instead of JS/TS Compose for Web Canvas is getting to use Kotlin instead of Dart (i.e. Flutter)

To do that, you need to do a few things...

1. Set a dependency on my artifact repository location 2. Apply the Kobweb Gradle Application plugin 3. Update your build.gradle.kts script 4. Add a .kobweb/conf.yaml file in your Kobweb application module's folder

The dependency on the artifact repository location can be found in settings.gradle.kts

If I were you, I'd create a new empty module in your application, maybe

site

or whatever, and then create a dummy project on the side, and copy it over.

(Note that the Kobweb Gradle Application plugin is pretty opinionated. It wants to create your index.html and main.kt files for you, and you probably already have one, which is why it's probably good to create a new module)

Once you have the new module building within your project, copy code over incrementally.

I apologize there's not a better way yet. With my limited resources, I still need to focus on supporting new projects, but I hope this will get better someday. I can help you out if you are willing to try!

Good luck!

I'm impressed you navigated that on your own 👍 Sorry if it was frustrating.

In case anyone finds this thread in some future search, I went ahead and added a section to the README with more detailed instructions: https://github.com/varabyte/kobweb#adding-kobweb-to-an-existing-project