Hi. I have kotlinjs amd module which generates js file starting with

define(['exports', 'kotlin', ....

. However, to load it in npm I need to require 'amdefine' first, as described here http://requirejs.org/docs/node.html#nodeModules there should be a line like this at the top of the generated file

if (typeof define !== 'function') { var define = require('amdefine')(module); }

Is there any way to do it in kotlinjs?

There are no pre-reqs for my course so some students have JS exposure and some may have never even programmed before. It’s a really hard balance to strike and still keep all the students engaged yet not struggling.

aaahah! When I changed it to @JsModule("react-select/dist/react-select.js"), the error is gone 😄 so maybe that's the proper way ...

I watched KotlinConf video "How to Build a React App in Kotlin by Dave Ford". Now I'm trying to reproduce this setup for rapid development. But I have problem: create-react-kotlin-app@1.0.6 doesn't perform hot module swapping for Kotlin code (only for CSS). And exactly this behaviour is described in docs https://github.com/JetBrains/create-react-kotlin-app/blob/3906d92c8111608c662ad2abdd3140f62b6368ec/packages/react-scripts/config/webpackDevServer.config.js#L65 But somehow during live demo speaker managed to get it work. I wonder how.

I’m using

kotlinx.html

in javascript to get the value from an

input

field. Is there a more elegant solution than doing it this way?

looking like it is related the the scope I am using it in

Is it possible to use JavaScript’s

>>

operator in Kotlin/JS?

Try it changing versions in: https://try.kotlinlang.org/#/UserProjects/9chibhvpjdpgrvn25sfioqi1di/b12hmnaehl9i068btfhcnj3283

I'm working on an article about Kotlin and JavaScript, would somebody mind looking over it?

Hi guys, if you're interested in using VueJS with Kotlin my Vue.kt repo is becoming stable. The VueJS wrapper portion is almost complete and one additional feature I plan on adding is dependency injection. Now is a good time to start learning how to use it if you're interested.

What are the situations where the compiler adds a postfix to methods and properties when it generates them? Sometimes it happens in the generated code and then sometimes it doesn't. For the wrapper I'm making it would be nice to know when that is going to happen so that I can handle it appropriately

Is there a kotlin.js library compiled as a plain js library? The bundler that react-native is using seems to freeze trying to bundle the kotlin.js library

how do I map a structured type to an anonymous object?

I'm after

{ param1: arg1, param2: arg2, .. }

She got offended quickly 😛 On a more serious note, using Kotlin2JS is actually a lot easier than I thought. I was imagining the project setup to be a bit of a pain for some reason.

Is there api like

$('.myClass').innterText = "new text"

for xml string?

oh apparently they share an API

Whoops, seems I was a bit too hasty with my assumptions. I got it working now. Thanks!

Does anyone know a way to split the kotlin.js file into multiple files? I'm trying to find a work-around for https://youtrack.jetbrains.com/issue/KT-22150

@gildor Are you asking me?

@spierce7 Using

::YourConstructor

?

Is there a way to make an external class that can be called in JS without a method

now if i could get iOS library targeting, my life would be a lot simpler.

I'm having trouble getting my external definitions into react-native. I'm not a javascript expert, so I'm struggling a little bit. react-native uses babel to package things together via import statements, and those import statements pull code in from npm (I think). I've setup external definitions in Kotlin, but the Kotlin generated js can't find the js libraries from npm unless I manually edit the kotlin generated js file and add import statements at the top:

import React from 'react';
import {AppRegistry, StyleSheet, Text, View} from 'react-native';

How should I be giving the kotlin code access to the npm libraries without manually editing the js file kotlin generates?

React-native runs all code in a chrome browser when in debug mode (communicating with the native application through a socket). Is there any way to hook IntelliJ up to chrome and debug through code in the IDE, instead of chrome?

Just wondering if it is mature and stable enough to try it

I have a multi platform kotlin lib that I build using gradle. How can use that in a create-react-kotlin-app project?

I have a KotlinJS project, under the

src

, there are 8 modules: 7 of them depends on 1 module. Previously I just import the

lib

in the libs folder, and run the

Build

command from menu, everything works, I get the

.js

files. Now I want to use

gradle

to do the building, is there a way that I can build the seven modules one by one with dependency on that 1 module? Within one

build.gradle

?

You still need to declare 8 subprojects -- one for each module -- in settings.gradle. You can configure them all in a single build.gradle if you want, though usually each subproject gets its own build.gradle.

Hello already tried to use MutationObserver? I want to observer an input element:

val el = document.querySelector("#my-element")!! as HTMLInputElement
    val observer = MutationObserver { _, _ ->
        println("changes")
    }

    observer.observe(el, MutationObserverInit(attributes = true))

But I'm always getting

Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': The provided value cannot be converted to a sequence.

Any ideas?