I have been facing this error after updating my kotlinJs project dependencies to 1.4 for example the dependency below:

implementation("org.jetbrains:kotlin-extensions:1.0.1-pre.112-kotlin-1.4.0")

Throws the error below:

Unable to resolve "kotlin-wrappers-kotlin-react-jsLegacy" from "shared/build/js/packages/shared/kotlin/shared.js"

I don't quite understand why the jsLegacy is part of the module name. I expected the module to be kotlin-extensions as in version 1.3.72?

This morning suddenly I can't build my projects: can't find module 'uri-js'. My own code doesn't depend on it, seems to be a webpack thing. Any ideas? Tried clean, gradle resync, invalidate caches/restart, so far.

Hi all! Is there any way to get `Dispatchers.main.immediate`behavior in JS? 🙂 The `immediate`dispatcher is not supported (yet) but would be nice to have

Has the new yarn based system been tested on Java11+ ? When I build with gradle on Java11 (vs. java 8 ) it fails on

postdist

script that it cannot find

mkdirp

which is included as a devdependency. We have seen other errors also like npm modules failing their

postinstall

script that cannot find

node

when they try to

node -e "Please donate..."

I dont understand how this can be related to the java version but its the only difference

Damn, checkmate - I want to use Kotlin/JS in a Composite build. This requires the IR compiler, but whenever I enable the IR compiler the 'Webpack' Gradle task disappears. Is webpack not available from the IR compiler yet? Only 'nodejs' is visible - does this mean the IR compiler can only be used for back-end JS at present?

Hello, In my multi-modules multiplatform library, I see a lot of occurences of the following in the Gradle logs:

Please choose a JavaScript environment to build distributions and run tests.
Not choosing any of them will be an error in the future releases.
kotlin {
    js {
        // To build distributions for and run tests on browser or Node.js use one or both of:
        browser()
        nodejs()
    }
}

The problem is that whenever I try to replace

js()

or

js { useCommonJs() }

with

js(BOTH) { nodejs(); browser() }

, I get that error on build:

Could not create an instance of type org.jetbrains.kotlin.gradle.targets.js.subtargets.KotlinNodeJs.
> Failed to apply plugin [class 'org.gradle.language.base.plugins.LifecycleBasePlugin']
   > Cannot add task 'clean' as a task with that name already exists.

I'm a little surprised the recommendation doesn't work… what could be wrong here, and is there workarounds?

Migrating a kotlin react application with hooks from kotlin 1.3.72 to kotlin 1.4, I’m facing a strange issue. React throws this exception: “Rendered fewer hooks than expected. This may be caused by an accidental early return statement.” I can’t find the cause of it because debugging is quite tricky. Does anybody has faced this issue or have some ideas on how to resolve it?

Hey, I am migrating a multiplatform project from 1.3.72 to 1.4. However I am running into an issue with trying to run kotlinjs "browser" output in a web worker context:

Uncaught ReferenceError: window is not defined
    at universalModuleDefinition:10
    at workerLocal.js:15

I understand that window is not a defined object in a web worker context, and my own code avoids using it. But the module loader seems to try to access it. This was not an issue with 1.3.72, and I hope there are some config options I could tweak to get it to work. Hope I can get some help on this as I dont know how to proceed on my on my own.

Hi everyone, I'm trying to create a Kotlin wrapper for the react-gtm library (https://github.com/alinemorelli/react-gtm/blob/master/src/TagManager.js) and I can't seem to make it work. This is what I have so far:

@file:JsModule("react-gtm-module")
@file:Suppress("unused")
package react.gtm

external object TagManager {

    fun initialize(args: TagManagerArgs)

}

but when I run it I get the error

Uncaught TypeError: Cannot read property 'initialize' of undefined

. Any idea what I'm doing wrong?

I was thinking of Javalin. Is there anything else I should consider?

Hey folks! Kotlin 1.4 has just been released, which means that now is a good time to tell you about our plans for the Kotlin Web Frontend. Note: This roadmap covers the period until early 2021 and contains only our main tasks. New JS IR Compiler In Kotlin 1.4 we introduced the new Kotlin/JS IR compiler, which brings a lot of new features and optimizations. Until the end of this year, we plan to focus on collecting feedback, adding requested features, and preparing for the Beta stage: • Support incremental compilation (KT-38363). • Add an ability to generate separate JS files for each module (KT-38136). • Migrate the JetBrains Space project to the new JS IR compiler. • Fix all critical JS IR compiler issues. • Verify that critical issues in the old JS compiler are not reproduced in the new JS IR compiler. Note: Since the new JS IR compiler is a major priority for the team, any work related to the old JS compiler (except critical issues) has been postponed.

Kotlin/JS project templates To improve the user experience, we plan to add more Kotlin/JS project templates to the new Kotlin Project Wizard (KT-41774): Browser application – a blank application targeting the browser with: • Kotlinx.html – type-safe Kotlin DSL for creating HTML elements and building DOM trees. • CSS support (enabled by default) – enables support for webpack’s CSS and style loaders. Disable only if you provide your own webpack configuration. Node.js application – a blank application targeting Node.js with experimental Node.js API (kotlinx-nodejs). React application – a blank application with*:* • Kotlin-wrapped styled-components – adds a type-safe way to author and inject CSS stylesheets. • Kotlin-wrapped react-router – adds navigational components to keep your URLs and UIs synchronized. • Kotlin-wrapped react-redux – adds state containers powered by Redux. • CSS support (enabled by default) – enables support for webpack’s CSS and style loaders. Disable only if you plan to include your own webpack configuration.

