Running into these issues while using a shared module(mpp) which has ktor-js dependency for javascript target-

Module not found: Error: Can't resolve 'text-encoding' 
Module not found: Error: Can't resolve 'abort-controller' 
Module not found: Error: Can't resolve 'utf-8-validate' 
Module not found: Error: Can't resolve 'bufferutil'

If anyone is interested, all KVision example apps from https://github.com/rjaros/kvision-examples have been refactored to use new Kotlin/JS plugin instead of the deprecated frontend plugin. The changes include: - New Kotlin/JS plugin for all non-MPP and MPP projects - Support for development with webpack dev server and HMR - Support for production builds with both DCE and webpack optimizations - Support for testing with Karma and headless Chrome - Workarounds for some issues, including KT-34287 and KT-32531 - Update Gradle to the latest version (6.0.1) with all deprecation warnings fixed

hi working on a kotlin JS hello world but don’t get anything print out in js console

is there anyway to get a starter template that works out of the box?

How do I bundle my kotlin code to a js file? Right now it's making a jar even though I'm using the kotlin js gradle plugin...

Hopefully this is a common issue that someone can help me with ? I've got a data class that has a kotlin,js.Date on it. If I print out the value of it via console.log I get: 2019-12-29T133000.000+0000 I'm trying to get the hours portion so I do

date.getHours()

and I'm getting "TypeError: date.getHours is not a function" as an error in the browser. I don't quite understand this; does my date object not contain a date or something ?

Trying to add js target to an existing Android/iOS MP library. When I try to add npm dependency, I get:

FAILURE: Build failed with an exception.

* What went wrong:
Could not determine the dependencies of task ':salonbizlibrary:jsPackageJson'.
> NPM Dependencies already resolved and installed

This is the js sestion:

jsMain {
            dependencies {
                implementation "org.jetbrains.kotlinx:kotlinx-coroutines-core-js:$coroutines_version"
                implementation "org.jetbrains.kotlinx:kotlinx-serialization-runtime-js:$serialization_version"

                implementation "io.ktor:ktor-client-js:$ktor_version"
                implementation "io.ktor:ktor-client-core-js:$ktor_version"
                implementation "io.ktor:ktor-client-json-js:$ktor_version"
                implementation "io.ktor:ktor-client-serialization-js:$ktor_version"

                //implementation(npm("moment", "2.24.0"))
                implementation(npm("crypto-js", "3.1.9-1"))
            }
        }

If I do not include the npm dependency, it builds fine.

I am using kotlin-redux from kotlin-wrappers, when i try to run app, compiler says me “When accessing module declarations from UMD, they must be marked by both @JsModule and @JsNonModule”. How can i fix this problem? At the same time i use kotlin-react, and calling render function doesn’t give this error but it is not marked with JsNonModule annotation

What should I be using to manage the builds of a Kotlin React project ? Should it be: 1. Create Kotlin React App 2. Gradle - Kotlin Frontend plugin 3. Gradle - Kotlin.JS plugin I see that Jetbrains seem to be pushing option 3, as per this link https://play.kotlinlang.org/hands-on/Building%20Web%20Applications%20with%20React%20and%20Kotlin%20JS/01_Introduction but I'm struggling to find an example of a gradle build file that uses the Kotlin.js plugin. What do people use ?

Hey folks, I am trying to configure npm dependencies through gradle, but apparently I am doing it wrong 😕 My build.gradle looks like this and I am getting the following error:

Could not find method npm() for arguments [org.jetbrains:kotlin-react, 16.9.0-pre.83] on object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.

Thanks in advance.

plugins {
    id 'org.jetbrains.kotlin.js' version '1.3.61'
    id 'org.jetbrains.kotlin.plugin.serialization' version '1.3.61'
}

group 'org.example'
version '1.0-SNAPSHOT'

repositories {
    maven {
        url "<https://dl.bintray.com/kotlin/kotlin-eap>"
    }
    mavenCentral()
    jcenter()
}

dependencies {
    implementation "org.jetbrains.kotlin:kotlin-stdlib-js"
    implementation "org.jetbrains.kotlinx:kotlinx-serialization-runtime-js:0.14.0"
    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-core-js:1.3.2'
    implementation "io.ktor:ktor-client-js:1.2.6"
    implementation "io.ktor:ktor-client-json-js:1.2.6"
    implementation("io.ktor:ktor-client-serialization-js:1.2.6")
    testImplementation "org.jetbrains.kotlin:kotlin-test-js"
    implementation(npm("org.jetbrains:kotlin-react", "16.9.0-pre.83"))
    implementation(npm("org.jetbrains:kotlin-react-dom", "16.9.0-pre.83"))

}

kotlin {
    target {
        browser {}
        nodejs {}
    }
}

Has anyone implemented GeoQuery with Cloud firestore?

Hi - another gradle doesn't seem to be picking up npm dependencies thread I'm afraid ! Any help greatly appreciated. Basically classes like the react ones aren't being picked up and my Kotlin doesnt compile. Example bit of code that doesn't compile:

import react.*

and my gradle build file (this time in Kotlin):

plugins {
    id("org.jetbrains.kotlin.js") version "1.3.61"
}

