My god there is so many web frameworks already... kotlin react, kvision, kotlinx, ktor, mutliplatfor...

# multiplatform

[Gunslingor]

My god there is so many web frameworks already... kotlin react, kvision, kotlinx, ktor, mutliplatform primatives, this is all too much to choose from, lol... been playing with kotlin-react, seems okay except it isn't honoring my exernal css and js like metro4 package. is kvision any good, which would you use? and another https://github.com/Kabbura/Kunafa!!!!

I was using kotlinx html fairly reliably once I figure it out but it was making bigger code than kotlin-react. The reason I am considering switching is because it lacks a CSS DSL.

[spierce7]

I did tell you about kotlin-html which has a CSS DSL 😛

[spierce7]

https://github.com/ScottPierce/kotlin-html

[spierce7]

You should be able to swap it in almost directly for kotlinx.html

[Gunslingor]

yeah, is it really better?

[spierce7]

it was enough of a difference that I spent months making it

[Gunslingor]

will it work in jvm and common too?

[spierce7]

yes

[spierce7]

I never added it to js. However I can do that quickly

[Gunslingor]

fuck it, you win... I've tried every other package out there by now, lol, why not one more. You want to convert it for me 😃. lol

[spierce7]

the only difference is that often used attributes are explicitly defined (like id or style), and they are accessible via function parameters instead as part of the DSL

[spierce7]

i.e. to set the id of a div it’s

div(id = "divId") {
}

if you want to add a custom attribute you can do that via

div("customAttribute" to "customValue") {
}

[spierce7]

let me know if you have any questions. Should be easy

[Gunslingor]

// If you are using Ktor, you can use this as well
    implementation("dev.scottpierce.kotlin-html:kotlin-html-ktor:0.7.23")

What is that package? I currently got these but haven't made the css stuff work right yet:

implementation("io.ktor:ktor-html-builder:$ktorVersion")
implementation("org.jetbrains.kotlinx:kotlinx-html-jvm:$kotlinxHtmlVersion")
implementation("org.jetbrains:kotlin-css-jvm:1.0.0-pre.93-kotlin-$kotlinVersion")

[Gunslingor]

I always try to minimize package use, but its tough making things fit together, lol. Yeah, I'm pretty confused already... am I suppose to swap out all the kotlinx or the kotlinx plus ktor-html stuff? Its so confusing. Gradle has been kicking my ass, multiplatform has his back.

[Gunslingor]

So if I am understanding this right I need one dependency in common, two in backend since I am using ktor and zero in the front end but it still works in the front end Kotlin JS module?

[Gunslingor]

Gave up on yours temporarily and went back to using kotlin-css, finally got it working though I don't really understand why that unsafe operator is required or how I could possibly make it safe.

val styles = CSSBuilder().apply {
    body {
        margin = "0px"
        padding = "0px"
        backgroundColor = Color.bisque
    }
}
val stylesString = styles.toString()
println(styles.toString())

style {
    unsafe {
        raw(stylesString)
    }
}

[spierce7]

You’d get rid of all the kotlinx stuff

[spierce7]

You’d want, which is for common

"dev.scottpierce.kotlin-html:kotlin-html-writer:0.7.23"

and if you want to use ktor you’d use

"dev.scottpierce.kotlin-html:kotlin-html-ktor:0.7.23"

[spierce7]

then you can do something like this:

StringHtmlOutput().html {
  body(
    style = {
      margin(0.px)
      padding(0.px)
      backgroundColor(Color(0, 0, 0))
    }
  ) {
  }
}

[spierce7]

then for ktor you can do something like

routing {
  get {
    call.respondHtml {
      head {
      }
      body {
      }
    }
  }
}

[spierce7]

Setup is pretty simple, and mirrors the setup of kotlinx.html.