Can someone please suggest me the regex for email address according to below image?

How do you get ktor suspend function working inside of application that uses JSExport. I have an example JsExport repo here https://github.com/DavidCorrado/KMPWithWeb/blob/main/shared/src/jsMain/kotlin/com/example/kmpwithweb/PokemonList2ViewModel.kt

Revisiting getting my multi-platform working with JS target again, and I am getting this after including Ktor JS:

Couldn't find package "abort-controller@3.0.0" required by "ktor-ktor-client-core-js-ir@1.6.8" on the "npm" registry.

Anybody know how to fix this? There are a number of other bits missing too (ws, webpack, @js-joda/core)

How do I set the filename to

index.js

in a multiplatform project? I tried it like this but it still uses the project name instead:

js("frontend", IR) {
        binaries.executable()
        browser {
            commonWebpackConfig {
                cssSupport.enabled = true
                output?.library = "index"  // tell it to generate as index.js
            }
        }
    }

anyone know why a property that we are instantiating in a ViewModel class is undefined when we actually try to use it - this property is undefined when we try to use it https://github.com/DavidCorrado/KMPWithWeb/blob/7560f6a9c58dd2a200227764ca6427eee9[…]c/jsMain/kotlin/com/example/kmpwithweb/PokemonList2ViewModel.kt

Does anyone have a good reference project for using a shared/common viewmodel in kotlin/js and calling the viewmodel functions from pure html/js/reactjs (not implementing the web in kotlin/js or a kotlin dsl/wrapper)

Hi there! I am getting an Internal Compiler Error, on Kotlin 1.6.21 trying to run javascript tests:

> Task :core:compileTestDevelopmentExecutableKotlinJs FAILED
e: java.lang.NullPointerException
        at org.jetbrains.kotlin.ir.backend.js.ic.InvalidationKt.actualizeCacheForModule(invalidation.kt:444)
        at org.jetbrains.kotlin.cli.js.K2JsIrCompiler.doExecute(K2JsIrCompiler.kt:220)
        at org.jetbrains.kotlin.cli.js.K2JSCompiler.doExecute(K2JSCompiler.java:178)
        at org.jetbrains.kotlin.cli.js.K2JSCompiler.doExecute(K2JSCompiler.java:71)
        at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:91)
        at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:43)
        at org.jetbrains.kotlin.cli.common.CLITool.exec(CLITool.kt:93)
        at org.jetbrains.kotlin.daemon.CompileServiceImpl.compile(CompileServiceImpl.kt:1623)
        at sun.reflect.GeneratedMethodAccessor82.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)

It worked and suddenly stopped working. We are also not doing anything fancy here. Just a normal gradle.build configuration. I see that the NPE is thrown here in `invalidation.kt:444`:

I’m trying to compile to js on a multi platform project on a linux arm64 machine but gradle is downloading an x86 nodejs binary, any idea how I can tell it what platform I’m on?

Ok, with a multiplatform project I’m getting the following error:

Execution failed for task ':admin-app:kaptGenerateStubsKotlin'.
> Error while evaluating property 'filteredArgumentsMap' of task ':admin-app:kaptGenerateStubsKotlin'
   > Could not resolve all files for configuration ':admin-app:kotlinCompilerPluginClasspathMain'.
      > Could not find org.jetbrains.kotlin:kotlin-allopen:1.6.21.
        Required by:
            project :admin-app
      > Could not find org.jetbrains.kotlin:kotlin-scripting-compiler-embeddable:1.6.21.
        Required by:
            project :admin-app
      > Could not find org.jetbrains.kotlin:kotlin-annotation-processing-gradle:1.6.21.
        Required by:
            project :admin-app

Hi! Is the library

kotlin-mui-icons

broken or it's only in my environment? Firstly it broke when I bumped version of my project to 1.0.0-pre.336; then, I tried to run both a test project and Kotlin Mui Showcase (https://github.com/karakum-team/kotlin-mui-showcase) which use MUI icons, and they show an error like in the attachments.

