I'm setting up a multiplatform project using the new IR compiler and when I build I get IllegalStateException: No descriptor found for library ktor-client-js-jsir-1.4.2. Has anyone gotten this before?

Is there a way to have javascript code generated with normal function names without using @JsName? I have a large project and in most all cases I just want the javascript function name to be the same as kotlin one.

How can you define a callback function to pass to a javascript library such that the 'context' (

this

) of the callback function is correct? I tried making it a receiver function on that type, but it says those are not allowed.

Is there a way to inject the

build.gradle.kts

project.version

variable in the Javascript code? I need this value to drive some of my code and so far I hardcoded it in the kotlin code, but if I change it in the build file and forget to change it in the kotlin code it will create some issues...

Hi I am a newbie to both kotlin and react. Working through the kotlin/js "conf explorer" app. Please point me to the right documentation for the basics with regard to the following. 1. How does render work? For a kotlin component that calls render, what is the lifecycle? ... Across components what is the ordering of render calls? 2. Using intellij debugger. Running the app with the debugger doesn't hit the breakpoints. What am i missing? 3. When an onSomethingHappens callback is invoked,on a child component, in reaction to a button press, say, the app seems to freeze. Can I change RState vars from within the callback? I see examples doing this, but I don't understand the call ordering and thread model.

I want to rephrase my problem stated above a little bit. After some messing around I realized with initial create-react-kotlin-app setup js files are just ignored and simply not included into final build, which was likely the main issue. Since I want to use both JS and Kotlin in one project I want to be able to compile both js files and kt files. Unfortunately, I wasn't able to find any information how such system can be setup easily. I found kotlin plugin for webpack but I wan't able to set it up and there is not much information online about it. So, my question is, how to compile both kotlin files and js files in one react project (which uses create-react-app) if I have no intention to actually use react from kotlin, but want to be able to partially write application in kotlin and call it from js part?

Hi, I am new to Kotlin/JS and was asking if anyone has setup Kotlin with NodeJs. Any resources and responses would be really helpful.

CommonsWare reported that JetBrains is already working at a Kotlin/JS version of JetpackCompose, but he doesn’t mention any source. Do you have any extra information? https://commonsware.com/blog/2020/11/07/where-compose-could-go.html

I followed the kotlinjs intro tutorial (https://play.kotlinlang.org/hands-on/Building%20Web%20Applications%20with%20React%20and%20Kotlin%20JS/01_Introduction) but I'm finding that whenever I update my build.gradle.kts file, intellij loses the source dirs. I searched around for this and found references to

sourceSets

, but it doesn't seem to work in a kotlinjs project. Is there something special I need to do there?

A separate kotlinjs/gradle question: is it possible to opt in to experimental coroutines api? I tried adding

experimental.coroutines = Coroutines.ENABLE

to the

kotlin

block in

build.gradle.kts

, but I'm still getting the warning in files

Hello, does anyone know of a clear github repo which has an example of creating a library for kotlinJS with a gradle file containing bintray configurations for publishing?

Hi everyone Does anyone know of a article which has an example of implementing a react-modal for a kotlin/JS and React web app

Does anybody know the size and performance overhead of classes in K/JS? I wonder if it’s okay to have hundreds of small interfaces and classes or if that will increase bundle size or decrease performance noticeably.

What do you think about this hack to enable

SomeExternalInterface.someFun()

? 🤔 This actually compiles and works.

this

will be

null

in

SomeDslClass.Companion.foo

which is okay because it’s not actually used. It allows for a nice DSL with zero overhead for unused Kotlin interface types and companion classes.

external interface SomeDslClass {
    @Suppress("NESTED_CLASS_IN_EXTERNAL_INTERFACE")
    companion object
}

fun SomeDslClass.Companion.foo() {
    console.log("it works!")
}

fun main() {
    SomeDslClass.foo()
}

KVision framework has now its own new website at https://kvision.io It gives you all important information about the project and contains links to all necessary resources. The site is created with ... KVision, which makes KVision the first Kotlin/JS framework capable of building its own website 😉

Does anyone have a working example for a multi-module project with code splitting and lazy loading? • I’d like to have modules “Main” and “Full”. • “Main” is loaded initially and “Full” loaded lazily for certain pages. • “Full” depends on “Main”. • “Full” should be able to use code and access resources of “Main”. Currently it looks like this: • I have no idea how to import “Full” from “Main” lazily. • How do I set that up without creating cyclic dependencies? Using

external interface

in “Main” for certain exports of “Full”? • “Full” also seems to contain all code of “Main” which is not desired. • I don’t know how to set up resources properly so that

require

works in both modules for their local resources and in “Full” for “Main”’s resources.

For KMP unit tests that run in browser/headlessChrome I need to load a file from commonTest/resources with my test input data. I've seen variations of this question asked that have hints at a solution but I still can't figure it out, some look like they apply more to a JS only project with more javascript things like webpack added, or node which can load files on the filesystem unlike the browser. How can I do this?

How to load a json file from resources

Soo, after a lot of digging into the compiler I’ve found a way to make code splitting work in a proof of concept 🎉 The

-Xir-per-module

compiler flag was pretty helpful here. I wonder how stable it is? Tomorrow I’ll try to incorporate the approach into my Kotlin React app and see if it works there as expected too :) Update: Works like a charm in my Kotlin React project 🙂 https://github.com/fluidsonic/kjs-chunks

