I have added

kotlin-react

libs manually in my html but it can't find

module

variable in the React libs.

<script type="text/javascript" src="lib/kotlin/kotlin.js"> </script>
<script type="text/javascript" src="lib/kotlin/kotlinx-html-js.js"></script>
<script type="text/javascript" src="lib/kotlin/kotlin-wrappers-kotlin-react-jsLegacy.js"></script>
<script type="text/javascript" src="lib/kotlin/kotlin-wrappers-kotlin-react-dom-jsLegacy.js"></script>
<script type="text/javascript" src="js/webapp.js"></script>

ReferenceError: module is not defined  kotlin-wrappers-kotlin-react-jsLegacy.js:845:1

ReferenceError: module is not defined kotlin-wrappers-kotlin-react-dom-jsLegacy.js:2472:1

My steps: 1. Copy js libs of Gradle local repo into my Project 2. Import js libs in my html Suggestions how to import Kotlin/JS libs?

how do you all typically use

data

classes when integrating with existing javascript projects?

Is it possible to configure KotlinJS to compile to multiple js files instead of one big one?

message has been deleted

Hi! I would like to view the React Component created by Kotlin/JS in Storybook. But it seems impossible to get a specific Component from the JS generated by

browserDevelopmentWebpack

and load it into the Storybook. Also, a file simply transpiled to JS will cause great difficulty in resolving library dependencies for `kotlin-wrappers`(Because the npm module distribution has stopped since pre.91😭) Do you have any good ideas about this?

Not sure if this is the best place to ask, but does anyone know what this TS snippet does?

const elm = vnode.elm = oldVnode.elm!

what is the best route to go when you need to build a kotlinJS project that's consumed by a TypeScript project? I've enabled IR mode which generates TypeScript headers, i've `npm link`ed it so that my TypeScript project can consume it but it's not in a module format that a node + typescript project can easily consume

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

Locally this project seems to be using ES6 modules

import ChatMessageList from './chat-message-list';

When i auto import Kotlin classes, it does this

import ApplicationState = module_name.com.domain.ApplicationState;

this compiles, but does not work when i run the html file with the generated JS i can see the generated KotlinJS in the Parceble js output, but it seems the KotlinJS is using a different module system or something, i'm not very familiar with TypeScript and NPM yet

if i comment out

binaries.executable()

, what happens with the generated JS files? All i'm seeing is a

package.json

and

package.json.hash

where there used to be a js file

Are Kotlin/JS react apps supported in Android Studio? When I follow the JB tutorial https://play.kotlinlang.org/hands-on/Building%20Web%20Applications%20with%20React%20and%20Kotlin%20JS/01_Introduction and run Gradle task 

browserDevelopmentRun

 I get the following error

org.jetbrains.kotlin.gradle.targets.js.npm.KotlinNpmResolutionManager$ResolutionState$Installed cannot be cast to org.jetbrains.kotlin.gradle.targets.js.npm.KotlinNpmResolutionManager$ResolutionState$Configuring

But when using IntelliJ, the task runs fine.

