Is this still the preferred way to import JS libs? My parse import is now giving me an error when trying to run the JS unit tests (I have not run them in quite some time). Using:

@JsModule("date-fns/parse")
external fun parse(date: String, format: String, reference: Date): Date

Is there any form of JS reflection in Kotlin?

Any way or plans to get rid of these warnings:

text-encoding@0.7.0: no longer maintained

Hi! Could anyone please show me (if it's possible) an example of a TS project using a kotlin lib which uses

@JsExport

? My use case is sharing code between TS frontend and Kotlin/JVM backend, without having to rewrite my frontend in K/JS - right now I am just publishing the

.d.ts

and

.js

fat files and downloading them manually, which is a hack

Anyone using fritz2? It's a neat and super lightweight flows based web ui framework. I've created a #fritz2 channel to hang out and discuss.

I'm writing a gradle plugin to handle kjs publishing to npm repositories. I'd like to know what configuration options would be useful for such plugin? Could you drop your suggestions in the thread?

I'm trying to build a web extension and to access this apis I want to use a npm module with some typescript type definitions. Is this even possible? I've tried adding the library to my gradle with

npm

and

generateExternals

set to true which "exposes" this APIs and I can use them from kotlin, but then fails to build the output. I've also tried with

devNpm

but then I cannot access them.

I've just published a first preview version of the gradle plugin I've been working for past couple days. It enables publishing to NPM repositories in a similar way

maven-publish

does for maven repsitories. It also setups your publications automatically from your JS compilations, yet allows for custom publications too. Give it a goo and let me know what you think! https://gitlab.com/lt.petuska/kpm-publish/-/releases/v0.0.2

I managed to make it work with KVision applications, and I really wonder why HRM is not enabled by default? It makes app reload cycle at least twice as fast compared to the default configuration!

The docs explain how to make a webpack from kotlin/JS, but making a webjar is dfferent (the jar file should contain META-INF and a certain paths like /web/META-INF/resources/webjars/ or so). Is there an easy way to do this? Do we have a gradle plugin to turn to?

When building for a web frontend target, is there a better way to view errors than the default messages printed to the browser console? I find myself staring at a

NullPointerException

error constantly, but the error message just refers to a line number in the compiled JS, which is useless (as far as I have been able to determine) in tracing back to where the exception comes from. Is there a tool or method to trace this sort of exception back to the Kotlin source at all?

i'm working on a mapping from a reactmodule and trying to figure out how i would map this field in the props. I had originally thought I could just use RElement but when I tried that I get an error

Reading https://kotlinlang.org/docs/reference/js-project-setup.html, the part about development/production webpack:

Execute either of these tasks to obtain the respective artifacts for development or production.

But is there a way to set up build types via gradle, such that one can run

browserDevelopmentWebpack

when running locally and

browserProductionWebpack

when running for production somehow? In Android you have build variants https://developer.android.com/studio/build/build-variants. Using raw webpack you can do i.e.

webpack --mode=development

But is there a way to do something like this for KotlinJS via gradle?

Hi there, I was wondering if enabling CSS support on Gradle (as shown below) already imports the

css-loader

and

style-loader

dependencies?

kotlin.js {
    browser {
        webpackTask {
            cssSupport.enabled = true
        }
        runTask {
            cssSupport.enabled = true
        }
        testTask {
            useKarma {
                webpackConfig.cssSupport.enabled = true
            }
    }
}

How does one avoid minifying JS/CSS when running locally, while still doing so when building for production (i.e. running browserDevelopmentWebpack when local and browserProductionWebpack when production)? I find it hard to believe no one else has this need for fast turn around time locally while still maintaining minification etc. for production, and yet it is hard to find any information about it. (updated for clarity)

Just released v0.1.1 of npm-publish plugin. Have a look! 🎉 Posted in #gradle

Question for folks using the new JS IR: Does

@JsExport

also prevent name mangling? Or do you need to use both

@JsExport

and

@JsName

for that?

Since kotlinjs documentation says it has interop with Javascript and the other way around I'm wondering if someone could share some experiences of having a mixed project including ts and kotlin files. For my usecase I have a react app (created with create-react-app) written in typescript and want to migrate it to Kotlin step by step. Is this possible and how would I have to set it up? I searched the web but couldn't find something beside this discussion that describes exactly my usecase but isn't answered https://discuss.kotlinlang.org/t/incremental-migration-of-typescript-projects-to-kotlin/13416

How would I debug this error from the compiler:

java.lang.IllegalStateException: Concrete fake override IrBasedFunctionHandle(function=org.jetbrains.kotlin.ir.declarations.impl.IrFakeOverrideFunctionImpl@53225f3c) should have exactly one concrete super-declaration: []

(full output in thread)? There is zero indication as to which file causes this problem, the

-verbose

parameter seems to not change anything in the compiler output.

how do you deploy kotlin react project to netlify?

Hi everybody, I've created a project that shows how you can write Grease-/Tamper-/Violent)-monkey user scripts with KotlinJS https://github.com/Foso/gtvmonkey-scripts#greasetamperviolent-monkey-scripts-with-kotlinjs

Yay, first experience with Kotlin/JS & React was quite good 🎉 Things which I think need improvement: • Debugging support. I can’t really debug anything. • Faster refresh in browser after I’ve changed something in code. Lost a lot of time here. • More documentation. • Update to

kotlinx-html

. Seems quite dated. It’s also surprisingly easy to deploy a Kotlin React project on Cloudflare Worker Sites. https://workers.cloudflare.com/sites Maybe that could be a Gradle plugin for automatic deployment. It’s easy & cheap for getting started 🙂

any idea how to implement

background: inear-gradient(325deg,rgba(39,107,130,1) 0,rgba(49,84,129,1) 100%)

in kotlin.css ?

so how do we use

functionalComponent

in react-router-dom. It is asking for

ReactElement

. How do you convert b/w them?

This message was deleted.

I'm wondering if it is somehow possible to convert (compile) a kotlin file to Javascript programmatically from inside of an kotlin-jvm project? Is this even possible in generell (a cli would work as well) during runtime?

Something that needs improvement: Lack of type safety / initialization with

RProps

. Easy to miss and causes an error at runtime 😅

Hi everyone, I'm trying to use the

&& { }

notation to override the default styles in the MaterialUI library using the

kotlin-styled

library but I can't find how to do that. I assume there must be a method inside

CssBuilder

that does this but I can't find it. Does anyone know what is the same of the method?

Hi everyone, I try to call the run method of KafkaJS from Kotlin. For that I did the following steps: 1. Add 

kotlinx-nodejs

 dependency 2. Run task 

nodeJsGenerateExternals

3. Copy from 

externals

 to sources 4. Add to 

index.module_kafkajs.kt

 on top 

@file:JsModule("kafkajs")

5. Move all typealiases (non external) to other file (in my case 

index.module_kafkajs2.kt

In plain JS I have to call it that way:

await Consumer.run({
   eachMessage: async ({ topic, partition, message }) => {
     console.log({
       value: message.value.toString(),
     })
   },
 });

In the created index.module_kafkajs.kt file I found that:

external interface Consumer {
    fun connect(): Promise<Unit>
    fun disconnect(): Promise<Unit>
    fun subscribe(topic: ConsumerSubscribeTopic): Promise<Unit>
    fun stop(): Promise<Unit>
    fun run(config: ConsumerRunConfig = definedExternally): Promise<Unit>
    fun commitOffsets(topicPartitions: Array<TopicPartitionOffsetAndMedata>): Promise<Unit>
    fun seek(topicPartition: `T$28`)
    fun describeGroup(): Promise<GroupDescription>
    fun pause(topics: Array<`T$29`>)
    fun paused(): Array<TopicPartitions>
    fun resume(topics: Array<`T$29`>)
    fun on(eventName: ValueOf<ConsumerEvents>, listener: (args: Any) -> Unit): RemoveInstrumentationEventListener<Any>
    fun logger(): Logger
    var events: ConsumerEvents
}

and that: 

external interface ConsumerRunConfig {
    var autoCommit: Boolean?
        get() = definedExternally
        set(value) = definedExternally
    var autoCommitInterval: Number?
        get() = definedExternally
        set(value) = definedExternally
    var autoCommitThreshold: Number?
        get() = definedExternally
        set(value) = definedExternally
    var eachBatchAutoResolve: Boolean?
        get() = definedExternally
        set(value) = definedExternally
    var partitionsConsumedConcurrently: Number?
        get() = definedExternally
        set(value) = definedExternally
    var eachBatch: ((payload: EachBatchPayload) -> Promise<Unit>)?
        get() = definedExternally
        set(value) = definedExternally
    var eachMessage: ((payload: EachMessagePayload) -> Promise<Unit>)?
        get() = definedExternally
        set(value) = definedExternally
}

Actual I don` understand how to use that from Kotlin with eachMessage. I hope somebody can help me.

Silly question for the channel. And I don’t mean this as some sort of troll bait question, so let me preface this with the fact that I am a complete Kotlin evangelist. I’ve been using it since before 1.0, and I have mandated that all new JVM code in our server-side software be written in Kotlin. My question is “Is it worth it using Kotlin for React and/or JS?“. Has it helped mitigate problems? Problems such as: Readability, maintainability, “correctness” (getting rid of those annoying JS hacks that I cannot stand to find), scoping issues, removing ambiguity, etc. What does is provide that makes it the better choice? What about bundlers and all that fun? External code imports and dealing with those types. If you have a link to a good write-up of this, that would be enough. I don’t want you to waste your time. I’m just trying to make an educated decision on where we are going next within our company. Side note: I am considering diving into using Kotlin for more than just server-side code. We are currently using React native (huge mistake, IMHO) on the mobile side, React in the browser. As for the mobile side, I am considering Kotlin Multiplatform Mobile, and tossing React Native for native UIs.