One question towards IR-backend. The release notes of 3.17.0 mention that IR backend is now supported. But: For me the fontawesome icons do not work. I assume it is related to the backend. "kvision-kvision-fontawesome-jsIr" only contains a package.json "kvision-kvision-fontawesome-jsLegacy" contains more files (e.g. an index.js file) • Should this work with the IR backend? • Are there snapshots for the latest beta (4.0) available?

at least it works for me

I've tested all example apps with IR, so definitely fontawesome works

One more suggestion: The radio group should take other objects than only Strings. For example enum values are a typical use case. I understand that the String value is very useful for formatting (without needing a formatter or other callback). But the key could/should by of any type ("T")

message has been deleted

Are you considering upgrading to navigo router 8? It has some nice features.

One question for listTag: I have an ObservableState that contains a list of objects. is it possible to create a list that is automatically updated whenever the list is changed?

I am trying to get a button with style "btn-link". But whenever I use the "button" DSL, there is always a class added automatically (usually "btn-primary"). Removing the ButtonStyle is not possible unfortunately. I want to achieve this:

<button class="btn btn-link">

Could you give me a hint how I could call the "collapse" methods manually? https://getbootstrap.com/docs/4.0/components/collapse/ I don't have that much experience with JS interop. Therefore I'd be glad if anybody could give me a hint how to call these methods on e.g. a div

I am missing documentation about focus handling and shortcuts (e.g. ctrl+enter to confirm) in modal dialogs. Any hints where to find that stuff?

Has anybody experience with i18n and parameters? E.g. translating the string "I have 7 cars". where "7" is a variable that is determined at runtime? The "tr" doesn't have any parameters as far as I can see. How is this done?

I can report that my demo for KFSM and KVision works fine on v4.0.0 https://github.com/open-jumpco/kfsm-kvision-web I did notice npm report a few packages that may benefit from an upgrade. I didn't investigate deeper to see if they were direct KVision module dependencies or use by bootstrap etc.

I have a question about using bootstrap in KVision. We would like to process bootstrap and our SCSS files during the build instead of using CSS from kvision-bootstrap-css module. I removed the module but I still get bootstrap somehow included in the project. Do you have some example how to set it up?

Getting this weird error when trying fresh build of new kvision project with IR

e: java.lang.IllegalStateException: No descriptor found for library /home/mpetuska/.gradle/caches/modules-2/files-2.1/io.kvision/kvision-bootstrap-css/4.0.0/966cd74de61f5102ac384f4a6a435665cbe34ba5/kvision-bootstrap-css-4.0.0

On a side note, it'd be good to have @KVisionDsl annotation on your builder DSLs

@DslMarker
annotation class KVisionDsl

Is it possible to add an icon to navbar label/brand?

What would you recommend to use to display read-only inline code snippets? Can;t seem to find

pre

tag in kvision.

Are there any plans for kvision components module? It could just wrap bs4 components like card or badge to make the development a bit more fluid

Hello, can we use *Panel (SplitPanel, HPanel....) in a FormPanel without loose databiding ? How can I manage my form layout ?

@Robert Jaros

@Serializable
data class SuccessResponse<T>(
        val status: Int,
        val data: T,
        val message: String
) : ApiResponse()

@Serializable
data class ErrorResponse(
        val status: Int,
        val errorCode: Int,
        val message: String
) : ApiResponse()

@Serializable
sealed class ApiResponse

remoteCall(
                ApiRoutes.LOGIN,
                Json.encodeToString(AdminRequest.serializer(), body),
                ApiResponse.serializer(),
                <http://HttpMethod.POST|HttpMethod.POST>
        )

when (this) {
    is SuccessResponse<*> -> {
        val data = this.unsafeCast<SuccessResponse<T>>()
        success(data)
    }
    is ErrorResponse -> {
        failure(this)
    }
    else -> {
        console.log(this)
    }
}

Need help with deserializing sealed classes, without else block throws NoWhenBranchMatchedException