Hey guys, javascript module n00b here. I tried to use react-tracked (https://github.com/dai-shi/react-tracked) but I'm getting "Uncaught TypeError: $module$react_tracked is not a function" so I'm guessing there's sth wrong but I don't know what 😞 Anyone able to just include this npm dependency in his project? Without me giving what I tried already, what should the external declarations look like for example to use the createContainer function https://github.com/dai-shi/react-tracked/blob/master/src/index.js ?

currently the generated TypeScript look something like this

declare namespace blah {
    type Nullable<T> = T | null | undefined
    namespace com.blah {

is there a way to make it export the namespace like this?

export declare namespace blah {
    type Nullable<T> = T | null | undefined
    namespace com.blah {

Hi, Do you know how can we

publish

a kotlin mpp library (the js part) to

npm

? I’d like js npm users consume and use my library as well. Please let me know if you have an example or a project configuration that I could use.

Hello beautiful people! Not sure if this is the best place to ask, but I've figured out how to run an application continuously so that the code changes automatically reflect on the browser, and on the JVM side I've managed to get a Ktor project to autoreload so that the code changes propagate without needing to rebuild. However, I am exploring a multi-platform project with a JS client and JVM server, but cannot seem to figure out how to get continuous/autoreload functionality. Has anyone figured this out or know if it's possible?

How can I access str.prototype.normalize using Kotlin/JS?

Quick question when I build a kotlinjs project and include a external dependency (for example from NPM) does kotlinjs compiler support tree shaking or will it always include the full external dependency in the final generated code?

hi, i'm trying to use kotlin-react, but the hot-reload keeps crashing when I save while having a syntax error, it builds but nothing gets refreshed on the browser and I must terminate the gradle task and launch it again to see the changes, anyone has a fix ?

Hello There are runBlocking and runBlockingTest builders in the "jvmTest" sourceSet. Is it possible to write Unit tests using suspend functions in "jsTest"? If yes - please give a link to examples? If not - is planned in future? Thanks!

Hi! Does kotlin-js support for example IE 11 ? I have error with Promise ('Promise' is undefined) in it. + I'am using coroutines.

Hello guys, Hopefully, I’m using the right channel 😄 A few weeks ago, I decided to create my own portfolio website using “kotlin-js” and “ktor”, nevertheless I faced with a problem: ----------------------------------- Project structure: :buildSrc - for dependencies :client - for the views of the websites(pages, extensions and so on) :server - server based on ktor for redirecting on the web. ----------------------------------- Problem description: Without the :server module we can run our website using this shell command:

./gradlew :client:run --continuous

and it will run continuously our website on the localhost. (works fine). But my target is to run it from the server module, usign this shell command:

./gradlew :server:run --continuous

and it runs perfectly but not presenting the page…. ----------------------------------- Possible solution: I would say that I know the root cause: It happens because the server module has no access to the pregenerated file -

"build/distributions/client.js"

. Also I’m trying to copy it with this code in `build.gradle.kts(:server)`:

val processResources by tasks.existing(ProcessResources::class)
processResources {
  from(project(":client").tasks.getByName("browserProductionWebpack").path)
//  dependsOn(project(":client").tasks.getByName("browserProductionWebpack")) - also doesn't work...
}

In case someone already faced with this kind of problem, maybe you can help me to figure out the best solution. 😄 Thank you in advance 😄

Hi, I currently have the following code:

import org.w3c.files.Blob
import org.w3c.files.File

val data: Blob = ...
File(
    Array<Blob>(1) {data},
    "image.png"
)

This is in jsTest of a Multiplatform project. The IDE doesn't have a problem with it, nor does Gradle. When I run it, I get:

ReferenceError: File is not defined

The generated JS code in

build/

looks like:

new File(array, 'image.png')

where

array

is generated with a normal

for

loop. The IDE does link it with what appears to me as the correct definition, in a TypeScript file. I'm running Chromium 83, and according to https://caniuse.com/#feat=fileapi it is supported. Sorry if that's something dumb or obvious, I'm new to the JS world and I'm completely lost as to what could cause this, especially since the error message doesn't hint toward anything. The File constructor is even defined in the Kotlin standard library for JS: https://kotlinlang.org/api/latest/jvm/stdlib/org.w3c.files/-file/-init-.html

Hello! How to insert text with HTML tags into

RComponent

(

RBuilder

)? Details in thread.

Hello everyone, i'm developing a react application with KotlinJS and after adding the react-dom-route dependency i got the following error in the browser console:

Uncaught TypeError: Cannot read property 'slash' of undefined
    at eval (kotlin-react-router-dom.js:10)
    at eval (kotlin-react-router-dom.js:276)
    at Object.../../packages_imported/kotlin-react-router-dom/0.0.0/kotlin-react-router-dom.js (firmensuche.js:987)
    at __webpack_require__ (firmensuche.js:30)
    at eval (firmensuche.js:3)
    at eval (firmensuche.js:8)
    at Object../kotlin/firmensuche.js (firmensuche.js:1399)
    at __webpack_require__ (firmensuche.js:30)
    at Object.0 (firmensuche.js:1411)
    at __webpack_require__ (firmensuche.js:30)

I'm quite new to JS & React in general, so i don't really know why this property isn't defined. (My best guess is that it has something to do with incompartible versions,) My Dependencies in the gradle.kts are:

val react_version = "16.13.1"
val react_router_version = "5.1.2"
val kotlin_react_version = "16.13.1-pre.105-kotlin-1.3.72"
val kotlin_react_router_dom = "5.1.2-pre.109-kotlin-1.3.72"

implementation(npm("react",react_version))
implementation(npm("react-dom",react_version))
implementation(npm("react-is",react_version))
implementation(npm("react-router-dom",react_router_version))

implementation("org.jetbrains:kotlin-react:$kotlin_react_version")
implementation("org.jetbrains:kotlin-react-dom:$kotlin_react_version")
implementation("org.jetbrains:kotlin-react-router-dom:$kotlin_react_router_dom")

Does anyone of you know how to fix that error? Thank you in advance!

Is there any possibility to configure

karma-kotlin-reporter

? I've replaced

mocha

with

qunit

and everything works fine, but reports are written in files with

>

character in filenames. It works on Linux but doesn't work on Windows.

Hello everyone, how can i style a navlink from kotlin-react-router-dom with kotlin-styled? (I found a JS-example, but i don't know how to apply it with kotlin) Here the example: https://codesandbox.io/s/34z5152z1q?file=/index.js:232-239

I also seem to have another issue, this code

val discord = require("discord.js");
val client = discord.Client()

compiles to this

var discord = require('discord.js');
var client = discord.Client();

which gives me an error because it should instead be

var discord = require('discord.js');
var client = new discord.Client();

How do I invoke ``new`` seeing as how its not a kotlin keyword? Edit: Im not sure if this has something to do with the way I imported the package, this is the require function, I did not make any external classes

external fun require(module: String): dynamic

Hello again! I am working on the same stuff I was working on yesterday and Im now trying to bind an event to an external class. The javascript code I would use to react to the event is this:

client.on(('ready'), msg => { // do stuff here })

How can I define this event in my external class and how do I then use it?

Hello! How to skip obfuscation in production JS generated code?

Hey guys. I get this error running my web app. What could be the issue? Android and server work fine. 

FAILURE: Build failed with an exception.

* What went wrong:
Could not determine the dependencies of task ':kotlinNpmInstall'.
> org.jetbrains.kotlin.gradle.targets.js.npm.KotlinNpmResolutionManager$ResolutionState$Installed cannot be cast to org.jetbrains.kotlin.gradle.targets.js.npm.KotlinNpmResolutionManager$ResolutionState$Configuring

Greetings everyone, i have a question regarding Kotlin-React and websockets. In plain React it is (according to my research) common to instantiate a single WebSocket instance at the root of your application and then pass it down via props. But is there an alternative (Edit: idiomatic) way to share this single instance in Kotlin React? Like using a top level declaration or an object handling that connection? Thank you for your answers in advance!