kotlinlang #javascript

<i> [webpack-dev-server] [HPM] Upgrading to WebSocket
<e> [webpack-dev-server] [HPM] WebSocket error: Error: read ECONNRESET
<e>     at TCP.onStreamRead (node:internal/stream_base_commons:220:20) {
<e>   errno: -4077,
<e>   code: 'ECONNRESET',
<e>   syscall: 'read'
<e> }

If I hardcode the websocket server URL to

<ws://localhost:8080/ws>

of course it works - but I don't want to hard code it. I couldn't find any examples or documentation on this. Has anyone managed to set up websockets with Kotlin/JS? What's the best practice? I'm using Kotlin/JS 1.7.0 and KVision 5.10.1. More details in #kvision here and on StackOverflow here

Robert Jaros

06/21/2022, 12:38 PM

Btw. congratulations to the Kotlin/JS team on bundle size reduction in Kotlin 1.7.0. It's really impressive (up to 30% in my tests compared to 1.6.21)! 🙂

❤️ 7

:tnx: 2

:kotlin-intensifies: 20

janvladimirmostert

06/21/2022, 7:58 PM

What is the correct type to use in Kotlin in order to get an exported type as {} in JavaScript? I've tried Map, but IJ is complaining "Exported declaration uses non-exportable parameter type: Map<String, String>" Instead of List, I have to use Array to get [] in JavaScript / TypeScript, what type will give me a JavaScript object, {}

Danilo Reinert

06/21/2022, 8:59 PM

Are you a KotlinJS enthusiastic and would like to integrate a multiplatform open source project to make the KotlinJS ecosystem even better? I'm sharing the new v1.1 release of the requestor library, an HTTP Client API that unlocks the development of communication-centric frontend apps - a sustainable software design for micro clients. The lib’s core is written in vanilla Java with functional programming as a first class citizen, and it's designed to be compatible with any underlying platform, like jvm or the browser. Currently, there are two requestor impls: requestor-javanet for Jvm/Android and requestor-gwt for gwt2. Now we're looking to provide a new impl for KotlinJS: requestor-kotlinjs. The path to get there is really simple and already planned. If you're a kotlinjs developer and would like to learn and contribute to the ecosystem with a modern library for HTTP communication, check out the project at https://github.com/reinert/requestor and get in touch with me here or at the project’s chat room to know how to contribute.

👏 1

spierce7

06/23/2022, 1:49 PM

I’m trying kotlin-js again for the first time in a while. I have a simple module with some JS code compiling using the new IR compiler. What’s the easiest way for me to provide a separate isolated piece of js code for a team to use in a browser?

spierce7

06/23/2022, 4:29 PM

I’m compiling with the IR compiler but not seeing

d.ts

files generated. https://kotlinlang.org/docs/js-ir-compiler.html#preview-generation-of-typescript-declaration-files-d-ts Is there something I have to do to enable this?

salomonbrys

06/23/2022, 4:33 PM

Hey guys, I'm trying to understand something in the Kotlin-React code (for my comprehension), and I'm kind of getting mad here, please help me understand this fracking magic!!! So, in

ChildrenBuilder

(https://github.com/JetBrains/kotlin-wrappers/blob/master/kotlin-react/src/main/kotlin/react/ChildrenBuilder.kt), the

ElementType<P>.invoke

function declares the generic bounds

where P : Props, P : ChildrenBuilder

. I can call this function inside a

ChildrenBuilder

with, for example,

ReactHTML.div.invoke {}

(here I put the

invoke

to be explicit, even though it is not required). Now,

ReactHTML.div

is an

IntrinsicType<HTMLAttributes<HTMLDivElement>>

, which is also an

ElementType<HTMLAttributes<HTMLDivElement>>

, so the resolution kind of makes sense... BUT I cannot find anywhere
HTMLAttributes
implements
ChildrenBuilder
, which should break the resolution of the

ElementType<P>.invoke

function. The

HTMLAttributes

interface implements

AriaAttributes

DOMAttributes

PropsWithRef

PropsWithChildren

PropsWithClassName

PropsWithStyle

, and

Props

. How the hell can the Kotlin Compiler agrees that the

where

clause of the

ElementType<P>.invoke

function is satisfied ?!?!? Furthermore, IntelliJ shows the

invoke

"this" hint as

ChildrenBuilder & HTMLAttributes<HTMLDivElement> & Props

, when, according to the

invoke

function signature, it should simply display

HTMLAttributes<HTMLDivElement>

. Where is the

ChildrenBuilder

coming from ? What black magic is that ?!? Oh, and when I ask IntelliJ to explicit the type argument to

invoke

, it can't! It puts

Any

, which clearly breaks the

where

clause. If I try to set myself the type argument with

div.invoke<HTMLAttributes<HTMLDivElement>>

, then IntelliJ tells me that "Type argument is not within its bounds", which I fully agree with! Help me, please, I'm losing it 🙃 !

😜 1

Moritz Hofmeister

06/24/2022, 7:17 AM

Incremental compilation for the IR compiler is still not working, right? @turansky (Was already discussed 10 days ago here)

Big Chungus

06/24/2022, 1:14 PM

Another QoL PR for KGP/JS - #4881

spierce7

06/26/2022, 10:46 PM

I’m not able to check the variable values while debugging Kotlin code in Chrome. I thought I used to be able to do this. I’m using IR. Is there a way to improve it? I’m using Kotlin 1.6.21. It’s not a good experience right now.

Arkadii Ivanov

06/27/2022, 9:08 AM

I have a devtools Chrome extensions written in Kotlin, the UI is implemented with Compose for Web. The project is distributed as

browser()

binaries.library()

and everything works fine. Now I'm trying to replace Compose with React (

org.jetbrains.kotlin-wrappers:kotlin-react-dom

), and I'm getting the following runtime error:

