Hello. I'm running a Ktor server with a particular endpoint that responds a CommonDateTime class object. In a kotlin,js client, I'm making a fetch request to the endpoint and I'm trying to parse the JSON to CommonDateTime class like this:

it.json().await().unsafeCast<CommonDateTime>()

CommonDateTime:

expect class CommonDateTime(millis: Long) {
    fun getYear(): Int
}

However, calling

getYear()

function on a casted instance yields an error:

TypeError: is not a function

(since

unsafeCast

just uses dynamic JS values). Is there an alternative to

unsafeCast

that would actually create the objects from JSON so that I could call its instance methods?

Hi there, I updated to the latest vetrsion of the

kotlin-wrapper

libraries and now I'm experiencing a few issues: 1.

kotlinx.css

can't be found, but when checking the code in Github the package name doesn't seem to have changed. Does anyone know what happened here? 2. Library dependencies can't be accessed as before and now I have to add them explicitly in my

build.gradle.kts

, e.g.,

kotlin-react-dom

uses

kotlin-extensions

and I could access the latter without adding it in my build file, but now I can't unless I do add it. Was this on purpose or an issue of changing the build files to kts? @turansky I saw that the latest commits are mostly yours so you might know why these things are happening.

Hello. I’d like to know some stuff about d.ts generation for KJS targets. How can I use `enum class`es in my common code so that I could use it as a regular typescript typed enum and not as a class with bunch of

...getInstance()

fields?

I've been struggling to get a Kotlin Multiplatform project working with Gradle, and I've run out of ideas. Currently, I can do a

gradle build

immediately after a

gradle clean

, but if I then make a change to any Kotlin code in the JS source set, the next

gradle build

will fail.

Hi All! I seem to have an issue running tests. I have a simple test like the following

//COMMON CODE
class CredentialsManagerTest: BaseTest() {

    @Test
    fun runTest() = runTest {
        fail()
    }

}

expect abstract class BaseTest(){
    fun <T> runTest(block: suspend CoroutineScope.() -> T)
}

//JS ACTUAL
actual abstract class BaseTest actual constructor() {
    actual fun <T> runTest(block: suspend CoroutineScope.() -> T) {
    }
}

The test runs in JS

> Task :common:compileKotlinJs UP-TO-DATE
> Task :common:jsMainClasses UP-TO-DATE
> Task :common:compileTestKotlinJs UP-TO-DATE
> Task :common:compileDevelopmentTestKotlinJs UP-TO-DATE
> Task :common:jsTestClasses UP-TO-DATE
> Task :common:jsBrowserTest
Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See <https://docs.gradle.org/6.3/userguide/command_line_interface.html#sec:command_line_warnings>
BUILD SUCCESSFUL in 14s

I have it setup to use Firefox as the test browser

browser() {
    webpackTask() {
        mode = org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackConfig.Mode.DEVELOPMENT
        sourceMaps = true
    }
    testTask {
        useKarma { useFirefox() }
        enabled = true
    }
}

But the test passes?? It runs the test in the browser and goes green. I cant seem to make it fail? Am I missing something? This is in a Multiplatform Project and has an Android Component also.

Just out of curiosity — how are things like Longs implemented in Kotlin/JS if JavaScript only has floating-point numbers? 🤔

Also, is it possible to have different source sets for frontend and node.js? (e.g. browserMain and nodeMain)

Does anyone have experience in developing large scale apps with kotlin.js? Does it scale well, considering grade plugin outputs just a single js file?

:kotlin:Using Firebase in your Kotlin JS project? You might find this wrapper around the firebase-js-sdk useful: https://github.com/GitLiveApp/firebase-kotlin-sdk

I just posted this on #mockk but maybe someone here has achieved this? I cant seem to find any real examples with JS inclusive and get this error.

A quick question about kotlinx-html-js - Is this purely a front-end, Javascript library? And not a tool for me to write Javascript as part of a kotlinx-html block on the server side?

Hi, is there any server framework like Ktor for KotlinJs?

Hi, I have a problem with my code... Browser error me

closure$handler

is not a function... But my

handler

is a lambda... What's happend. Thank you My code is pasted on: https://paste.ubuntu.com/p/TspvByyRNP/

do the kotlin-wrappers support v1.4-M1 and the new IR?

The produceExecutable option is gone in 1.4-M2-eap-68, is there an alternative?

Has anyone been successful in deploying a kotlin-js project to firebase? If I target nodejs I can’t deploy it due to dependency issues, and if I try to use browser target it looks like webpack messes up the code enough that it won’t actually run, which all the issues with webpack seem to lie with kotor. I added https://kotlinlang.org/docs/reference/javascript-dce.html#known-issue-dce-and-ktor but still not working.

