Hi all. Fairly new to kotlin js. So don't mind me if this question doesn't make sense :sweat_smile: ...

# javascript

[xxfast]

Hi all. Fairly new to kotlin js. So don't mind me if this question doesn't make sense 😅

I want to provide different implmentations for browser and nodejs. Are we able to have a seperate source set for js browser and js node, so that any consumer of my library be able chose one or the other depending on their setup?

js("browser", IR) {
  browser()
}

js("node", IR) {
  nodejs()
}

// browser project
js(IR){
  browser()
}

jsMain by getting {
  dependencies {
    implementation(project(":myLibrary")) // gets sources from :myLibrary:browserMain
  }
}

// node project
js(IR){
  nodejs()
}

jsMain by getting {
  dependencies {
    implementation(project(":myLibrary"))  // gets sources from :myLibrary:nodeMain
  }
}

[ephemient]

https://youtrack.jetbrains.com/issue/KT-47038

[Adam S]

you can add a custom Gradle attribute to distinguish between different targets that have the same platform https://kotlinlang.org/docs/multiplatform-set-up-targets.html#distinguish-several-targets-for-one-platform

but tbh I think it will probably be easier to just make separate subprojects! one for browser, another for NodeJS, and another for shared code. Repetitive? Perhaps. Easy to understand and work with? Very much yes.

[xxfast]

Can we use these attributes to distinguish the target from jsMain? not sure how we can use the attributes 🤔

[ephemient]

Adam, multiple in one project doesn't work well until https://youtrack.jetbrains.com/issue/KT-28194 is resolved

[ephemient]

separate projects is a pain for consumers unless you also ship dependent substitution rules

[ephemient]

tl;dr it kinda sucks right now. IMO the least annoying thing to do right now is sniff whether you're in a browser environment or not, at runtime

[xxfast]

how do i do this check at runtime? 😬

[ephemient]

https://github.com/JetBrains/kotlin/blob/master/kotlin-native/runtime/src/launcher/js/launcher.js#L21-L23

[xxfast]

Ended up splitting this up to multiple modules, one for nodejs and one for browser.

Couldn't do a runtime check because okio-nodefilesystem has a module dependency for js { nodejs() }

@ephemient can you elaborate on what you meant by dependent substitution rules?