#CKRA any idea how to pass flags to kotlin compiler to increase the heap size in project built with create-kotlin-react-app ? recently we are experiencing some issue when compiling our project and it fails with exception:

exception: java.lang.OutOfMemoryError: Java heap space

at java.base/java.util.Arrays.copyOfRange(Arrays.java:4030)

at java.base/java.lang.StringLatin1.newString(StringLatin1.java:715)

at java.base/java.lang.StringBuffer.toString(StringBuffer.java:715)

at java.base/java.io.StringWriter.toString(StringWriter.java:218)

at org.jetbrains.kotlin.js.parser.sourcemaps.JsonNode.toString(JSON.kt:24)

at org.jetbrains.kotlin.js.parser.sourcemaps.JsonObject.toString(JSON.kt:66)

at org.jetbrains.kotlin.js.sourceMap.SourceMap3Builder.build(SourceMap3Builder.java:81)

at org.jetbrains.kotlin.js.facade.TranslationResult$Success.getOutputFiles(TranslationResult.kt:133)

at org.jetbrains.kotlin.cli.js.K2JSCompiler.doExecute(K2JSCompiler.java:324)

at org.jetbrains.kotlin.cli.js.K2JSCompiler.doExecute(K2JSCompiler.java:85)

at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:84)

at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:42)

at org.jetbrains.kotlin.cli.common.CLITool.exec(CLITool.kt:104)

at org.jetbrains.kotlin.cli.common.CLITool.exec(CLITool.kt:82)

at org.jetbrains.kotlin.cli.common.CLITool.exec(CLITool.kt:50)

at org.jetbrains.kotlin.cli.common.CLITool$Companion.doMainNoExit(CLITool.kt:215)

at org.jetbrains.kotlin.cli.common.CLITool$Companion.doMain(CLITool.kt:207)

at org.jetbrains.kotlin.cli.common.CLITool.doMain(CLITool.kt)

at org.jetbrains.kotlin.cli.js.K2JSCompiler.main(K2JSCompiler.java:110)

at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method)

at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)

at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)

at java.base/java.lang.reflect.Method.invoke(Method.java:566)

at org.jetbrains.kotlin.preloading.Preloader.run(Preloader.java:81)

at org.jetbrains.kotlin.preloading.Preloader.main(Preloader.java:43)

by restarting the development server multiple times we were able to compile the project and continue working but after making some changes (so the project will recompiles) the same exception will be thrown and then we had to restart the development server again actually its very hard to know what is the source of this problem due to the fact that is happening during the compilation and also that the compilation succeed sometimes any directions to help us address the problem will be appreciated

Any idea on how to do this in Kotlin JS? https://stackoverflow.com/questions/60518487/how-to-use-messageeventinit-with-window-addeventlistener

I am trying to use the kotlin/js generated files residing here: https://github.com/darran-kelinske-fivestars/cordova-alternative-pattern/tree/kotlin_multiplatform/js/src/main/kotlin inside the assets folder of an android app here: https://github.com/darran-kelinske-fivestars/cordova-alternative-pattern/tree/kotlin_multiplatform/app/src/main/assets - what is the best way to package up the generated js and plop it over into the assets folder so I can reference it and ship it out with the android app?

Hello! How can i launch common unittests in js from gradle?

Hello! Sorry if it's the wrong place to ask this question.. I'm trying to use @svgr/webpack loader in 1.3.70 - what is done: 1) added to _webpack.config.d_:

config.resolve.modules.push("processedResources/Js/main");
config.module.rules.push(
    {
        test: /\.svg$/,
        use: ['@svgr/webpack']
    }
);

2) included in build.gradle.kts

dependencies {
    ..
    implementation(npm("@svgr/webpack", "5.2.0"))
}

3) placed all svg's into resources/svg/... 4) import it in kotlin like

@JsModule("svg/file.svg")

5) then when i run

gradle browserDevelopmentWebpack

I get for every svg:

ERROR in .../build/processedResources/Js/main/img/svg/file.svg
Module not found: Error: Can't resolve 'react' in ...

Can somebody please point at what is wrong?

