setup basic scalajs-threejs project

Author: algolov

.gitignore

@@ -0,0 +1,28 @@
+# scala
+target/
+.classpath
+*.class
+*.log
+
+# idea
+.idea
+.idea_modules
+
+# sbt specific
+.cache
+.history
+.lib/
+dist/*
+target/
+lib_managed/
+src_managed/
+project/project/
+project/target/
+project/project/
+project/plugins/project/
+
+# Scala-IDE specific
+.project
+.settings/
+.scala_dependencies
+.worksheet

build.sbt

@@ -0,0 +1,57 @@
+import scalajs.sbtplugin.ScalaJSPlugin._
+import ScalaJSKeys._
+
+lazy val sharedSettings = Seq(
+  unmanagedSourceDirectories in Compile +=
+    baseDirectory.value / "shared" / "main" / "scala",
+  libraryDependencies ++= Seq(
+      "com.scalatags" %%% "scalatags" % "0.4.2"
+    , "com.lihaoyi" %%% "upickle" % "0.2.5"
+    , "com.lihaoyi" %%% "autowire" % "0.2.3"
+  ),
+  scalaVersion := "2.11.4",
+  scalacOptions ++= Seq("-deprecation", "-feature")
+)
+
+lazy val client = project.in(file("client"))
+  .settings(scalaJSSettings: _*)
+  .settings(sharedSettings: _*)
+  .settings(bintraySettings:_*)
+  .settings(
+    resolvers += bintray.Opts.resolver.repo("denigma", "denigma-releases"),
+    libraryDependencies ++= Seq(
+        "org.scala-lang.modules.scalajs" %%% "scalajs-dom" % "0.6"
+      , "com.github.japgolly.scalajs-react" %%% "core" % "0.7.0"
+      // , "com.github.japgolly.scalajs-react" %%% "test" % "0.7.0" % "test"
+      // , "com.github.japgolly.scalajs-react" %%% "ext-scalaz71" % "0.7.0"
+      // , "com.github.japgolly.scalajs-react" %%% "ext-monocle" % "0.7.0"
+      , "com.github.japgolly.scalajs-react" %%% "extra" % "0.7.0"
+      , "org.scalajs" %%% "threejs" % "0.0.68-0.1.1"
+    ),
+    ScalaJSKeys.jsDependencies ++= Seq(
+      "org.webjars" % "react" % "0.12.1" / "react-with-addons.js" commonJSName "React",
+      "org.webjars" % "showdown" % "0.3.1" / "showdown.js" commonJSName "Showdown",
+      "org.webjars" % "three.js" % "r68" / "three.js" commonJSName "Three",
+      scala.scalajs.sbtplugin.RuntimeDOM),
+    // creates single js resource file for easy integration in html page
+    skip in packageJSDependencies := false
+  )
+
+lazy val server = project.in(file("server"))
+  .settings(sharedSettings: _*)
+  .settings(
+    libraryDependencies ++= Seq(
+        "com.typesafe.akka" %% "akka-actor" % "2.3.8"
+      , "com.typesafe.akka" % "akka-stream-experimental_2.11" % "1.0-M2"
+      , "com.typesafe.akka" % "akka-http-experimental_2.11" % "1.0-M2"
+      , "com.typesafe.akka" % "akka-http-core-experimental_2.11" % "1.0-M2"
+    ),
+    (resources in Compile) += {
+      (fastOptJS in (client, Compile)).value
+      (artifactPath in (client, Compile, fastOptJS)).value
+    },
+    (resources in Compile) += {
+      (packageJSDependencies in (client, Compile)).value
+      (artifactPath in (client, Compile, packageJSDependencies)).value
+    }
+  )

client/shared/main/scala/reacttest/FileData.scala

@@ -0,0 +1,3 @@
+package reacttest
+
+case class FileData(name: String, size: Long)

client/src/main/scala/client/Threejs.scala

@@ -0,0 +1,55 @@
+package client
+
+import scalajs.js
+import js.annotation.JSExport
+import org.scalajs.threejs._
+//import org.scalajs.threejs.THREE._
+
+import org.scalajs.dom
+import dom. { document, window }
+//import scalatags.JsDom.all._
+
+
+@JSExport
+object Threejs {
+  @JSExport
+  def main(container: dom.HTMLDivElement) {
+    
+    document.body.style.margin = "0"
+    
+    val scene = new Scene
+    
+    val camera = new PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000)
+    
+    val renderer = new WebGLRenderer
+    
+    renderer.setSize(window.innerWidth, window.innerHeight)
+    
+    document.body.appendChild( renderer.domElement )
+    
+    val geometry = new BoxGeometry(1, 1, 1)
+    
+    val material = new MeshBasicMaterial(js.Dynamic.literal(
+      color = new Color().setHex(0x00ff00)
+    ).asInstanceOf[MeshBasicMaterialParameters])
+    
+    val cube = new Mesh( geometry, material )
+    
+    scene.add(cube)
+    
+    camera.position.z = 5
+    
+    def render(param: Double): Unit = {
+      
+      dom.requestAnimationFrame(  render _)
+      
+      cube.rotateX(0.1)
+      cube.rotateY(0.1)
+      
+      renderer.render( scene, camera )
+    }
+    
+    render(2)
+    
+  }
+}

project/build.properties

@@ -0,0 +1 @@
+sbt.version=0.13.7

project/plugins.sbt

@@ -0,0 +1,8 @@
+resolvers += Resolver.url(
+  "bintray-sbt-plugin-releases",
+    url("http://dl.bintray.com/content/sbt/sbt-plugin-releases"))(
+        Resolver.ivyStylePatterns)
+
+addSbtPlugin("org.scala-lang.modules.scalajs" % "scalajs-sbt-plugin" % "0.5.6")
+
+addSbtPlugin("me.lessis" % "bintray-sbt" % "0.1.2")

server/shared/main/scala/reacttest/FileData.scala

@@ -0,0 +1,3 @@
+package reacttest
+
+case class FileData(name: String, size: Long)

server/src/main/scala/server/HttpServer.scala

@@ -0,0 +1,50 @@
+package server
+
+import akka.actor.ActorSystem
+import akka.http.server.directives.AuthenticationDirectives._
+import akka.http.Http
+import akka.http.server.Directives
+import akka.stream.FlowMaterializer
+import akka.util.Timeout
+import akka.http.unmarshalling._
+
+import akka.stream.scaladsl.Sink
+
+import scala.concurrent.duration._
+
+import akka.http.model.{ HttpEntity, MediaTypes }
+
+import reacttest.FileData
+
+object HttpServer extends App {
+  
+  implicit val system = ActorSystem()
+  implicit val materializer = FlowMaterializer()
+  implicit val ec = system.dispatcher
+  implicit val askTimeout: Timeout = 500.millis
+  
+  
+  import Directives._
+
+  val binding = Http().bind(interface = "localhost", port = 8080)
+
+  val materializedMap = binding startHandlingWith {
+    get {
+      path("threejs") {
+        complete {
+          HttpEntity (
+            MediaTypes.`text/html`,
+            Page.htmlContent("Threejs")
+          )
+        }
+      } ~
+      getFromResourceDirectory("")
+    }
+  }
+
+  println(s"Server online at http://localhost:8080/\nPress RETURN to stop...")
+  Console.readLine()
+  
+  binding.unbind(materializedMap).onComplete(_ ⇒ system.shutdown())
+  
+}

server/src/main/scala/server/Page.scala

@@ -0,0 +1,19 @@
+package server
+
+import scalatags.Text.all._
+
+object Page {
+  
+  def htmlContent(client: String = "Client", elementId: String = "content") = html(
+    head(
+      meta(charset := "UTF-8"),
+      script(src:= "/client-fastopt.js"),
+      script(src:= "/client-jsdeps.js")
+    ),
+    body(
+      style:= "canvas: { height: 100%; width: 100% }",
+      onload:= s"$client().main(document.getElementById('$elementId'))",
+      div(id:=elementId)
+    )
+  ).render
+}