Scala.js bindings for Ractive.js and an example application
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
project
src/main
.gitattributes
.gitignore
.travis.yml
README.md
build.sbt

README.md

scalajs-ractive Logo

scalajs-ractive

Scala.js bindings for Ractive.js and an example application

To use as a library, just pull in from

https://jitpack.io/#fancellu/scalajs-ractive

Build Status

Example app showing the use of Scala.js with Ractive.js The bindings for Ractive.js are in com.felstar.scalajs.ractive

Get started

To get started, run sbt ~fastOptJS in this example project.

Obviously you need to have SBT installed.

This should download dependencies and prepare the relevant javascript files. It then kicks off a web server to serve the html and JS files.

If you open localhost:12345/target/scala-2.11/classes/index-dev.html in your browser, it will show you a sample app, doing some Ajax calls, animation, SVG, binding etc.

Demo

live demo

Development

If you change your source HTML (inside /src/main/resources) or Scala (inside /src/main/scala/example/T1.scala, sbt will recompile as needed. You then just have to refresh the page to see the new version. Hopefully having an example application will make it clearer on how to use Ractive from Scala, i.e. monkey see, monkey do.

The optimized version

Run sbt fullOptJS and open up index-opt.html for an optimized version of the final application, useful for final publication. You may well need to copy over index-dev.html to get your latest changes. Be sure to refer to the correct JS as well, as it will have a different name than the fast compiled version. e.g.

<script type="text/javascript" src="../ractive-js-scala-js-example-opt.js"></script>

Eclipse integration

If you want to edit in Eclipse (can't compile yet, but still very useful having full IDE with code completion), just run sbt eclipse the open the generated .project file inside eclipse. Keep sbt running in order to do the JS Compile. https://github.com/typesafehub/sbteclipse/wiki

Status

This is just a quick proof of concept and some bindings for those wanting to use Ractive.js from Scala.js. Feel free to get in contact with any issues etc.

Note

For some reason if I try to animate the weather forecast graph, it doesn't animate. No idea why as of yet. https://groups.google.com/forum/#!topic/ractive-js/si9Mk_xmt4Q