Uncaught Error: Error loading module 'xyz'. Its dependency 'react-dom/client' was not found. Please, check whether 'react-dom/client' is loaded prior to 'xyz'.

If I use

binaries.executable()

then there is another runtime error:

Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'"

Is there a way to distribute a Chrome extension with React dependencies?

Alexander Sysoev

06/27/2022, 11:28 AM

Hello everyone! Say where is a class defined in

.js

file like this:

OuterClass.InnerClass = function(arg1, arg2) { ... } 

export default p5.Element;

How can i write external declaration for it in kotlin, given that i already have OuterClass exported? Should it be like

external class OuterClass {
    class InnerClass(arg1: Int, arg2: Int) {}
}

Can it be done outside

OuterClass

class?

mbonnin

06/28/2022, 10:47 AM

We have a build matrix that compiles our project for both Kotlin 1.6 and Kotlin 1.7. Depending the Kotlin version, I get different npm dependencies in

kotlin-js-store

and

kotlinNpmInstall

. Is it possible to tell Kotlin 1.6 to use the 1.7 npm dependencies? Looks like no matter what I do, these dependencies are overwritten

✅ 1

andylamax

06/28/2022, 1:26 PM

Hello, I am getting

Please make sure that you have installed browsers.
Or change it via
browser {
    testTask {
        useKarma {
            useFirefox()
            useChrome()
            useSafari()
        }
    }
}

when running in IDE. But the tests are running fine when I run them in the terminal. Is this a known problem? I have a CHROME_BIN environment variable in my machine

Arkadii Ivanov

06/28/2022, 9:55 PM

When distributing a

library

that depends on e.g.

org.jetbrains.kotlin-wrappers:kotlin-react-dom

, is there are way to automatically populate transitive NPM dependencies in

package.json

? So that I can avoid adding

implementation(npm("react-dom", "*"))

explicitly.

Ayfri

06/29/2022, 8:43 PM

Hi, since 1.7.0, my tests can't find my dependencies, I'm using only

org.jetbrains.kotlin-wrappers:kotlin-js

and

io.github.turansky.seskar:seskar-core:

, Idea is completely fine with it, but when I run tests, it can't find anything from these, my dependencies are set like this

api("io.github.turansky.seskar:seskar-core:${Versions.seskar}")
api("org.jetbrains.kotlin-wrappers:kotlin-js:${Versions.kotlinWrappers}")
testImplementation(kotlin("test-js", Versions.kotlin))

And

Versions

is an object with

const val

string properties defining the versions and is defined in my

buildSrc

module.

Matthias Geisler

06/30/2022, 5:07 PM

Hey did somebody had luck to integrate KotlinJs with WASM?

Chukwukammadu Anizoba

06/30/2022, 9:14 PM

Hey guys, I've been having issues building by KotlinJS project with the following error:

error An unexpected error occurred: "<https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.4.tgz>: Request failed \"404 Not Found\"".

> Task :kotlinNpmInstall FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':kotlinNpmInstall'.
>                 Process 'Resolving NPM dependencies using yarn' returns 1

                  yarn install v1.22.10
  info No lockfile found.
  [1/4] Resolving packages...
  [2/4] Fetching packages...

Was able to run the project fine an hour ago. Any idea what could be causing this?

alexcouch

06/30/2022, 10:45 PM

