Hi! Is

@JsModule

annotation needs additional dependency? (used in this link) (I’m trying to make javascriptModule from kotlin.)

Hello, encountered problem with object keys. @JsName("keyName") on fields and @JsExports doesn't work for me or I'm not using them in the right way. More in thread.

> Task :compileKotlinJs FAILED
e: java.lang.IllegalArgumentException: Failed requirement.
        at org.jetbrains.kotlin.backend.common.serialization.IrDeclarationDeserializer.deserializeIrTypeAlias(IrDeclarationDeserializer.kt:368)
        at org.jetbrains.kotlin.backend.common.serialization.IrDeclarationDeserializer.deserializeDeclaration(IrDeclarationDeserializer.kt:752)
        at org.jetbrains.kotlin.backend.common.serialization.IrFileDeserializer.deserializeDeclaration(IrFileDeserializer.kt:39)
        at org.jetbrains.kotlin.backend.common.serialization.FileDeserializationState.deserializeAllFileReachableTopLevel(IrFileDeserializer.kt:139)
        at org.jetbrains.kotlin.backend.common.serialization.ModuleDeserializationState.deserializeReachableDeclarations(BasicIrModuleDeserializer.kt:172)
        at org.jetbrains.kotlin.backend.common.serialization.BasicIrModuleDeserializer.deserializeReachableDeclarations(BasicIrModuleDeserializer.kt:148)
        at org.jetbrains.kotlin.backend.common.serialization.KotlinIrLinker.deserializeAllReachableTopLevels(KotlinIrLinker.kt:102)
        at org.jetbrains.kotlin.backend.common.serialization.KotlinIrLinker.findDeserializedDeclarationForSymbol(KotlinIrLinker.kt:121)
        at org.jetbrains.kotlin.backend.common.serialization.KotlinIrLinker.getDeclaration(KotlinIrLinker.kt:159)

How can I figure out which requirement? I can't find the

IrDeclarationDeserializer.kt

source using :google:. Btw, it started happnening when I changed my custom Material UI wrapper for Muirwik. It seems totaly unrelated, but I can reliably reproduce it by just changing git branches. Oh, and I just have 2 simple data classes marked as

@Serializable

.

Seems a bit odd that the kotlin-css flex function behaves differently from the flexbox spec in that omitting

basis

defaults to

FlexBasis.auto

rather than

FlexBasis.none

// CSS
flex: 1;

// Kotlin
flex(1.0) // Different
flex(1.0, basis = FlexBasis.none) // same

Noticed this since I didn’t understand why my colleague used

put("flex", "1")

over

flex(1.0)

Anyone played/worked with debugging Kotlin/JS code with IntelliJ IDEA Ultimate JS Debugger?

hi, is there a way to include handwritten js files into a kotlin/js project? To make them part of the webpack bundle? I tried to set the "entry" property in (common)WebpackConfig but it didn't help.

Hi! Is there any way to make a deep copy of an object of the Any or Object type ? I’ve implemented one but it breaks the == methods despite having the same fields. Thanks in advance

I've been working with Kotlin/JS and Ktor's HTTP client, and although my multiplatform tests pass in JVM and native, they fail for JavaScript. The reason why is cryptic. If it helps, I'm using the IR compiler and targeting the NodeJS runtime. Is there any way to get better error messages for something like this?

Error_0: Fail to fetch
Error_0: Fail to fetch
	at _no_name_provided__246.invoke_1ti8hr(kotlin/multiplatform-sdk-end-to-end-tests-test.js:69724)
	at <global>.<unknown>(/home/mjholler/Git/multiplatform-sdk/build/js/packages/multiplatform-sdk-end-to-end-tests-test/kotlin/multiplatform-sdk-end-to-end-tests-test.js:69752)
	at <global>.processTicksAndRejections(internal/process/task_queues.js:93)

Is someone here using Redux with data classes for state? It keeps giving me errors and/or weird behaviour.

How to combine

rEnhancer()

with Redux DevTools? I have

compose(
    rEnhancer()
) {
    if (window.asDynamic().__REDUX_DEVTOOLS_EXTENSION__) {
        console.log("__REDUX_DEVTOOLS_EXTENSION__")
        window.asDynamic().__REDUX_DEVTOOLS_EXTENSION__()
    } else {
        it
    }
}

But it gives me errors in my app.

