ExternalJSEnv doesn't see javascript dependencies in launcher-webpage - scala.js

Question

Simple setup :
lazy val root = project.in(file("."))
.settings(scalaJSSettings: _*)
.settings(utestJsSettings: _*)
.settings(persistLauncher := true)
.settings(persistLauncher in Test := false)
.settings(
name := "bindings",
version := "0.0.1-SNAPSHOT",
scalaVersion := "2.11.2",
libraryDependencies ++= Seq(
"org.scala-lang.modules.scalajs" %%% "scalajs-dom" % "0.6",
"com.lihaoyi" %%% "utest" % "0.2.3" % "test"
),
jsDependencies += "org.webjars" % "d3js" % "3.4.11" / "d3.js", //d3.min.js
autoCompilerPlugins := true,
test in Test := (test in(Test, fastOptStage)).value,
requiresDOM := true,
traceLevel := 0
)
phantomjs-launcher-webpage.html contains really super valid stuff :
<script type="text/javascript" src="/path/scalajs-bindings/target/scala-2.11/classes/d3.js"></script>
<script type="text/javascript" src="/path/scalajs-bindings/target/scala-2.11/bindings-fastopt.js"></script>
<script type="text/javascript">
// Phantom.js code launcher
// Origin: /path/scalajs-bindings/target/scala-2.11/bindings-launcher.js
window.addEventListener('load', function() {
((typeof global === "object" && global &&
global["Object"] === Object) ? global : this)["com"]["whatever"]["scalajs"]["Appp"]().main();
}, false);
</script>
Now, in browser it can call d3, I tried with equivalent html, but using PhantomJS or NodeJS if I do fastOptStage::run or fastOptStage::test I get
TypeError: undefined is not an object (evaluating 'd3["scale"]')
The code looks like this:
object Appp extends JSApp {
override def main(): Unit = {
val fill = d3.scale.category20()
println(fill)
}
}

Answer 1

You can have your object d3 extend js.GlobalScope and it will be looked for in the global JavaScript scope (i.e. where d3.js will put it):
object Appp extends JSApp {
object d3 extends js.GlobalScope {
def scale: js.Dynamic = ???
}
override def main(): Unit = {
val fill = d3.scale.category20()
println(fill)
}
}
However, in the case of d3, you might want to consider having the d3 package object itself extend js.GlobalScope:
package mbostock
package object d3 extends js.GlobalScope {
def scale: js.Dynamic = ???
}
I strongly recommend reading the JavaScript interoperability guide, notably the part about calling JavaScript from Scala.js.

Answer 2

The reason it wasn't working was that I had d3 object in a package object :
package object mbostock {
object d3 {...}
}
It also doesn't work as an inner class :
object Appp extends JSApp {
object d3 {...}
override def main(): Unit = {...}
}