hi, I am using Compose for Web and was wondering if there was a way to set an auto for margin. I tried looking around and could not find any examples. I am new to web so maybe I am missing something?

Bernhard

06/30/2022, 11:05 PM

how does kotlinjs interact with existing typescript definitions?

Renegade Master

06/30/2022, 11:57 PM

Is there a recommended way to read files from a project's Resources folder in Kotlin JS?

xiaobailong24

07/01/2022, 11:17 AM

Hello, I am using kotlin Multiplatform Mobile in Android and iOS application, but new for kotlin js. Is it possible that kotlin js works with react native in mobile application perfectly? And is there some demo for this?

Erik

07/01/2022, 2:16 PM

Is it possible to debug the Kotlin code of my web app from IntelliJ, by using breakpoints? Or if another way is recommended, please tell me where to start. (Maybe this is a question for #compose-web because it's a compose for web project?)

ribesg

07/01/2022, 3:06 PM

I’m trying to understand how I’m supposed to setup my build file. If I want to make a browser app in Kotlin/JS, I need to use

browser {}

. If I want to write a NodeJS server in Kotlin/JS, I use

nodejs {}

. But what do you use for “pure” libraries? What if I want to remake something like Moment.js from scratch? Or a simple algorithm implementation? It can be used both in the browser or in a nodejs server, it’s “just pure js”. How do you configure a project like that? Do you target one or the other, or both? Does it make a difference?

Javier

07/02/2022, 8:32 PM

Has anyone seen this issue?

> Task :library:compileTestKotlinJsIr FAILED
e: java.lang.StackOverflowError
        at java.base/sun.nio.fs.WindowsNativeDispatcher.FindFirstFile(WindowsNativeDispatcher.java:195)
        at java.base/sun.nio.fs.WindowsDirectoryStream.<init>(WindowsDirectoryStream.java:78)
        at java.base/sun.nio.fs.WindowsFileSystemProvider.newDirectoryStream(WindowsFileSystemProvider.java:535)
        at java.base/java.nio.file.Files.newDirectoryStream(Files.java:482)
        at org.jetbrains.kotlin.konan.file.File.getListFiles(File.kt:56)
        at org.jetbrains.kotlin.library.impl.MetadataLibraryImpl$packageMetadataParts$1.invoke(KotlinLibraryImpl.kt:75)
        at org.jetbrains.kotlin.library.impl.MetadataLibraryImpl$packageMetadataParts$1.invoke(KotlinLibraryImpl.kt:72)
        at org.jetbrains.kotlin.library.impl.BaseLibraryAccess.inPlace(KotlinLibraryLayoutImpl.kt:71)
        at org.jetbrains.kotlin.library.impl.MetadataLibraryImpl.packageMetadataParts(KotlinLibraryImpl.kt:72)
        at org.jetbrains.kotlin.library.impl.KotlinLibraryImpl.packageMetadataParts(KotlinLibraryImpl.kt)
        at org.jetbrains.kotlin.backend.common.serialization.metadata.impl.KlibMetadataDeserializedPackageFragmentsFactoryImpl.createDeserializedPackageFragments(KlibMetadataDeserializedPackageFragmentsFactoryImpl.kt:33)
        at org.jetbrains.kotlin.serialization.konan.impl.KlibMetadataModuleDescriptorFactoryImpl.createPackageFragmentProvider(KlibMetadataModuleDescriptorFactoryImpl.kt:115)
        at org.jetbrains.kotlin.serialization.konan.impl.KlibMetadataModuleDescriptorFactoryImpl.createDescriptorOptionalBuiltIns(KlibMetadataModuleDescriptorFactoryImpl.kt:72)
        at org.jetbrains.kotlin.ir.backend.js.ModulesStructure.getModuleDescriptor(klib.kt:728)
        at org.jetbrains.kotlin.ir.backend.js.ModulesStructure.getModuleDescriptor(klib.kt:738)

Reuben F

07/04/2022, 6:33 PM

Hello, I wrapped html2pdf; the basic function works, but I haven't figured out a way to get it to accept its options dictionary. Anybody have a few minutes to try it out?

Yakeen Sewsanker

07/05/2022, 1:24 PM

Hi there! I'm using Kotlin/JS to build a library and wanted to know why .d.ts are not being generated as per the docs (btw I'm using

binary.library()

instead of

binary.executable()

Ayfri

07/05/2022, 4:29 PM

Hi, is it useful in any means to not ignore

yarn.lock

on GitHub ?

gbaldeck

07/05/2022, 8:40 PM

Is there a way I can use Jest for my tests instead of Mocha or Karma?