How would I go from a suspending function to a Promise or just getting rid of the suspend completely? (on the JVM, you would use runBlocking for example) My submit function is using Coroutines, but I want to JsExport the functions making use of the submit function

class POST(
	val uri: String,
	val json: String,
) {

	suspend fun <T> submit(): T {
		return window.fetch(
			input = "${ENV.server}$uri",
			init = RequestInit(
				body = json,
				method = "POST",
				headers = json("content-type" to "application/json; charset=UTF-8"),
			)
		).await().json().await().unsafeCast<T>()
	}

}

@JsExport
@ExperimentalJsExport
object Data {
	suspend fun getColumns(request: ColumnRequestVO): ColumnResponseVO {
		return POST(uri = "/columns", json = request.toString()).submit<ColumnResponseVO>()
	}
}

Declaration of such kind (suspend function) cant be exported to JS

I know it's very new and experimental, but has anyone had success with porting a well-known npm package such as "express" into kotlin declarations using dukat?

Is there any way to force some code to be run non-lazily when the JS file is loaded? Even when using

-Xir-property-lazy-initialization

. With

-Xir-per-module

I need to know if a certain module was already loaded. The only which comes to mind is to set a global variable when loading that module, and check if that variable set from other modules.

What KotlinJS-first declarative ui frameworks are out there (if any)?

Hi all! I'm trying to add

react-tooltip

to my project. https://www.npmjs.com/package/react-tooltip It has some static methods like

ReactTooltip.show(element)

How can I add these methods with the new IR compiler? I used a workaround to avoid problems with

default

described here: https://github.com/anton-bannykh/web-app-react-kotlin-js-gradle/blob/IR-fixes/src/main/kotlin/ReactPlayer.kt This thread is related: https://github.com/JetBrains/kotlin-wrappers/issues/361 And this is my code for ReactTooltip:

import react.RClass
import react.RProps

@JsModule("react-tooltip")
@JsNonModule
external object ReactTooltip {
    val default: RClass<ReactTooltipProps>
}

external interface ReactTooltipProps : RProps {
    var id: String
    var type: String
}

I tried to add this method as an instance method on

object ReactTooltip

, but JS says it's not a function. I also tried to add it like

val show: (target: Element) -> Any = definedExternally

, but it doesn't seem to work too. Any suggestions?

I get that I'm in a single-thread environment, and it's probably the cause.. from my playing around the behaviour I'm seeing is that "if a suspend function itself calls a suspend function, it's just going to block." But if that's true, then doesn't it just mean

Flow.single()

is broken in kotlin-js? Makes me think I'm probably not understanding correctly what's going on.

Js interop question. How do I get a reference to a kotlin class constructor that javascript can call

new

on ?

class KotlinClass extends ExternalClass {
    constructor(p1 : Context) : super(p1) {
    }
}

When I pass

KotlinClass::class.js

it will pass the

KotlinClass

in javascript land.. but the

super

call is placed in the

function KotlinClass_init()

which seems to ever only be called from Kotlin. I tried getting a reference to

KotlinClass_init

but doing

::KotlinClass

in kotlin land doesnt work either. I think its because it is wrapped in a function leading to a loss of the

this

value. Ultimately I cannot see how javascript can ever new a Kotlin class that needs to pass parameters to its super constructor. It seems to me that it is a compiler flaw that the kotlin constructor body is not placed in the native javascript constructor instead of this init function.

message has been deleted

📛 Hi folks! We’re continuing our quest to increase adoption of the new Kotlin/JS IR compiler – and we want to make it more visible which projects already support or use Kotlin/JS IR. So, a small request: - If you have a published project that you compile with the Kotlin/JS IR compiler, or - If you are maintaining a library that publishes artifacts compatible with JS IR …we’d love if you would add our “Kotlin/JS | IR supported” badge to your README, to let others know that you are already embracing the future of Kotlin/JS 🛸! It’s as easy as adding the following snippet to your markdown:

