kotlinlang #kobweb

stantronic

03/04/2025, 1:51 PM

Hallo there 😄 , I currently have a bunch of markdown files that are auto-generated by some reporting libraries, I would like to have kobweb turn these into compose web pages. Copying them into

src/jsMain/resources/markdown

feels wrong, as I don't really want these in source control. Is there a way to tell kobweb-x markdown to look at a different folder to find the markdown-files to process?

Christopher Mederos

03/05/2025, 3:32 AM

Copy code

kotlin {
    ...
    configAsKobwebApplication("myapp", includeServer = true)

    sourceSets {
        ...
        jvmMain.dependencies {
            compileOnly(libs.kobweb.api)
        }
    }
}

What's the process for adding a BE jvm target? I made these suggested changes in the site/build.gradle.kts configuration - yet no source sets are generated for jvmMain after syncing & running kobweb again. Am I missing something?

Christopher Mederos

03/05/2025, 7:00 AM

what's the recommended way to tail logs from the kobweb server? Is the

enableConsoleLogging

option meant to show logs in the same terminal as the cli tool when running

kobweb run

? https://github.com/varabyte/kobweb?tab=readme-ov-file#kobweb-server-logs

Meet

03/05/2025, 9:40 AM

How can I show a loading indicator in Kobweb while the page is loading, ensuring that the content appears only after the page has fully loaded?

Christopher Mederos

03/06/2025, 2:58 AM

has anyone integrated the authentication plugin from ktor in a kobweb project before?

David Herman

03/06/2025, 7:06 PM

🕸️ Latest Kobweb v0.20.4 🕸️ https://github.com/varabyte/kobweb/releases/tag/v0.20.4 This latest release includes a new feature which can automatically convert external URLs it finds in your

<head>

block at build time into locally hosted files. This could be very useful for those users who want to use installation instructions for a third party service that asks them to add a CDN link into their head block but are concerned about GDPR compliance. Please see the release notes for more details. Thank you!

🎉 4

👍 1

Shubham Singh

03/07/2025, 8:37 AM

Hi friends, is there a resource over the internet that guides us how to port JS libraries to be used with Kotlin/JS? Preferably in Kobweb? I want to port the Video.js library for Kobweb but haven't a clue how to approach it.

Christopher Mederos

03/08/2025, 1:53 AM

Any good examples out there for overriding the silk theme for a button? I'm finding the constructors hard to read through in the docs

Copy code

ctx.theme.palettes.light.button = ?

Shubham Singh

03/11/2025, 2:42 PM

Greetings of the day @David Herman In the

AdvancedPopover

component, what's the difference between

OpenClosePopupStrategy

and

KeepPopupOpenStrategy

👋 1

Shubham Singh

03/11/2025, 7:49 PM

Hi Friends I see the following error while using the

kobwebExport

gradle task 👇 How do I resolve this?

Shubham Singh

03/12/2025, 6:14 PM

Hi Friends! So with the help of Kobweb, I recreated

YouTube

with a fresh new design! Coming from the Android world, I am amazed to see how closely Kobweb's API follow the Android ones. It took me almost no time to get started and make a good amount of progress. Of course, by no means is this project complete. It still has a long way to go, but the code I have so far should be enough of a testament of the power and production-ready stability of Kobweb! I'd like to thank @David Herman not only for creating this awesome framework, but also for being a constant pillar of support for all my small queries. I highly appreciate you being so active and keeping the Kobweb community just as active too. Honourable mention to @S. for his valuable support as well 🙌 Here's the repo: https://github.com/shubhamsinghshubham777/YouTubeRedesigned Feel free to check it out and add your feedback 🌟 looking forward to see how you all feel about this.

🎉 7

K 7

kodee happy 2

K 2

Shubham Singh

03/12/2025, 8:48 PM

This guy asked a tricky question on LinkedIn 😂 cc: @Robert Jaros @David Herman let me know if I should've said something else instead. Here is the post BTW if you want to add in your own points as well.

😂 2

Meet

03/19/2025, 3:26 PM

Hello everyone, I'm thrilled to announce that Coding Meet's official portfolio website is now live! It is built using the powerful Kotlin-based framework, Kobweb and deployed using Firebase Hosting. Kobweb framework is built on top of compose HTML. 🌐 Portfolio - https://www.codingmeet.com 👨‍💻Repository - https://github.com/Coding-Meet/Porfolio-Kobweb Please do visit the site and and repository and star it.

🔥 3

👏 2

K 2

Ahmed Riyadh

03/19/2025, 5:54 PM

I'm not sure if this is an issue but it looks like the JS code is being executed after the

index.html

on production mode, which loads light first (which is set in the generated

index.html

) and then switches to the User's Color mode (in my case Dark).

Ahmed Riyadh

03/20/2025, 11:26 AM

Is there a built-in way to exclude a page from SEO in Kobweb?

Filip Wiesner

03/26/2025, 8:34 PM

Hey, is there some easy way how to hide Popover when user clicks outside of it's bounds? I am trying to replicate shadcn/ui Popover component. I am playing with

AdvancedPopover