⁉️ Was this information useful for you? Do you still have any questions about the team’s plans? Feel free to leave any comments or questions below!

Is there a way to get js errors mapped to kotlin sources on nodejs?

Why a js programer should use kotlin/js? What are its benefits?

1. How do I define the dukat version? I’ve done it in the past, but I can’t find it in the documentation, and I don’t see how to do it anymore. 2. Is there a way for me to specify the generated package for the lib? Shoving all dukat classes into the global namespace seems bad:

import Observable
import Subscriber

I am trying to generated a json string using data generated by my data class in kotlin js.

data class Test(var name: String = "", var age: Int = 0)

val output = JSON.stringify(Test("Nico", 25))

Output i get:

{name: "Nico", age: 25}

The output i expected:

{
  "name": "Nico",
  "age": 25
}

Aren't the keys supposed to be in double quotes as above compared to the first output?

I'm trying to use the IR compiler to generate d.ts files. I have

@OptIn(ExperimentalJsExport::class)
@JsExport
class TestClass(val hello:String)

And I'm just seeing an empty build/js/packages/mypackage/kotlin folder

js(IR) {
    browser {
        testTask {
            useKarma {
                useChromeHeadless()
                webpackConfig.cssSupport.enabled = true
            }
        }
    }
    binaries.executable()
}

is the portion in my build.gradle

I have

Exported declaration uses non-exportable property type: List<Carousel>

and

data class Data(
    val carousel:List<Carousel>
)

Carousel itself is marked with @JsExport as well, am I not able to export lists?

Is there any way to do Element.requestPointerLock() in kotlin js? I understand this is marked as experimental in the mozilla docs and therefore not included in the kotlin js element specification. Is there a way to add this in my app?

i'm trying to use a third party npm dependency and when i try to compile a simple wrapper for it i get this error

Module parse failed: Unexpected token (10:29)

  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.

googling states it might be babel problem so i tried adding it as a loader

config.module.rules.push({

    test: /\.extension$/,

    loader: 'babel-loader'

});

config.module.rules.push({

    test: /\.extension$/,

    loader: 'ts-loader'

});

but still no luck. anyone have any thoughts? (using the multiplatform plugin if that matters)

I am building a multi-platform project, where the

ViewModel

is written in

Kotlin MultiPlatform

and shared across all platforms, while the UI is platform-specific

declarative

. I am using JetpackCompose on Android, SwiftUI on iOS, and I am trying to understand what is the most suitable framework for the Web. I am considering

React

and

Vue.js

. As you can understand, I am interested in a lightweight framework which can behave just as JetpackCompose and SwiftUI. This means that I don't need to use any data manipulation or networking capability, as these functionalities are already managed by the Kotlin ViewModel. Some of the characteristics I am looking for are: - simplicity of routing - speed - quality and variety of UI components - ease to create simple custom components What do you think it's better between React and Vue.js for this kind of lightweight declarativeUI usage? In this context, what are the advantages of React over Vue.js, and of Vue.js over React?

Any idea when we’re going to see a new version of Dukat? I thought we were going to move to a 2 week update cycle, but we haven’t had a release in months. I’ve been eagerly watching the expected dates on Github for the releases, but a bug hasn’t been closed for the 2 weeks I’ve been watching it, the date for the milestone was moved back, and now it’s overdue. I’d love to see some progress made with dukat, as it would drastically increase usability of kotlin/js. https://github.com/Kotlin/dukat/milestones It’s almost been a year since you guys repped dukat at kotlinconf, and I’ve tried it in probably 20 different scenarios, and it’s failed me in each and every one of them. I’m a little disappointed.

Currently when using useState() in my react app i have to define and integer value as below and it works:

val (myValue, setMyValue) = useState(Int.MAX_VALUE)

When i use an Int as below:

val (myValue, setMyValue) = useState(Int)

I get an error when trying to access or pass myValue to a function that requires an Int saying:

Type mismatch: Required Int, Found Int.Companion

Can someone help me explain why this is happening and what those two mean?

I get this build error:

Cannot resolve external dependency org.jetbrains.kotlin:kotlin-stdlib-js:1.4.10 because no repositories are defined.

In my gradle.build.kts file, I actually have not even specified the version:

implementation(kotlin("stdlib-js"))

how can I fix this issue?

Hello everone and a friendly good morning from germany! right now i'm fighting with some wierd crashes in my kotlin react app, caused by asynchrounous loading a json with

GlobalScope.launch{}

via the

componentDidMount

while loading a child-component. In 1.3.72 it worked like a charmer, are there any known bugs in 1.4.10 that i missed?

Hello friends. is there a way to configure

LEGACY

/

IR

/

BOTH

directly in the KotlinTarget ? I need this, as I’m using a custom Gradle plugin, thus

js(compiler)

or gradle.properties are not possible

The following does not work in the new IR:

@file:JsQualifier("cast.framework.events")
@JsName("EventType")
external enum class PlayerEventType {
 // ...
}

This is because it generates the following line in JavaScript:

var EventType = cast.framework.events.EventType;

However, in that scope,

cast

is a function generated by Kotlin (seems to be from the serialization library):

function cast(_this_) {
  return isInterface(_this_, KSerializer) ? _this_ : THROW_CCE();
}

This results in the following error:

Uncaught TypeError: Cannot read property 'events' of undefined

Any workaround?

Did someone already got this error ?

> Task :kodein-di:compileTestDevelopmentExecutableKotlinJsIr FAILED
e: java.lang.AssertionError: org.jetbrains.kotlin.ir.expressions.impl.IrConstructorCallImpl@f80d1cf8: No such type argument slot: 0