Anyone who could help ? I have an issue with tests, because of missing external dependency... I do have simple hello world app with external js dependency, the code works fine in a browser. But not sure how to tell gradle to include my external js when running my tests.

I created a Kotlin/JS Gradle project with three modules, “main”, “common” and “service-worker”. “main” is the script that my index.html loads. This will in turn install a ServiceWorker from /service-worker.js. How do I configure the main module to pick up the JS output from the module it includes as a dependency?

I stumbled across following problem: i get a

Long

value from the klock-library. Unfortunately klock-js brings its own kotlin.js library hence the

Kotlin.Long

returned by klock is not the same

Kotlin.Long

the rest of the application uses. Is there a way to exclude klock's dependency on kotlin?

So I can get two Kotlin/JS module to build and each has its own browserRun and browserWebpack tasks. But even if I add a dependency from one to the other I can’t get the JS files from the dependency to be included. Any suggestions?

Is there a reflection-based way (not

kotlinx.serialization

) in Kotlin/JS to parse JSON into Kotlin data classes?

@Test
    fun jsonTest() {
        data class Person(val name: String)

        val expected = Person("Bob")
        val parsedPerson = JSON.parse<Person>("""{"name":"Bob"}""")

        assertEquals(expected, parsedPerson)
    }

This test gives:

AssertionError: Expected <Person(name=Bob)>, actual <[object Object]>.

I've used create-react-kotlin-app and now I'd like to include a gradle/maven library. How to go about this? I've managed to track down the .jar file but I'm not sure how to include the jar / call it within kotlin. Please help 😅

It me again. I'm trying to get the new text value from an input, when the user types. How to do this in Kotlin?

onClickFunction = {

println(it.target.value)

}

Doesn't work

Using

org.jetbrains.kotlin.js

it's pretty trivial to get the browser dev setup working with the

kotlin.target.browser {}

. What's not is where to go from here. How would I package the node outputs in

/build/js

to be usable as static inputs in a ktor application in a multi module project? Given the js plugin seems to properly call node under the hood I'm imagining I can call some release task but reading the plugin source I'm not seeing anything obvious and the available tasks seem to be devoid of anything that would appear to create a consolidated output I can use statically.

The package in question in

lit-element

, and the error I get when loading the JS file in the browser is

Uncaught ReferenceError: LitElement is not defined

Hello I'm using react-kotlin but the

useState(0)

Hook doesn't work! It throws the following Error:

Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons (...)

and then lists the reasons. Why is that? My Code is the following:

Hello, I noticed that Kotlin Multiplatform mangles API method names for Kotlin native libraries when transpiling to JS (e.g. ListArray.get is mangled like get_14h3f). Is there way to prevent this mangling? I want to be able to interact with native Kotlin objects from JS.

Can someone help me understand why MutableMaps in Kotlin JS don't have all the methods I expect they'd have? E.g. put().

Hi, can someone please help me with this (ReactJs app with Kotlin)? Can't resolve the

react

imports (Unresolved reference for

import react.dom.*

)

import react.dom.*
import kotlin.browser.document

fun main() {
    render(document.getElementById("root")) {
        h1 {
            +"Hello, React+Kotlin/JS!"
        }
    }
}

build.gradle file -

plugins {
    id 'org.jetbrains.kotlin.js' version '1.3.61'
}

group 'com.example'
version '1.0-SNAPSHOT'

repositories {
    mavenCentral()
    jcenter()
    maven { url "<https://dl.bintray.com/kotlin/kotlin-js-wrappers>" }
    maven { url "<https://dl.bintray.com/kotlin/kotlinx>" }
}

