especially the bintray repositories, gradle dependencies outdated all the time

does anyone else see their bundles failing to include dependencies? all i get is the contents of the module and no deps. I upgraded to Gradle 5.2, Kotlin 1.3.21, and frontend 0.45.0 at the same time so still narrowing in on the cause...

Hi guys, I was trying to configure the tasks

compileKotlin2Js

and

compileTestKotlin2Js

. But since I’m not using the

id("kotlin2js")

plugin but

kotlin("multiplatform")

I’m receiving an error saying that the tasks don’t exist. Does someone knows how to properly configure these tasks when applying the

kotlin("multiplatform")

plugin?

When using the Kotlin Frontend plugin, I got this:

A problem was found with the configuration of task ':koolui-test-js:webpack-bundle'.
> File '/.../koolui-test-js/build/classes/kotlin/main/koolui-test-js.js' specified for property 'sourceFile' does not exist.

The file most certainly exists, I've checked it and read it. It's complete. Any ideas?

I'm adapting https://developer.chrome.com/apps/runtime which has functions that take arguments (

getUrl

), functions which take async callbacks (

getBackgroundPage

), and functions which perform actions (

reload()

). But then it has this

getManifest()

function which takes no arguments, isn't async with a callback, and isn't performing some kind of action. Were I encapsulating this in a class, I would do

val manifest: Json get() = delegate.getManifest()

to expose it as a property. This is an external interface though so I'm forced into

fun getManifest()

Guys, I’m trying to run a mpp project with javascript and react. My build is going ok but when I open the browser (where the webpack dev server pointed to me) I’m receiving the following error in the console:

Uncaught Error: Error loading module 'common'. Its dependency 'kotlin' was not found. Please, check whether 'kotlin' is loaded prior to 'common'.

I could see that in my

main.bundle.js

generated file, indeed the

"./common.js"

is being required earlier than the

"./kotlin.js"

module. I tried to change the dependencies order in my

build.gradle.kts

file but it didn’t solve the problem. Does someone knows how can we fix this?

what module type are you using? the javascript plugin has a(n arguably terrible) default of 'plain' instead of something more appropriate like 'umd'

Having some issues with trying to apply

task assembleWeb(type: Sync) {
    println(configurations)
    configurations.commonMainCompileOnly.each { File file ->
        from(zipTree(file.absolutePath), {
            includeEmptyDirs = false
            include { fileTreeElement ->
                def path = fileTreeElement.path
                path.endsWith(".js") && (path.startsWith("META-INF/resources/") ||
                        !path.startsWith("META-INF/"))
            }
        })
    }
    from compileKotlin2Js.destinationDir
    into "${projectDir}/web"

    dependsOn classes
}

assemble.dependsOn assembleWeb

on a multiplatform project. Since im not using

kotlin2js

but the multiplatform plugin i'm receiving:

Could not get unknown property 'compileKotlin2Js' for task ':assembleWeb' of type org.gradle.api.tasks.Sync.

Anyone has any idea how to solve it?

