hi, I'm trying to figure out Navigo, but I'm having trouble getting it working. When I click on a link, I always get

Cannot GET /servers/test-server

I've set up the routing...

fun init() {
    routing
      .on("/", { _ ->
        println("routing.on HOME")
        homepageView()
      })
      .on("/servers/(.*)", { match ->
        println("routing.on SERVER $match")
        val serverId = match.data[0] as? String ?: error("invalid server id")
        println("routing.on SERVER serverId:$serverId")
        serverView(serverId)
      }
      )
      .resolve()
  }

And I think I'm creating the link correctly

listTag(ListType.UL) {
        state.serverIds.forEach { serverId ->
          li {
            div {
              link(
                label = "$serverId",
                dataNavigo = true,
                url = "/servers/$serverId",
              )
            }
          }
        }
      }

I can see in the logs that Navigo seems to be aware of the routes, and is printing

routing.on HOME

, but it never prints

routing.on SERVER

[WebsocketService] init <ws://localhost:3000/kafkatorio/ws>, 
kotlin-kotlin-stdlib-js-ir.js?46ac:19385 routing.on HOME
index.js?0118:551 [webpack-dev-server] Hot Module Replacement enabled.
index.js?0118:551 [webpack-dev-server] Live Reloading enabled.
kotlin-kotlin-stdlib-js-ir.js?46ac:19385 [WebsocketService.handleMessageEvent] non-json message elapsed 2h 53m 46.078512299s
test-server:1          GET <http://localhost:3000/servers/test-server> 404 (Not Found)
Navigated to <http://localhost:3000/servers/test-server>

I've tried using different matcher styles (regex, path IDs, plain strings) but nothing seems to work. A full example might help. The best example I've found was here: https://github.com/rjaros/kvision-realworld-example-app-fullstack/, but that's using the older version of Navigo. There's another usage in the KVision examples repo, but it's more simplistic.

Add

config.devServer.historyApiFallback = true

to

webpack.config.d/webpack.js

Data binding isn't explained very well in the official documentation. Some strange issues have been encountered when doing data binding that involves using some basic conditional checks. As a result the state changes in unpredictable ways. Here is the project where the issues are being encountered: https://gitlab.com/napperley/todo-list

Hi, I updated a project to version 5 and have strange issue with bootstrap select input. It shows the selected value twice options(list of string pairs)

1 = One
2 = Two

results in this in DOM

<div ...>OneOne</div>

I manage to upgrade 5.6.1, but 5.7.x cause this issue:

Converted messages-en.po to messages-en.json
internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module 'XXX/build/js/node_modules/gettext.js/bin/po2json'

I thought it's a problem only in 5.7.0 as release notes says "It is broken" but I have the same issue in all 5.7.* versions

I'm stuck on Navigo again. Now the matcher isn't picking up

/servers/test-id

at all...

routing
      .on("/", {
        log("routing.on HOME")
        homepageView()
      })
      .on(("/servers/(.*)"), { match ->
        println("routing.on SERVER $match")
        val serverId = match.data[0] as? String ?: error("invalid server id")
        println("routing.on SERVER serverId:$serverId")
        serverView(FactorioServerId(serverId))
      }
      )

I can see

routing.on HOME

logged, but

routing.on SERVER

isn't logged. It was earlier! I've no idea what's wrong...

Anyone here ever used websocket support in KVision fullstack interfaces?

Hello! Would it be possible to position elements in a

FlexPanel

like this: [

Div1

Div2

(space in the middle)

Div3

Div4

]

I've implemented a new fullstack module for Ktor with Koin dependency injection instead of Guice. It will be available in the next release. Perhaps someone here has a Ktor fullstack app and is willing to migrate to Koin?

message has been deleted

The new

kvision-datetime

module contains

DateTime

and

DateTimeInput

components which have almost the same API as the old ones (from the

kvision-bootstrap-datetime

module). It should a drop-in replacement for the old module with just a few names changed. The new components are also fully usable without Bootstrap, even without any CSS applied (note: Fontawesome module should be included).

I've implemented new way of using Service and ServiceManager classes in fullstack projects. Until now the project had to use instances of classes and objects, which were generated by the KVision plugin. The project could not be compiled in IDE without running gradle task first. Now instead of using these classes and objects new functions can be used with only a service interface as a type parameter. Instead of

PingService()

we can use

getService<IPingService>()

and instead of

PingServiceManager

we can use

getServiceManager<IPingService>()

(there are even helper functions

getAllServiceManagers()

and

getServiceManagers(vararg ...)

which return lists of objects). As a result the application can now be fully compiled in IDE, even without any gradle runs. I've converted some example apps to this method (but not all, there are so many 😉)

