First milestone of KVision 2 is ready. https://github.com/rjaros/kvision/releases/tag/2.0.0-M1

just using

aChart.configuration = ....

with new

Configuration

object containing new data should work so I would try to: 1. create a helper function to get current configuration:

fun getChartConfig() = Configuration(
        ChartType.PIE,
        listOf(
            DataSets(
                data = pieSizes
            )
        )
    )

2. create a chart with the help of this function:

val aChart = Chart(getChartConfig())

3. subscribe to the observable list:

pieSizes.onUpdate += {
   aChart.configuration = getChartConfig()
}

Somebody have a problem with the dialogs/Alert? Its not being showing for me. It goes the transparent effect with no dialog....I guess it is something relate to the z-index

@Big Chungus @Diogo Ribeiro Do you use any non-blocking database access libraries (kotlin or java) with Ktor (with KVision or even without it)

I've got some questions of general nature about KVision. I'm sorry if these have already been answered and please point me to the source is this is the case. I plan to use KVision for a SPA. 1. Is KVision used in enterprise environment somewhere? 2. What is planned in the future for KVision like features, support, development etc? 3. Is anyone offering consultant services like development for KVision? 4. I would like to make a "Gitlab style layout" with a menu on the left side that can be collapsed on small screens. Is this possible in KVision? 5. Are "applications" created in KVision responsive in terms of UI? 6. Is it possible to do deep linking in KVision (example: having a link in an e-mail open a specific page in the app)? 7. What is browsers is KVision compatible with? 8. What is KVision performance compared to a SPA written directly in JS? I guess this can be hard to say but is there any overhead from writing the code in 9. Kotlin and then have it converted to JS? 10. Are there any collapsible/accordion menus available in KVision?

it's present in the current template project: https://github.com/rjaros/kvision-examples/blob/bbda248ae09e7ed11dcdcc1c1c891d3d6ad2dee7/template/build.gradle.kts#L25

I have converted my application to use redux (the JS version). It is very neat. 🙂 I am doing a few api calls, and need to display a loading indication/spinner to the user. Have you got an example how that can be done?

@Robert Jaros when will kvision gradle plugin go live? Also couldn't find any docs on what it does

Is there a way to use custom bootstrap components in KVision such as https://www.npmjs.com/package/bootstrap4-toggle#initialize-with-code?

Is there a way to connect navbar's dropDown to navigo router?

We need this to be able to create a Kotlin object when using

getData()

. Without serialization requirement you would have to pass some kind of factory function. I don't know any other way to construct a generic type object.

we are not reusing external dependencies code (at least I don't 😉

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

Good news: KVision will probably still work with Kotlin 1.4 😉 I've managed to compile the almost all of the framework and the helloworld app with new IR compiler backend. Another good news: The final bundle size was reduced by 30% - although I was hoping for more after reading [Kotlin blog post](https://blog.jetbrains.com/kotlin/2020/03/kotlin-1-4-m1-released/). Bad news: It's still buggy. I've got stack overflow error from the compiler when I've tried to compile the showcase example. Some external libraries do not work (kotlinx-html-js, react, redux, kotlin-redux). There will be problems with npm dependencies, because there are no more jar artifacts I can put generated package.json files. But I hope it will all get better ;-)

three long weeks ... 😉 (someone should pay me for this 😉)

I hope you don't mind being assigned to the github issue 😉 I was playing with github and now I don't know how to remove the assigment ;-)

You would probably need to find out, how to use async tests in Kotlin/JS in the first place, because any means to read file content in JS would be asynchronous.

I could play with this but there is no documentation and I don't even know where to start

What would it be in kvdom?

Someone submitted KVision to Kotlin Weekly newsletter 🙂 I never found the time for this. Thx whoever that was 😉

I have encountered a strange behavior in Tabulator. I have been able to recreate it in a stripped down version of

TabulatorTab.kt

from the showcase:

package com.example

import pl.treksoft.kvision.panel.SimplePanel
import pl.treksoft.kvision.state.observableListOf
import pl.treksoft.kvision.tabulator.ColumnDefinition
import pl.treksoft.kvision.tabulator.Editor
import pl.treksoft.kvision.tabulator.Layout
import pl.treksoft.kvision.tabulator.TabulatorOptions
import pl.treksoft.kvision.tabulator.tabulator
import pl.treksoft.kvision.utils.px

data class Employee(
    val name: String?

) {
    companion object {
        internal var counter = 0
    }
}

class TabulatorTab : SimplePanel() {

    val data = observableListOf(
        Employee(
            "Tiger Nixon"
        ),
        Employee(
            "Garrett Winters"
        ),
        Employee(
            "Ashton Cox"
        )
    )

    init {
        this.marginTop = 10.px

        tabulator(data,
            options = TabulatorOptions(
                layout = Layout.FITCOLUMNS,
                columns = listOf(
                    ColumnDefinition(
                        "Name 1",
                        "name",
                        headerFilter = Editor.INPUT,
                        headerFilterPlaceholder = "Text 1"
                    )
                )
            )
        )
        tabulator(data,
            options = TabulatorOptions(
                layout = Layout.FITCOLUMNS,
                columns = listOf(
                    ColumnDefinition(
                        "Name 2",
                        "name",
                        headerFilter = Editor.INPUT,
                        headerFilterPlaceholder = "Text 2"
                    )
                )
            )
        )
    }
}

When I run this example I expect the second table to have a filter field with a placeholder "Text 2". But, instead "Text 1" is displayed. Why is that?

What's with all the red? I don't think intelliJ can find PingServiceManager cause it's a generated class at compile time?

Anyone could clone https://github.com/rjaros/kt41227 and check if there are any problems with

./gradlew browserProductionWebpack

task?

use like this:

button("save file").onClick {
                val fileSaver = require("file-saver")
                val csv = Blob(arrayOf("Hello, world\nkvision,is,great,:)!"), BlobPropertyBag("text/plain;charset=utf-8"))
                fileSaver.saveAs(csv, "test.csv")
            }

I'd add, because CSV's can be tricky (embedded ""'s for example). I'd use the fasterxml.jackson or openCSV libraries to create the CSV and then download that to the client browser. One can also set the Content-Type header to a value (application/excel as I recall) to have the browser open it in MS Excel (or similar)

It should connect to your backend running in IDEA

Good morning, we are using component

TabPanel

and we often need to work with tabs programmaticaly but TabPanel does not expose much information/methods. We are missing couple of useful methods, like

getSize()

- hom many tabs exists

getComponentIndex(component:Component)

- to get index of a component

activate(component:Component)

- to activate component Or am I missing something and there is a way how to achieve it?

Please fill an issue on github and I will add better solutions to

TabPanel

directly for the next release