How do you type a mixin api like this one: ```clas...

# javascript

[Bernhard]

How do you type a mixin api like this one:

class Base {
    sayHo() {
        console.log("ho")
    }
}

function Mixin(base) {
    return class New extends base {
        sayHi() {
            console.log("hi")
        }
    }
}

class Child extends Mixin(Base) {

}

const x = new Child()
x.sayHi()
x.sayHo()

[Edoardo Luppi]

I'd say you'd end up with just 2 external classes. Effectively Child is extending Base.

external class Base {
  fun sayHo()
}

external class Child : Base {
  fun sayHi()
}

I don't think the function has to be considered here.

[Bernhard]

right, I need to call that Mixin function from a library though

[Edoardo Luppi]

Mmm I think I need some kind of practical example of how you'd like to use it in Kotlin

[Bernhard]

oh, I'm fine with extending a class

[Edoardo Luppi]

I just don't understand why you'd want to call the Mixin function from Kotlin, that's it

[Bernhard]

I need to generate js like this

[Bernhard]

class MyApplication extends HandlebarsApplicationMixin(DocumentSheetV2) {

[Bernhard]

their API is class based

[Bernhard]

and they are rediscovering the bad patterns of the late 2000s

[Edoardo Luppi]

I'm not sure it's possible. But I never interop-ed with that kind of stuff, happy to be proven wrong!

[Edoardo Luppi]

This generates the code you mentioned

@JsName("HandlebarsApplicationMixin(DocumentSheetV2)")
@Suppress("NAME_CONTAINS_ILLEGAL_CHARS")
public open external class HandlebarsApplicationMixin

However, without a compiler plugin, the inputted type can't be dynamic

[Edoardo Luppi]

I also need to open a YT issue to allow NAME_CONTAINS_ILLEGAL_CHARS suppressions in K2

[Bernhard]

thank you!

[Edoardo Luppi]

An issue I see is the lack of an import for DocumentSheetV2.
If it doesn't exist in the global scope, the code will fail at runtime

[Bernhard]

yes it's on the global scope

[Edoardo Luppi]

Created https://youtrack.jetbrains.com/issue/KT-68915