This message was deleted.

window.customElements.define("m3-stars", Stars::class.js.unsafeCast<() -> dynamic>())

Any idea why this fails? Browser says the second parametr is not a function. The code is from https://docs.fritz2.dev/WebComponents.html#use-webcomponents

HI! How to provide an independent TS/JS project's function implementation to Kotlin? I do not understand how to do it with gradle or whatever else. Relatable stack overflow question Situation: I have a Kotlin project and I want to use a TypeScript function from an opensource app, so I copied the source code to my project. The app starts via yarn.

Hi, folks! We know that Kotlin/JS may lack ready-to-use samples to see what the product is capable of. Could you, please, share your thoughts in the thread :thread-please: on what samples you would expect to see in our repos. Diversity is expected 😉 Anyway, thank you for your suggestions and your time !

Hello, I am trying to use in Android's WebView a project using Kotlin/JS. I am getting error

method can't be invoked on a non-injected object

Looking on Google, I found this: https://bugs.chromium.org/p/chromium/issues/detail?id=514628 So I looked into the code generated, and indeed, we are not doing what they recommend. The code generated gives:

var tmp0_safe_receiver = Native.adOver;
return tmp0_safe_receiver == null ? null : tmp0_safe_receiver();

For

external object Native {
    val adOver: (() -> Unit)?
}

Native.adOver?.invoke()

According to the report, we should generate:

var tmp0_safe_receiver = Native.adOver.bind(Native);

Has it been reported yet? Is there a workaround (other than just use

js("Native.adOver?.()")

)

Hi ! I’m trying to create

external

definitions from an existing npm module, but can’t figure out something. How should the following Typescript definition be declared in Kotlin ?

[Symbol.iterator]!: () => Iterator<string>

has anybody tried using this from Kotlin? https://www.npmjs.com/package/react-window-infinite-loader in the example the following code is used:

{({ onItemsRendered, ref }) => (

is there a way to express that in Kotlin JS?

Hey Gang! I was wondering if the Kotlin for Javascript is in

stable

The multiplatform is listed as

alpha

. Also, when building the application can I compile/transpile JVM and Javascript? Or is this project solely for writing in Kotlin and outputting JS, not both jvm/js?

why is the best way to inject a gradle property intokotlin JS code? e.g. for a API key?

Is there any way to instruct DCE to

keep

everything that is annotated with

@JsExport

? Right now we're manually maintaining a list in

dceTask { keep(…) }

, and it's kinda annoying to do so manually. I know it's possible to write some code to generate the keep declarations for us, but figured it was worth asking the broader community first 😄

I was wondering if anyone has any suggestions to internationalise i18n a static react site? hosted on github pages ...

but no options available to to unsafe cast

json {"key1":"value1", "key2":"value2", "key3":"value3" }

into a Kotlin type.

Is is possible to read file from filesystem in browser test?

This gives me JS/IR compiler

ClassCastException

error on 1.5.21:

console.log(delay(5))

(it can be any suspending function inside

console.log(...)

)

Are there any official tips to reduce the executable size? I'm using React, Ktor client, KotlinX.Serialization and KotlinX.Coroutines, and the executable is ~1.9MB (in prod). I'm using the IR compiler with default configuration +

binaries.executable()

.

https://blog.jetbrains.com/kotlin/2021/07/kotlin-1-5-30-m1-released/#js-source-maps Looking forward to your feedback, folks.

How can I include CSS from NPM module?

I'm getting an error when running suspending function (even simple

delay()

) after webpack hot reload. It seems to be new issue with Kotlin JS/IR 1.5.2x or coroutines 1.5.1.

This message was deleted.

https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection any idea why

kotlinx.browser.window

does not have this method?

Isee there are 2 Material UI wrappers. Muirwik and kotlin-material-ui. They looks to me they are both solving the same problem. Can you help me which one to choose?

Hello, I have a regex made to match markdown links that works perfectly in Kotlin/JVM, but in JavaScript, it leads to a runtime error:

SyntaxError: Invalid regular expression: /\[(?<text>.+)\]\((?<url>[^) ]+)(?: \"(?<title>.+)\")?\)/: Invalid escape
    at new RegExp (<anonymous>)

Here's the source code that works in the JVM and fails in Chrome :

//language=RegExp
val linksRegex = """\[(?<text>.+)\]\((?<url>[^) ]+)(?: \"(?<title>.+)\")?\)""".toRegex()

When I look at the generated JavaScript code, here's what I get:

var tmp0_toRegex_0 = '\\[(?<text>.+)\\]\\((?<url>[^) ]+)(?: \\"(?<title>.+)\\")?\\)';

I tried to workaround using

js("…")

:

val linksRegex = js("""'\[(?<text>.+)]\((?<url>[^) ]+)(?: "(?<title>.+)")?\)'""").unsafeCast<String>().toRegex()

Unfortunately, it then seems to strip the backslashes away as it's matching quite random strings that are not markdown-style links at all but plain English sentences. Is there a way to get that Regex to work in JS like it does in the JVM?

Hey all, going through some dependency hell. Is there any way to pin transitive depedencies or provide a yarn.lock? I'm using jsMain from a frontend web page

I am starting a multi platform project and I’d like to send a javascript browser

Event

to the jvm backend. In javascript I might normally do something like

JSON.parse(stringifyEvent(event))

where

stringifyEvent

is a function described in https://stackoverflow.com/questions/11547672/how-to-stringify-event-object/34519193#34519193. Would I need to basically do the same solution in Kotlin or is there something a bit better, perhaps built in or a library? Alternatively is there some other method to send browser events to a jvm backend?

How do I solve this? I tried • deleting .gradle, and all build dirs without success. • Compiling with different kotlin versions (1.4.32,1.5.0,1.5.10,1.5.21) But failed. Any help is appreciated

reading through "sharing code on platforms" and i see

Kotlin doesn’t currently support sharing a source set for these combinations:

- Several JS targets

does that mean i cannot have eg. a "common" JS target and browser + nodejs + cordova depend on that ? i really hoped i could use expect/actual to modularize and commonize stuff

Hello, I got html with script based on libraries https://github.com/vasturiano/3d-force-graph and three.js. Is there a way to import such html into Kotlin/React? Or I need to write wrappers around those libraries. I have seen js libraries

html to react

, but at the moment I'm not succeseed in writing wrappers around them.

Hi 🙂 I use Kotlin/Js and have a npm dependency, which loads a wasm file at runtime. Is there a way to include it in Kotlin/Js tests? Maybe in Karma? The wasm file is in the node_modules directory of the package.