Hello, folks. In a library I'm working on, I have a class holding a map, and

toString()

on that class should return

JSON.stringify(theMap)

. But that won't work since js maps have this prototype thing in them (at least I think that's why), and so there are circular references in js runtime. Has anyone got a good idea about how I could convert the map into something that

JSON.stringify()

would like?

When transpiling to javascript, what does the kotlin compiler do to

vararg

function parameters? In a function of mine, there is only one parameter, and it is defined as

vararg tags: String

. Inside the function, I collect the vararg into a list:

tags.asList()

. In the produced js, the parameter is of course named

tags

, and I find this in the function body:

asList(tags)

. But wait... This takes the first string passed in and turns it into a character list.

So with something like this: <Button variant=“contained” color=“primary”> Hello World </Button> What should I write to be able to use this via kotlin?

is the kotlin-dce-js plugin compatible with the kotlin-multiplatform plugin?

Is there a simple way to generate converters to/from `data class`es and Kotlin/JS's

Json

interface? https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.js/-json/index.html Is this something that

kotlinx.serialization

supports? I'm trying to create a wrapper around my Kotlin library so that I can pass in JS objects (i.e.,

{foo: "bar"}

and then convert the resulting

Json

object into an instance of

data class MyDataClass(val foo: String)

, and vice versa when returning an instance of

MyDataClass

from Kotlin to JS

I have a map with (among other things) a long value. Using the toString() method on the map, the long value comes out thus:

time=1548429717649

. But I am generating JSON, and am converting my map to an object before doing

JSON.stringify()

in order to avoid cyclic references from the map, and I see the long values represented as objects, and in the final JSON, they are represented thus:

"time":{"low_":-2053476207,"high_":360}

. I guess this has to do with dealing with 64bit numbers in javascript, but my question is: How do I detect this and how do I convert them? Using

typeof

as I pull them out of my map, I only get

object

...

Why is

args

of

main

function in kotlin/js always empty when running on nodejs?

fun main(args: Array<String>) = println(args.size)
// always prints 0

To access command line arguments I should do something like:

@JsModule("process")
external object process {
    val argv: Array<String>
}
fun main() = println(process.argv.sliceArray(2 until process.argv.size))

Not a super convenient way. And it is defferent from the other platforms.

Q: At the moment, user-defined types cannot extend function types when compiling to the JS platform. Are there plans to remove that limitation?

So in a browser I receive some JSON in a string through a websocket, and I want to pass it into the constructor that I posted here yesterday. Actually, I overload the constructor (the code is in an mpp and this works fine on the jvm), so it can receive either a string or a map (but not nothing), but I can't seem to get in touch with those constructors. The object I want to construct is a

Message

, and the correct way to go about it in js is

new Message.constructor()

, right? But I cannot make it use my overloaded constructors, they never seem to get called. Must I name them with annotations in order to use them? (Like

@JsName("MessageFromString")

and

@JsName("MessageFromMap")

or something?)

Have there been any comparisons for how large a kotlin-js application is after DCE compared to the equivalent Typescript?

Hey, any news on publishing the Kotlin Javascript plugin to Gradle Plugins Portal? Do you plan to do it at some point or do you think this plugin is not something you want to commit supporting on the long term? https://youtrack.jetbrains.com/issue/KT-20156

And on the principle, why is there a need for such

((MessageEvent) -> dynamic)?

signature, why not just

MessageEvent -> Unit

?

I have added a comment here in case you prefer to answer in the bugtracker https://youtrack.jetbrains.com/issue/KT-22635#focus=streamItem-27-3283501-0-0

Using jQuery I'm trying to set an eventhandler intercepting the submit event of a form. But when it's called an error is thrown: "apply is not a function". That's true, the EventHandler only has a invoke method. Anyone had luck with this?

Is ts2kt still being maintained?

In an mpp, I am serializing to and from JSON, but using a map internally. I have been having trouble on the deserialization end in JS, but solved most of it with a custom objectToMap function that could populate a map from the JSON object in javascript. But. Lists go into JSON with an array-like notation and are re-read as arrays. From there, I need to get them back into kotlin lists. Could anyone help me get it right? Here's my last attempt (which doesn't work, since toList() isn't a function in js:

Hi, I'm using the Koltin Frontend plugin in a multi-platform project and when running the

webpack-bundle

task I get the following error:

> Task :webpack-bundle
Hash: df342eca11f1ca4960d1
Version: webpack 4.29.3
Time: 1438ms
Built at: 02/11/2019 1:36:14 PM
         Asset      Size  Chunks             Chunk Names
