Added support for Scala JS for the main scripts

.gitignore

@@ -7,3 +7,6 @@ vendor/
 /.idea
 .ruby-version
 .sass-cache/
+.ivy2/
+.sbt/
+target

README.md

@@ -25,6 +25,11 @@ bin/serve
 bundle exec jekyll serve --incremental
 ```
 
+### For ScalaJs Development
+```
+sbt ~fastOptJS
+```
+
 ## Viewing the site
 
 Regardless of your method of running Jekyll, the generated site is available at `http://localhost:4000`.

_config.yml

@@ -9,6 +9,8 @@ highlighter:
 exclude:
   - bundle-vendor/
   - bin/
+  - js-src/
+  - project/
   - blog/README.md
   - training/README.md
   - README.md
@@ -19,6 +21,7 @@ exclude:
   - vendor
   - Procfile
   - Rakefile
+  - docker-compose.yml
 
 future: true
 

_includes/footer.html

@@ -51,6 +51,7 @@
 
     <!-- Custom javascript -->
     <script src="{{ site.baseurl }}/resources/js/functions.js" type="text/javascript"></script>
+    <script src="{{ site.baseurl }}/resources/js/scala-functions.js" type="text/javascript"></script>
     <script src="{{ site.baseurl }}/resources/js/analytics.js" type="text/javascript"></script>
   </body>
 </html>

bin/build-js

@@ -0,0 +1,3 @@
+#!/bin/bash -x
+command -v docker-compose >/dev/null 2>&1 || { echo >&2 "Please install Docker Compose: https://docs.docker.com/compose/install/"; exit 1; }
+docker-compose run js-build sbt fullOptJS

bin/serve

@@ -1,3 +1,4 @@
 #!/bin/bash
 command -v docker-compose >/dev/null 2>&1 || { echo >&2 "Please install Docker Compose: https://docs.docker.com/compose/install/"; exit 1; }
-docker-compose run --service-ports scala-lang jekyll serve --incremental
+docker-compose up
+docker-compose stop

build.sbt

@@ -0,0 +1,14 @@
+name := "scala-lang"
+
+organization in ThisBuild := "org.scalalang"
+version in ThisBuild := "0.1"
+scalaVersion in ThisBuild := "2.12.6"
+scalacOptions in ThisBuild ++= Seq(
+  "-feature",
+  "-deprecation"
+)
+
+lazy val functions = project in file("js-src/functions")
+
+lazy val root: Project = project.in(file("."))
+  .aggregate(functions)

docker-compose.yml

@@ -1,5 +1,10 @@
 version: "2"
 services:
+  js-build:
+    image: hseeberger/scala-sbt:latest
+    volumes:
+      - $PWD:/root
+    command: sbt ~fastOptJS
   scala-lang:
     image: jekyll/jekyll:latest
     volumes:
@@ -9,4 +14,5 @@ services:
       - 4000:4000
       - 35729:35729
       - 3000:3000
-      -   80:4000
+      -   80:4000
+    command: jekyll serve --incremental

js-src/functions/build.sbt

@@ -0,0 +1,18 @@
+import org.scalajs.core.tools.linker.backend.OutputMode
+
+enablePlugins(ScalaJSPlugin)
+
+name := "functions"
+
+libraryDependencies ++= Seq(
+  "org.scala-js" %%% "scalajs-dom" % Versions.Dom,
+  "org.querki" %%% "jquery-facade" % Versions.JQuery
+)
+
+// move our output folder to static
+artifactPath in(Compile, fastOptJS) := baseDirectory.value / ".." / ".." / "resources" / "js" / s"scala-${name.value}.js"
+artifactPath in(Compile, fullOptJS) := baseDirectory.value / ".." / ".." / "resources" / "js" / s"scala-${name.value}.js"
+scalaJSOptimizerOptions in (Compile, fullOptJS) ~= { _.withUseClosureCompiler(true) }
+
+scalaJSUseMainModuleInitializer := true
+emitSourceMaps := false

js-src/functions/src/main/scala/org/scalalang/DownloadLinks.scala

