Hi all - is there a way to get the browser name and version from

jsMain

?

Hi all. this question might not be 100% kotlin, but a question of interop between kotlin and typescript in my kotlin-js module, i have a package say

com.organisation.product.core

which has this kotlin class

@JSExport
class Service()

once exported with

npm-publish

- when importing this from a typescript project it looks like

import {com} from "@organisation/core";
const Service = com.organisation.product.core.Service;

This kinda woks, but when you have another module (for example,

com.organisation.product.feature

) they both end up sharing the

com

import {com} from "@organisation/core";
import {com} from "@organisation/feature"; // not allowed

I know you can get around this with alias like

import {au as core} from "@organisation/core";
import {au as feature} from "@organisation/feature";

const Service = core.organisation.product.core.Service;
const FeatureService = login.organisation.product.feature.Service;

Is there a way to make these imports much nicer without losing my package structure from kotlin side?

Hi. Is there a way to generate a separate JS file from a single Kotlin file with the Kotlin js gradle plugin (without making a separate gradle module)?

Kotlin support Node.js and npm libraries ok ? But when Deno ? :cheers:

Hey everyone, we are trying to create a wrapper for the

Prompt

component in React Router and we can't get it to work. This is the code we have:

@file:JsModule("react-router-dom")
@file:JsNonModule
package react.router.dom

import react.Component
import react.RProps
import react.RState
import react.ReactElement

@JsName("Prompt")
internal external class Prompt : Component<PromptProps, RState> {
    override fun render(): ReactElement?
}

internal external interface PromptProps : RProps {

    var `when`: Boolean

    var message: String

}

This is the wrapper function we created:

public fun RBuilder.prompt(show: Boolean, message: String): ReactElement {
    return child(Prompt::class) {
        attrs.`when` = show
        attrs.message = message
    }
}

And this is how we are calling it inside the

render()

of another component:

prompt(show = true, message = "ERROR")

Anyone knows what we are doing wrong?

for some reasons.

kotlin {
  browser {}
  nodejs {}
}

seems more intuitive and inline with KMM than

kotlin {
  js {
    browser()
    nodejs()
  }
}

The former unlocks • hierarchical source sets between javascript targets • Easier gradle resolutions for browser or node specific • Intrinsically adding

kotlinx-browser

and

kotlinx-node

depedencies

this error showed up when i upgraded our webapp to kotlin 1.5.10

Module parse failed: 'import' and 'export' may appear only with 'sourceType: module' (9:0)
File was processed with these loaders:
 * ../../node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|  *
|  */
> export { FluentBundle } from "./bundle.js";
| export { FluentResource } from "./resource.js";
| export { FluentType, FluentNone, FluentNumber, FluentDateTime } from "./types.js";
  SyntaxError: Unexpected token ')'
  at C:/Users/nikky/AppData/Local/Temp/_karma_webpack_600784/runtime.js:1:0

i guess this is because webpack was updated, but i am completely clueless how to go about fixing this

This message was deleted.

My company is looking to see if react kotlin/js is a viable alternative to react/js. we built a demonstrator using react and tailwind and now the challenge is to convert to react kotlin/js. I seem to have run into a bit of a problem quite early on and I'm looking for some help please.

how do other people do tests that involve suspending functions? in my karma test which i run in a

GlobalScope.launch

i see no log output at all if i use

promise

see all logs in a single line.. but the assertion seem to work.. somewhat

I am trying to figure out what the correct way to use innerHTML - have tried using

dangerouslySetInnerHTML

setState{
    itemDescription = props.video.description
        ?.let { webLink.replaceLinks(it) }
        ?.replace("\n", "<br/>")
        ?: ""
}
styledDiv {
    attrs["dangerouslySetInnerHTML"] = state.itemDescription
}

but i dont seem to be able to do:

attrs{
    dangerouslySetInnerHTML = state.itemDescription
}

How can you use the multiplatform plugin with a js target on alpine linux (docker dind)? I always get:

Cannot run program "/root/.gradle/nodejs/node-v14.15.4-linux-x64/bin/node"

Hello! Is there a way to disable minification for production builds. It seems that the source-maps are broken when the code is minified. Or is there a good guide on how to setup a kotlinjs production build with sourcemaps and all. By the way we are using Kotlin 1.5.10.

Hey, I want to publish a JS IR library to a npm registry. This works with

npm-publish

from Martynas Petušk! But if I consume the library, Typescript complaints about

kotlin.js not found

