kotlinlang #javascript

Am I missing something, or is the new RC template for a react styled app REALLY slow to build? Changes are taking like 10 seconds to propagate in development mode. Is this going to speed up?

turansky

07/29/2020, 6:40 AM

https://kotlinlang.slack.com/archives/C0922A726/p1596004767183100

polbaladas

07/29/2020, 4:35 PM

Hi, I've been developing with kotlin for over a month now, and i really like the language. I started writing a Lisp implementation in Kotlin to be hosted in a JVM System and was amazed at the development speed, "cleanliness", Java interop and extensibility of the language. I am currently trying to use Kotlin/JS and have successfully compiled Kotlin to JS using the IntelliJ build system (through dialogs) and also using Maven (i wanted to use kotlinx.html and didn't succeed doing so using the IntelliJ build system and the kotlinx.html JAR). As far as i understand, Gradle is the preferred build system here: • how can I use gradle to manage my dependencies, compiling BUT without using node/webpack and generating a huge node_modules folder? I will be using Kotlin/JS as the main controller for an electron app and don't want another node_modules running around (besides, build time seems to skyrocket, where i only want to compile) • I have other doubts regarding kotlinx.html (HTML DSL tags appear highlighted in red in IntelliJ, and they don't appear at all in the HTML body) Is there someone i can talk to get some guidance? Thank you very much!

darkmoon_uk

08/04/2020, 11:55 AM

If I create a whole HTML document using the

kotlinx.html

DSL e.g.

Copy code

