I'm also curious if anyone can speak to the advantages of using KVision over just react with Kotlin.

My team has recently made the jump from using typescript for our node.js servers to instead using Kotlin, and it's been a hit so far, so now we're investigating the tradeoffs of using Kotlin also for our web UI layer.

This is how it suppose to look. You should now open http://localhost:5000 in your browser.

Hey everyone, best wishes! I’m currently migrating to version

6.0.1

with Kotlin

1.8.0

(mandatory I would assume from the build errors it gave me?). Gradle sync works fine, but when I try to build the project I’m presented with following error:

PROJECTPATH/build/generated/ksp/metadata/commonMain/kotlin/be/sigmadelta/PROJECTNAME/service/UserService.kt:15:9 Cannot inline bytecode built with JVM target 17 into bytecode that is being built with JVM target 1.8. Please specify proper '-jvm-target' option

So then I change the

jvmTarget

to `17`as prompted (see below):

jvm("backend") {
        compilations.all {
            java {
                targetCompatibility = JavaVersion.VERSION_1_8
            }
            kotlinOptions {
                jvmTarget = "17"
                freeCompilerArgs = listOf("-Xjsr305=strict")
            }
...

Afterward I try to build again, but then it encounters a build error in `Main.kt`:

e: PROJECTPATH/src/backendMain/kotlin/be/sigmadelta/PROJECTNAME/Main.kt:56:5 None of the following functions can be called with the arguments supplied: 
public fun Application.kvisionInit(vararg modules: Module): Injector defined in io.kvision.remote
public fun Application.kvisionInit(initStaticResources: Boolean, vararg modules: Module): Injector defined in io.kvision.remote
public fun Application.kvisionInit(initStaticResources: Boolean, json: Json, vararg modules: Module): Injector defined in io.kvision.remote
public fun Application.kvisionInit(json: Json, vararg modules: Module): Injector defined in io.kvision.remote

And this happens on an unchanged

kvisionInit

which worked fine on version `5.18.1`:

fun Application.main() { 

...

kvisionInit(
        Json {
            prettyPrint = true
            isLenient = true
            classDiscriminator = "class"
        },
        KoinModules.tableModule,
        KoinModules.repoModule,
        KoinModules.serviceModule,
        KoinModules.appModule(
            this@main,
            JwtProps(
                secret = environment.config.property("jwt.secret").getString(),
                issuer = environment.config.property("jwt.issuer").getString(),
                audience = environment.config.property("jwt.audience").getString(),
                realm = environment.config.property("jwt.realm").getString()
            )
        )
    )
...

Does anyone know how to resolve this issue? I assume something is just going wrong with the mandatory Kotlin upgrade to

1.8.0

Hello @Robert Jaros thank your support, I am really looking for a guide for reading data and writing from an excel file using Kvision, there is no much information that can help me so far. I have a good knowledge of kotlin and wanted to learn web development using kvison.

Almost forgot to announce: KVision 6.0.1 is out https://github.com/rjaros/kvision/releases/tag/6.0.1

I want to use BootstrapUpload and I have add the dependency below even the Module (BootstrapUploadModule) but kvision does not recognize BootstrapUpload`implementation("io.kvision:kvision-bootstrap-upload:$kvisionVersion")`

Unresolved reference: BootstrapUpload

New version of KVision Project Wizard (0.6.0), with support for KVision 6, is published.

KVision 6.0.2 is out https://github.com/rjaros/kvision/releases/tag/6.0.2

Can anyone have working sample project to work with firebase?

Good morning everyone! This is the problem I have right now; I have a SimplePanel with a Tabulator inside and collections that I use to display data and set up/configure the table. The problem comes when I want to delete it. It seems that not only does it get deleted when I call dispose(), but if I don't delete the collections manually, they end up piling up in the memory heap, and as you navigate through the app, they just stack up without being cleaned up by the garbage collector. Is there any reason for that to happen?

KVision 6.0.3 is out https://github.com/rjaros/kvision/releases/tag/6.0.3

6.0.4 is on the way ...

KVision 6.0.4 is out https://github.com/rjaros/kvision/releases/tag/6.0.4

If anyone is interested in using KVision with Ballast (works great!) - https://copper-leaf.github.io/ballast/wiki/platforms/kvision/

KVision 6.0.5 is out https://github.com/rjaros/kvision/releases/tag/6.0.5

Hi, I noticed that when using root() the container tag is changed to a div, is this the intended behavior ? If so, then it is possible that in this case it is worth clarifying this in the documentation about the root container. in index.html i have

<nav id="menu-path"></nav>

I do so

root("menu-path")

and expect

<nav id="menu-path"></nav>

but the result

<div id="menu-path"></div>

And thank you very much for KVision

KVision 6.0.6 is out https://github.com/rjaros/kvision/releases/tag/6.0.6

Hi Robert, me again. I am facing a problem. I'm trying to use forms with a custom value and don't know how I should do it. I created custom components (I'm not sure if I did them right as they don't work right now, but the issue I'm writing about is related to another issue)

filterPanel

filterAutocompleteItem

houseAutocomplete

And I want to use them like this:

filterPanel(submitFormCallback = {

println(it.getData())

}) {

filterAutocompleteItem("Address") {

houseAutocomplete()

}

}

My problem is that I can't set the value with Any type. To make it clearer what I mean and why I need this, here is my case: In

houseAutocomplete()

, I receive data from the backend and form a list of options, when the user clicks, I want to set my

data class

as the field value for the

form

. But I'm limited by the fact that the field type I'm using on the form only accepts a string as a value (which is logical and correct). Also, I can't use Serialization for the value, since I don't want to show the user the complete serialized object. What I want is the ability to set a custom value for a form field. It does not need to be serialized or deserialized. Since it does not need to be explicitly shown to the user. For example,

houseAutocomplete()

could set

data class AutocompleteOption(val label: String, val value: Any)

as the

customValue

for

textInput

and just a

label: String

as the

value

And for the form one could use the

getCustomData()

method to get the custom values What do you think about it ? I understood correctly that this cannot be achieved now ? Or is there another way ?

Hi @Robert Jaros, why when I use a bind with selectInput the options are no longer rendered and the component doesn't work as expected ?

val state = FormState().apply {
    set("type" to "${FlatTypeEnum.residential}")
}

I tried different options for bind and nothing worked.

selectInput(options = FlatTypeEnum.values().map { "$it" to it.translate() }, value = "${FlatTypeEnum.residential}") {
    bind(state.getSub("type"), {it?.value}) {//if I use this the options are not shown anymore
        this.value = it
    }
}

with bind i got

<select class="form-select"></select>

without it

We have just reached 1K ⭐ on GitHub! 🎉🍾🤩:thank-you:

KVision 6.1.0 is out https://github.com/rjaros/kvision/releases/tag/6.1.0

Hello, I have a few questions. 1. what are the use cases for

refreshOnUpdate

? I read the documentation and saw only `override fun buildClassSet(classSetBuilder: ClassSetBuilder)`use case. For example, сan it interact with rendering ? (not working):

class Example(ids: List<Long>): SimplePanel() {
    var myIds by refreshOnUpdate(ids)
    init {
        button("${myIds}") {//interact somehow
            onClickLaunch { myIds = listOf(2L) }
        }
    }
}

2. What if I have a component where models comes as an argument

models: ObservableValue<List<Order>>

. Inside I create

val pagination: ObservableValue<Pagination>

Next, I want to have a

div

that will change when the

models

changes or when the

pagination

changes. I can't figure out how to achieve this now. For example, I can't put models and pagination in

val state: ObservableValue<SomeState>

because

models

are being updated in another component, but the rerender will only happen when the

state

changes

state.setValue(state.value.apply{})

Tabulator component in 6.1.0 is broken 😞 6.1.1 is on the way ...

KVision 6.1.1 is out https://github.com/rjaros/kvision/releases/tag/6.1.1

KVision 6.1.2 is out https://github.com/rjaros/kvision/releases/tag/6.1.2

Hello, first a small suggestion for improvement: I noticed that after the initialization of the application, the attributes disappear from the root container element. For example, someone might want to set the data-token="sometoken" attribute. ---------------------------------------------- Now the problem. I'm not sure if this is related to KVision. Instead of implementation("io.kvision:kvision-rest:$kvisionVersion") I tried using implementation("io.ktor:ktor-client-content-negotiation-js:$ktor_version") implementation("io.ktor:ktor-serialization-kotlinx-json-js:$ktor_version") Now when I do

./gradlew -t run

everything works fine, But when i do a

./gradlew clean zip

, then a certain part of my app breaks, with an undefined function (the function has a minimized name) message... 95% of the application works fine, but in one part, which in my opinion is no different from the rest, I get this error when I try to send a request If I do a

./gradlew zip

everything works fine Has anyone encountered this ? I will most likely revert to using kvision-rest soon, but I also thought it would be helpful to get your input on the issue. here's my build.gradle.kts

import org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackConfig

plugins {
    val kotlinVersion: String by System.getProperties()
    kotlin("plugin.serialization") version kotlinVersion
    kotlin("js") version kotlinVersion
    val kvisionVersion: String by System.getProperties()
    id("io.kvision") version kvisionVersion
}

version = "1.0.0-SNAPSHOT"
group = "com.example"

repositories {
    mavenCentral()
    mavenLocal()
}

// Versions
val kotlinVersion: String by System.getProperties()
val kvisionVersion: String by System.getProperties()
val ktor_version: String by project

val webDir = file("src/main/web")

kotlin {
    js {
        browser {
            runTask {
                outputFileName = "main.bundle.js"
                sourceMaps = false
                devServer = KotlinWebpackConfig.DevServer(
                    open = false,
                    port = 3000,
                    proxy = mutableMapOf(
                        "/kv/*" to "<http://localhost:8080>",
                        "/kvws/*" to mapOf("target" to "<ws://localhost:8080>", "ws" to true)
                    ),
                    static = mutableListOf("$buildDir/processedResources/js/main")
                )
            }
            webpackTask {
                outputFileName = "main.bundle.js"
            }
//            testTask {
//                useKarma {
//                    useChromeHeadless()
//                }
//            }
        }
        binaries.executable()
    }
    sourceSets["main"].dependencies {
        implementation("io.kvision:kvision:$kvisionVersion")

        implementation("io.kvision:kvision-bootstrap:$kvisionVersion")
        implementation("io.kvision:kvision-i18n:$kvisionVersion")
        implementation("io.kvision:kvision-routing-navigo-ng:$kvisionVersion")
        implementation("io.kvision:kvision-state:$kvisionVersion")
        implementation("io.kvision:kvision-toastify:$kvisionVersion")
        implementation("io.kvision:kvision-imask:$kvisionVersion")

        implementation("io.ktor:ktor-client-content-negotiation-js:$ktor_version")
        implementation("io.ktor:ktor-serialization-kotlinx-json-js:$ktor_version")
    }
    sourceSets["test"].dependencies {
        implementation(kotlin("test-js"))
        implementation("io.kvision:kvision-testutils:$kvisionVersion")
    }
    sourceSets["main"].resources.srcDir(webDir)
}

KVision 6.2.0 is out https://github.com/rjaros/kvision/releases/tag/6.2.0