LiveReload module fix #670

[jknack]

liveReload

LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.

exports

• livereload.js route
• livereload websocket

dependency

<dependency>
 <groupId>org.jooby</groupId>
 <artifactId>jooby-livereload</artifactId>
 <version>{{version}}</version>
</dependency>

usage

{
  use(new Jackson());

  use(new LiveReload());
}

This module is available as long you run in development: application.env=dev.

configuration

browser extension

Install the LiveReload browser extension.

livereload.js

Add the livereload.js to your web page.

You can do this manually:

<script src="/livereload.js"></script>

Or use the liveReload local variable with your preferred template engine. Here is an example using Handlebars:

{{liveReload}}

json module

The LiveReload Protocol run on top of a WebSocket and uses JSON as protocol format. That's is why we also need to install a JSON module, like Jackson.

watcher

It automatically reload static resources from public, target (Maven projects) or build folders (Gradle projects).

Every time a change is detected the websocket send a reload command.

That's all folks!!

[krisztiankocsis]

OK