Scala example of using htmx

README.md

Run with Scala CLI (https://scala-cli.virtuslab.org/):

scala-cli run .

And then go to http://localhost:9991

Happy coding, Scala is great.

cask-scalatags-htmx.scala

//> using dep com.lihaoyi::cask::0.9.1
//> using dep com.lihaoyi::scalatags::0.12.0

import scalatags.Text.all.*

val hxPost = attr("hx-post")
val hxSwap = attr("hx-swap")

object MinimalApplication extends cask.MainRoutes:
  override def port: Int = 9991

  @cask.get("/")
  def hello() =
    html(
      body(
        h1("Scala :love: htmx"),
        listLogic(0)
      ),
      script(src := "https://unpkg.com/[email protected]")
    )

  def listLogic(n: Int) =
    div(
      for i <- 0 to n yield p(s"Item ${i}"),
      button(hxPost := "/clicked-back", hxSwap := "outerHTML", "Reset")
    )

  @cask.post("/clicked")
  def clicked(request: cask.Request) =
    div(
      for i <- 0 to 5 yield p(s"Item ${i}"),
      button(hxPost := "/clicked-back", hxSwap := "outerHTML", "Reset")
    )

  @cask.post("/clicked-back")
  def clickedback(request: cask.Request) =
    button(hxPost := "/clicked", hxSwap := "outerHTML", "Show list")

  initialize()
end MinimalApplication

Cool. Since Scala.js can be run in Cloudflare Workers, it can be very fast.