I’m trying to output a typescript definition file using MPP and the IR compiler, I have a simple data class in

commonMain

@JsExport
data class Hello(val something: String)

and in my build.gradle.kts I have

js(IR) {
        browser {
            binaries.executable()
        }
    }

when I try to do

gradle build

or I can see that something is compiled however there is no

build/js

directory and I have no idea where this has been created

Small survey from

kotlin-wrappers

What kind of Kotlin DSL for React Context Provider do you like? React with 👈 if you like classic syntax

CustomContext.Provider(value) {
  Child {}
}

React with 👉 if you like shortcut syntax

CustomContext(value) {
  Child {}
}

Thank you for feedback

Can someone please point me to any working examples that demonstrate Use JavaScript code from Kotlin. I am interested more on the code that interacts with external NPM packages, similar to the one in this blog post: JS in Kotlin/JS - DEV Community :woman::computer::man::computer: Most of the repos I see only has examples with React and I am not looking for those. Thanks.

I want to use bignumber.js in kotlin. Import:

val jsMain by getting {
            dependencies {
                implementation(npm("bignumber.js", "9.0.2"))
            }
        }

Declaration:

@JsModule("bignumber.js")
@JsNonModule
external class BigNumber(raw: String) {

    companion object {
        var ROUND_UP: Number /* 0 */
        var ROUND_DOWN: Number /* 1 */
        var ROUND_CEIL: Number /* 2 */
        var ROUND_FLOOR: Number /* 3 */
        var ROUND_HALF_UP: Number /* 4 */
        var ROUND_HALF_DOWN: Number /* 5 */
        var ROUND_HALF_EVEN: Number /* 6 */
        var ROUND_HALF_CEIL: Number /* 7 */
        var ROUND_HALF_FLOOR: Number /* 8 */

        fun config(): Config
        fun set(obj: Config): Config
        fun clone(obj: Config = definedExternally): Any
    }

    interface Config {
        var DECIMAL_PLACES: Number?
            get() = definedExternally
            set(value) = definedExternally
        var ROUNDING_MODE: Number? /* 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 */
            get() = definedExternally
            set(value) = definedExternally
        var EXPONENTIAL_AT: dynamic /* Number? | JsTuple<Number, Number> */
            get() = definedExternally
            set(value) = definedExternally
        var RANGE: dynamic /* Number? | JsTuple<Number, Number> */
            get() = definedExternally
            set(value) = definedExternally
        var CRYPTO: Boolean?
            get() = definedExternally
            set(value) = definedExternally
        var MODULO_MODE: Number? /* 0 | 1 | 3 | 6 | 9 */
            get() = definedExternally
            set(value) = definedExternally
        var POW_PRECISION: Number?
            get() = definedExternally
            set(value) = definedExternally
        var FORMAT: Format?
            get() = definedExternally
            set(value) = definedExternally
        var ALPHABET: String?
            get() = definedExternally
            set(value) = definedExternally
    }

    interface Format {
        var prefix: String?
            get() = definedExternally
            set(value) = definedExternally
        var decimalSeparator: String?
            get() = definedExternally
            set(value) = definedExternally
        var groupSeparator: String?
            get() = definedExternally
            set(value) = definedExternally
        var groupSize: Number?
            get() = definedExternally
            set(value) = definedExternally
        var secondaryGroupSize: Number?
            get() = definedExternally
            set(value) = definedExternally
        var fractionGroupSeparator: String?
            get() = definedExternally
            set(value) = definedExternally
        var fractionGroupSize: Number?
            get() = definedExternally
            set(value) = definedExternally
        var suffix: String?
            get() = definedExternally
            set(value) = definedExternally
    }

    fun plus(number: BigNumber): BigNumber
    fun minus(number: BigNumber): BigNumber
    fun multipliedBy(number: BigNumber): BigNumber
    fun dividedBy(number: BigNumber): BigNumber
    fun modulo(number: BigNumber): BigNumber
    fun comparedTo(number: BigNumber): Number?
    fun toString(base: Int): String
}

Other methods work well except

set

and

clone

