How do I translate this TS declaration to Kotlin e...

# javascript

[Edoardo Luppi]

How do I translate this TS declaration to Kotlin externals?

interface Example {
  "example-key": string;
}

[andylamax]

external interface Example {
  @JsName("example-key")
  var exampleKey: String
}

[andylamax]

doesn't this work??

[Edoardo Luppi]

Doesn't compile as the dash is an illegal char for a variable name in JS

[andylamax]

then you have no choice apart from extension functions

[andylamax]

var Example.exampleKey: String
    get() = asDynamic()["example-key"]
    set(value) {
        asDynamic()["example-key"]=value
    }

[Edoardo Luppi]

Yeah I guessed that was one way. Maybe worth opening an issue?

[Edoardo Luppi]

That is very error prone

[andylamax]

Yes, this is worth opening an issue, coz it is an actual Javascript feature that kotlin fails to interop well with JavaScript

[Artem Kobzar]

Also, you can just try to use the regular escaped identifier:

external interface Example {
  val `example-key`: String
}

[Artem Kobzar]

The only thing, I don't know if the feature is turn on by default, but if it's not, there is a compiler flag like -XXLanguage:+JsAllowInvalidCharsIdentifiersEscaping

[Edoardo Luppi]

Thanks Artem! Looking for that compiler option I found
https://youtrack.jetbrains.com/issue/KT-31799

It's exactly what I need.

[Edoardo Luppi]

It's probably worth adding it to the Kotlin/JS website!

[Artem Kobzar]

This is exactly the ticket I fixed with this language feature

[Artem Kobzar]

It should be turn on by default in 2.0 or 2.1

[Artem Kobzar]

I could try to make it happen in the next beta

[Artem Kobzar]

But I need to discuss it))

[Edoardo Luppi]

No problem, I'm up to enable it with the flag for now.

[Edoardo Luppi]

@turansky’s plugin also has a compiler transformer that works with a @JsSpecialName
Just found out looking at the code.