aboutsummaryrefslogtreecommitdiff
path: root/vfd-frontend/src/main/scala/vfd/frontend/util/Framework.scala
diff options
context:
space:
mode:
Diffstat (limited to 'vfd-frontend/src/main/scala/vfd/frontend/util/Framework.scala')
-rw-r--r--vfd-frontend/src/main/scala/vfd/frontend/util/Framework.scala58
1 files changed, 58 insertions, 0 deletions
diff --git a/vfd-frontend/src/main/scala/vfd/frontend/util/Framework.scala b/vfd-frontend/src/main/scala/vfd/frontend/util/Framework.scala
new file mode 100644
index 0000000..76dceea
--- /dev/null
+++ b/vfd-frontend/src/main/scala/vfd/frontend/util/Framework.scala
@@ -0,0 +1,58 @@
+package vfd.frontend.util
+
+import scala.collection.{SortedMap, mutable}
+import scalatags.JsDom.all._
+import scala.util.{Failure, Success, Random}
+import rx._
+import rx.core.{Propagator, Obs}
+import org.scalajs.dom
+import org.scalajs.dom.{Element, DOMParser}
+import scala.scalajs.js
+import scala.language.implicitConversions
+
+/**
+ * A minimal binding between Scala.Rx and Scalatags and Scala-Js-Dom
+ * taken from https://github.com/lihaoyi/workbench-example-app/blob/todomvc/src/main/scala/example/Framework.scala, by Li Haoyi
+ */
+object Framework {
+
+ /**
+ * Wraps reactive strings in spans, so they can be referenced/replaced
+ * when the Rx changes.
+ */
+ implicit def RxStr[T](r: Rx[T])(implicit f: T => Frag): Frag = {
+ rxMod(Rx(span(r())))
+ }
+
+ /**
+ * Sticks some Rx into a Scalatags fragment, which means hooking up an Obs
+ * to propagate changes into the DOM via the element's ID. Monkey-patches
+ * the Obs onto the element itself so we have a reference to kill it when
+ * the element leaves the DOM (e.g. it gets deleted).
+ */
+ implicit def rxMod[T <: dom.HTMLElement](r: Rx[HtmlTag]): Frag = {
+ def rSafe = r.toTry match {
+ case Success(v) => v.render
+ case Failure(e) => span(e.toString, backgroundColor := "red").render
+ }
+ var last = rSafe
+ Obs(r, skipInitial = true){
+ val newLast = rSafe
+ last.parentElement.replaceChild(newLast, last)
+ last = newLast
+ }
+ bindNode(last)
+ }
+
+ implicit def RxAttrValue[T: AttrValue] = new AttrValue[Rx[T]]{
+ def apply(t: Element, a: Attr, r: Rx[T]): Unit = {
+ Obs(r){ implicitly[AttrValue[T]].apply(t, a, r())}
+ }
+ }
+
+ implicit def RxStyleValue[T: StyleValue] = new StyleValue[Rx[T]]{
+ def apply(t: Element, s: Style, r: Rx[T]): Unit = {
+ Obs(r){ implicitly[StyleValue[T]].apply(t, s, r())}
+ }
+ }
+}