Sure thing

and thx for interest and feedback :-)

I've tried and ... failed

unfortunately kotlix.serialization is just to limited for now

jackson just takes a class type and a string and deserialize (magically ;-)

kotlinx.serialization requires explicit serializers in many cases (generics, collections) and has some limiting type bounds on many inline functions

I am converting a javascript application to Kotlin and KVision. In the old one I used Google Charts to display 3D pie charts. chart.js does not provide 3D pies, and of course my customer really likes them and want me to keep them in the new version. Any chance you could add support for a chart library supporting 3D charts?

with a quick search I've found highcharts and ancharts libraries, but both of them are not free

why not stay with google charts ?

it should be quite easy to use it with kvision if you already have the knowledge (and even some js code)

I am happy with Googles charts. Can you provide some pointer to documentation how I integrate with an external library like Google charts? So far I have been able to stick to libs you support in KVision.

some very quick solution (note: I have no idea how to use google charts ;-):

Add a dependency in

build.gradle.kts

implementation(npm("google-charts"))

And then use it with

dynamic

types (or create Kotlin bindings if you like):

import com.github.snabbdom.VNode
import pl.treksoft.kvision.Application
import pl.treksoft.kvision.core.Widget
import pl.treksoft.kvision.panel.root
import pl.treksoft.kvision.require
import pl.treksoft.kvision.startApplication
import pl.treksoft.kvision.utils.createInstance

class Chart(val gchart: dynamic) : Widget() {
    override fun afterInsert(node: VNode) {
        gchart.load {
            val data = gchart.api.visualization.arrayToDataTable(
                arrayOf(
                    arrayOf("Chart thing", "Chart amount"),
                    arrayOf("Lorem ipsum", 60),
                    arrayOf("Dolor sit", 22),
                    arrayOf("Sit amet", 18)
                )
            )
            val pie_1_chartConstructor: Any = gchart.api.visualization.PieChart
            val pie_1_chart = pie_1_chartConstructor.createInstance<Any>(getElement())
            pie_1_chart.asDynamic().draw(data)
        }
    }
}

class App : Application() {
    val googleCharts: dynamic

    init {
        googleCharts = require("google-charts").GoogleCharts
    }

    override fun start() {
        root("kvapp") {
            add(Chart(googleCharts))
        }
    }
}

fun main() {
    startApplication(::App)
}

It works for me

Chart

class is rendered as

div

.

afterInsert

will be called when the DOM element is ready, so you can safely use

getElement()

, initialize and draw google charts

createInstance

is a helper function declared in KVision, which do some magic to treat a JS code as a constructor to create new JS object instance (we cast

dynamic

to

Any

and then back to

dynamic

, as we do not have any external class definitions)

hope it helps :-)

btw. I took the sample code from: https://www.npmjs.com/package/google-charts

🙂 Thanks. Will let you know...

I have released KVision 3.0.0 - https://github.com/rjaros/kvision. This is a major upgrade bringing a few incompatibilities and breaking changes. Highlights of this release: - major improvements to the event handling architecture (including new module with support for event Flows) - new server-side module with full support for the Javalin server - upgrade Jooby to version 2 - important bugfixes and minor improvements for different components For more details about this release see the changelog and the migration chapter in the guide. As always any feedback is welcomed :-)

Unfortunately I have published the artifacts just a few hours before Kotlin 1.3.70 was released. So Kotlin upgrade will be in 3.1.0, when new serialization and coroutines will be released.

This day is sponsored by the number 300 😉 We've released 3.0.0 and have reached 300 stars on Github 🙂

KVision 3.0.1 (bugfix release) is out. https://github.com/rjaros/kvision/releases/tag/3.0.1

I noticed that my favicon.ico, placed in the src/main/web folder, is displayed correctly when I run locally through IntelliJ. But, when I build (zip) and run it on an external web server it is replaced by the default. It is correctly placed in the root folder of the site.

When I check the showcase at https://rjaros.github.io/kvision-examples/showcase/ there is also only the default icon displayed at the chrome tab. What am I missing?

the examples do not have any favicons

maybe add appropriate <link> to your html file instead of using favicon.ico file

That worked! Thanks.