main.bundle.js  4.06 MiB    main  [emitted]  main
Entrypoint main = main.bundle.js
[../../../../node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {main} [built]
[../../../../node_modules_imported/kotlin-extensions/kotlin-extensions.js] D:/Juanjo/Code/UJI/mpp/build/node_modules_imported/kotlin-extensions/kotlin-extensions.js 4.09 KiB {main} [built]
[../../../../node_modules_imported/kotlin-react-dom/kotlin-react-dom.js] D:/Juanjo/Code/UJI/mpp/build/node_modules_imported/kotlin-react-dom/kotlin-react-dom.js 112 KiB {main} [built]
[../../../../node_modules_imported/kotlin-react/kotlin-react.js] D:/Juanjo/Code/UJI/mpp/build/node_modules_imported/kotlin-react/kotlin-react.js 18.4 KiB {main} [built]
[../../../../node_modules_imported/kotlin/kotlin.js] D:/Juanjo/Code/UJI/mpp/build/node_modules_imported/kotlin/kotlin.js 1.7 MiB {main} [built]
[../../../../node_modules_imported/kotlinx-coroutines-core/kotlinx-coroutines-core.js] D:/Juanjo/Code/UJI/mpp/build/node_modules_imported/kotlinx-coroutines-core/kotlinx-coroutines-core.js 708 KiB {main} [built]
[../../../../node_modules_imported/kotlinx-html-js/kotlinx-html-js.js] D:/Juanjo/Code/UJI/mpp/build/node_modules_imported/kotlinx-html-js/kotlinx-html-js.js 587 KiB {main} [built]
[./mpp.js] 5.06 KiB {main} [built]
    + 12 hidden modules

ERROR in D:/Juanjo/Code/UJI/mpp/build/node_modules_imported/kotlin-extensions/kotlin-extensions.js
Module not found: Error: Can't resolve 'core-js/library/fn/object/assign' in 'D:\Juanjo\Code\UJI\mpp\build\node_modules_imported\kotlin-extensions'
 @ D:/Juanjo/Code/UJI/mpp/build/node_modules_imported/kotlin-extensions/kotlin-extensions.js 116:37-80
 @ D:/Juanjo/Code/UJI/mpp/build/node_modules_imported/kotlin-react/kotlin-react.js
 @ ./mpp.js


> Task :webpack-bundle FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':webpack-bundle'.
> node webpack.js failed (exit code = 2)

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at <https://help.gradle.org>

Deprecated Gradle features were used in this build, making it incompatible with Gradle 5.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See <https://docs.gradle.org/4.10.3/userguide/command_line_interface.html#sec:command_line_warnings>

BUILD FAILED in 4s
8 actionable tasks: 3 executed, 5 up-to-date
Cause: node webpack.js failed (exit code = 2)
13:36:14: Task execution finished 'webpack-bundle'.

The project is just a copy of https://github.com/Kotlin/kotlin-frontend-plugin/tree/master/examples/new-mpp, with the timer example from https://reactjs.org/#a-stateful-component to test how KotlinJS works with react.

i really learn to hate name mangling

oh the problem was

lateinit

obviously lateinit and jsname doesnt work together

if I have a kotlin2js frontend project, and a kotlin2js backend projects, both in gradle in the same repo, is there a way to reuse a data class in both projects from a shared gradle module?

- root
    - module1
        - build.gradle
    - module2
        - build.gradle
    - sharedmodule
        - src
            - SomeDataClass.kt
        - build.gradle
    - build.gradle

In the above example, I'd like to use

SomeDataClass

in module 1 and module 2 without having to set up a kotlin multiplatform project cc @Zachary Smith

Hi guys, someone can point to me an up-to-date repository implementing react with kotlin? With a mutiplatform approach would be nice too 😃

i have a value object with a

Long

property. when i use

json.stringify()

on javascript it creates an object with two properties

lwo_

and

high_

what, otoho, kotlin isnt able to decoe again... is there any way out of this situation?

yes that was added in Gradle 5.1

Right now I have to use ts2kt if I want strict types

webpack-bundle

Do anyone have a good example on how to have main.bundle.js divided into multiple little ones? My app is 5.45MB after minification and it says the optimal size is 244Kb? 😮

Does its size matter in terms of single page apps nowadays?

Hi, I'm testing building a multiplatform library. I added the

js

target and a dependency to the js stdlib, but when I run the

build

gradle task, I get the following error:

org.gradle.execution.MultipleBuildFailures: Build completed with 1 failures.
	...
        ...
Caused by: org.gradle.api.tasks.TaskExecutionException: Execution failed for task ':modules:bitflags:compileKotlinJs'.
	at org.gradle.api.internal.tasks.execution.ExecuteActionsTaskExecuter.executeActions(ExecuteActionsTaskExecuter.java:110)
	...
        ...
	... 6 more
Caused by: java.lang.NoSuchMethodError: org.jetbrains.kotlin.cli.common.arguments.K2JSCompilerArguments.setCommonSources([Ljava/lang/String;)V
	at org.jetbrains.kotlin.compilerRunner.GradleCompilerRunner.runJsCompilerAsync(GradleKotlinCompilerRunner.kt:297)
	at org.jetbrains.kotlin.gradle.tasks.Kotlin2JsCompile.callCompilerAsync$kotlin_gradle_plugin(Tasks.kt:566)
	at org.jetbrains.kotlin.gradle.tasks.Kotlin2JsCompile.callCompilerAsync$kotlin_gradle_plugin(Tasks.kt:476)

Here's the link to the gradle.kts file of the module I'm trying to build: https://github.com/LouisCAD/Splitties/blob/baaf3548141ac5f8e631b5f858cc9ce25bfa2cbe/modules/bitflags/build.gradle.kts#L28 and here's the

buildSrc

it depends on: https://github.com/LouisCAD/Splitties/tree/baaf3548141ac5f8e631b5f858cc9ce25bfa2cbe/buildSrc I'm using Kotlin 1.3.21 with Gradle 4.10.1, and AGP 3.3.1 for the Android part.

Need to start kotlin js project to use https://www.cypress.io/ . Where I can read a starter guide or similar ( how to start js project, how to use js libraries ). Thanks in advace