Anyone knows what kind of checks the compiler performs with "js" function (https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.js/js.html#js)? I'm experimenting and keep getting "JavaScript: syntax error" at compile time.

How come

state

in this code would show as

state_v23xwe$_0

in javascript?

@Serializable
data class StateAware(@JsName("id") val id: String = hashCode().toString(), @JsName("test")val test: String = "Tested") {

    @JsName("state")
    var state: Int = Initilized
        set(value) {
            println("Item with id:$id -> Old State: '${this.state}' | New State: '$value' has been set")
            field = value
            stateAwareContainer.sync(this)
        }
}

Do we have a common place to share kotlin wrappers for js modules from NPM?

im struggeling with both parts "all" and "transitive" 😉 i cannot get all dependencies, because i have a multi-module-project and i cannot make gradle to move the js-artefact of a dependency like

implementation project(":otherModule")

into the destination folder. and i have noo clue how to get the dependencies transitivley...

Lets talk about magic

fun js(code: String): dynamic

function. [https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.js/js.html#js] It allows you to embed JavaScript code to Kotlin. Its one of those features which is super simple to use in most cases but becomes quite complex when specifying what it does in general. It has some problems. It implicitly links Kotlin declarations with names used inside JavaScript snippet, and can become an effective tool to shoot yourself in a foot. For most interop needs safer constructs like external declarations and dynamic expressions can be used instead. It is also a tough feature to maintain: it requires a whole JavaScript parser to be included and parser result integrated with compiler data structures. Switching parsers can be hard. Supporting multiple ES versions only adds to complexity. We are considering various options to redesign it in future releases to make it “less powerful”. We would like to hear your input to make sure we got you covered with a smooth transition: Do you use

js

function a lot? What for? Are they big? What constructs do you put inside?

Hello. I'm planning to share some Code between Backend (Kotlin/JVM, Gradle) and Frontend (Existing Javascript Application, NPM + webpack). I thought using the kotlin multiplatform capabilities to build a library that works on both platforms was a good catch for this problem. I just created a multiplatform gradle-project from IntelliJ and it builds for alle three platforms. But the output for the javascript target is a jar file with the compiled javascript code embedded. I'd like to use the generated javascript code in my existing webapp. Is there any way to configure gradle to output just a commonjs or umd module that I can directly require via webpack? Thanks a lot!

Are there any guides how to create a npm library out of a generated xxx.bundle.js generated from the kotlin frontend plugin?

seems to be https://github.com/Kotlin/kotlin-frontend-plugin/issues/46

How to configure kotlin-dce-js using the Kotlin Gradle DSL? I can only find examples for Groovy and cannot figure out the Kotlin variant: https://kotlinlang.org/docs/reference/javascript-dce.html#development-mode

This is the best I came up with so far

Question: Using the kotlin.js add a lot of extra size to a library built with kotlin. Is there any way to remove that dependency or at least make sure it takes as little as possible? Don't think uglifyjs is gonna cut it

Using react-dom-wrapper, is there a way to insert HTML from a String variable into the dom? like this: https://stackoverflow.com/questions/23616226/insert-html-with-react-variable-statements-jsx

This works.

Hello buddies, I’m using

id("org.jetbrains.kotlin.frontend")

plugin to configure my

kotlin-react

application with webpack. But I’ve seen if my module has also the name

react

the system incurs in problems. Does someone knows an workaround for this? Without changing the module name?

Anyone seeing problems with

kotlin-frontend-plugin

0.0.45 and

kotlin

1.3.21 when stopping background karma task?

> Task :karma-stop FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':karma-stop'.
> kotlin.io.ByteStreamsKt.readBytes(Ljava/io/InputStream;)[B

It works correct when

./gradlew stop

command is run for the second time but fails almost always for the first time.

Another question about integrating Three.js. I found a very useful JS object in the library, but the problem is that it is not present in the final

min.js

module. For JS people recommend to do it like that: https://stackoverflow.com/questions/46362627/use-convexgeometry-in-npm-version-of-three. Is it possible to do it in kotlin-js?

Is it possible to use JS/TS files alongside Kotlin files in a Kotlin react app? I am interested in using Kotlin for my frontend react app but I am hesitant to jump into it since I might be giving up the ability to use community written libraries?

Hello all, I am trying to collect your opinions. Do you think there is a sense in using the web workers in Kotlin/JS, with Kotlin coroutines at your disposal?

Hello, I'm trying to translate

window.customElements.define('app-drawer', class extends HTMLElement {})

in kolin. I've tried

window.customElements.define("app-drawer", { js("class extends HTMLElement {}")})

, but it seems that the compiler try to analyse the

js("...")

content and don't understand the declaration.

Is there a gradle plugin to run and generate html/xml test reports for multiplatform javascript?

yes, there is. thank tou 😄

Let's assume I would like to use a predictable state container in Kotlin/JS. There is a bunch of Kotlin projects, which port JS code (mainly Redux) to Kotlin, but all of them are targeting JVM. So what should I do - port one of these projects back to Kotlin/JS or create Kotlin bindings for original Redux? Any other ideas?