FastScala Callbacks

<button
  class="btn btn-primary d-block mx-auto"
  onclick={
    fsc.callback(() => {
      JS.alert(s"Current date/time on server: ${new Date().toString}")
    }).cmd}
>Check time on server</button>

<button
  class="btn btn-primary d-block mx-auto"
  onclick={
    fsc.callback(JS("navigator.userAgent"), userAgent => {
      JS.alert(s"User's browser is: $userAgent")
    }).cmd
  }
>Send browser details to server side</button>

<button
  class="btn btn-primary d-block mx-auto"
  onclick={
    fsc.callbackJSON(JS("navigator.languages"), json => {
      println(json.asString)
      val languages: Iterable[String] = json.asArray.map(_.flatMap(_.asString)).getOrElse(Seq())
      JS.alert(s"Supported languages on user's browser are: ${languages.mkString(", ")}")
    }).cmd}
>Send browser details to server side as JSON object</button>

final case class NavigatorData(
                                language: String,
                                languages: List[String],
                                platform: String,
                                product: String,
                                productSub: String,
                                userAgent: String,
                                vendor: String,
                              )
implicit val jsonDecoder: Decoder[NavigatorData] = semiauto.deriveDecoder[NavigatorData]
<button
  class="btn btn-primary d-block mx-auto"
  onclick={
    fsc.callbackJSONDecoded[NavigatorData](JS("{language: navigator.language, languages: navigator.languages, platform: navigator.platform, product: navigator.product, productSub: navigator.productSub, userAgent: navigator.userAgent, vendor: navigator.vendor }"), navigatorData => {
      JS.alert(s"NavigatorData: ${navigatorData.toString}")
    }).cmd}
>Send browser details to server side as a case class</button>