It seems that core-js npm bundle structure does not correspond to the one promised in the documentation. Any ideas?

With dukat is there an example without kts gradle?

my kotlinjs

.js.map

files do not seems to work, as in .. when i open the debugger in chrome the files are empty i use

moduleKind = "umd"

and require.js to load all things (because everything else seemed to be unproportional more effort) anybody else having this issue.. or have working source mappings ?

Hi everyone, I have been away for a while and have a question about ducat and the React wrapper. Has it made the React wrapper obsolete since it can generate the type definitions from the d.ts files?

My `data class`es don’t seem to have a

copy

function when I run my app, any idea why? Would DCE remove it or something? What can I do?

One other question I have. We are building out a document management solution at my company and I have a few options to consider in terms of tools. On the frontend it is between Typescript/KotlinJs with React and on the backend Java/Kotlin with Spring. I know all the benefits of Kotlin cross-platform so that is a great selling point. But what I'm not sure about is the future of KotlinJs. If we start this project using React and KotlinJs, then the new backend compiler for KotlinJs is completed in a year or so (just guessing on the timeline), will the interop between KotlinJs and Javascript be so improved that the React wrapper is no longer needed and we would need to refactor the whole app when doing an upgrade? More specifically, what I'm unsure about is what effect the new backend compiler will have on KotlinJs, and if huge refactoring is going to be required if we use any current wrappers.

Hi guys, I'm quite struggling how to get the files that make up npm dependencies. It's easy enough to get kotlin javascript dependencies and the related js files, but I don't seem to be able to get all (including transitive) files needed to actually use my Kotlin javascript module. I've managed to get the actual node dependency specifications, but not the files that they resolve to. I don't want minification (at this point).

I tried every configuration that you can find on Slack and none of them is working for me. Do you have a starter kit for a simple project using React Wrappers and DCE?

does anyone know how to make this happen in ktor client ?

fetch('<http://another.com>', {
  credentials: "include"
});

or what things to do, headers to set ?

Out of curiosity, is it possible to output a json AST of a

.d.ts

file with

dukat

? https://github.com/Kotlin/dukat

The JS DCE seems to not process the stdlib at all. Even with just one kotlin file that has one function in it (no parameters) that returns a string, I get what seems like the entirety of kotlin.js. Am I doing something wrong or is this simply not implemented yet?

So how do you guys bind a coroutine scope to a React component?

Hey guys! How can i pass environment variables from

Gradle

to

WebPack

with

org.jetbrains.kotlin.js

?

Is that something that could change for the better? https://twitter.com/ankushg/status/1184536209336537090?s=09

I am using 1.3.50 and I have a multiplatform library that I now wish to package as an NPM module which I want to use in an angular project with typescript. How do I package my library as an NPM module? All the information I could find was for older versions of kotlinjs which do not apply anymore.

Ok, so it seems like importing

@types/something

doesn’t work well. you got duplicate declarations

I guess this is related since it gets at the root of the problem: https://youtrack.jetbrains.com/issue/KT-24784

Is there any news concerning this? https://youtrack.jetbrains.com/issue/KT-16604

Your generated js file is named after your module. You can have a look in

build/distributions

after running

./gradlew jsBrowserWebpack

to see the result Additionally, you can add a

index.html

with a

<script src="<my-module>.js"></script>

to your

jsMain/resources

folder and it will be copied to your build folder and used when you run

./gradlew jsBrowserRun

Next step in my Kotlin/JS journey, I would like to be able to use https://www.npmjs.com/package/rsocket-websocket-client, so I have added

implementation(npm("rsocket-websocket-client", "0.0.16"))

dependency to my project and I would like to consume

RSocketWebSocketClient

class defined like that in JS:

class RSocketWebSocketClient {
  constructor(options, encoders) {
    // ...
  }
  close() {
    // ...
  }
  connect() {
    // ...
  }
}
exports.default = RSocketWebSocketClient;

On Kotlin side, I have defined:

@JsModule("rsocket-websocket-client")
external class RSocketWebSocketClient(options: dynamic, encoders: dynamic)

fun main() {
	println("Hello JavaScript!")
	RSocketWebSocketClient(js("{}"), js("{}"))
}

And I get this error

TypeError: RSocketWebSocketClient is not a constructor

. What did I miss?

Is it possible to do something like this? Specifically asking for the options part, as I am currently using

dynamic

, and I don't like the un-safety.

external interface GraphvizProps : RProps {
  var dot : String
  var options: {width: number, height: number}
 }

Hey I just tried to create a js module in an existing kotlin multiplatform project and I can’t get it working. I don’t have any experience with js so it makes things harder. I created a new module in the project and performed the steps described in gradle setup section in the documentation. I would like to make it work without any unnecessary libraries, just the simplest setup where I have a html file and some kotlin code that I can run in the browser. I looked for sample apps on github but I found only some old ones or some more complex solutions that use react or other libs. Is there some sort of a doc/blog post/sample that I could take look at?

I would expect to do something like:

task app1(type: KtolinJsDce) {
		dceOptions {
		    outputFileName = "app1"
		    keep = "mod.app1.start"
	}
}

Hi Guys, Would I be able to get help with the following question https://stackoverflow.com/questions/58489279/how-to-depend-on-a-maven-local-jar-when-using-create-react-kotlin-app-https-gi

I'm looking for a sample / tutorial on how to configure a js app with kotlin code along with npm packages using the new

org.jetbrains.kotlin.js

gradle plugin available since Kotlin 1.3.40 release. Could you recommend any?

The more I use Kotlin/JS, the more I think you could do for frontend what you did on Android with carefully crafted Kotlin extensions (including Coroutines and Flow based ones) on top of Web APIs. See https://github.com/Kotlin/kotlinx.coroutines/issues/1633#issuecomment-545913942.

The biggest problem today for Kotlin/JS is tooling. Using ktor-js client, with really basic usage (GET, POST, …) and AFTER Kotlin DCE, I end with: kotlinx-coroutines-core.js : 362 Ko kotlinx-coroutines-io.js: 157 Ko kotlinx-io.js: 223 Ko kotlinx-serialization-kotlinx-serialization-runtime.js: 271 Ko ktor-ktor-client-core.js: 292 Ko ktor-ktor-http-cio.js 43 Ko ktor-ktor-http.js: 168 Ko ktor-ktor-utils.js: 80 Ko Waaaay too much to be able to do this call:

val response = <http://client.post|client.post><HttpResponse>("/account/profile") {
						val jsonData = Json(JsonConfiguration.Stable).stringify(
							ProfileFormState.serializer(),
							store.state
						)
						body = jsonData
					}

In KotlinJS under the hood the multiplatform FloatArray corresponds to Float32Array -- is there a reason we can't use FloatArray (without casting) as a parameter when Float32Array is expected? (Same goes for IntArray -> Int32Array)

Is there a better way to convert from a javascript

UInt8Array

back to a Kotlin

ByteArray

than trivially

ByteArray(uintArray.length) { uintArray[it] }

?

I’m having trouble with translating this instantiation of a class to kotlinjs

var ui = new firbeaseui.auth.AuthUI(firebaseI.auth());

. Doing the naive thing in kotlin does not result in a “new” call in the generated code e.g.

val ui = firebaseui.auth.AuthUI(firebase.auth())

does not work. rightnow I am doing the following, which works but is a bit ugly

external val uiHack: AuthUI
val firebaseHack = firebase // firebase is imported as `@JsModule("firebase") external val firebase: Firebase`
val firbeaseUIHACK = firebaseui // same as above
js("var uiHack = new firbeaseUIHACK.auth.AuthUI(firebaseHack.auth());")
val ui = uiHack

the same question has also been asked on stackoverflow some time ago: https://stackoverflow.com/questions/49097351/cant-create-object-from-required-module-in-kotlinjs