Hi, what means the error `When accessing module declarations from UMD, they must be marked by both @JsModule and @JsNonModule I'm just trying to use the annotation

seskar.js.JsUnion

?

Hi, I've tried to generate kotlin typings from .d.ts, what are the @nativeInvoke and why on the documentation it's deprecated and it means to

Use inline extension function with body using dynamic

but I don't understand what it is

Trying to make JS run with a custom index.html file in a Multiplatform configuration.

build.gradle.kts

:

plugins {
    kotlin("multiplatform") version "1.5.10"
}

group = "me.chilli"
version = "1.0"

repositories {
    mavenCentral()
}

kotlin {
    // ... [JVM config here]
    js(IR) {
        browser {
            webpackTask {
                sourceMaps = true
            }
            commonWebpackConfig {
                cssSupport.enabled = true
            }
        }
    }

    // ...

    sourceSets {
        // ...
        val jsMain by getting
        // ...
    }
}

And then trying to run it using

gradlew browserDevelopmentRun

but it gives me:

FAILURE: Build failed with an exception.

* What went wrong:
Task 'browserDevelopmentRun' not found in root project '...'.

Hey, how do you check the compiled code in Kotlin playground ?

Hi, what should the equivalent in Kotlin of this d.ts code :

class Test {
    readonly a: string
    b: number

    c(): typeof Test
}

I mean, what

typeof Test

should be in Kotlin ? I thought of

Class<Test>

but I guess it's not right

Hi! Does anyone know how to alias a JS module to a folder within that npm installed module? For example

implementation(npm("ember-source", "3.12.0"))

will use the package main

node_modules/ember-source/lib/index.js

which is an installer script for Ember CLI but the actual front end libraries are located in

node_modules/ember-source/dist/

. Is there a way to have it consider a sub-folder of the module as the module? Or other suggestions? Thanks!

Has anyone tried to publish a vscode extension that makes use of Kotlin/JS Legacy? I'm stuck at publishing it with

npm ERR! missing: @js-joda/core@3.2.0, required by Kotlin-DateTime-library-kotlinx-datetime-js-legacy@0.2.0

... any help/hints appreciated.

Hi! Does anyone know how to add configuration to identify for development build and production build? Something like

BuildConfig.DEBUG

on Android

hey guys, i was just wondering, are there any good tools online to see the compiled js of kotlin/JS targeting code (that isn't through just compiling an Intellij project) thanks!

Hi, I was using

inline

functions in Kotlin JS, and I saw that they are not really compiled as-is and that

defineInlineFunction

is used instead. Therefore, I am wondering, what's the purpose of

defineInlineFunction

? And is there any way to have a real

inline

in Kotlin JS (with an annotation for instance) ? PS: I am using the legacy JS compiler, is this behavior different in IR ?

Hello, I have started a project with IDEA, and just added a dumb class with a test. Debugging does not work with IR but does with LEGACY. Is there anything I should known to make it work?

https://v4-11-4.material-ui.com/guides/localization/#locale-text what would be the equivalent of getting the

zhCN

object in Kotlin? I have this, but it's

undefined

.

@JsModule("@material-ui/core/locale")
@JsNonModule
@JsName("zhCN")
external val locale: dynamic

Hey, I have a kotlin JS IR library which use @Big Chungus npm plugin to publish its npm module using JSExport. But unfortunately, we use a class containing a property

kotlinx.datetime.Instant

. How do you export

kotlinx.datetime.Instant

to create an Instant in typescript?

I think I found a bug. But asking here first to not report it twice

println(message: Any?)

is not working as expected in testing Take the bellow code for example

println("Start")
println("End")

Expected printed output should be

Start
End

Actual printed output

StartEnd

However, the code below

println("Start\n")
println("End\n")

Prints

Start
End

Instead of

Start

End

Tested on OS: Linux Browser: ChromeBrowser and ChromeHeadless, Kotlin: 1.5.0, 1.5.10, 1.5.20, 1.5.21, 1.5.30-RC Target: JS/IR

I have a question concerning the consistency / reliability of DOM API's event types and different browsers. Imagine a simple HTML

input

element with a

datalist

attached as kind of "type ahead" component. In order to add some logic within an UI framework (I work on the fritz2 framework FYI), one need to register a listener on specific events of course. For this use case I consider the

input

event as the best fitting one. According to MDN the event has the interface

InputEvent

. But this seems to be false for some circumstances and browsers: If one selects a proposal from the datalist at least in Chrome and Safari Browsers (mobile too) instead a simple

Event

event is fired! Here is a small HTML file to make this visible:

<html>

<body>
    <input id="myinput" type="text" list="mydata">
    <datalist id="mydata">
        <option value="Kotlin"></option>
        <option value="Scala"></option>
        <option value="Java"></option>
        <option value="Python"></option>
        <option value="Commodore Basic V2"></option>
    </datalist>

    <script>
        document.getElementById("myinput").oninput = function(e) {
            console.log(Object.getPrototypeOf(e))
        }
    </script>
</body>

</html>

In Firefox one always get the

InputEvent

no matter if just typing a letter or selecting a proposal from the list. In Chrome or Safari this differs; when selecting from the list, only

Event

is fired. This leads to problems in Kotlin of course if one tries to cast this depending on the event name, as

input

does not always return the same type as shown above. How to deal with this situation? Is there some kind of specification that reveals the different events for the different browsers? What's the reason for browsers to offer different event types for the same event key? (If someone has interest in the framework specific impacts, have a look at the appropriate PR on github, which will lead to the relevant code sections.)

I'm trying to run the tests in the Kotlin Multiplatform library tutorial: https://kotlinlang.org/docs/multiplatform-library.html#js The JS tests fail with:

ReferenceError: Buffer is not defined

I can reproduce it here: https://pl.kotl.in/AklbZ91yN How do I proceed to... • ... solve this issue locally? • ... report this reproducible bug?

Hello, I am generating the definition for my library, but I release that the dependencies from maven are not included. For instance, I get this kind of return type in my

d.ts

file:

kotlinx.coroutines.flow.SharedFlow<kotlin.collections.List<string>>

I currently use

sourceSets {
        all {
            languageSettings.useExperimentalAnnotation("kotlinx.serialization.ExperimentalSerializationApi")
        }

        val commonMain by getting {
            dependencies {
                implementation("org.jetbrains.kotlinx:kotlinx-serialization-protobuf:1.2.2")
                implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core:1.5.1")
            }
        }
        val commonTest by getting {
            dependencies {
                implementation(kotlin("test"))
            }
        }
        val jsMain by getting
        val jsTest by getting
    }

How can I include the definitions from kotlin stdlib and coroutines?

Also, is there a way to not bundle everything and generate the stdlib in a separated file?