Upgrading Kotlin from 1.3.61 to 1.3.70 ruined my complicated build system for KVision and it's modules 😕 I was still using some old and deprecated plugins, but I hoped it will work fine at least till 1.4 ... I haven't found anything in the changelog about such changes.

I am so glad I joined this slack and saw you all talking about DCE - i couldn't figure out why all the code I was trying to call from a js client was missing!

What target should I use if I want to compile kotlin.js into a single service worker js file using the latest kotlin gradle plugin? Targeting browser produces a single .js file that has a reference to a window object, but the service worker file cannot contain a window object.

The dceTask.keep function is not working for me - all of my functions are removed even though I am specifying to keep the class: https://github.com/darran-kelinske-fivestars/cordova-alternative-pattern/blob/master/BluetoothSerialJs/build.gradle#L14

I have a slightly different problem with DCE…

browserDevelopmentWebpack

works fine, producing a large file. When I run

browserProductionWeback

, the

processDceKotlinJs

task reports “NO-SOURCE”, and then

browserProductionWebpack

reports

SKIPPED

. My configuration is fairly vanilla… here’s the target definition:

kotlin {
    target {
        browser {
            useCommonJs()
            dceTask {
                keep("ktor-ktor-io.\$\$importsForInline\$\$.<http://ktor-ktor-io.io.ktor.utils.io|ktor-ktor-io.io.ktor.utils.io>")
            }
            webpackTask {
                output.libraryTarget = COMMONJS
            }
        }
    }
}

Any ideas what could be causing this?

is there any way set karma options in the js plugin? I found the declaration of

KarmaConfig

which has all the options, unfortunately the Karma’s

config

property is private. Id like to do use chrome headless in a test (which is run in a container) as explained here https://docs.travis-ci.com/user/chrome#sandboxing It seems like the translation into gradle.kts would be the following (but does not work because

config

is private)

karma { 
    config.customLaunchers["ChromeHeadlessNoSandbox"] = CustomLauncher("ChromeHeadless").apply { flags.add("--no-sandbox") }
}

(Beginner here) with Kotlin 1.3.70 I am getting:

> Task :main-presenter:processDceJsKotlinJs FAILED
error: duplicate target file will be created for '/home/niqo/workspace/source/social-cats/auth/client/build/libs/auth-client-js-0.1.0-SNAPSHOT.jar!social-cats-playground-client.js' and '/home/niqo/workspace/source/social-cats/session/client/build/libs/session-js-0.1.0-SNAPSHOT.jar!social-cats-playground-client.js'

Any tips on how to understand this issue and fix it ?

How to build test jar with new kotlin/js plugin and kotlin dsl? Currently with old plugin and groovy dsl I use this:

task testJar(type: Jar, dependsOn: testClasses) {
    baseName = "${project.archivesBaseName}"
    classifier = "tests"
    from sourceSets.test.output
}

When I try to just do the same thing I've got an error

> SourceSet with name 'test' not found.

.

I’m using the “js” plugin with the “nodejs” configuration, just to build a utility app. Things are mostly working, but one issue I’ve encountered is that I can’t write async tests — normally with Mocha/Jest etc a test can be written as an async function, or take a

done

parameter, but the JS produced by the Kotlin/JS compiler from inspecting the test sources seems to preclude that:

test('resolve_gradle', false, function () {
        var tmp$;
        tmp$ = new VersionResolversTest();
        tmp$.beforeTest();
        try {
          return tmp$.resolve_gradle();
        }finally {
          tmp$.afterTest();
        }
      });

(

beforeTest

and

afterTest

here were methods annotated with

@BeforeTest

and

@AfterTest

) Is this output configurable in any way?

Hi guys, is it normal that the WebSocket API’s

onclose

and

onerror

are typed with

(Event) -> dynamic

instead of using

CloseEvent

and

ErrorEvent

respectively? https://kotlinlang.org/api/latest/jvm/stdlib/org.w3c.dom/-web-socket/ I have to

unsafeCast

them to be able to extract the values and it feels wrong. Am I missing something? Is there an actual possibility for having some other kind of events there?