repositories {
    mavenCentral()
    jcenter()
}

kotlin {
    sourceSets.forEach { sourceSet ->

        // double check source sets are OK

        sourceSet.kotlin.sourceDirectories.files.forEach {
            println(it.absoluteFile)
        }
    }
    sourceSets["main"].dependencies {
        implementation(npm("react", "16.8.3"))
        implementation(npm("@jetbrains/kotlin-css", "1.0.0-pre.89"))
        implementation(npm("@jetbrains/kotlin-css-js", "1.0.0-pre.89"))
        implementation(npm("@jetbrains/kotlin-styled", "1.0.0-pre.89"))
        implementation(npm("react-google-charts"))

    }
    target {

        browser {

        }
    }
}

dependencies {
    implementation(kotlin("stdlib-js"))
    implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core-js:1.3.2")
}

contents of generated file .......build/js/packages/myprojectname/package.json

{
  "main": "kotlin/myprojectfile.js",
  "devDependencies": {
    "webpack": "4.41.2",
    "webpack-cli": "3.3.9",
    "webpack-dev-server": "3.8.2"
  },
  "dependencies": {
    "kotlin": "1.3.61",
    "kotlinx-coroutines-core": "1.3.2",
    "kotlin-source-map-loader": "1.3.61",
    "react": "16.8.3",
    "@jetbrains/kotlin-css": "1.0.0-pre.89",
    "@jetbrains/kotlin-css-js": "1.0.0-pre.89",
    "@jetbrains/kotlin-styled": "1.0.0-pre.89",
    "react-google-charts": "*"
  },
  "peerDependencies": {},
  "optionalDependencies": {},
  "bundledDependencies": [],
  "name": "myprojectfile",
  "version": "0.0.0-unspecified"
}

so i also tried using kotlin2js, frontend and dce together in a subproject.. but that broke in other ways when i tried to depend on the

:shared

multiplatform project i am not sure what the "correct" way to do this is anymore

So even when using the dce plugin, the output is over 100kb. Can anything be done about this aside from minifying the files, or is this as good as it gets?

Hello everyone, Is there anyway setup yarn/npm registry or proxy in build.gradle.kts ? I found no docs for it Thank you. Kotlin version 1.3.61

Are there anyone can help me solve this problem? I don't know how to modify --Xmx parameter... Logs: https://paste.ubuntu.com/p/3JQfqFc9Sb/ Thanks

Hi, guys. Thanks a lot for your answers for many different questions above. Search in Slack is much more helpful than google 🙂 I'm struggling with running a small react app which is a gradle module of a bigger project. I see that intellij generates multiple source sets for multiplatform what looks weird for me because it can be multiple frontends, so now I use just gradle mudules and kotlin("js") plugin inside one of modules It's ok if I work with the module as with an independent project but when it is a module then the plugin creates build folder on root project level. Should that case work properly now? Are there some examples (using the latest kotlin js plugin within a module of a project)? Gradle 6.0.1 kotlin.js (kotlin("js") plugin ) 1.3.61

Is there a sample showing how to use web workers in KotlinJS? I have no prior js experience so JS code is not very helpful for me.

how do i get access to console.debug() ? i would also use kotlin-logging if i could then jump to callsite in debugtools but it just guides me to where the library calls console.log()

is there a channel for dukat support / help in fixing the generated files ?

it would be nice if dukat could use existing external declarations along with their original

.d.ts

source to reference the manually fixed up typedefinition of eg. https://github.com/JetBrains/kotlin-wrappers/tree/master/kotlin-react i believe there is a huge demand for generating externals for all kinds of react components that are compatible with the jetbrains maintained wrappers

Hi there! We announce 1.3.70 EAP (https://discuss.kotlinlang.org/t/kotlin-1-3-70-early-access-preview/15876) It brings some Kotlin/JS related stuff, including long awaited support of DCE in js plugin

No work at all on KT-34287 ? It should be relatively easy to fix and it's really important for developing any Kotlin/JS libraries.

where can i find the altest state of the new kotlin/js-build(tool) docs? i forgot the linke 🙈

is there a way to add custom content to the

package.json

generated by KotlinJS plugin? (looking to update the

scripts

section like here: https://github.com/sindresorhus/alfy#publish-to-npm)

how to use

browserWebpack

corretly? i realised the bundled js file e.g. does not contain the kotlin.js dependency... is adding

implementation(npm("kotlin", "${extra["kotlin_version"]}"))

the correct way to reach this? I cannot try that because then it says "Cannot find kotlin@1.3.61 in yarn.lock". What am i missing?

how do i publish my js to mavenLocal using the new plugin and kotlin

1.3.70-eap-42

? i tried to apply https://kotlinlang.org/docs/reference/building-mpp-with-gradle.html#publishing-a-multiplatform-library but it seems to not work

Hi all! I'm looking for a reference multiplatform template project using kotlin.js plugin with react, hot-reload and shared frontend/backend model, anyone? Found this https://github.com/snrostov/kotlin-full-stack-application-demo but could not get it to work...

When we can add production mode to gradle build? Looks we need add custom config file when build......

Is it possible to configure webpack (eg. dev server port) in kotlin-js plugin as in kotlin-frontend-plugin?