val document = document.create.html {
        lang = "en"
        head {
            meta {
                charset = "UTF-8"
...

...what is the right way to commit this to display in entirety - is it via

document.rootElement

darkmoon_uk

08/04/2020, 11:56 AM

documentElement

darkmoon_uk

08/04/2020, 12:23 PM

☝️ Answering my own question:

Copy code

document.replaceChild(newDocument,document.documentElement!!)

stephanmg

08/04/2020, 3:36 PM

😛

andylamax

08/05/2020, 9:19 PM

I have found something so wiered and it goes as follows. I have a multiplatform lib called

theme-core

which at the moment, targets

js

jvm

and

android

. I also have a pure js library

theme-react

which depends on

theme core

theme-react

being a purely

js

lib. It has it's sources located at

src/main/kotlin

while

theme-core

sources for targeting js are at

src/jsMain/kotlin

I am trying to use

theme-react

and ultimately

theme-core

as a dependency to a pure js react ui library called

enteprise-react

. as always sources are located at

src/main/kotlin

Idea is able to resolve

theme-react

sources but can't resolve

theme-core

sources. After being bugged by this for a while, I tried changing my

build.gradle.kts

like so

Copy code

sourceSets {
    val jsMain by creating {
        dependencies {
            api(project(":theme-core"))
            api(project(":theme-react"))
        }
    }

    val main by getting {
        dependsOn(jsMain)
        dependencies {
            api(kotlin("stdlib-js"))
            api("org.jetbrains.kotlinx:kotlinx-react:${versions.kotlinjs.react}")
            api("org.jetbrains:kotlin-styled:${versions.kotlinjs.styled}")
            api("org.jetbrains:kotlin-css-js:${versions.kotlinjs.css}")
        }
    }
}

so now

enterprise-react

has two sourceSets.

jsMain

and

main

. If I put my sources in

jsMain

all pure js libraries (including

kotlin-react

and

kotlin-styled

) aren't resolved by IDEA. If I put my sources in

main

IDEA failes to resolve all dependencies build from the sources of the subprojects at

jsMain

(i.e.

theme-core

) and all other mpp supprojects. I tried seperating my sources, no luck. as there is a moment I need resources from both

theme-core

and

kotlin-react

. Has anyone experienced this issue at all? any workaround suggestions please . . . Thank you in advance

darkmoon_uk

08/09/2020, 9:03 AM

This is failing because the server isn't availalble, and anyway I don't want it to run - I only want the unit tests to run. Anyone know what this is about?

Gunslingor

08/11/2020, 4:21 PM

JS/Ktor question: https://kotlinlang.slack.com/archives/C0A974TJ9/p1597151859393100

Eileen

08/17/2020, 10:54 AM

can i get storybook with KotlinJS?

👌 3

Justin

08/17/2020, 7:12 PM

I am trying to generate Typescript definitions for a Kotlin Multiplatform project. I can mark most classes with the

@JsExport

annotation, but it fails if I have defined a

companion object

inside of a class with error:

Copy code

e: java.lang.IllegalStateException: Class SomeClass.Companion with kind: OBJECT

Is there any workaround for this? Or is there a way to mark companion objects as

@JsIgnore

(or something like that)?

😥 1

🚫 1

audriusk

08/19/2020, 7:07 AM

Question about

@JsExport

I need equivalent to this JS code snippet (

addMessage

variable exported with precise type returned by

onRequest

builder:

Copy code

exports.addMessage = functions.https.onRequest((req, res) => { <...> })

Previously I was using this KotlinJs code:

Copy code

external val exports: dynamic
external val https <...>
fun main() {
  exports.addMessage = https.onRequest { req, res -> <...> }
}

----- But with new JS Ir (and mandatory

@JsExport

) I am failing to to achieve same behavior. Some intermediate code gets generated KotlinJS:

Copy code

@JsExport
val addMessage = https.onRequest { req, resp -> <...> }

JavaScript output:

Copy code

var addMessage;
  function addMessage$init$() {
    var tmp = https;
    return tmp.onRequest(_no_name_provided_$factory_30());
  }
  addMessage = addMessage$init$();

Robert Jaros

08/19/2020, 1:04 PM

do I need to just declare an external class?

🚫 1

Joost Klitsie

08/19/2020, 3:26 PM

Hi all! Do dependencies (for example multiplatform dependencies like Kodein or Ktor) work by default with the IR backend? Or do they need to be specifically compiled with it upon release of the library?

Gunslingor

08/19/2020, 5:44 PM

what's the right way to import css/js/html into a kotlinJS from isolated files? using kotlin-css kotlinx-html

Gunslingor

08/19/2020, 8:16 PM

In Kotlin JS, what's teh path to the resources from css? i.e. something like:

Copy code

backgroundImage = Image("web/img/bg-gr-v.png")

Jorrit

08/22/2020, 8:42 AM

Is there a proper way to instantiate a new object of class T ? On JVM there's newInstance(). I can get it to work with passing the constructor around usually, or sprinkling some js(), but it seems like there should be a proper way, and I keep running into the need to do it.

samgarasx

08/23/2020, 8:39 PM

Hi everybody, some time ago I started a repository to make a wrapper of Ant Design React UI library, and because of this, other libraries like Moment.js on witch Ant Design depends, they were too wrapped. There is a lot of work behind on that repository, kotlin-js-wrappers, and currently last commits were to prepare it with the last Gradle Kotlin JS plugin v1.4.0, since this version made web development more easy. I write this because I don't have so much time to continue with the project, so the goal of this post is to find someone who have spare time and wants to make the effort of help me to update all wrappers to the last version of corresponding libraries, or even transfer the repository. Thanks and greetings!

Nico

08/24/2020, 12:31 PM

Hi I have a mpp lib (1.4, with JS IR) where I am using

@JsExport

on a data class (say,

), and I am using that lib from a Kotlin/JS project where I would like to use that from JS. But when using that type

in my K/JS project, I get an error: Exported declaration uses non-exportable property type:
A
But I know

to be exportable since I can export it fine in the lib. Is this intended? Shouldn't something exportable in a project also be exportable in all of this project's dependants? Any tips appreciated, thanks!

Vinicius Carvalho

08/26/2020, 10:03 PM

Hi folks, I'm trying the kotlin playground, but the CDN script is throwing a 404 anyone bumped into this?

Vinicius Carvalho

08/26/2020, 10:03 PM

Copy code

<script src="<https://unpkg.com/kotlin-playground@1>" data-selector=".kotlin-code"></script>

Vinicius Carvalho

08/26/2020, 10:04 PM

Copy code

Source map error: Error: request failed with status 404
Resource URL: <https://unpkg.com/kotlin-playground@1>
Source Map URL: playground.min.js.map

[JB] Shagen

08/28/2020, 12:28 PM

Hey my fellow kotliners, I hope you’re doing fine! We’ve just released a small update for kotlinx-nodejs which introduces some workarounds for compiling in IR mode - not all of them but some that can be circumvented. Just like always - any suggestions and bugreports are welcome. And have a great week-end!

👍 4

Gunslingor

08/29/2020, 9:25 PM

In a kotlinJS/JVM enterprise grade software, where should one draw the line between frontend and backend routing? Manly for advanced security considerations.

gvnavin

08/30/2020, 4:00 AM

Looking for an example node-js package with kotlin files in it [without gradle build setup]. If anyone has some examples repos, kindly share it to me. Would like to explore and setup one package.

Jorrit

09/01/2020, 10:20 AM

Thanks for all the help in my journey of learning Kotlin (and particularly using it in the browser) folks. Released a small worker-based threading library en route to building what I'm actually wanting to do (which is probably very different than how you all use KJS). Great learning experience for me. Spam: https://github.com/Chainfire/kotlin-js-threads

👍 1

bill1550

09/02/2020, 5:27 PM

I have a basic JS Browser project build directly from the Intellij gradle wizard. As a stand along project it runs fine. However when I move it to be a module in a larger project, executing the run task returns:

Copy code

Could not determine the dependencies of task ':jsApp:packageJson'.
> NPM Dependencies already resolved and installed

bill1550

09/02/2020, 5:29 PM

I assume the problem is related to the fact that the JS plugin puts the yarn / node_modules stuff off the root project. I'm struggling to find what configuration change to make to fix it.