Can anyone suggest a way to mock or stub an

external class

so that code that uses them can be unit tested?

has anyone used requirejs optimizer

r.js

to bundle the kotlinjs output into a single file ? ideally without the need to setup node or npm in the project

Is it weird that i just want to write kotlinjs and have it bundled and optimized without having to deal with npm, webpack and configuration files written in js?

If you want to have a look to Coroutines

Flow

used in a Kotlin/JS application configured with

build.gradle.kts

and DCE without any JS configuration -> https://github.com/sdeleuze/spring-messenger/tree/step-4-kotlin-js/frontend. I hope Kotlin/JS team will update the documentation. The latest changes are going toward a good direction (getting rid of frontend plugin or JS configuration) but that's a pretty diffcult journey for now.

I guess Android needs also dead code removal so my hope is that the new compiler will handle that natively 🤞.

hi everyone, does someone knows a project to use KotlinJS with Angular Fw?

I have tried with ~20 different packages, no difference. It seems impossible to import NPM packages anymore?

Hello. I am having an issue with destructuring declarations in lambdas when compiled to javascript. To clarify:

val lam = { (a, b) ->  
  println("$a, $b")
}
lam(Pair(5, 3))

prints

5, undefined

But:

val lam = { pair ->  
  val a = pair.first
  val b = pair.second
  println("$a, $b")
}
lam(Pair(5, 3))

prints

5, 3

I'm confused, the result in build/distributions is a somewhat correctly looking webpackd file. However, there is no exports open what so ever and the result from importing it into a javascript project and logging the object is:

module {__esModule: true, Symbol(Symbol.toStringTag): "Module"}

The code that is supposted to be exported is from multiplatform common, but I also tried to export directly from the javascript target. What am I missing?

Hi..I need a help. I am creating a front end web app using Kotlin. I have checked this link of raywenderlich given below: raywenderlich.com/201669-web-app-with-kotlin-js-getting-started I have already followed this and created a single page web app. But when I am going to create another page within that project. Then it's not working properly. One more thing, I can't understand from the above link is that, how the mapping is going on with HTML and Kotlin file. Please help me.. Thanks in advance..

Then you just do

it.resume(result)

and

it.resumeWithException(error)

Please let me know guys

hi all, does the new kotlin.sj gradle pluginn have a way to add to the generated package.json? I need to add the following to work around a bug in an transitively dependet npm package:

{
  "dependencies": {
    "xpc-connection": "sandeepmistry/node-xpc-connection#26/head"
  },
  "resolutions": {
    "xpc-connection": "sandeepmistry/node-xpc-connection#26/head"
  }
}

How do folks working from JavaScript interacting with Kotlin/JS libraries deal with scenarios like this? Seems there is a fair amount of mangling that happens that makes it very difficult to interact with Kotlin collections from JavaScript

Is there a reason why Map and Set don't map to their JS equivalents (https://kotlinlang.org/docs/reference/js-to-kotlin-interop.html)?

does it makes sense to compile javascript in order to simplify development. Making code more self-documenting

is there an up-to-date documentation about the features of the kotlin/js-compiler? e.g. i'm still missing documentation about what i can do with webpacka and npm

or maybe a related question what i actiually want to do: we have a multi(-gradle-)modul project targeting jvm and js. to be useful for our frtonend-team we currently build an npm module, containing all dependencies using

npm assemble

. We do this job manuall using the moowork npm plugin. But with 1.3.60 (and possibly already with 1.3.50) this step fails because the "main" modul's js file is packaged into a zip file. Of course i could go an unzip the file so i have the file agian but that's tedious, of course. Is there a way to leverage the new plugin's abilitys to assemble the npm package?

Hi guys, I would just like to give a bit more visibility to the following issue: https://youtrack.jetbrains.com/issue/KT-31799 This basically prevents me from writing external declarations for the

webstomp-client

NPM library. Kotlin just doesn't allow me to express this Javascript in a type safe way, because it believes it can't translate it to valid JS, which is not true. Is there any workaround I could use?

The trick is to use the same JS script as you’re running in, and catch the exception when you access

window

. That will throw a

ReferenceError

, but since that isn’t exposed to the Kotlin/JS API, you have to catch

Throwable

instead. Now you know if you’re running in the window or as a service worker

Before 1.3.50 there wasnt a way do to run tests from gradle so i i implemented that myself, manually running jest with npm in a custom gradle task. now that not necessary any more, that's cool! But there is one downside! Running jest manually i could easily start the node process with the

--inspect-brk

swoitch so i could debug broken testcode. Is something similar possible in 1.3.(5|6)0?

Kotlin.js Newbie question: How can I read from a local file (local to the user)? I’ve seen

FileReader

but I’m not sure it’s for reading local files. Is there any tutorial about this?

Hi, I have a question about KotlinJS. How can I set environment variables? I tried followings: • adding .env file • setting variables in gradle • using webpack define plugin To read the variables, I used

process.env.MY_VAR

. I managed to see

process.env

but not

process.env.MY_VAR

Using kotlin-react-app, I'm trying to create a drop-area for files. I can define a div

div("App-header") {
            attrs.onDragOverFunction = { event -> event.preventDefault() }
            attrs.onDropFunction = ::filesDropped

but the

onDropFunction

has the signature

Event -> Unit

. I'm trying to follow some html5 JS tutorial and to access the files that were dropped, they use

ev.dataTransfer

, but in Kotlin this is only available for

DragEvent

. The problem is that the provided

event

is not of type

DragEvent

and something like this fails

private fun filesDropped(event: Event) {
        console.log("Files dropped")
        event.preventDefault()
        val dragEvent = event as DragEvent
        val items = dragEvent.dataTransfer?.items ?: return

Is there a simple example/tutorial how to do this in Kotlin?

a test like

@Test
    fun testFoo() {
        val a: Long = 6
        val b: Long? = createFoo()
        assertEquals(a, b)
    }

    fun createFoo(): Long? = if (true) 5 else null

fails with

jsNodeTest

- that makes it impossible to make use of the new features 😞

I used kotlin-react to prototype a small page that loads log-files and turns them into data-points. Now, I wanted to plot this with a simple line graph (the data is basically a timeseries of coordinates). I thought using some Kotlin lib that wraps around ChartsJS but of course I didn't even check if there is such a thing beforehand.

Question: Is there any Kotlin lib that I can use for creating a graph for a web-page?

Can we gain access to generating typescript definitions ( https://youtrack.jetbrains.com/issue/KT-16604 ) by enabling the 1.4 preview, detailed in the 1.3.60 release notes? If so - how would I go about generating them?