@Oleksandr Karpovich [JB] The release notes for build228 ask about use cases for accessing the event target on an input. One use case is to limit the types of characters that can be entered into a TextInput.

Hello, Is

@Preview

available with compose-web?

An external library I use exposes a function that returns an

HTMLDivElement

. My current solution appends this node to the body via

document.body.appendChild(..)

but it feels subpar, and I’d like to know what the alternatives are. Is it possible to take this return value and make a composable of it?

I’ve worked a little bit now with both compose for web and compose for android and I’ve noticed quite a few differences. Is the plan to have them eventually meet in the middle as a KMM code-shareable library or are they destined to diverge?

Hey, is there any Compose Web sample integrating it with Firebase Firestore ?

Had an issue with the multiplatform project with compose-web fronted and ktor backend. apparently adding compose compiler plugin forces having compose runtime in the jvm. in this case i guess it is not that lethal although adding unnecessary dependency is weird

I think I found a compiler bug 👀

First, yet another bug that I've found that I didn't seem to find someone else reporting this:

var disableButton by remember { mutableStateOf(false) }

                Button(attrs = {
                    style {
                        width(100.percent)
                    }

                    if (disableButton)
                        disabled()
                }) {
                    Text("This is a button")
                }

                Button(attrs = {
                    onClick {
                        disableButton = !disableButton
                    }
                }) {
                    Text("Toggle button")
                }

Clicking the second button disables the first button... but it also removes the style (the width: 100%) of the first button!

Now, something that (I guess) fits this channel: (because, well, related to Compose Web) https://github.com/JetBrains/compose-jb/commit/36295121a2e1446941f006432eb13698fdaa67d9

What's the latest compose-web version?

We are happy to announce that Compose Multiplatform went Alpha today. The build

1.0.0-alpha2

is already available in the Maven repo.  While its API is not completely stabilized, we will strive to minimize API changes in future, focusing on stabilizing the framework on its way to beta and 1.0.  We believe that though the current version may have certain issues, it already could be used for early prototyping and PoC preparations of real applications built on Compose Multiplatform technology.  And as usual - feel free to share feedback about Compose Multiplatform, so that we could improve it. Enjoy composing! P.S. Some details about the Release could be found here - https://blog.jetbrains.com/kotlin/2021/08/compose-multiplatform-goes-alpha/

having trouble with compilation, running task

browserRun

gives runtime error that

renderComposable

hasn't been replaced by the compose compiler. running

browserDevelopmentRun

gives compile error with assertion error(see the reply),

browserProductionRun

gives same assertion error

Is there a Material library that I can use in Compose Web?

Why is the current Compose-Web APIs look so strange? Is it possible to use the APIs that is consistent with Desktop, Android?

I'm currently hitting this one:

Project `...` has `compose` and `kotlinx.serialization` plugins applied!
>>> Consider using these plugins in separate modules to avoid compilation errors

In a multiplatform build, it seems there is no way to apply a plugin to a selected module only. Am I correct to assume that a single multiplatform build script cannot be configured to create modules that way?

Is it a correct impression that '_multiplatform widgets_' for Compose Web are not being developed any further at this point? And that the focus is on polishing HTML+CSS integration only; pending some internal PoC into Canvas Rendering for 'full Compose' later on?

Bundle sizes of compose-web are very concerning. my mock sandbox app (that doesn't do anything really..) comes up as 7+MB as production executable. I'm attaching the output if anyone's interested. The source is here. Development bundle is going at 26MB.

What components are supported in web? Is there a list or something? Is

Image

supported?

I am a little confused about remember function . Compare to react usememory, what's the difference?

Hi! Kudos Kotlin! Can we use react npm dependencies with compose-web? Thanks!

Don't know if this is the proper place to ask this question so sorry if not. I am starting with compose for web with no prior knowledge of the JS ecosystem. I have an error that seems to be related to the version of node which I can't find where I can set it. Gradle uses a version from ~/.gradle/nodejs/node-v14.15.4-linux-x64/. If I don't specify in gradle.properties to use webpack ver4 (kotlin.js.webpack.major.version=4) than I have a runtime issue: Execution failed for task ':jsBrowserDevelopmentRun'.

[webpack-cli] Invalid configuration object. Object has been initialized using a configuration object that does not match the API schema.

_- configuration has an unknown property '_assetEmittingWrittenFiles'. These properties are valid: ..._

I’ve been making a project in compose for web with relatively few problems thus far, but just hit a snag where it won’t run anymore.

./gradlew build

works fine, but

./gradlew jsBrowserProductionRun

fails consistently now. I’ve rolled back changes to where it was definitely working, so I’m guessing something wrong with my system not the repo. Anyone seen this before? Stacktrace in thread

Anyone had this happen on Multiplatform web project?

Caused by: org.gradle.internal.resolve.ArtifactNotFoundException: Could not find runtime-1.0.0-alpha2-samplessources.jar (org.jetbrains.compose.runtime:runtime:1.0.0-alpha2).

I had similar issue in another library and had to move to default compiler and not IR, and now idk if that breaks

implementation(compose.runtime)
   implementation(compose.web.widgets)

I have a KMP project and a web-app module with this in the build gradle

It is getting tricky to author a universal multiplatform Composable at the moment coz I see that The Jetpack Compose Modifier and Compose 4 Desktop are using the exactly same modifier, located at

androidx.compose.ui.Modifier

while Compose for Web Modifier is entirely different and currently located at

org.jetbrains.compose.common.ui.Modifier

, Isn't this a cry out for expect/actual declaration? Or maybe I am missing something, Can someone in the Compose 4 Web team explain to me why such a decision was made?

Are there plans to implement SSR and hydration for compose-web?

If I'm understanding things correctly, if I pass a plain JS object created like

js("{...}")

(or with the

jsObject()

helper) to a composable function, there wouldn't be any way for the composable to know when to recompose if a property in that object changed because there's no real equality comparisons for plain JS objects. So if I want to pass data to a composable function, I don't really have a choice but to use Kotlin classes, right?

I remember seeing a

Modifier.css { }

somewhere, where is it? Which package? or was it a custom implementation from someone?

Hey how you all've been doing? This weeks changes in Compose for Web. https://github.com/JetBrains/compose-jb/releases/tag/v1.0.0-alpha4-build321

Anybody else getting IR errors during

compileProductionLibraryKotlinJs

with latest compose version? https://youtrack.jetbrains.com/issue/KT-48425