I am new with kotlin / JS which uses React as a framwork. I would like to know if it is possible to have multiple pages in a single module that use different scripts and not just “project name” .js

Hi, I've asked this StackOverflow question regarding Android

citeproc-java

[

'de.undercouch:citeproc-java:2.0.0'

] and

'io.apisense:rhino-android:1.1.1'

I am not familair with JavaScript in any way. Is theer any present on this channel that could provide me with some guidance please?

I am trying to create wrapper files for a js lib. im having some problems creating a wrapper for a js enum parameter as it is not possible to create an

open enum

. Here is the enum i want to create a wrapper for:

Types: {
      webgl: 'WebGLRenderer',
      svg: 'SVGRenderer',
      canvas: 'CanvasRenderer'
    },

Just creating a real enum under the same namespace does not work:

enum class Types{
    webgl,
    svg,
    canvas,
}

Any help is appreciated!

After updating versions of dependencies on a TS library, I've started getting the following error:

Class constructor Vector3 cannot be invoked without 'new'

The problematic code is here: https://github.com/Jiro-Digital/three-csg-ts/blob/79723fb92e3fd57725306f5d273333341df2a40d/src/index.ts#L205-L217 (in particular call of

super(x,y,z)

). As far as I can undersand it could be fixed by turning on ES6 features, but Kotlin does not support them. Is there any way to fix that?

Hello, How to add browserHistory to browserRouter I mean the equivalent of history property of router

I updated my Kotlin/JS project to kotlin 1.4.20 and used the new

commonWebpackConfig

syntax

kotlin {
    js(IR) {
        browser {
            binaries.executable()
            commonWebpackConfig {
                outputFileName = "re-quickstart-${project.version}.js"
                cssSupport.enabled = true
            }
        }
    }
}

I don't know if it is related but I am getting an error:

Execution failed for task ':browserProductionWebpack'.
> Unable to store input properties for task ':browserProductionWebpack'. Property 'webpackConfigAppliers' with value '[org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackConfig.() -> kotlin.Unit]' cannot be serialized.

Can I use Kotlin libraries like Klaxon and Kache with Kotlin/JS? I've building against it with Gradle but I'm just getting "unresolved reference: com." style errors when I try to use them

I'm on 1.4.20 (LEGACY) and I have a data class with both

@JsExport

and

@Serializable

annotations. The generated JS code is not valid and fails with DCE processing because something like this is generated:

package$example.<init> = Test_init;

. Is this a known issue? I know

KT-39740

, but it's for IR and I'm using legacy. The same code compiles fine with IR.

1.4.20 Kotlin/JS IR fails to link compilable code from different modules I am using 1.4.20 (IR) and I have a scenario where task

compileKotlinJs

compiles successfully and

compileDevelopmentExecutableKotlinJs

fails to compile. With the error

