Hi, I’m trying to create a KMP module for audio pr...

# javascript

[Ori Spokoini]

Hi, I’m trying to create a KMP module for audio processing and want to split the processor code into a separate JS file, similar to this example:
// script.js
await audioContext.audioWorklet.addModule("hiss-generator.js");
// hiss-generator.js
registerProcessor("hiss-generator", HissGeneratorProcessor);
I tried to creating the processor in another module with:

// processor/build.gradle.kts
commonWebpackConfig {
    outputFileName = "audio-processor.js"
}

But when I add it as a dependency to the app, audio-processor.js isn’t included in the dist output.
What am I missing?

[turansky]

Do you use Kotlin Warappers?

[Ori Spokoini]

yep, currently I do it like in this example:

context.audioWorklet.addModule(blobUrl)

where the blobUrl is raw JS string, but I’d prefer to write it in Kotlin.

[turansky]

We already support Worker creation without separate subproject creation - example.

[turansky]

AFAIK Webpack doesn't support worklet modules without loaders 😞

[turansky]

We can support worklet modules, but they will work only with Vite bundler (recommended).

[turansky]

Could you please create issue?
I will add example of worklet creation

[Ori Spokoini]

sure, Thanks! So, what do you think is the best approach right now? Do you have any examples on how to set it up?

[turansky]

It will be something like this:

// MyAydioWorkletModule.kt
val MyAydioWorkletModule = AudioWorkletModule {
    // this - AudioWorkletGlobalScope
}

// App.kt
audioContext.audioWorklet.addModule(MyAydioWorkletModule)

All additional magic Vite and Seskar will do 😉

[Ori Spokoini]

Too good to be true 😅.
BTW the issue has been created.

[turansky]

Please add links on JS examples in issue

[Ori Spokoini]

I saw AudioWorkletModule was merged and released — is it ready to go?

[turansky]

I added MDN example here.
Compiler plugin support - next (final) step.
Hope it will be ready this week 😉

[turansky]

In any case I will write in this thread when it will be ready.

[turansky]

Example in Seskar works!

[turansky]

Plugin will be released later

[turansky]

Plugin released.