For those interested in the progress of Compose Web in full kotlinlang #compose-web

For those interested in the progress of Compose We...

Oliver.O

07/11/2023, 7:33 PM

For those interested in the progress of Compose Web in full WebAssembly applications, here is an updated version of compose-counting-grid, based on the Kotlin 1.9.0 release. The README describes how to run Jvm, Web/Js and Web/Wasm targets. Notably, Wasm is now consistently faster than Js in all scenarios (a previous version exhibited low Wasm frame rates with animations). Enjoy!

🙌🏻 1

Pablichjenkov

07/11/2023, 8:50 PM

So with 1.9.0 BrowserViewportWindow doesn't work anymore 😢 Any alternative?

Oliver.O

07/11/2023, 8:55 PM

I haven't really looked at it yet, as it just doesn't resize for now (initial sizing still works).

darkmoon_uk

07/12/2023, 12:11 AM

New

androidx.compose.ui.window.CanvasBasedWindow

appears to offer the same full-browser resizing, and is working with Web/WASM

1.9.0

Pablichjenkov

07/12/2023, 1:02 AM

CanvasBasedWindow

sounds great

darkmoon_uk

07/12/2023, 5:13 AM

@Oliver.O I found that when building for distribution, Joda had to be additionally copied to the distribution output path at:

/dist/wasm/productionExecutable

. So I made some functions:

darkmoon_uk

07/12/2023, 5:14 AM

WASM Module Copying Hack

darkmoon_uk

07/12/2023, 5:15 AM

Note addition of

mustRunAfter("kotlinNpmInstall")

as I was seeing the copy fail due to running before Joda had been downloaded, from clean.

darkmoon_uk

07/12/2023, 5:19 AM

image.png

Oliver.O

07/12/2023, 8:52 AM

Good catch! Maybe

mustRunAfter("kotlinNpmInstall")

alone would be sufficient for proper sequencing. Regarding the copying of multiple Node modules, wouldn't it be easier to supply a list of module names and copy everything in one task? (Ideally, the list would be automatically generated, but since the current approach also requires modules to be listed in an HTML

importmap

script, I'd rather wait for the Wasm support in the Kotlin Gradle plugin to improve.)

darkmoon_uk

07/12/2023, 12:23 PM

ℹ️ In case anyone grabbed that workaround code above; I've just slightly improved it (updated the snippet) with comments + making the Dev task depend on Webpack, not just Run. I'm going to be using Webpack as my psuedo-Distribution task, until the 'true' distribution story matures.

20 Views

Open in Slack

Previous Next