Is there a way to conditionally include NPM dependancies depending on the type, e.g. Browser or Node...

# javascript

[Andrew Reed]

Is there a way to conditionally include NPM dependancies depending on the type, e.g. Browser or Node. I have a scenarios where i do not wish to include the npm dependancies on my node target, but need them for my browser target.

[Big Chungus]

Split them into different sourceSets and put shared code in third sourceSet

[Andrew Reed]

i tried this but then i get an error about the metadata being identical of two JS targets.

[Big Chungus]

Separate modules then?

[russhwolf]

You can use something like this to disambiguate multiple targets of the same type https://kotlinlang.org/docs/mpp-set-up-targets.html#distinguish-several-targets-for-one-platform

[russhwolf]

It's a bit clunky though. I really wish browser and node were separate targets the way the different native platforms are

[Andrew Reed]

i actually did that too 🤣
So my first project is a Multiplatform library, so i created two JS targets with a unique attribute. When i publish them locally, when my Application trys to fetch them, it fails

[Andrew Reed]

even with the extra attribute in both the ‘Application’ and library

[russhwolf]

oh really? I haven't tried it in a while but I'm pretty sure that's how it's supposed to work

[Andrew Reed]

Its as if the consuming project(Application) is unable to use the extra attribute when fetching the Library

[Andrew Reed]

https://discuss.kotlinlang.org/t/js-target-skip-npm-dependancy-for-node/21444

[Andrew Reed]

although in my example above, i didnt use the attributes

[Andrew Reed]

But i have done previously

[Andrew Reed]

i think the attributes stuff only works for publishing, but when it comes to trying to consume from another multiplatform project, then it fails.

[rnett]

I've successfully used (custom) attributes to resolve project() dependencies for 2 JVM targets. How did you set the attribute when consuming it? I did it in the dependency configuration block (implelemtation(project()){ attributes{ ... } }) which worked

[Andrew Reed]

hi ryan do you have a sample build gradle with this in?

[Andrew Reed]

just to make sure i was putting it in the right place for the consumer

[rnett]

https://github.com/rnett/krosstalk/blob/main/tests/microservices-test/pong/build.gradle.kts and it's sibling project, using the helpers from [here](https://github.com/rnett/krosstalk/blob/main/compiler/krosstalk-gradle-plugin/src/main/kotlin/com/rnett/krosstalk/ResolutionHelpers.kt)

[Andrew Reed]

wow thanks, i will have to give it another go.

[Tarun Chawla]

create a multiplatform Full stack project. If in Intellij you create a new project as full stack you will see two source sets one is jvmMain and other is jsMain. You can use the same template for your project.

[Andrew Reed]

@Tarun Chawla - the question is about targeting the same platform target (javascript) but one for Node and one for browser where they have different dependancies.

[Andrew Reed]

i havent had chance yet to try out Ryans solution, but hopefully should work

[Andrew Reed]

@rnett - i tried to replicate what you did in your project, i found i get this error:

[Andrew Reed]

Cannot resolve project dependency project ':firebase-app' -> project ':firebase-common'.Dependency to project with multiple js compilation not supported yet.

[Andrew Reed]

I guess i will have to wait till its officially supported.