Hey guys, i am a bit new to multiplatform projects, i have a project for jvm and js backend targets and i can't get the simplest setup for js to work. Did everything like official docs state but when i add kotlin test-js dependency, compileTestKotlinJs fails saying "Module kotlin is defined in more than one file". I am trying to run tests with mocha as soon as it works and the only dependency i currently have is ktor client. Any ideas anyone?

Is there a way to get from

build.gradle.kts

full path to the binary of NodeJs installed by the gradle plugin (it's

~/.gradle/nodejs/node-v12.14.0-linux-x64/bin/node

for me)?

If I have 3 files

one.kt, two.kt, three.kt

. Can I generate 3 js files

one.kt, two.kt and three.kt

which can be used independently?

How do I use

external

with javascript enums in kt code. ?

I'm confused. I have a ktor project setup that is serving up HTML and CSS via DSL but I can't for the life of me figure out how to make it serve of JS via DSL with the possibility of asynchronous calls back. I was thinking this was involved (https://ktor.io/clients/http-client/engines.html#cio) and I spent a few hours trying to get HTTPClient(JS) to work, but I think JS isn't written yet or something (https://github.com/ktorio/ktor/blob/master/ktor-client/ktor-client-js/js/src/Js.kt). To clarify, the following works... now how do I start using three.js with ktor via KotlinJS or ktro-client-js.

call.respondHtml {
    head {
        title { +"Async World" }
        script {
            attributes["type"]=ScriptType.textJavaScript
            attributes["src"]="resource/three.min.js"
        }
    }
    body {
        h1 {
            attributes["id"]="title"
            classes = setOf("test")
            +"Title"
        }
        div{
            +"Testing Mode: $testing"
        }
    }
}

Hi all. New to the JS party. Who can point me to a working tutorial for a Spring Boot Backend with Kotlin JS Frontend?

Your largest choice is how do you intend to interact with the backend and how to you intend manipulating the DOM. If you google "fullstack kotlin spring js" you will find a few samples not sure if they're extensive enough

Hello! Is there a way to introduce a JavaScript source set in my Kotlin/JS Gradle project that Kotlin can "see"? For example, in Kotlin/JVM if you have a folder

src/main/kotlin

you can simply add

src/main/java

and the Kotlin code will understand the Java class

FooBar

defined in

src/main/java/FooBar.java

. I understand that JS is different because of the type system (or lack thereof), but there is support for NPM packages (which are written in pure JS for the most part) as well as the

external

modifier which leads me to believe some feature like this must exist in the Kotlin/JS world. It would be awesome if I can gradually migrate my project that way, similar to Kotlin/JVM. Thanks 😄

Hey everyone. How can I split my unit tests and integrations test into two different test tasks? I am trying to have two test tasks, 1 for unit tests and another for integration tests. My config currently looks like this

kotlin {
    target {
        browser {
            testTask {
                useKarma {
                    useChromeHeadless()
                }
            }
        }
    }
}

This generates

project-test.js

file for the test directory. I created another

integrationTest

directory but I cannot figure out how to configure the test tasks to look for the integration tests directory.

Why am I having this error?

Error: ENOENT: no such file or directory, open,

using Kotlinjs

Using multiplatform plugin with a js node/browser library target: i never saw this webpack people were talking about. checked the docs, and it says to do this:

./gradlew browserProductionWebpack

tried that and it helpfully tells me this:

jsBrowserProductionWebpack

so i did that and cool, it works. though this option does not show in the gradle tool window in IntelliJ. Is that a bug?

Okay, so I added JS target to an existing Android/iOS mpp library. Once I got the webpack built, and then imported into a test web project, I was actually able to make calls to it. Exciting. Though now I have run into the previously mentioned mangling of method names that has been mentioned elsewhere. While I understand mangling overloaded methods (I remember C++), it appears to mangling every method, even if not overloaded. It was mentioned elsewhere, but it seems any method that takes params is mangled. And I certainly do not or cannot mark all methods as external (‘Non top-level

external

declaration’) or @JsName all common-level APIs. I would expect the compiler could determine whether to mangle based on whether there are overloads or not… Any other solutions possible?

Interestingly the same command works ok in IntelliJ, but fails when I run it on the command line