i posted a solution (as “ker2x”) here, feel free to correct me if i was wrong https://stackoverflow.com/questions/72355092/when-using-kotlinx-htmls-dsl-to-create-html-how-is-it-possible-to-refer-to-t/73611632#73611632

I’m looking for help understanding why some code I’ve written – which relies on weak references to attest garbage has been collected – works as expected when using the Legacy backend, but fails when using the IR backend. More details inside the thread.

Can the 1.6 JS compiler read files generated with 1.7 and

languageVersion=1.5

?

Is there still a maven plugin for js? I know there used to be with 1.0 or 1.1 but nowadays maven is barely mentioned on the docs page

message has been deleted

hi, do you know if there is some article/post/plugin for publishing a kotlin/js library to npm? I was using npm-publish but it seems like it uses the module name(in my case is something like

SomeLibrary

) instead of the base name from

js(IR) { moduleName = "some-library" ... }

and when I want to publish to npm I’m getting this error

npm ERR! 400 Bad Request - PUT <https://registry.npmjs.org/SomeLibrary> - "SomeLibrary" is invalid for new packages

where I would expect to publish it with the

moduleName

I defined form the js gradle block. A “workaround” was to rename my module to

SomeLibrary

to

some-library

but since I’m also targeting iOS I need to have it like

SomeLibrary

since iOS doesn’t support names like

some-library

. Thank you in advance!

Doodle 0.8.2 Released (https://github.com/nacular/doodle/releases/tag/v0.8.2) New Cassowary based Constraint Layout This release includes a new layout engine that will soon replace the current constraint based layout. This new implementation is based on the well known Cassowary algorithm and is therefore much more expressive and capable. The new implementation has a very similar API to the current one, so migration is less difficult. But there are key differences that mean current constraints won't always translate exactly. The new API is located in the

io.nacular.doodle.layout.constraints

package. Form Controls • New

singleChoiceList

for choosing a single item like

radioList

offers • New

optionalSingleChoiceList

for choosing zero or one item like

optionalRadioList

offers Better render performance

How can I produce an IIFE binary from Kotlin/JS with a default export?

Example projects: • https://github.com/karakum-team/kotlin-react-table-sample • https://github.com/karakum-team/kotlin-mui-showcase

Just bringing this to light once more 🤞🏾 Another pain points of dealing with kotlin/js is the kotlin collections and these are reasons Clarification: By collections, I mean the following implementations or abstractions • The

Collection

and

MutableCollection

interfaces • The

List

and

MutableList

interfaces • The

Set

and

MutableSet

interfaces • The

Map

and

MutableMap

interfaces 1. The collections are not marked with

@JsExport

making their consumption from JS/TS extremely difficult 2. There is no easy way to convert an instance of either of these collections to their native collection counterpart data structures (

List

->

Array

,

Set

,

Map

) We are currently wrapping these Collections to make them easy to use, but it feels inconvenient to have yet another wrapping of these basic building blocks of almost any library/application. We have expect/actuals in place so that we only do the wrapping in JS targets but that does require different builders to construct the said collections. This is very confusing especially for people joining the team We tried using

Array

in favor of

List

but they don't play well as properties for data classes. I know the team is currently focused on the compiler right now, but I would like to shed light one more time on how little things like these are also a crucial part of a language (at least its standard library).

I'm trying to write externals for a library (

decky-frontend-lib

) but I'm strugging a bit as there's a lot of types that don't seem to exist in Kotlin like RouteProps, Omit, etc. How would I approach this? I already went ahead and replaced all instances of

JSX.Element

with

ReactElement<*>

Hello! I am using the

kotlin-mui

wrapper and noticing that

component

is missing as a prop on some components. Was hoping to be able to set the

component

to

react.router.dom.Link

to use with the router. Was wondering if there was a work around possibly?

I'm trying to implement a proof-of-concept react app with Kotlin/JS and react. Ideally, I want to use only kotlin code. The app is for a 3rd party website and sits inside an iframe. The 3rd party provides a JavaScript API by means of including a script in the HTML body. In my react app, is it possible for kotlin/react to "see" this JavaScript code which is included in the index.html file? In a normal react app, I can reference this api without any require statements. Simply including the script tag in the HTML exposes everything to other JS files.

Hi, I wanna learn Kotlin/JS React I am an Android developer using Kotlin, Please let me know that what are the best resources to start.

If I have a JS function that takes any other function as a parameter, how do I specify that as a kotlin function? My guess would be something like this

external fun highOrderFoo(bar: (dynamic) -> dynamic): Promise<Json>

But what if

bar

is a function that takes multiple params?

❓ Hi there! Is adding a dependency as

implementation

currently the same as

api

on KotlinJS using the IR compiler? Documentation says standard gradle dependency declarations are supported. Example: I have 3 modules with the following dependency graph:

appJs

->

modulea

->

moduleb

, where I use

implementation

for linking between the modules. So

modulea

declares

implementation(project(":moduleb"))

. However, I can still access code within

mobuleb

from

appJs

which means that it's being leaked.

I'm trying to add typings to a library, but it uses CustomEvent<T> while the kotlin API for org.w3c.dom does not make it a generic type. Why is this the case? If there is no defined type, Nothing could be used, no?

Hello! Is there IdentityHashMap implementation for JS target?

I'm working with a large API which returns JSON response data. If I don't want to make wrapper classes for all the possible API response formats, is the best way to just use

val data = getData().await().asDynamic()
val someJsonProp = data.propName as Int

Or is there a better way?

Hi, I have a question about Kotlin/JS IR, can we generate source maps or it that not supported by the IR compiler?

Can someone suggest me where to dig to solve 'duplicate library name: ' problem?

How can i set the kotlinjs hot reload to reload on save and not on code changes? As it is now it is reloading while I am editing.

Hey guys, Can someone suggest to me a way to investigate the

jsTest

Gradle command running on a unit test function that does a lot of math operations and it pass in all other platforms except JS (Browser & NodeJS)

Just compile it in ide and copy paste into web editor 😀

Hey guys, Any clue why I’m getting this error or at least how to investigate it

.gradle/nodejs/node-v16.13.0-darwin-arm64/bin/node' exited with errors (exit code: 1)

👋 Hello, team!

Can someone explain how this code for material ui checkbox should be converted to kotlin/js?

const BpIcon = styled('span')(({ theme }) => ({ boxShadow: theme.palette.mode === 'dark' ? '0 0 0 1px rgb(16 22 26 / 40%)' : 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)', backgroundColor: theme.palette.mode === 'dark' ? '#394B59' : '#F5F8FA', backgroundImage: theme.palette.mode === 'dark' ? 'linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0))' : 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))', '.Mui-focusVisible &': { outline: '2px auto rgba(19,124,189,.6)', outlineOffset: 2, }, 'input:hover ~ &': { backgroundColor: theme.palette.mode === 'dark' ? '#30404D' : '#EBF1F5', }, 'input:disabled ~ &': { boxShadow: 'none', background: theme.palette.mode === 'dark' ? 'rgba(57,75,89,.5)' : 'rgba(206,217,224,.5)', }, })); or this one const theme = createMuiTheme({ overrides: { MuiCheckbox: { colorSecondary: { color: '#custom color', '&$checked': { color: '#custom color', }, }, }, }, });