[![Kotlin JS IR supported](<https://img.shields.io/badge/Kotlin%2FJS-IR%20supported-yellow)](https://kotl.in/jsirsupported)>

I try to use a Kotlin/JS IR based module inside a TypeScript project. And it seems the module after assembling misses a

"types": "kotlin/shared.d.ts"

field in the

package.json

. Without that field TypeScript did not detect the types of the module in the project. I for now added the field manually with:

compilations["main"].packageJson {
    customField("types", "kotlin/shared.d.ts")
}

Did I miss a setting or should I report an issue to YouTrack?

In case anyone is interested, I gave a talk on Kotlin/JS. The topic includes how to get started, JS interop, the Kotlin/JS ecosystem, React, and fritz2. The slides and code samples are available at https://github.com/hpehl/kotlinjs-talk/.

Does anybody knows how to keep the

Kotlin.defineModule

js function when using DCE?

Is there something like

@JvmSynthetic

in K/JS?

Just raised an issue on kotlin yt to making npm publishing functionality natively available via kotlin js and multiplatform plugins. Vote if that's something that'd be of use to you.

Am I correct that intra-project dependencies are not working correctly with the IR compiler? I have a project with 2 modules, and one depends on the other. But when I try to build, I get a

"Couldn't find package "…-jsIr@1.0.1" required by "…-jsLegacy@1.0.1 on the "npm" registry."

even though I have them both configured with

js(BOTH) {}

Is there a better way to get the target of a event as a HTMLElement?

val iframeDocument = element.contentWindow?.document
iframeDocument?.body?.addEventListener("mouseup", callback = { event ->
    val target = event.target?.unsafeCast<HTMLElement>()!!
})

Hi everybody I’m trying to create a multiplatform library with no external deps, in particular I need to cover these two platforms: • JVM => in order to reuse it in Scala/Java/Kotlin projects • Javascript => in order to use in Cloud Functions (Azure/AWS/Google Cloud) The output of the compilation works perfectly for the JVM target but struggling with the output of Javascript Compilation (I’m using

IR

). The produced code seems not do depend to Kotlin as it contains internally all the required data structures and they’re not compatible with the Kotlin.js library Can somebody help me or point to some useful resource that explain how to use kotlin-to-js compiled code into pure js applications?

Cross-posting this here, since y’all are the main target audience anyway 😉

Hey folks! We see in our analytics that some of you aren’t using Gradle in their Kotlin/JS projects. I would like to chat and learn a bit more about such projects. Please DM me or let me know about you in the :thread-please:

Hi all, Is there any specific configuration required to run js test when we use IR backend. Before using IR backend for js target my js test were running but after switching to IR non of the js test are running. Here is my build gradle file: https://github.com/ashishkujoy/kotlin-js-jvm-library/blob/main/build.gradle.kts

Hey All I am building a JsonObject like following , I want to

put(key="data",*ArrayBuffer)*

but put only accepts JsonElement , so how to do this? as JS Function expects an ArrayBuffer there... Any Help is Appreciated!

Hey All I have Been Struggling Fo Creating An External Class for using this : https://github.com/egoroof/browser-id3-writer library in my Kotlin/JS Project But i cant get to create an object of this class as it expects new keyword. Any Help is Appreciated as I couldnt get it to work even after few hours of trying... whenever I try to Instantiate ID3Writer , at runtime it crashes giving error:

ID3Writer is not a constructor

@JsExport seems really handy - however it's a shame I can't export

Map<X, Y>

. I can't export

List

or

Collection

either but those I can map to

Array

- is there an equivalent solution for `Map`s?

Is there a common way to automatically modify the exported .d.ts file generated by @JsExport? In particular I'd like to strip

kotllin.js

from

kotlin.js.promise

(see KT-43632) and I guess I can hack up some Gradle to do this but wondered if there was a convention or tool for this.

I'm getting this error now even though I haven't changed any project configuration. Not entirely sure why or where it's coming from. Would anyone here know?

Execution failed for task ':common:jsBrowserDevelopmentWebpack'.
> Module 'fs' not found

So, using sqldelight's js driver with the IR compiler everything compiles fine but at runtime an Uncaught ReferenceError is throw because it can't find a

SqlJs

object which I believe is supposed to be bundled by webpack from the

sql.js

package. I've tried a handful of different custom webpack config changes but nothing seems to help.

when building a naked “hello world” in kotlin/js is getting a 500k webpack bundle in build/distributions/{myproject}.js the lowest I can get or is there an option like “treeshaking”, “optimize”, etc. I am missing?

hey guys, it's a super stupid question, but.. How do I add an image in react/kotlin? I've added a png in the jsMain/resources folder but it can't be found at runtime, and it's not present in the build/js bundle

Is dukat ready for production environment? Looks there're many problems on the output definitions. And... I don't know how to resolve them manually.