but I doesn't seem to support it out of the box. Am I missing some strategy?

David Herman

04/01/2025, 9:58 PM

🕸️ Latest Kobwebs v0.20.5 and v0.21.0 🕸️ https://github.com/varabyte/kobweb/releases/tag/v0.20.5 https://github.com/varabyte/kobweb/releases/tag/v0.21.0 The releases are identical except 0.21.0 targets the latest Kotlin version 2.1.20. (We actually wanted to get a release out sooner but was held up by ongoing work with 0.20.5, which finally is out now after a big push. Thank you for your patience!) If anyone is concerned about the color flash issue in their site, definitely check out the release notes on this one.

K 9

🌗 2

Shubham Singh

04/03/2025, 4:13 PM

@David Herman Just so happened that I stumbled upon an old comment of yours on Reddit 😛 https://www.reddit.com/r/Kotlin/comments/yt243j/comment/iw42fpa/?utm_source=share&ut[…]m=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button Just wanted to ask if you have any new information about it? Have there been any hot reloading improvements in Kotlin/JS since then? While developing the YouTube clone, I felt the same, didn't know others are facing it too.

David Herman

04/07/2025, 12:31 AM

🕸️ Latest Kobwebs v0.20.6 and v0.21.1 🕸️ https://github.com/varabyte/kobweb/releases/tag/v0.20.6 https://github.com/varabyte/kobweb/releases/tag/v0.21.1 We fixed a subtle color mode bug 🙂 If you upgraded to v0.20.5 or v0.21.0 earlier this week (note: these are functionally the same release, just different kotlin targets), you are encouraged to upgrade one more time!

👏 4

Mario Andhika

04/11/2025, 8:29 AM

Is Kobweb production-ready? Why?

Kumaran Masilamani

04/15/2025, 9:29 AM

👋 Hey folks! Has anyone here implemented Google (or any social) login in Kobweb? I'm working on adding a "Sign in with Google" button using Firebase Auth on the kobweb frontend, and then passing the token to a Ktor backend for verification. Would really appreciate any GitHub examples or documentation links 🙏 (Vibe coding isn't cutting it this time 😅)

Ryan Scott

04/20/2025, 7:54 PM

Hi All. Has anyone used Chart.js with kobweb? I'm having trouble generating the correct bindings.

Ryan Scott

04/20/2025, 7:54 PM

I see that kvision has generated the bindings: https://github.com/rjaros/kvision/tree/master/kvision-modules/kvision-chart

Ryan Scott

04/20/2025, 7:55 PM

But I don't want to pull that in just to show a chart.

Ryan Scott

04/20/2025, 8:00 PM

At runtime, I get this error:

David Herman

04/20/2025, 8:12 PM

(Let's create a thread and keep the discussion in there)

David Herman

04/20/2025, 8:12 PM

Using Chart.js in Kobweb 🧵

Ryan Scott

04/22/2025, 4:36 PM

@David Herman I wonder if you could possibly help me with something else. I'm trying to make a fullstack app, and am encountering an issue if I ever use the

@Api

annotation.

phteven

04/24/2025, 7:40 PM

I am trying out kobweb. It looks really great so far. Is it possible to render a navigation menu with access to the router (possible to change route) without being in a @Page context? I can only do this by putting the navigation into each page. I noticed that the whole html re-renders in the browser even if it does not change. Having something like nested routes would be nice.

phteven

04/28/2025, 1:51 PM

I found this framework because I am looking for a way to migrate my TypeScript React components to Kotlin. I do not want to use the Kotlin-React wrappers, as I dislike the React-specific overhead (compared to function calls with named arguments in Compose). Everything except the React components has already been migrated to Kotlin (Redux reducer, actions, state, side effects, API client) because it is reused in Compose Multiplatform for Android, iOS, and desktop. This all works very well, but the remaining TypeScript files are starting to annoy me — mainly because refactoring the Kotlin parts requires manual updates to the TypeScript files. So far, I am considering kobweb/compose-html) as an alternative for the React parts — though I still need to check what third-party libraries I would need to replace and how (for example, react-virtualized). On a more general level, I would prefer if the framework allowed for a less opinionated setup. For example, I would like to control the app’s entry point and set up the router myself. Currently, my entry point is already a

@Composable

. Ideally, I would like something similar to an

Application

class that I fully control. Comparing this to React, where you explicitly call the initial render function:

Copy code

ReactDOM.createRoot(document.getElementById("root")).render(...);

I am also looking into the Kilua project and I prefer its approach: https://github.com/rjaros/kilua/blob/main/examples/todomvc/src/commonMain/kotlin/TodoApp.kt In Kilua, you own the entry point, and you can set up dependencies like

ApiClient

and

Storage

classes outside of any

@Composable

. Routes are described as part of your app’s component tree, and nested routes are supported (e.g., for a navigation bar, main/details view). One important use case for this is passing the router into a DI container and using it inside side effects (such as Redux-Observables) to programmatically change the user’s route (for example, redirecting to the login screen on any “forbidden” response). Right now, this kind of navigation is only possible inside a page’s content.