As for Koin integration I've pushed new sample apps to the examples repository. I've experimented with a few different ways to integrate and have chosen the one working best with new constructor DSL from Koin 3.2. I'll update the guide soon, but for now here are some rules: • you need to create a definition for every service class in one or more modules, and pass the modules to

kvisionInit()

function (Koin doesn't have any implicit or just-in-time bindings) • if your service class needs access to the Ktor's

ApplicationCall

(e.g. for authentication) you have to add the call as constructor parameter of the service and use constructor DSL with

factoryOf(::ClassName)

function • the same applies to components with ApplicationCall injected into other components - eager or constructor injection is required • you can use lazy evaluated injection or other scopes (e.g. single) for services that do not need to work with "ApplicationCall` All these rules are implemented in the https://github.com/rjaros/kvision-examples/tree/master/addressbook-fullstack-ktor-koin example

After running the frontendBrowserDistribution Gradle task the following error appears:

Module not found: Error: Can't resolve 'jquery'

Is there a Gradle task that needs to be run beforehand to install the dependencies?

KVision Project Wizard 0.5.0 is available for update from the JB Marketplace.

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

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

I was wondering when stabilised, if the new MetaSerializable mechanism in Serialization would be viable approach for custom exception self-registration when used with the full-stack compiler plugin?

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

Hi, is there a reason why split panel splitter has inline style

width:9px

?

<div class="splitter-vertical" style="width: 9px;"></div>

Hi, I am having an issue with tab panel. It seems after upgrading 4->5 function

afterInsert(node:Vnode)

is not called on tab child component.

Do you need a form component compatible with

FormPanel

container?

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

Some errors appear after updating Kotlin to 1.7.20 and KVision to 5.16.0, and running the compileKotlinFrontend Gradle task. Below is the build output (trimmed for brevity):

> Task :kotlinNpmInstall
warning "workspace-aggregator-2afb5c23-10a3-4138-a06c-97f72d483f6b > kvision-js-ir > css-loader@6.7.1" has unmet peer dependency "webpack@^5.0.0".
warning "workspace-aggregator-2afb5c23-10a3-4138-a06c-97f72d483f6b > kvision-js-ir > style-loader@3.3.1" has unmet peer dependency "webpack@^5.0.0".
warning "workspace-aggregator-2afb5c23-10a3-4138-a06c-97f72d483f6b > kvision-js-ir > imports-loader@4.0.1" has unmet peer dependency "webpack@^5.0.0".
warning "workspace-aggregator-2afb5c23-10a3-4138-a06c-97f72d483f6b > kvision-js-ir > gettext.js > po2json@1.0.0-beta-3" has unmet peer dependency "commander@^6.0.0".
warning "workspace-aggregator-2afb5c23-10a3-4138-a06c-97f72d483f6b > kvision-js-ir > gettext.js > po2json@1.0.0-beta-3" has unmet peer dependency "gettext-parser@2.0.0".
warning "workspace-aggregator-2afb5c23-10a3-4138-a06c-97f72d483f6b > kvision-js-ir > gettext.js > po2json@1.0.0-beta-3" has unmet peer dependency "gettext-to-messageformat@0.3.1".
warning Ignored scripts due to flag.

> Task :frontendGenerateExternalsIntegrated SKIPPED
> Task :kotlinStoreYarnLock UP-TO-DATE
> Task :transformCommonMainDependenciesMetadata
> Task :kspCommonMainKotlinMetadata
> Task :kspKotlinFrontend

> Task :compileKotlinFrontend FAILED

e: .. build/generated/ksp/metadata/commonMain/kotlin/io/kvision/remote/GeneratedKVServiceManager.kt: (9, 51): Unresolved reference: KVServiceManager
e: .. build/generated/ksp/metadata/commonMain/kotlin/io/kvision/remote/GeneratedKVServiceManager.kt: (13, 35): Unresolved reference: KVServiceManager
e: .. build/generated/ksp/metadata/commonMain/kotlin/io/kvision/remote/GeneratedKVServiceManager.kt: (16, 56): Unresolved reference: KVServiceManager

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

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

Hello everybody! I have some questions: Is there any way to use headerFilter as dynamic without jsTabulator, or there will be in the near future?

I'm using KVision redux and I'm getting this warning in my logs, what the best way to conditionally make Redux switch to production?

main.bundle.js:2 You are currently using minified code outside of NODE_ENV === "production". This means that you are running a slower development build of Redux. You can use loose-envify (<https://github.com/zertosh/loose-envify>) for browserify or setting mode to production in webpack (<https://webpack.js.org/concepts/mode/>) to ensure you have the correct code for your production build.

I'm using the Gradle task

browserProductionWebpack

, is there a way to set an option to that, so it's only production when I'm building for production?

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