> Task :webpage:compileDevelopmentExecutableKotlinJs FAILED
e: java.lang.IllegalStateException: org.jetbrains.kotlin.ir.descriptors.WrappedSimpleFunctionDescriptor@1b8f6db5 is not bound
        at org.jetbrains.kotlin.ir.descriptors.WrappedDeclarationDescriptor.getOwner(WrappedDescriptors.kt:96)
        at org.jetbrains.kotlin.ir.descriptors.WrappedSimpleFunctionDescriptor.getContainingDeclaration(WrappedDescriptors.kt:370)
        at org.jetbrains.kotlin.resolve.DescriptorUtils.getContainingModuleOrNull(DescriptorUtils.java:200)
        at org.jetbrains.kotlin.resolve.DescriptorUtils.getContainingModule(DescriptorUtils.java:185)
        at org.jetbrains.kotlin.resolve.descriptorUtil.DescriptorUtilsKt.getModule(DescriptorUtils.kt:64)
        at org.jetbrains.kotlin.backend.common.serialization.KotlinIrLinker.findDeserializedDeclarationForSymbol(KotlinIrLinker.kt:523)
        at org.jetbrains.kotlin.backend.common.serialization.KotlinIrLinker.getDeclaration(KotlinIrLinker.kt:566)
        at org.jetbrains.kotlin.ir.util.ExternalDependenciesGeneratorKt.getDeclaration(ExternalDependenciesGenerator.kt:60)
        at org.jetbrains.kotlin.ir.util.ExternalDependenciesGenerator.generateUnboundSymbolsAsDependencies(ExternalDependenciesGenerator.kt:50)
        at org.jetbrains.kotlin.ir.backend.js.CompilerKt.compile(compiler.kt:69)
        at org.jetbrains.kotlin.ir.backend.js.CompilerKt.compile$default(compiler.kt:51)
        at org.jetbrains.kotlin.cli.js.K2JsIrCompiler.doExecute(K2JsIrCompiler.kt:223)
        at org.jetbrains.kotlin.cli.js.K2JSCompiler.doExecute(K2JSCompiler.java:181)
        at org.jetbrains.kotlin.cli.js.K2JSCompiler.doExecute(K2JSCompiler.java:74)
        at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:88)
        at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:44)
        at org.jetbrains.kotlin.cli.common.CLITool.exec(CLITool.kt:98)
        at org.jetbrains.kotlin.daemon.CompileServiceImpl.compile(CompileServiceImpl.kt:1560)
        at sun.reflect.GeneratedMethodAccessor28.invoke(Unknown Source)
        at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
        at java.lang.reflect.Method.invoke(Method.java:498)
        at sun.rmi.server.UnicastServerRef.dispatch(UnicastServerRef.java:357)
        at sun.rmi.transport.Transport$1.run(Transport.java:200)
        at sun.rmi.transport.Transport$1.run(Transport.java:197)
        at java.security.AccessController.doPrivileged(Native Method)
        at sun.rmi.transport.Transport.serviceCall(Transport.java:196)
        at sun.rmi.transport.tcp.TCPTransport.handleMessages(TCPTransport.java:573)
        at sun.rmi.transport.tcp.TCPTransport$ConnectionHandler.run0(TCPTransport.java:834)
        at sun.rmi.transport.tcp.TCPTransport$ConnectionHandler.lambda$run$0(TCPTransport.java:688)
        at java.security.AccessController.doPrivileged(Native Method)
        at sun.rmi.transport.tcp.TCPTransport$ConnectionHandler.run(TCPTransport.java:687)
        at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1149)
        at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:624)
        at java.lang.Thread.run(Thread.java:748)


FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':webpage:compileDevelopmentExecutableKotlinJs'.
> Internal compiler error. See log for more details

I've been working on a library with some external declarations for WebExtensions api's based on the Firefox spec. I now want the library to be compatible with chrome so I added a polyfill as a dependency in my gradle.

implementation(npm("webextension-polyfill", "0.7.0"))

After this I'm a bit lost. Do I need to make something special to in order to get this dependency bundled alongside my kotlin code? Do I have to manually map the polyfill to kotlin code with @JsModule?

Is it possible to detect somehow which backend (legacy or ir) was used to compile the Kotlin/JS code?