I’m compiling my code for react-native. Previously I’ve been using the DCE plugin to get all my js files all in one place, and to ship an app that is as small as possible. It seems like the new direction for DCE is to use the browser target, but that compilation seems to run things through webpack. I don’t think I need webpack as react-native has it’s own bundler that I have to use (metro). What would be the best way to get DCE, all my js files in a single folder, and not have webpack process it?

all of the models right now are heavily annotated with backend-stuff (jpa, java validation, spring data, hibernate...)

I’m trying to generate a typed definition file ( typescript ) for my multi platform KotlinJS code. I wasn’t successful with any of the 2 plugins I found. Any of you had any luck ? Do you generate .d.ts file for your Kotlin code and how? I know Kotlin 1.4 should fix this but it’s not released yet and we don’t have a specific date right now. Thanks!

How can I implement an ErrorBoundary? I cannot find any code example or explanation on ErrorBoundaries for react. What i did find however, is this ominous class

RComponentClassStatics

and

RStatics

and some 'documentation' here: https://github.com/JetBrains/kotlin-wrappers/blob/master/kotlin-react/src/main/kotlin/react/React.kt#L63-L77 So i tried implementing it like this:

external interface ErrorBoundaryState : RState {
    var error: Throwable?
}

class ErrorBoundary : RComponent<RProps, ErrorBoundaryState>() {
    init {
        state.error = null;
    }

    override fun componentDidCatch(error: Throwable, info: RErrorInfo) {
        //super.componentDidCatch(error, info)
        //state.error = error
        //state.errinfo = info
        console.log("ErrorBoundary encountered error:", error)
    }

    override fun RBuilder.render() {
        state.error?.let { e ->
            styledDiv {
                h3 {
                    +"Something went wrong"
                }
                p {
                    +e.toString()
                }
            }
        } ?: props.children()
    }

    companion object : RStatics<RProps, ErrorBoundaryState, ErrorBoundary, Nothing>(ErrorBoundary::class) {
        override var getDerivedStateFromError: ((Throwable) -> ErrorBoundaryState?)?
            get() = {
                object : ErrorBoundaryState {
                    override var error: Throwable?
                        get() = it
                        set(value) {}
                }
            }
            set(value) {
            }
    }
}

However, this fails and nothing is rendered, and I get this error: Warning: ErrorBoundary: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI. in ErrorBoundary in Unknown so how is this done properly?

currently my production code crashes on safari with an error:

Can't find variable: PushManager

, since safari does not support PushManager API. I've declared an

external class PushManager

with required methods in my kotlin.js app. Inside the compiled .js bundle there is a variable assignment to a PushManager class (like a typealias), and that is the reason of the error on safari. Is there a way I could prevent this?

Is there a way with the js plugin to add to the package.json file that's created in

build/js

?

Is there some medium/big size open-source project which is using Kotlin/JS for UI?

How should I go about accessing test resources from kotlin-js tests? I’m able to access normal resources by http get, but that is failing in a testing context.

I'm trying to create a Google Chromecast Custom Receiver using KotlinJS. I downloaded the chromecast-caf-receiver TypeScript declaration files from DefinitelyTyped. and converted them to Kotlin using dukat. After some modifications to get the output from dukat to compile, I came up with the attached files. Question: I need to get an instance of

CastReceiverContext

by calling

cast.framework.CastReceiverContext.getInstance()

. In order to do that, I've done this:

external object cast {
    var framework: Framework
}

external object Framework {
    var CastReceiverContext: CastReceiverContextStatic
}

external open class CastReceiverContextStatic() {
    fun getInstance(): CastReceiverContext
}

// access it using:
val context = cast.framework.CastReceiverContext.getInstance()

This works, but I feel like there is a better way to do this. Is there?

I am surprised by the lack of strong types defined for window.fetch.... it seetms, like there are no enums for request methods POST, GET, its just a string, no type defined for headers, thats just a dynamic ... am i missing something? is there any convenience method to set basic auth headers with

window.fetch

(... or any api available in kotlin.js), or do i really just have to configure my requests 'manually' with these weak types?

Could it be possible to write some code that automatically generates kotlin wrappers form typescript definitions?

How do i use input values in a form? when i set the

onChangeFunction

the event.target is of type

EventTarget?

which has no value field.

Does anyone have an example of writing to the file system in kotlin? I can’t seem to find any examples of

require('fs').writeFile