kotlin {
    target {
        browser()
    }

    sourceSets {
        main {
            dependencies {
                implementation kotlin('stdlib-js')
                implementation kotlin('test-js')

                implementation kotlin('stdlib-js')
                implementation "org.jetbrains.kotlinx:kotlinx-serialization-runtime-js:0.10.0"
                implementation "org.jetbrains.kotlinx:kotlinx-coroutines-core-js:1.2.0"

                implementation(npm("core-js", "^2.0.0"))
                implementation(npm("svg-inline-loader", "0.8.0"))
                implementation(npm("kotlinx-html", "0.6.12"))
                implementation(npm("@jetbrains/kotlin-react", "16.6.0-pre.67"))
                implementation(npm("@jetbrains/kotlin-react-dom", "16.6.0-pre.67"))
                implementation(npm("@jetbrains/kotlin-styled", "1.0.0-pre.67"))
                implementation(npm("@jetbrains/kotlin-extensions", "1.0.1-pre.67"))
                implementation(npm("@jetbrains/kotlin-css", "1.0.0-pre.67"))
                implementation(npm("@jetbrains/kotlin-css-js", "1.0.0-pre.67"))
                implementation(npm("react", "16.8.3"))
                implementation(npm("react-dom", "16.8.3"))
                implementation(npm("inline-style-prefixer", "5.0.4"))
                implementation(npm("styled-components", "3.4.10"))
                implementation(npm("@jetbrains/logos", "1.1.4"))
                implementation(npm("@jetbrains/ring-ui", "2.0.0-beta.11"))
            }
        }

        test {
            dependencies {
                implementation(npm("enzyme", "3.9.0"))
                implementation(npm("enzyme-adapter-react-16", "1.12.1"))
            }
        }
    }
}

Nothing about webpack configuration?

Any setup improvements for the jsTest task in a multiplatform build? I cobbled together my own process near the beginning of 2019 and am hoping things have improved (especially unpacking the js dependency tree to a location that a js test process can access it)

is there a way to use jest as test runner instead of karma as descriped here https://kotlinlang.org/docs/reference/js-project-setup.html#configuring-test-task? what i’m trying to archive is to have unit tests that don’t start a browser (unlike the karma tests) and testing my react components with enzyme. is an example regarding react with enyme available somewhere? or are their other hints how to archive testing that you are just to when comming from typescript (like react testing with jest and enyme)

does anyone here have a example app for kotlin-react that uses gradle instead of setup via yarn ? i have no idea how to setup the index.html to display the app

can i add startscripts from package.json somehow to the npm configuration in the frontend plugin? this example: https://github.com/ScottHuangZL/my-kotlin-app/blob/master/package.json#L16-L22

I’m having a fun problem this morning - I setup some libraries I publish to use the js test runner, and it appears that in the “build to release” (that no longer uses snapshots), I get errors that look like the following:

kotlinNpmInstall FAILED
377
error Couldn't find package "myproject-package@1.4.5" required by "myproject-package-test@1.4.5" on the "npm" registry.

😅 Seems like once it has a version number, it tries to install the project I’m currently building from npm. Is this an issue other people have workarounds for? Should I open a ticket somewhere?

I noticed the frontend plugin disabled the use of

package-lock.json

. Is

package-lock.json

supported in the new javascript plugin ?

Does someone have a working example of how to release a Multiplatform JS target as a pure NPM module?

Does auto rebuild / auto reload for Kotlin/JS work in 1.3.61 or is it only supposed to work later in 1.4?

without the frontend plugin, just using

kotlin("js")

how do i add dev dependencies for using webpack plugins and the like ?

Hi all, I was hoping to consume a Kotlin JS subproject in a Micronaut server subproject as a Jar dependency but it didn't work because it wasn't a JVM artifact. I was able to depend on the Jar directly: https://github.com/GoogleCloudPlatform/air-draw-demo/blob/kotlinconf/server/build.gradle.kts#L27 But that isn't ideal. Any ideas on a better way to do this?

i am looking for examples/suggestions on which libraries work best with kotlin-react and is multiplatform

Hello, in an mpp project the js file is generated as

umd

. I see that all classes and object (singletons) are generated as function() so I am not sure how I am supposed to use it in JavaScript, as when called I get

undefined

as returned value. Any idea?

Is is possible to override/upgrade the dukat version included in the kotlin-gradle-plugin?

Hi, I’m trying to get kotlin-react to work for the first time. I tried building my project with Maven, but I’m getting some “module is not defined” errors when I run it in the browser. After some searching, I think it’s because I need the “core-js” dependency from NPM. Now my problem is, I can’t find any way to include NPM-dependencies through Maven. Do anyone know if you can include those with Maven only (without a package.json and doing “npm install”? It think this is the equivalent in Gradle:

kotlinFrontend {
    npm {
        dependency "core-js"
    }
}