sbt-web-scalajs

sbt-web-scalajs is a SBT plugin which allows you to use Scala.js along with any sbt-web server. It uses the sbt-web and scala-js plugins.

Setup

Specify the sbt version in project/build.properties, which needs to be 0.13.16 or higher (or sbt 1.x):

sbt.version=1.3.10

If you want to use Scala.js 1.x, add the following plugins to project/plugins.sbt:

addSbtPlugin("com.vmunier" % "sbt-web-scalajs" % "1.1.0")
addSbtPlugin("org.scala-js" % "sbt-scalajs" % "1.1.0")

Otherwise, if you prefer using Scala.js 0.6.x, add the following plugins to project/plugins.sbt:

addSbtPlugin("com.vmunier" % "sbt-web-scalajs" % "1.1.0-0.6")
addSbtPlugin("org.scala-js" % "sbt-scalajs" % "0.6.33")

Lastly, put the following configuration in build.sbt:

lazy val server = project.settings(
  scalaJSProjects := Seq(client),
  pipelineStages in Assets := Seq(scalaJSPipeline)
).enablePlugins(SbtWeb)

lazy val client = project.enablePlugins(ScalaJSPlugin, ScalaJSWeb)

Note: make sure you use the Assets scope.

Examples

To see the plugin in action, you can run sbt new with one of these Giter8 templates:

• Play with Scala.js: sbt new vmunier/play-scalajs.g8
• Akka HTTP with Scala.js: sbt new vmunier/akka-http-scalajs.g8

Upgrade to v1.1.0

Have a look at the sbt-web-scalajs v1.1.0 release, which details the breaking changes introduced in v1.1.0.

Selecting fastOptJS or fullOptJS

sbt-web-scalajs looks up the scalaJSStage setting from the Scala.js projects to know whether to run fastOptJS or fullOptJS.

• scalaJSStage setting is set to FastOptStage by default, which means sbt-web-scalajs runs fastOptJS by default.
• scalaJSStage := FullOptStage can be set in a Scala.js project, so that sbt-web-scalajs runs fullOptJS for that project.
• scalaJSStage in Global := FullOptStage sets FullOptStage for all the Scala.js projects from the build.

How it works

There are two plugins: WebScalaJS and ScalaJSWeb.

• WebScalaJS is automatically added to your SbtWeb project.
• ScalaJSWeb should be manually added to the Scala.js projects that are used by your SbtWeb project.
• Scala.js projects are collected in the scalaJSProjects setting key of the SbtWeb project. The plugin does nothing if scalaJSProjects is not specified or is empty.
• When compilation or testing takes place, then the WebScalaJS plugin runs all required tasks on scalaJSProjects projects, copies the output to sbt-web assets and takes care of Source Maps.

Settings and Tasks

Defined in WebScalaJS:

• scalaJSProjects setting lists the Scala.js projects whose output are used by the server.

• scalaJSPipeline task copies the JavaScript and Source Map files produced by Scala.js to the sbt-web assets. Scala files are also copied to be used for Source Maps.

  More precisely, scalaJSPipeline performs the following tasks for each project defined in the scalaJSProjects setting:

  • If Scala.js' scalaJSStage setting is equal to:

    • FastOptStage, then run packageJSDependencies and fastOptJS.
    • FullOptStage, then run packageJSDependencies, packageMinifiedJSDependencies and fullOptJS.

    The resulting JavaScript files are copied to the sbt-web assets, along with their corresponding source map files (.map) if they exist.

  • Read the ScalaJSWeb's sourceMappings setting from the project and its transitive dependencies. sourceMappings lists the directories containing Scala files to be used for Source Maps. Copy all Scala files found in these directories to the sbt-web assets.

Defined in ScalaJSWeb:

• sourceMappings setting lists the directories containing Scala files to be used for Source Maps. The Scala files from the Scala.js project need to be copied and packaged, so that the server can serve these files to the browser when using Source Maps. sourceMappings is scoped under Compile/Test and fastOptJS/fullOptJS. Let's have a look at the value of Compile/fastOptJS/sourceMappings in SBT:

> project client
> show Compile/fastOptJS/sourceMappings
[info] * (<path>/client/src/main/scala, d09610e823cb5bgb1d53)

The hash d09610e823cb5bgb1d53 has been computed from the directory's canonical path using sbt.io.Hash.halfHashString(f.getCanonicalPath) and is used to configure the Scala.js' mapSourceURI scalac option. When generating Source Maps, Scala.js will replace the prefix path of each Scala file with its hash value. The hash uniquely identifies a file/directory and can be safely exposed to the users as the full file path is not disclosed.

Source Maps

The plugin copies the Scala files to the sbt-web assets, so that they can be served to the browser and used for Source Maps.

By default, Source Maps are enabled in both fastOptJS and fullOptJS. However, Source Maps can easily be disabled in fullOptJS by adding the following line to the Scala.js project's settings:

scalaJSLinkerConfig in (Compile, fullOptJS) ~= (_.withSourceMap(false))

When Source Maps are disabled, the .map files and the Scala files are not copied and do not exist in the sbt-web assets.

Note that Source Maps only get requested by the browser when the DevTools is open, so it does not hinder the performance of your website.

Scala.js continuous compilation

The plugin also watches files from the Scala.js projects. Redefine compile to trigger scalaJSPipeline when using compile, ~compile, ~run:

compile in Compile := ((compile in Compile) dependsOn scalaJSPipeline).value

Publish a new version of the plugin

For Scala.js 1.x (no need to cross publish as Scala.js 1.x only supports SBT 0.13.x):

$ sbt publish

For Scala.js 0.6.x:

$ SCALAJS_VERSION=0.6.32 sbt ^publish