@@ -0,0 +1,45 @@
+package org.scalalang
+
+import org.querki.jquery._
+import org.scalajs.dom.{Element, document}
+import org.scalalang.utils.{JsUtils, Logger, OS}
+
+/**
+  * This updates our download links based on the OS of the client
+  */
+object DownloadLinks {
+
+  def apply(): Unit = {
+    setupBinariesElement()
+    setupMainDownload()
+  }
+
+  private def setupBinariesElement(): Unit = JsUtils.findElement("#download-binaries").foreach((binariesElmnt: JQuery) => {
+    val os: OS = OS()
+    val osLabel: String = os.label
+
+    var anchor: Element = document.getElementById("#link-main-unixsys")
+    if (os == OS.Windows) {
+      anchor = document.getElementById("#link-main-windows")
+    }
+    if (anchor == null) {
+      anchor = document.getElementById("#link-main-one4all")
+    }
+    val link: String = anchor.getAttribute("href")
+
+    binariesElmnt.attr("href", link).addClass(osLabel)
+    $("#users-os").text(osLabel)
+  })
+
+  private def setupMainDownload(): Unit = JsUtils.findElement(".main-download").foreach(_ => {
+    val osLabel: String = OS().label
+
+    val intelliJlink: String = $("#intellij-" + osLabel).text()
+    val sbtLink: String = $("#sbt-" + osLabel).text()
+    val stepOneContent: String = $("#stepOne-" + osLabel).html()
+
+    $("#download-intellij-link").attr("href", intelliJlink)
+    $("#download-sbt-link").attr("href", sbtLink)
+    $("#download-step-one").html(stepOneContent)
+  })
+}

js-src/functions/src/main/scala/org/scalalang/FunctionsApp.scala

@@ -0,0 +1,24 @@
+package org.scalalang
+
+import org.querki.jquery._
+import org.scalajs.dom.document
+import org.scalalang.utils.{Logger, RootLogger}
+
+/**
+  * This is the main entry point for our application
+  */
+object FunctionsApp {
+  RootLogger.setTrace()
+
+  private val logger: Logger = Logger[FunctionsApp.type]
+
+  def main(args: Array[String]): Unit = {
+    $(document).ready(() => {
+      logger.trace("Dom Ready")
+
+      Tooltip()
+      DownloadLinks()
+      PositionMarker()
+    })
+  }
+}

js-src/functions/src/main/scala/org/scalalang/PositionMarker.scala

@@ -0,0 +1,37 @@
+package org.scalalang
+
+import org.querki.jquery._
+import org.scalajs.dom.window
+import org.scalalang.utils.JsUtils
+
+/**
+  * This renders / updates the position marker on the front page
+  */
+object PositionMarker {
+
+  private val imageWidth: Int = 1680
+
+  // where our position should be on the image
+  private val targetX: Int = 1028
+  private val targetY: Int = 290
+
+  def apply(): Unit = JsUtils.findElement("#position-marker")
+    .foreach((pointer: JQuery) => {
+      val updater: () => Unit = updatePointer(pointer)
+
+      // register on window resize
+      $(window).resize(updater)
+
+      // initialize
+      pointer.css("top", targetY)
+      updater()
+    })
+
+  private def updatePointer(pointer: JQuery): () => Unit = () => {
+    val windowWidth: Double = $(window).width()
+
+    val xScale: Double = windowWidth / imageWidth
+
+    pointer.css("left", (targetX * xScale).toInt)
+  }
+}

js-src/functions/src/main/scala/org/scalalang/Tooltip.scala

@@ -0,0 +1,40 @@
+package org.scalalang
+
+import org.querki.jquery._
+import org.scalajs.dom.Element
+
+import scala.scalajs.js
+
+/**
+  * This renders tooltips for any .masterTooltip class element
+  */
+object Tooltip {
+  def apply(): Unit = {
+    $(".masterTooltip")
+      .hover(
+        (tooltip: Element) => {
+          // make sure we have a title
+          $(tooltip).attr("title").toOption.foreach((title: String) => {
+            // create our tooltip and place it on the body
+            $("<p class=\"tooltip\"></p>")
+              .text(title)
+              .appendTo("body")
+              .fadeIn("slow")
+          })
+        },
+        () => {
+          // remove our tooltip when we mouse off
+          $(".tooltip").remove()
+        }
+      )
+      .mousemove((e: JQueryEventObject) => {
+        val mouseX: Int = e.pageX + 20 //Get X coordinates
+        val mouseY: Int = e.pageY + 10 //Get Y coordinates
+
+        $(".tooltip").css(js.Dictionary[js.Any](
+          "left" -> mouseX,
+          "top" -> mouseY
+        ))
+      })
+  }
+}

js-src/functions/src/main/scala/org/scalalang/utils/JsUtils.scala

@@ -0,0 +1,14 @@
+package org.scalalang.utils
+
+import org.querki.jquery._
+
+object JsUtils {
+  /**
+    * @param element the element we wish to find
+    * @return the returned jquery element will have > 1 elements
+    */
+  @inline
+  def findElement(element: ElementDesc): Option[JQuery] = {
+    Option($(element)).filter(_.length > 0)
+  }
+}