.

Hey all! Cool to see the JS IR Migration guide that was published as part of 1.5.20 A big issue for us in doing this migration is that our JS project is part of a Kotlin Multiplatform codebase. The guide recommends using `external interface`s, but many places we would need to do this to are located @indahc

commonMain

because they're also used by iOS and JVM targets. Any planned solutions or workarounds for this? Maybe moving

external

into Common, but making it a no-op for non-JS targets?

Can ytou recommend some localization library? Preferablyu something framework-independent (but I'm using fritz)

There's an example in the docs here about creating a Base64 encoder in Kotlin/JS. I was using this in my product, but after upgrading to Kotlin 1.5.0+ it no longer works. The code

js("Buffer")

outputs into the JavaScript console:

Uncaught ReferenceError: Buffer is not defined

https://kotlinlang.org/docs/multiplatform-library.html#js First of all, perhaps that example needs updated? Second, how can I resolve this in my product?

Does anyone know where this HTML5 xsd was extracted from? (or where I could get a proper xsd for HTML5, google wasn't fruitful at all)

I need to build a Weak-Valued cache for my KMP project; including Kotlin/JS, so I need weak references on each platform. WeakReference is explicitly implemented for Kotlin/Native, to complement the existing JVM one. But I don't see any equivalent support for Kotlin/JS, even though JavaScript does provide a WeakRef. Is there a way to make this usable from Kotlin? Thanks. I'm experienced in KMP/KMM (`expect`/`actual`), but new to JavaScript interop.

I'm new in web development for that reason I want to ask experts here For you what is more preferable use Kotlin with React as FrontEnd or use Kvision ?

Hi there! Quick questions. We have a multiplatform project with

JS

target that we just migrated from Kotlin

1.4

to

1.5.20

. As now

IR

is the default backend, we need to annotate those key classes with

JSExport

to be able to see them on

JavaScript

exports. The problem is that we need access to some

enum

and

interfaces

too that seems it’s not exported anymore. Any advice on how to proceed here? I don’t know if there is any workaround for this or if

enum

and

interfaces

will be supported in the future 🤔

I'd like to execute an

npx

command. I see that Kotlin/JS already bundles Yarn & co, is there a way to access it? SO recommends to use the Node-Gradle plugin, but that will install Node a second time, right?

I have a KotlinJS project with a main function that starts my React.JS app. This main function loads when the .js file is loaded via script tag Is it possible to make it so that the app does not immediately initialize once the js file is loaded? I'd like to include the script tag to load the JS file and then at some time later initialize my react app on a button click But to do this I need to be able to call the KotlinJS main function (or any other function to start the app) from JavaScript manually ...

I'm getting

NoSuchElementException

when I try to create an HttpClient with Kotlin/JS 1.5.2 with Ktor Client 1.6.1 (legacy compiler). According to this issue, this is a DCE problem: https://github.com/ktorio/ktor/issues/1731 When I get an error like this, how do I know which declarations need to be added to the DCE keep setting? I tried adding the one suggested in the above issue, but it didn't work:

dceTask {
    keep("ktor-ktor-io.\$\$importsForInline\$\$.<http://ktor-ktor-io.io.ktor.utils.io|ktor-ktor-io.io.ktor.utils.io>")
}

Is it normal that IntelliJ + live reload eats almost 10GB of RAM?

my current kotlin js always generates

reactJs.js

is it possible to change config to get

reactJs.somerandomhash.js

?

Are there any BeforeAll and AfterAll test annotations in js? Kotlin-test-annotations-common doesn't seem to have anything to offer for those.

Hey everyone 👋 , Can anyone give me any advice with following error? I configured a

useConfigDirectory

pointing here: https://github.com/arrow-kt/arrow/blob/main/arrow-libs/karma/chrome_bin.js https://github.com/arrow-kt/arrow/blob/sv-js-fx-coroutines/arrow-libs/fx/arrow-fx-stm/build.gradle#L20

Disconnected (0 times) , because no message in 30000 ms.
java.lang.IllegalStateException: command '/Users/runner/.gradle/nodejs/node-v14.15.4-darwin-x64/bin/node' exited with errors (exit code: 1

I have a project using muirwik that has started failing builds with the error:

Error: Can't resolve '@material-ui/core/styles/createMuiTheme'

The project has worked fine and no changes to the module on the weekend and i started another module for a website - but i rolled back to before i started deleted all build folders and still get the error? Just wondering if anyone has seen the error before?