Breaking up the sandbox module

Author: davesmith00000

build.sh

@@ -4,6 +4,8 @@ set -e
 
 ./mill clean
 ./mill __.compile
-./mill -j2 __.test
 ./mill -j2 __.fastLinkJS
+./mill -j2 __.test
+./mill -j2 __.checkFormat
+./mill -j1 __.fix --check
 ./mill __.publishLocal

sandbox/src-js/example/Counter.scala

@@ -0,0 +1,25 @@
+package example
+
+import tyrian.*
+import tyrian.Html.*
+
+object Counter:
+
+  opaque type Model = Int
+
+  def init: Model = 0
+
+  enum Msg:
+    case Increment, Decrement
+
+  def view(model: Model): Html[Msg] =
+    div(
+      button(onClick(Msg.Decrement))(text("-")),
+      div(text(model.toString)),
+      button(onClick(Msg.Increment))(text("+"))
+    )
+
+  def update(msg: Msg, model: Model): Model =
+    msg match
+      case Msg.Increment => model + 1
+      case Msg.Decrement => model - 1

sandbox/src-js/example/Fruit.scala

@@ -0,0 +1,3 @@
+package example
+
+final case class Fruit(name: String, available: Boolean)

sandbox/src-js/example/HttpDetails.scala

@@ -0,0 +1,29 @@
+package example
+
+import tyrian.http.*
+
+final case class HttpDetails(
+    method: Method,
+    url: Option[String],
+    body: String,
+    response: Option[Response],
+    error: Option[String],
+    timeout: Double,
+    credentials: RequestCredentials,
+    headers: List[(String, String)],
+    cache: RequestCache
+)
+
+object HttpDetails:
+  val initial: HttpDetails =
+    HttpDetails(
+      Method.Get,
+      Option("http://httpbin.org/get"),
+      "",
+      None,
+      None,
+      10000,
+      RequestCredentials.SameOrigin,
+      List(),
+      RequestCache.Default
+    )

sandbox/src-js/example/Model.scala

@@ -0,0 +1,66 @@
+package example
+
+import cats.effect.IO
+import tyrian.websocket.*
+
+import scala.scalajs.js
+
+final case class Model(
+    page: Page,
+    echoSocket: Option[WebSocket[IO]],
+    socketUrl: String,
+    field: String,
+    components: List[Counter.Model],
+    log: List[String],
+    error: Option[String],
+    tmpSaveData: String,
+    saveData: Option[String],
+    currentTime: js.Date,
+    http: HttpDetails,
+    time: Time,
+    mousePosition: (Int, Int),
+    flavour: Option[String],
+    fruit: List[Fruit],
+    fruitInput: String,
+    loadedImage: Option[String],
+    loadedText: Option[String],
+    loadedBytes: Option[IArray[Byte]],
+    imageLoadingUrl: String,
+    imageLoadingError: Option[String]
+)
+
+object Model:
+  // val echoServer = "ws://ws.ifelse.io" // public echo server
+  val echoServer = "ws://localhost:8080/wsecho"
+
+  val init: Model =
+    Model(
+      Page.Page1,
+      None,
+      echoServer,
+      "",
+      Nil,
+      Nil,
+      None,
+      "",
+      None,
+      new js.Date(),
+      HttpDetails.initial,
+      Time(0.0d, 0.0d),
+      (0, 0),
+      None,
+      Nil,
+      "",
+      None,
+      None,
+      None,
+      "https://openmoji.org/php/download_asset.php?type=emoji&emoji_hexcode=1F9A6&emoji_variant=color",
+      None
+    )
+
+  // We're only saving/loading the input field contents as an example
+  def encode(model: Model): String = model.field
+  def decode: Option[String] => Either[String, Model] =
+    case None => Left("No snapshot found")
+    case Some(data) =>
+      Right(Model.init.copy(field = data))

sandbox/src-js/example/Msg.scala

@@ -0,0 +1,62 @@
+package example
+
+import org.scalajs.dom
+import tyrian.cmds.ImageLoader
+import tyrian.http.Response
+
+import scala.scalajs.js
+
+enum Msg:
+  case NewContent(content: String)
+  case Insert
+  case Remove
+  case Modify(i: Int, msg: Counter.Msg)
+  case FromSocket(message: String)
+  case ToSocket(message: String)
+  case FocusOnInputField
+  case Log(msg: String)
+  case WebSocketStatus(status: WSStatus)
+  case Clear
+  case StageSaveData(content: String)
+  case Save(key: String, value: String)
+  case Load(key: String)
+  case ClearStorage(key: String)
+  case DataLoaded(data: String)
+  case NavigateTo(page: Page)
+  case NavigateToUrl(href: String)
+  case JumpToHomePage
+  case OverwriteModel(model: Model)
+  case TakeSnapshot
+  case NewTime(time: js.Date)
+  case MakeHttpRequest
+  case GotHttpResult(response: Response)
+  case GotHttpError(message: String)
+  case UpdateHttpDetails(newUrl: String)
+  case UpdateHttpBody(body: String)
+  case UpdateHttpMethod(method: String)
+  case UpdateHttpCredentials(credentials: String)
+  case UpdateHttpTimeout(timeout: String)
+  case UpdateHeaderKey(headerIndex: Int, key: String)
+  case UpdateHeaderValue(headerIndex: Int, value: String)
+  case UpdateHeaderAdd
+  case UpdateHeaderRemove(headerIndex: Int)
+  case UpdateHttpCache(cache: String)
+  case FrameTick(runningTime: Double)
+  case MouseMove(to: (Int, Int))
+  case NewFlavour(name: String)
+  case AddFruit
+  case UpdateFruitInput(input: String)
+  case ToggleFruitAvailability(name: String)
+  case SelectImageFile
+  case ReadImageFile(file: dom.File)
+  case FileImageRead(fileData: String)
+  case SelectTextFile
+  case ReadTextFile(file: dom.File)
+  case FileTextRead(fileData: String)
+  case SelectBytesFile
+  case ReadBytesFile(file: dom.File)
+  case FileBytesRead(fileData: IArray[Byte])
+  case LoadImage
+  case UpdateImageUrl(url: String)
+  case ImageLoaded(result: ImageLoader.Result)
+  case NoOp

sandbox/src-js/example/Page.scala

@@ -0,0 +1,24 @@
+package example
+
+enum Page:
+  case Page1, Page2, Page3, Page4, Page5, Page6, Page7
+
+  def toNavLabel: String =
+    this match
+      case Page1 => "Input fields"
+      case Page2 => "Counters"
+      case Page3 => "WebSockets"
+      case Page4 => "Clock"
+      case Page5 => "Http"
+      case Page6 => "Form"
+      case Page7 => "File Select"
+
+  def toUrlPath: String =
+    this match
+      case Page1 => "/page1"
+      case Page2 => "/page2"
+      case Page3 => "/page3"
+      case Page4 => "/page4"
+      case Page5 => "/page5"
+      case Page6 => "/page6"
+      case Page7 => "/page7"