.

@Test
    fun testConfig() {
        println(BigNumber.config().DECIMAL_PLACES)
        BigNumber.set(object : BigNumber.Config {
            override var DECIMAL_PLACES: Number? = 3
        })
        println(BigNumber.config().DECIMAL_PLACES)
    }

the

set

method has no effect. The output is like the following:

> Task :jsBrowserTest
[log] 20
[log] 20

Is there anyone can tell me why the

set

method doesn't work and how can I use

clone

method?

I encountered the following error:

TypeError: Cannot read properties of undefined (reading 'plus_4zeyed$')

I have the declaration in common:

expect class BigDecimal(raw: String) {
    fun add(bigDecimal: BigDecimal): BigDecimal
    companion object {
        val ONE: BigDecimal
        val MAX: BigDecimal
        val MIN: BigDecimal
    }
}

internal val maxValue = ""
internal val max = BigDecimal(maxValue)
internal val minValue = ""
internal val min = BigDecimal(minValue)

In jsMain:

@JsModule("bignumber.js")
@JsNonModule
external class BigNumber(raw: String) {
    fun plus(number: BigNumber): BigNumber
}

actual class BigDecimal actual constructor(raw: String) {
    private val delegate: BigNumber = BigNumber(raw)

    actual companion object {
        actual val ONE: BigDecimal = one
        actual val MAX: BigDecimal = max
        actual val MIN: BigDecimal = min
    }

    actual fun add(bigDecimal: BigDecimal): BigDecimal {
        return BigDecimal(delegate.plus(bigDecimal.delegate).toPlainString())
    }
}

I have following unit test:

@Test
    fun testOverflow() {
        assertEquals(maxValue, (BigDecimal.MAX + BigDecimal.ONE).toPlainString())
    }

I got the error I post when I run the unit test for js target. Is there anyone who can tell me what's wrong here?

I wrote a multiplatform library and publish it to maven local. Then I use the library in another KMP project. Everything is ok except cannot run js unit tests in the KMP project. I add my library like the following:

sourceSets {
    val commonMain by getting {
      dependencies {
        implementation("com.calculation.multiplatform:MultiplatformBigDecimal:1.0.0-beta6")
      }
    }
    val commonTest by getting {
      dependencies {
        implementation(kotlin("test"))
        implementation("org.jetbrains.kotlinx:kotlinx-serialization-json:1.3.2")
        implementation("org.jetbrains.kotlinx:kotlinx-datetime:0.3.2")
      }
    }
  }

The ios unit tests and JVM unit tests work well. But when I run js unit tests, I got the following error:

Could not determine the dependencies of task ':jsTestPackageJson'.
> Could not resolve all dependencies for configuration ':jsTestNpm'.
   > Could not resolve com.calculation.multiplatform:MultiplatformBigDecimal:1.0.0-beta6.
     Required by:
         project :
      > No matching variant of com.calculation.multiplatform:MultiplatformBigDecimal:1.0.0-beta6 was found. The consumer was configured to find a usage of 'kotlin-runtime' of a library, preferably optimized for non-jvm, as well as attribute 'org.jetbrains.kotlin.platform.type' with value 'js', attribute 'org.jetbrains.kotlin.js.compiler' with value 'ir' but:

I cannot understand the message. Is there anyone who can tell me how can I solve this problem?

Does anybody know a good way to handle runtime configuration? When working with serverside projects it is always easy, when developing, to start different Spring Boot configurations for instance by passing different Gradle parameters. How would I do something like that in Kotlin/Js?

Hello, Our company started using Kotlin Multiplatform to share libraries between web, mobile and backend. The problem is at least in our experience the development of the actual UI layer on the web takes significantly longer in Kotlin than using TS (just looking at the time to compile it you can see a noticeable difference). Using Kotlin from TS is also a hassle due to suspend functions and conversions. With this in mind, we were thinking to take a similar approach to how mobile development works and separating the actual UI from the logic behind it (similar to MVVM architecture). This way we can write all the business logic in Kotlin and just expose the state and events to TS. 1. What do you think of this idea? 2. Did anybody attempt this? 3. What libraries do you recommend that can easily interact with both Kotlin and Typescript that can handle the state and UI events (eg RxJS)?