Not sure how much effort it would be, but I'm always missing some visuals or screenshots when browsing kvision documentation

Hello, I tried to make a multipart request with an

Upload

form control but when I want to get my file from my form, It always return null on

upload

field even if I used your sample on your doc: Client side file handling

val pictureForm = formPanel<Request> {
    add(Request::upload,
        Upload(multiple = false, label = "Upload files (images only)").apply {
            showUpload = false
            showCancel = false
            explorerTheme = true
            dropZoneEnabled = true
            allowedFileTypes = setOf("image")
        })
}
button("Submit").onClick {
    GlobalScope.launch {
        val fdata = pictureForm.getDataWithFileContent()
        val firstImage = fdata.upload?.firstOrNull()?.content
        if (firstImage != null) {
            Alert.show("Image", "<img src=\"$firstImage\">", rich = true)
        }
        console.log(firstImage)
    }
}

Is there a possibility to do a multipart request without using Upload form control ? I see that RestClient isn't compliant with multipart. In my case Upload control is just a tool to get a file before modifying it. After this modification, I would like to add it to an authenticate multipart request that for now didn't know or see any way to make this multipart request

it will generate

<tag disabled="disabled"/>

which is equivalent

We are few versions back(3.16.1) and I am trying to upgrade and I found an issue with Tabulator. We use tabulator with observable list, like this(simplified):

data class Voice(var _id: Id? = null, var name: String? = null) 

val options = TabulatorOptions(
        layout = Layout.FITCOLUMNS,
        columns = listOf(ColumnDefinition(tr("Name"), Voice::name.name))
    ),

val entities: ObservableList<E> = observableListOf()
tabulator = Tabulator(entities, options = options)

It used to work well, but after upgrade to 3.17.0 we can see only empty rows. I think it's because of this commit: https://github.com/rjaros/kvision/commit/5406e9e7b4cf8b516e9070179bb702038e2af46a since then data are converted to plain object in

Tabulator::replaceData

Also

getData()

now returns plain object instead of original object:

tabulatorRowClick = { e ->
    val entity = (e.detail as JsTabulator.RowComponent).getData() as E
   // .... do something with entity
}

Am I missing something or is there a new way how to use Tabulator we should use?

hi all! I found a mistake in documentation. In the “JS routing” section https://kvision.gitbook.io/kvision-guide/part-1-fundamentals/js-routing in the first paragraph wrong module name

kvision-module-navigo-ng

. Should be `kvision-routing-navigo-ng`How I can contribute a fix?

Hello, I try to add

Authorization

header to ajax request from tabulator but my configuration is ignored. What is the good syntax ?

tabulator<Any>(
    TabulatorOptions(
        ajaxURL = "${Api.API_URL}/product",
        ajaxConfig = "POST",
        ...
    )
)

Request is a POST

tabulator<Any>(
    TabulatorOptions(
        ajaxURL = "${Api.API_URL}/product",
        ajaxConfig = object : Tabulator.AjaxConfig {
            override var method: String = "POST"
            override var headers: dynamic = mapOf("Authorization" to token)
        },
        ...
    )
)

Request is a GET instead of POST (and Authorization header isn't added)

Having some trouble with Tabulator and kvision 4.1.1. Using Tabulator with a ObservableList (backend is ktor). With 4.1.1 the Tabulator rows are created but empty, header is visible. Going back to 4.0.0 solves this issue. (kotlin.js.compiler=ir)

val tab_options = TabulatorOptions(
        layout = Layout.FITCOLUMNS,
        columns = listOf(
                ....
        )
)
tabulator(Model.cov_List, options = tab_options)

I am having issue with building 4.1.1:

./gradlew publishToMavenLocal -PSNAPSHOT=true

results:

> Task :compileKotlinJsIr
e: java.lang.IllegalStateException: Unsupported operation
        at org.jetbrains.kotlin.backend.common.serialization.IrModuleDeserializer.referenceSimpleFunctionByLocalSignature(IrModuleDeserializer.kt:37)

Any idea? It works in 4.1.0