Is Dukat supposed to generate

@JsName

and

@JsModule

annotations or is that currently not a supported feature?

Hey, I plan to start a personal project and I would like to make the frontend in Kotlin. What are viable solutions right now? I remember looking at some React things in Kotlin but it was mostly PoC at the time.

The default dispatcher of kotlinJS is based on window.postMessage. I'm trying to create a new dispatcher based on requestAnimationFrame. But it's not working properly and needs help. https://gist.github.com/hikaMaeng/a8250773a2cafd5fe38dc2fefa1dae3f

Anyone have an example project of using React Hooks? Having trouble getting them to work correctly.

I've put up a pull-request for

create-kotlin-react-app

which updates

kotlin-react

to it's most recent version I believe. This makes it so you can use hooks out of the box! https://github.com/JetBrains/create-react-kotlin-app/pull/294

Also, is there a place that lists JS libraries that have kotlin bindings? Dukat seems to do good for smaller libraries, but were still at a place where hand-rolled ones are more ergonomic.

Any idea why this code works:

val image = js("""document.querySelector("iframe").contentDocument.querySelector("canvas").toDataURL()""")
			console.log(image)

but this one fails with a ClassCastException:

val image = ((document.querySelector("iframe") as HTMLIFrameElement)
				.contentDocument?.querySelector("canvas") as HTMLCanvasElement).toDataURL()
			console.log(image)

?

Hello, I need some help. I have a small gradle.kts project with two subprojects: 1) multiplatform lib, 2) js module.

plugins {
    id("org.jetbrains.kotlin.multiplatform")
    id("org.jetbrains.kotlin.plugin.serialization")
}

repositories {
    mavenCentral()
    maven("<https://kotlin.bintray.com/kotlinx>")
}

kotlin {
    jvm()
    js()

    @Suppress("UNUSED_VARIABLE")
    sourceSets {
        commonMain {
            dependencies {
                implementation(kotlin("stdlib-common"))
                implementation("org.jetbrains.kotlinx:kotlinx-serialization-runtime-common:${Versions.kotlin_serialization_version}")
            }
        }
        val jvmMain by getting {
            dependencies {
                implementation(kotlin("stdlib-jdk8"))
                implementation("org.jetbrains.kotlinx:kotlinx-serialization-runtime:${Versions.kotlin_serialization_version}")
            }
        }
        val jsMain by getting {
            dependencies {
                implementation(kotlin("stdlib-js"))
                implementation("org.jetbrains.kotlinx:kotlinx-serialization-runtime-js:${Versions.kotlin_serialization_version}")
            }
        }
    }
}

import org.jetbrains.kotlin.gradle.dsl.Coroutines

plugins {
    kotlin("js")
    id("org.jetbrains.kotlin.plugin.serialization")
}

repositories {
    mavenCentral()
}

kotlin {
    experimental {
        coroutines = Coroutines.ENABLE
    }

    target {
        browser {
            runTask {}
        }
    }

    sourceSets {
        main {
            dependencies {
                implementation(kotlin("stdlib-js"))
                implementation(project(":common"))
            }
        }
    }
}

However gradle reports that

"...Caused by: java.lang.IllegalStateException: project ':common' is not configured for JS usage"

What am I missing?

How does one prohibit the mangling of abstract class implementation overridden property names with

@JsName("prop")

?

abstract class SomeClass {
    @JsName("someProp")
    abstract var someProp: String
}

class SomeClassImpl : SomeClass() {
    override var someProp: String = "prop"
}


fun main() {
    console.log(SomeClassImpl())  // still mangled  - Object { "someProp_366n21$_0": "prop" }
}

How do you guys use Kotlin/JS libraries in other JS applications? Does anyone have any experience with that?

Kotlin/js gives us

console.log

,

console.dir

,

console.warn

, and

<http://console.info|console.info>

. Is there a reason there is no

console.debug

?

@krotki I would recommend this example that uses new JS plugin and dukat for interop with js libraries https://github.com/Kotlin/kotlin-js-demo-1.3.50

Been getting this issue https://youtrack.jetbrains.com/issue/KT-33710 witch is fixed in dev versions for 1.3.60 but now i'm getting:

* What went wrong:
Could not determine the dependencies of task ':packageJson'.
> Could not resolve all dependencies for configuration ':npm'.
   > Could not find org.jetbrains.kotlin:kotlin-test-js-runner:1.3.60-dev-2370.

where exactly do I set the version for

kotlin-test-js-runner

?

What is the reason d.ts.libs folder (a copy of typescript/lib) is bundled with dukat?

I am struggling with a JS library misbehaving on Safari/mac. In a listener triggered on page unload, I need to return nothing in order to avoid a dialog alert to users. But on Safari, the event object has

returnValue: "kotlin.Unit"

(where my Firefox/Ubuntu has

returnValue: ""

). Is this something known? Is there a workaround?

Has anyone managed to get new js plugin working with dce?

Hello! I found a bug: https://youtrack.jetbrains.com/issue/KT-33974

what is the recommended way to setup kotlin react project ? does using the example here https://github.com/JetBrains/create-react-kotlin-app/ still the right point to start ?

I don’t understand what I’m missing

anyone tried to create Github Action using Kotlin?

How do you read a txt file to a string in the JS target of a Kotlin Multiplatform project?

I've wrote a short article about handling inner React state from outside with coroutines: https://medium.com/@altavir/taming-react-with-kotlin-js-and-coroutines-ef0d3f72b3ea. Several people asked me why not use redux. In my particular case it won't work but wanted to ask the backward question (just for understanding it better): does redux do something that is not possible with channel?

According to the docs, this should be supported, right? https://kotlinlang.org/docs/reference/js-reflection.html?_ga=2.212620177.463553542.1569790656-1872831452.1547516719#javascript-reflection

@[JB] Shagen I saw dukat v0.0.19 release! Tried again to compile for example `lib.es5.d.ts`:

npm i dukat && npx dukat -d kt node_modules/dukat/d.ts.libs/lib.es5.d.ts

Which succeeded, but when trying to compile the kotlin file to javascript, I got:

$ kotlinc-js -output out.js kt/lib.es5.module_dukat.kt 
kt/lib.es5.module_dukat.kt:126:15: error: parameter name expected
    fun apply(this: Function<*>, thisArg: Any, argArray: Any? = definedExternally /* null */): Any
              ^

Trying to use Goggle's closure compiler on a K/JS module using ADVANCED_OPTIMIZATIONS, I keep getting complaints about 'module' (and 'variable' and 'require'):

wrapper.js:6: ERROR - [JSC_UNDEFINED_VARIABLE] variable module is undeclared

. Is there an easy fix for this that I missed?

So I’ve been playing with some Kotlin/JS and I now have my tiny mostly empty app served as a 30Mo js file (5Mo gzipped). Anyone has examples / know how to split that huge thing into different files? For example, I was thinking maybe I could import the right version of kotlin.js and maybe some dependencies in my index html, so that I only have to redownload my actual app code on updates. https://github.com/Ribesg/Kita/blob/11643d13126867946bd7d2113d09e8376ca9fa22/modules/client/client-web/build.gradle.kts#L11-L20

Hi guys , how I set npm( new JS target ) output to submodule directory, I'm having MODULE NOT Found because is using parent build output( with kotlin-frontend didn't happen ), is there an example for this, also to use webpack in production mode?

What do you guys think about this idea: for kotlin-js gradle plugin (and MPP counterpart of it) move the yarn.lock files outside of build directory to either project root or some external structure so those would be pushed to git and serve their purpose?

Anyone knows how to keep generated Ktor serializers when using Koltin JS DCE?