Use a JavaScript Router supporting Versioned Assets.

vmunier · May 3, 2017 · 54494bd · 54494bd
1 parent 70fa148
commit 54494bd
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 3 deletions.
diff --git a/build.sbt b/build.sbt
@@ -11,6 +11,10 @@ lazy val server = (project in file("server")).settings(
     "com.vmunier" %% "scalajs-scripts" % "1.0.0",
     specs2 % Test
   ),
+  // Create a map of versioned assets, replacing the empty versioned.js
+  DigestKeys.indexPath := Some("javascripts/versioned.js"),
+  // Assign the asset index to a global versioned var
+  DigestKeys.indexWriter ~= { writer => index => s"var versioned = ${writer(index)};" },
   // Compile the project before generating Eclipse files, so that generated .scala or .class files for views and routes are present
   EclipseKeys.preTasks := Seq(compile in Compile)
 ).enablePlugins(PlayScala).

diff --git a/client/src/main/scala/example/ScalaJSExample.scala b/client/src/main/scala/example/ScalaJSExample.scala
@@ -4,9 +4,11 @@ import org.scalajs.dom
 import shared.SharedMessages
 
 import scala.scalajs.js
+import js.Dynamic.{global => g}
 
 object ScalaJSExample extends js.JSApp {
   def main(): Unit = {
+    println("Versioned favicon : " + g.jsRoutes.controllers.Assets.versioned("images/favicon.png").url)
     dom.document.getElementById("scalajsShoutOut").textContent = SharedMessages.itWorks
   }
 }
diff --git a/server/app/controllers/Application.scala b/server/app/controllers/Application.scala
@@ -5,7 +5,7 @@ import shared.SharedMessages
 
 class Application extends Controller {
 
-  def index = Action {
+  def index = Action { implicit request =>
     Ok(views.html.index(SharedMessages.itWorks))
   }
 

diff --git a/server/app/views/index.scala.html b/server/app/views/index.scala.html
@@ -1,4 +1,4 @@
-@(message: String)
+@(message: String)(implicit req: play.api.mvc.RequestHeader)
 
 @main("Play with Scala.js") {
 <h2>Play and Scala.js share a same message</h2>

diff --git a/server/app/views/main.scala.html b/server/app/views/main.scala.html
@@ -1,4 +1,4 @@
-@(title: String)(content: Html)
+@(title: String)(content: Html)(implicit req: play.api.mvc.RequestHeader)
 
 <!DOCTYPE html>
 
@@ -7,6 +7,18 @@
     <title>@title</title>
     <link rel="stylesheet" media="screen" href="@routes.Assets.versioned("stylesheets/main.css")">
     <link rel="shortcut icon" type="image/png" href="@routes.Assets.versioned("images/favicon.png")">
+
+    @helper.javascriptRouter("jsRoutes")(routes.javascript.Assets.versioned)
+    <script src="@routes.Assets.versioned("javascripts/versioned.js")" type="text/javascript"></script>
+    <script type="text/javascript">
+      (function() {
+        var oldVersioned = jsRoutes.controllers.Assets.versioned;
+        jsRoutes.controllers.Assets.versioned = function(path) {
+          return oldVersioned.apply(jsRoutes.controllers.Assets, [versioned[path] || path]);
+        };
+      })();
+    </script>
+
   </head>
   <body>
    @content

diff --git a/server/public/javascripts/versioned.js b/server/public/javascripts/versioned.js
@@ -0,0 +1 @@
+var versioned = {};