Hi everyone, I’m creating JS modules from multiplatform projects using the kotlin-frontend-plugin. I have module2 depending on module1. When building module2, node_modules_imported includes module1, kotlin (as node package, with a generated package.json file), etc. But inside module1, there is another level of node_modules that also includes kotlin (as an isolated .js file, without package.json). I think this generates

w: Module "kotlin" is defined in more than one file

warnings. Is there a way to avoid that? Can I make npm aware of the fact that both packages depend on kotlin and it should only be included once? Thanks!

do you have any idea why the gradle node plugin does not create node_modules in the

nodeModulesDir

that was set ?

In a multiplatform project, I have a common class with suspend functions. How can I call suspend functions from JavaScript? I could expose a callback version in the common code but I’d like to avoid that. I could also wrap this class in a JS-specific class that exposes Promises like

async { suspendFunction() }.asPromise()

. Is there a more elegant way that doesn’t require wrappers?

I remember already asking this question somewhere, but I do not remember the answer. I have a tree-like object (not map of maps, but close to it), now I need this object to be converted to its structure copy represented as

dynamic

to be passed to JS library. What is the easiest way to do it?

Something like

js("it")

?

OK, it seems that I hit the wall with webpack... again (sorry). I have this file: https://github.com/root-project/jsroot/blob/master/scripts/JSRootGeoBase.js and its dependencies. I copy them into my resource directory so they could be visible for webpack, but I can't seem to find a way to make them visible from kotlin. I tried all combinations of

JsModule

and

JsQualifier

, but it does not seem to work. If I try to use

require

, the build is failing with a list of errors containing

Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

.

It sucks a bit that

?.let {}

doesnt use the extension function when receiver is dynamic. Anyone found a pattern just as concise way to express it ?

How do you handle conditional classes?

div("App-toolbar-button " + "App-toolbar-button__selected".takeIf { state.pageSelected == 0 }) {

How to get rid of strings concat?

I just discovered that

JSON.parse<T>()

won't fails with incorrect json and will continue works. For example:

data class Car(val name: String)
val car = JSON.parse<Car>("{\"qwe\":123}")

This code will works and

car.name

will return undefined. Is there any way to check that json matches to specified structure?

use kotlinx.serialization

How do I get an environment variable from Kotlin JS?

What is the easiest way to run js tests on mpp librarary? I am completely unfamiliar with JS testing frameworks, so I need minimal gradle configuration to run tests from

jsTest

source set.

I have kind of implemented a ServiceLoader mechanism in JS and now I don't find the service (the registration of the service happens within B)

Hello! Is somebody knows is there exists tool for convert a typescript source file to the kotlin js file?

Hi, does anyone have experience with the kotlin-react-redux wrapper? I am having a hard time connecting my container to the store.

Hi I have

kotlinOptions.moduleKind = "umd"

in my jsMain block. Whenever I build it I get in

sharemodule/build/libs/sharedcode-js.jar

and sharedcode.js file only in

/build/classes/kotlin/js/main/sharedcode.js

For now I just want to test shared code in a separate very simple Kotlin-JS project. Which file I am suppose to include in new project to use sharedcode built for JS? Thread in #multiplatform

Hi there - I want to build an Alfred workflow with kotlin, and I want to use https://github.com/sindresorhus/alfy library to do so. It’s my first time doing something meaningful with KotlinJs and I’m really confused on how to create a kotlin js app that would depend on npm module. Is there a good example/guide somewhere I can use?

I have a question on namespaces/naming/etc. Say I have a js module

moduleName

module.exports = {
    foo:  { /* some code here */ },
    C:  { /* some code here */ }
}

I can import it to kotlin like this:

@file:JsModule("moduleName")
package ext.jspackage.name

external fun foo()

external class C

The problem with this is that if I want to use that functionality elsewhere in kotlin code - I’ll have to import the functions/objects directly. I.e. like

import ext.jspackage.name.foo

. Which is not great, as that name can be generic/etc. What I want is to recreate experience where I’d call the

foo

function with module name prefix -

moduleName.foo()

I can’t import modules in Kotlin though, and

external

things can’t be defined within non external ones, so I can’t do something like

object moduleName {
    external fun foo()
}

Is there a way to accomplish this?

is the kotlin frontend plugin bundled in the kotlin-multiplatform plugin now?

Hey guys, is there a way to force kotlin to provide an array instead of an arraylist for the js implementation? For JVM I would like to use the ArrayList. Is there some kind of annotation or something?

A second thing what I was unable to find tool to generate f.ts files. Is there something what I can use to provide type definitions for my mpp?

Hi guys, what are the current plans for KotlinJS? Like what are the primary features, changes, etc. the KotlinJS team are working on for this year?

Hey, guys!! After a long time I’m back! So, hi to everyone! 🙂

Why isnt

finally

present on

Promise

in kotlin-js-stdlib ?

Looking at the changelog, you can not see many new things between 1.3.21 and 1.3.30. It's mostly a bugfix release. So why

kotlin.js

is more than 10% larger (+200KB)? This has a significant impact on the size of the output files for Kotlin/JS apps.

I'm having a serious issue with 1.3.30 Kotlin/JS compiler. Is there anyone here who can help now?

hey all. no kotlin react for 1.3.30 yet? http://dl.bintray.com/kotlin/kotlin-js-wrappers/org/jetbrains/kotlin-react/

Hello guys, Could you please help, is there any way to configure .npmrc via kotlin frontend plugin? It is necessary for me to configure my own npm registry

Almost two years of Kotlin programming with Kotlin/JS and I have no idea how to add new element to the JS array 😉 Any other idea than

array.asDynamic().push(element)

?

(React)