I cannot run js unit tests through IDEA, but when I run the failed task on the terminal, it succeeded. Is there anyone who can tell me the reason?

Functions that return Promise seem to be converted to

any

in TS declarations in 1.6.20 Anybody know a fix for this? EG:

@ExperimentalJsExport
@JsExport
fun test(): Promise<JSClient> {
    TODO()
}

@ExperimentalJsExport
@JsExport
fun useClient(): JSClient? {

compiles to

export function test(): any/* Promise<JSClient> */;
export function useClient(): Nullable<JSClient>;

Hello! How can i allow this in my project?

Function types with receiver are prohibited in external declarations

In the new React api in FC components and html tags there is such type in context receiver (photo). Is there any way to make lambda with such receiver so i can write this code (or maybe there is an alternative):

fun <P : Props> component(builder: {ChildrenBuilder & P & Props}.() -> Unit): FC<P> {
    return FC<P> {
        builder()
    }
}

What does that mean? (thread)

I'm getting the following warning, and I think this is a bug of the Kotlin/JS tooling:

There are multiple versions of "ktor-ktor-client-core-js-legacy" used in nodejs build: 1.6.8, 2.0.0. Only latest version will be used.

I have 2 independent multiplatform submodules to support Ktor 1 and Ktor 2. They are never used together. When running js tests for the module using Ktor 1.6.8, I have runtime errors because it is in fact using Ktor 2 during tests. I noticed the

build/js/packages/<module-name>/package.json

doesn't contain any dependencies, and in fact all dependencies of all subprojects are mixed together in

build/js/package.json

as "workspaces", excluding collisions (so Ktor 1 is not there). Is this normal? Is there a way to change that?

Should my expectation for dead code elimination be closer to, "it eliminates virtually all dead code" or "it's better than nothing but it doesn't scale well to large use cases?" I'm creating a project with the OPENRNDR framework as a dependency and the production js ends up at 700KB, which is about 10x what I was expecting.

I have KMP library which jsMain depends on bignumber.js through npm:

sourceSets {
        val jsMain by getting {
            dependencies {
                implementation(npm("bignumber.js", "9.0.2"))
            }
        }
    }

I published my KMP library to my private maven and use it in my another KMP project:

sourceSets {
    val commonMain by getting {
      dependencies {
        implementation("com.calculation.multiplatform:MultiplatformBigDecimal:1.0.0")
      }
    }
  }

Then I build js package in my KMP project use

./gradlew jsBrowserProductionWebpack

command. The problem is that I cannot see peerDependencies on MultiplatformBigDecimal and bignumber.js

Hi! I am getting a Base64 encoded file (through API) from a ktor server from a compose for web application. The encoded string arrives well on the web but when I convert it to a Blob I guess something is not working since the file is not readable anymore (xlsx file). Here is the code that converts ByteArray to Blob

fun bytesToFile(byteArray: ByteArray){
    val blob = Blob(byteArray.toTypedArray(), BlobPropertyBag("application/vnd.ms-excel"))
    val link = document.createElement("a") as HTMLAnchorElement
    link.href = URL.Companion.createObjectURL(blob)
    link.download = "test.xlsx"
    link.click()
    //document.removeChild(link)
}

Any idea what it might be wrong?

The stdlib already exposes the webgl 1 api through the interface

org.khronos.webgl.WebGLRenderingContext

Are there any external types for the webgl2 api?

Hey I have used the default template available in Android Studio for Kotlin Multiplatform Library and just added support for Javascript:

js(IR) {
  browser()
  binaries.executable()
}

But the build fails immediately with the error:

Caused by: org.gradle.api.internal.tasks.DefaultTaskContainer$DuplicateTaskException: Cannot add task 'clean' as a task with that name already exists.

I’m not sure how to approach this, has anyone encountered a similar error? Gradle version: 7.3.3