Hi! I am trying to implement web workers in my KMP project and publish it to npm, but I am not sure ...

# javascript

[Császár Ákos]

Hi!
I am trying to implement web workers in my KMP project and publish it to npm, but I am not sure how to do it.

js(IR) {
        browser {
            webpackTask(Action {
                mainOutputFileName.set("js-worker.js")
            })

            @OptIn(org.jetbrains.kotlin.gradle.targets.js.dsl.ExperimentalDistributionDsl::class)
            distribution(Action {
                distributionName.set("jsWorker")
            })
        }

        binaries.library()
        binaries.executable()
    }

I created another target for worker, so now I have 2.

val jsMain by getting {
   resources.srcDirs("./build/jsWorker")
}

I also added the dependency for the jsWorker folder.
After build i can see that the js-worker.js file is generated in the projectRoot/common/build folder.
But I want to publish it to npm, so i need to use the projectRoot/build folder. Is it possible somehow to generate the js-worker.js file to the projectRoot/build folder? Because if my guess is correct, the worker file wont be included, when I publish the project to npm.

[Artem Kobzar]

@Ilya Goncharov [JB] do you know how to do it?

[Edoardo Luppi]

https://avwie.github.io/multithreaded-web-applications-in-kotlin-with-web-workers

[Edoardo Luppi]

For the Kotlin team, note how the article's code uses two JS targets.
This won't be available anymore if https://youtrack.jetbrains.com/issue/KT-59316/ is considered valid also for the JS target.

[Császár Ákos]

@Edoardo Luppi Yes I saw this, but it is not exported to npm, right? So I think the bundle generated by ./gradlew jsBrowserProductionWebpack, won't contain the js worker file. Or am I missing something?

[Császár Ákos]

Screenshot 2023-11-21 at 13.15.26.png

[Edoardo Luppi]

The article's author wires the web worker build to the front-end development run task, which produces the output under build/frontend.
You can obviously wire up tasks that are needed in your specific case, or simply copy distribution files to a common directory

[Edoardo Luppi]

Your use case seems slightly different so your best bet is to experiment with the Gradle DSL configuration.

[Edoardo Luppi]

I think it's totally possible. Need to find out which tasks should depend on which others, and how to organize built artifacts.