I want to add JavaScript support to Ashampoo Kim, ...

# javascript

[Stefan Oltmann]

I want to add JavaScript support to Ashampoo Kim, but I have no experience in kotlin-js so far.
The lib already has wasmJS support.

Can someone tell me how I need to translate/change this to work for regular JavaScript?

https://github.com/Ashampoo/kim/blob/main/src/wasmMain/kotlin/com/ashampoo/kim/common/ZLib.wasm.kt

[Artem Kobzar]

Seems like you can just copy this file to js source set and it should work

[Stefan Oltmann]

I tried that first, but it won't work. 🤷‍♂️

[Stefan Oltmann]

JsAny for example is unknown.

[Arjan van Wieringen]

JsAny can be renamed to dynamic I think

[Arjan van Wieringen]

But “it won’t work” is a little vague ;)

[Stefan Oltmann]

Yes, it does not compile. I can try "dynamic"

[Stefan Oltmann]

Okay, no I got When accessing module declarations from UMD, they must be marked by both @JsModule and @JsNonModule on the Pako.deflate(input) call

[Stefan Oltmann]

I try adding @JsNonModule , but I don't understand what I'm doing to be honest. 😅

[Edoardo Luppi]

I'll clone it and give it a look, have 30 minutes of free time.

[Stefan Oltmann]

It starts to compile now, so maybe it works

[Stefan Oltmann]

I think I will set up a small kotlin/js project in the next days to test if it actually works

[Stefan Oltmann]

It compiled. Converting "JsAny" to "dynamic" and adding @JsNonModule (whatever that means) does the trick. Thank you all.

[Edoardo Luppi]

Ok! There is small difference you need to consider between wasmJs and js

private val toStringOptions: JsAny = js("({to: 'string'})")

wasmJs requires JsAny, js doesn't, so you can just return dynamic or Any

[Edoardo Luppi]

Ah yeah you already found out ahaha

[Stefan Oltmann]

Thank you 🙂

[Stefan Oltmann]

I will try to remember that for the future. So they can't have the same sourceset

[Edoardo Luppi]

On the JS side you can also optimize the byte array conversions:

public actual inline fun Uint8Array.toByteArray(): ByteArray =
  Int8Array(buffer, byteOffset, length).unsafeCast<ByteArray>()

And

public actual inline fun ByteArray.toUint8Array(): Uint8Array {
  val i8a = unsafeCast<Int8Array>()
  return Uint8Array(i8a.buffer, i8a.byteOffset, i8a.length)
}

[Stefan Oltmann]

Thanks a lot 🙂