Live-update JSON objects on file change, without destroying application state. This is ideal for animations and rapid UI development.
This comes in the form of a server and browserify transform, but requires no frontend code changes. Example:
var data =
json-live running, changing the
model.json file will update the values of
data during runtime.
Comments/suggestions/PRs/etc welcome. Thanks to @hughsk and glslify-live which set the groundwork for most of the code here.
First, install the tool locally:
npm install json-live --save-dev
You first need to run the
json-live server. You can run it directly from shell, like so:
However, the preferred solution is to run the server with a
package.json scripts field.
-t json-live as a transform argument when bundling.
browserify index.js -t json-live > bundle.js
Now, first you would
npm run live to initiate the json-live server. Then in another process,
npm run start for the development server. Note the
build script doesn't include the transform, since it is not needed for production.
You can open
localhost:9966 to see the resulting bundle, and start making changes to JSON files to see them updated during runtime.
The default browser export for this module returns an event emitter which sends
update events when the JSON changes. It sends the parameters
(object, id), where
object is the JSON data that has been updated, and
id is a path to that JSON file.
var data =var live =live
Without the transform included, the event emitter will simply not emit anything.
MIT, see LICENSE.md for details.