如何将 i18next-browser-languagedetector 绑定到 Kotlin？

Question

Gradle项目由JS插件设置：

plugins {
    kotlin("js") version("1.6.10")
}

并使用 LEGACY 编译后端：

kotlin {
    js(LEGACY) {
        // ...
    }
}

我的目标是在 Kotlin 源代码中使用以下依赖项：

dependencies {
    implementation(npm("i18next", "21.6.11"))
    implementation(npm("react-i18next", "11.15.4"))
    implementation(npm("i18next-browser-languagedetector", "6.1.3"))
}

描述前两个依赖项的 JS-Kotlin 桥接非常容易：

@JsModule("i18next")
@JsNonModule
external val i18next: I18n

external interface I18n {
    fun use(module: dynamic): I18n
}

@JsModule("react-i18next")
@JsNonModule
external val reactI18next: ReactI18next

external interface ReactI18next {
    val initReactI18next: dynamic
}

不幸的是，最后一个 - i18next-browser-languagedetector - 的配置让我有些抓狂。像这样：

@JsModule("i18next-browser-languagedetector")
@JsNonModule
external val LanguageDetector: dynamic

不起作用 - 上面声明提供的实际 LanguageDetector 是 {}，因此 i18next 不会在 Kotlin 代码中使用它（JS 代码抛出 You are passing a wrong module! Please check the object you are passing to i18next.use()):

i18next.use(LanguageDetector) // fails

任何人都可以帮我为 LanguageDetector 声明一个 JS-Kotlin 桥吗？

Answer 1

好吧，通过稍微调试，我设法解决了这个 JS-Kotlin 桥接问题。工作解决方案是以下声明：

@JsModule("i18next-browser-languagedetector")
@JsNonModule
external val i18nextBrowserLanguageDetector: I18nextBrowserLanguageDetector

external interface I18nextBrowserLanguageDetector {
    @JsName("default")
    val LanguageDetector: dynamic
}

现在可以执行 i18next 初始化链的第一部分：

i18next
    .use(i18nextBrowserLanguageDetector.LanguageDetector)
    .use(reactI18next.initReactI18next)
    // ...

不幸的是，很难说我在它背后有任何直觉（可能是因为我在 JS 方面的巨大盲点）——所以任何额外的澄清或解释仍然会有帮助。

我最担心的是上面声明中的 LanguageDetector 应该是 class，但似乎没有办法使用其他东西而不是 dynamic 属性 .当我尝试使用 @JsName("default") 注释来标记某些 class 协议时，它无法编译：

@JsModule("i18next-browser-languagedetector")
@JsNonModule
@JsName("default")
external class LanguageDetector

在这种情况下，也无法在界面内部使用嵌套 class:

@JsModule("i18next-browser-languagedetector")
@JsNonModule
external interface I18nextBrowserLanguageDetector {
    @JsName("default")
    class LanguageDetector
}

所以虽然看起来已经解决了，但还是super-frustrating。

如何将 i18next-browser-languagedetector 绑定到 Kotlin？

How to bind i18next-browser-languagedetector to Kotlin?

kotlin-js

i18next-browser-languagedetector