Laminar/Lobby

are simple implicit extension methods

Yup, exactly. Though that was the first version. Now I actually “amend” the tags themselves (so I don’t have to carry mods: Modifier[]*) everywhere:

  implicit class HtmlTagWithTailwind[T <: dom.html.Element](val tag: HtmlTag[T]) extends AnyVal {

    @inline def btn: AmendedHtmlTag[T, AmButton] =
      tag.amend[AmButton](
        cls := "inline-flex items-center border border-transparent rounded-md focus:outline-none transition ease-in-out duration-150",
      )

  }

  implicit class AmendedHtmlTagWithButton[T <: dom.html.Element](val tag: AmendedHtmlTag[T, AmButton]) extends AnyVal {

    @inline def sm: AmendedHtmlTag[T, AmButton] =
      tag.amend(
        cls := "px-3 py-2 text-sm leading-4 font-medium",
      )

    @inline def indigo: AmendedHtmlTag[T, AmButton] =
      tag.amend(
        cls := "text-white bg-indigo-600 hover:bg-indigo-500 focus:border-indigo-700 …",
      )


  }

  implicit class HtmlTagWithAmend[T <: dom.html.Element](val tag: HtmlTag[T]) extends AnyVal {

    @inline def amend[AmType <: AmAny](mods: Modifier[ReactiveHtmlElement[T]]*): AmendedHtmlTag[T, AmType] =
      new AmendedHtmlTag[T, AmType](tag.name, tag.void, mods)

  }

trait AmAny
  trait AmButton extends AmAny

  class AmendedHtmlTag[+R <: dom.html.Element, AmType <: AmAny](
    name: String,
    void: Boolean = false,
    amendments: Seq[Mod[ReactiveHtmlElement[R]]]
  ) extends HtmlTag[R](name, void) {

    override def apply(modifiers: Mod[ReactiveHtmlElement[R]]*): ReactiveHtmlElement[R] =
      super.apply(modifiers ++ amendments: _*)

    def amend(mods: Mod[ReactiveHtmlElement[R]]*): AmendedHtmlTag[R, AmType] =
      new AmendedHtmlTag[R, AmType](name, void, amendments ++ mods)

  }

This is kind of WIP still. Also, maybe too many @inlines, and most likely it can be optimised quite a bit. But it works :)