hey guys, I am trying to run (jsBrowserRun) falling-balls example from compose-multiplatform example...

# compose-web

[Radoslaw Juszczyk]

hey guys, I am trying to run (jsBrowserRun) falling-balls example from compose-multiplatform example but it fails resolving these imports:

import androidx.compose.ui.window.Window
import org.jetbrains.skiko.wasm.onWasmReady

any idea what am i missing?

[jamshedalamqaderi]

package com.jamshedalamqaderi.fmadmin.web

import androidx.compose.ui.ExperimentalComposeUiApi
import androidx.compose.ui.window.CanvasBasedWindow
import com.jamshedalamqaderi.fmadmin.shared.presentation.FMAdminApp
import org.jetbrains.skiko.wasm.onWasmReady

@OptIn(ExperimentalComposeUiApi::class)
fun main() {
    onWasmReady {
        CanvasBasedWindow("FM Admin") {
//            FMAdminTheme {
//                ComposeRouter {
//                    routeView("/") {
//                        HomeScreen()
//                    }
//                }
//            }
            FMAdminApp()
        }
    }
}

[jamshedalamqaderi]

do like the above. this is a real world project that i'm working on it

[Radoslaw Juszczyk]

can you share you build.gradle for :web module ?

[jamshedalamqaderi]

import com.android.build.api.dsl.Optimization
import org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackConfig

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

kotlin {
    js(IR) {
        moduleName = "fmadmin-web"
        browser {
            commonWebpackConfig(Action {
                devServer = (devServer ?: KotlinWebpackConfig.DevServer()).copy(
                    static = (devServer?.static ?: mutableListOf()).apply {
                        // Serve sources to debug inside browser
                        add(project.rootDir.path)
                        add(project.rootDir.path + "/shared/")
                        add(project.rootDir.path + "/web/")
                    },
                )
            })
        }
        binaries.executable()
    }

    sourceSets {
        val jsMain by getting {
            dependencies {
                implementation(project(":shared"))
            }
        }
    }
}

compose.experimental {
    web.application {}
}

[Radoslaw Juszczyk]

still geting same errors ;/

[jamshedalamqaderi]

could you share your build and setting file?

[jamshedalamqaderi]

also gradle.properties as well

[Radoslaw Juszczyk]

i am trying to run this project:
https://github.com/JetBrains/compose-multiplatform/tree/master/examples/falling-balls

[jamshedalamqaderi]

what is your java version?

[Radoslaw Juszczyk]

java 18.0.2.1 2022-08-18

[jamshedalamqaderi]

ok. let me check by running on my pc

[Radoslaw Juszczyk]

thanks!

[Radoslaw Juszczyk]

ok i have added:

implementation(compose.runtime)
implementation(compose.ui)
implementation(compose.foundation)
implementation(compose.material)

to jsApp/build.gradle.kts

and now it runs fine

[Radoslaw Juszczyk]

but its a shame that the example in compose-multiplatform project does not compile

[Radoslaw Juszczyk]

or maybe i missed something else in my config

[jamshedalamqaderi]

in the shared module if this was api instead of implementation then you won't need to implement them again in platform module

[Radoslaw Juszczyk]

yes, i turned it to api now

[Radoslaw Juszczyk]

and its fine 🙂

[Radoslaw Juszczyk]

thank you for your help 🙂