added TouchEvent wrappers, and extensions/ package

Author: lihaoyi

README.md

@@ -3,6 +3,8 @@ scala-js-dom
 
 Provides a nice statically typed interface to the DOM such that it can be called from Scala code without resorting to `js.Dynamic`. Initially translated using the [scala-js-ts-importer](https://github.com/sjrd/scala-js-ts-importer) from Typescript definition files, but it has since been heavily edited to clean up various rough edges and to make it a more pleasant experience to use from Scala.
 
+Also contains useful extension methods in `scala/scalajs/extensions`, which allow the DOM api to be used in a more idiomatic and fluent way.
+
 See [scala-js-games](https://github.com/lihaoyi/scala-js-games) for an example of its use. There remain lots more cleanup to do, but this should be a reasonable place to start from. Pull requests/forks are welcome!
 
 License

src/main/scala/scala/scalajs/extensions/Extensions.scala

@@ -0,0 +1,99 @@
+package scala.scalajs.extensions
+
+import scala.scalajs.js
+
+
+class EasySeq[T](jsLength: js.Number, jsApply: js.Number => T) extends Seq[T]{
+  def length = jsLength.toInt
+  def apply(x: Int) = jsApply(x)
+  def iterator = new Iterator[T]{
+    var index = 0
+    def hasNext: scala.Boolean = index < jsLength
+    def next() = {
+      val res = jsApply(index)
+      index += 1
+      res
+    }
+
+  }
+}
+
+
+object Color{
+  def rgb(r: Int, g: Int, b: Int) = s"rgb($r, $g, $b)"
+  val White = rgb(255, 255, 255)
+  val Red = rgb(255, 0, 0)
+  val Green = rgb(0, 255, 0)
+  val Blue = rgb(0, 0, 255)
+  val Cyan = rgb(0, 255, 255)
+  val Magenta = rgb(255, 0, 255)
+  val Yellow = rgb(255, 255, 0)
+  val Black = rgb(0, 0, 0)
+  val all = Seq(
+    White,
+    Red,
+    Green,
+    Blue,
+    Cyan,
+    Magenta,
+    Yellow,
+    Black
+  )
+}
+object KeyCode{
+  val backspace	= 8
+  val tab	= 9
+  val enter	= 13
+  val shift	= 16
+  val ctrl	= 17
+  val alt	= 18
+  val pause	= 19
+  val capsLock = 20
+  val escape = 27
+  val pageUp = 33
+  val pageDown = 34
+  val end	= 35
+  val home = 36
+  val left = 37
+  val up = 38
+  val right = 39
+  val down = 40
+  val insert = 45
+  val delete = 46
+  val num0 = 48
+  val num1 = 49
+  val num2 = 50
+  val num3 = 51
+  val num4 = 52
+  val num5 = 53
+  val num6 = 54
+  val num7 = 55
+  val num8 = 56
+  val num9 = 57
+  val a	= 65
+  val b	= 66
+  val c	= 67
+  val d	= 68
+  val e	= 69
+  val f	= 70
+  val g	= 71
+  val h	= 72
+  val i	= 73
+  val j	= 74
+  val k	= 75
+  val l	= 76
+  val m	= 77
+  val n	= 78
+  val o	= 79
+  val p	= 80
+  val q	= 81
+  val r	= 82
+  val s	= 83
+  val t	= 84
+  val u	= 85
+  val v	= 86
+  val w	= 87
+  val x	= 88
+  val y	= 89
+  val z	= 90
+}

src/main/scala/scala/scalajs/extensions/package.scala

@@ -0,0 +1,41 @@
+package scala.scalajs
+
+import scala.scalajs.js.CanvasRenderingContext2D
+
+package object extensions {
+  implicit class PimpedNodeList(nodes: js.NodeList) extends EasySeq[js.Node](nodes.length, nodes.apply)
+  implicit class PimpedTouchList(nodes: js.TouchList) extends EasySeq[js.TouchEvent](nodes.length, nodes.apply)
+  implicit class PimpedHtmlCollection(coll: js.HTMLCollection) extends EasySeq[js.Element](coll.length, coll.apply)
+  implicit class Castable(x: js.Dynamic){
+    def to[T] = x.asInstanceOf[T]
+  }
+  implicit class pimpedContext(val ctx: CanvasRenderingContext2D){
+    def prepCircle(x: Double, y: Double, r: Double) = {
+      ctx.beginPath()
+      ctx.arc(x, y, r, 0, math.Pi * 2)
+    }
+    def fillCircle(x: Double, y: Double, r: Double) = {
+      prepCircle(x, y, r)
+      ctx.fill()
+    }
+    def strokeCircle(x: Double, y: Double, r: Double) = {
+      prepCircle(x, y, r)
+      ctx.fill()
+    }
+    def prepPath(points: (js.Number, js.Number)*) = {
+      ctx.beginPath()
+      ctx.moveTo(points.last._1, points.last._2)
+      for(p <- points){
+        ctx.lineTo(p._1, p._2)
+      }
+    }
+    def fillPath(points: (js.Number, js.Number)*) = {
+      prepPath(points:_*)
+      ctx.fill()
+    }
+    def strokePath(points: (js.Number, js.Number)*) = {
+      prepPath(points:_*)
+      ctx.stroke()
+    }
+  }
+}

src/main/scala/scala/js/Css.scala renamed to src/main/scala/scala/scalajs/js/Css.scala

@@ -636,6 +636,27 @@ object CanvasGradient extends js.Object {
 /* ??? ConstructorMember(FunSignature(List(),List(),Some(TypeRef(TypeName(CanvasGradient),List())))) */
 }
 
+trait TouchEvent{
+  val altKey: Boolean = ???
+  val changedTouches: TouchList = ???
+  val ctrlKey: Boolean = ???
+  val metaKey: Boolean = ???
+  val shiftKey: Boolean = ???
+  val targetTouches: TouchList = ???
+  val touches: TouchList = ???
+  val `type`: String = ???
+  val target: js.Any = ???
+}
+
+trait TouchList extends js.Object {
+  var length: js.Number = _
+  def item(index: js.Number): TouchEvent = ???
+  @scala.scalajs.js.annotation.JSBracketAccess
+  def apply(index: js.Number): TouchEvent = ???
+  @scala.scalajs.js.annotation.JSBracketAccess
+  def update(index: js.Number, v: Node): Unit = ???
+}
+
 trait KeyboardEvent extends UIEvent {
   var location: js.Number = _
   var keyCode: js.Number = _
@@ -2451,6 +2472,8 @@ object Worker extends js.Object {
 }
 package js{
   object JsGlobals extends js.GlobalScope {
+    def parseInt(string: js.String, radix: js.Number): js.Number = ???
+    def parseFloat(string: js.String, radix: js.Number): js.Number = ???
     var ondragend: js.Function1[DragEvent, js.Any] = _
     var onkeydown: js.Function1[KeyboardEvent, js.Any] = _
     var ondragover: js.Function1[DragEvent, js.Any] = _