example: rework express example to use gaze

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 src*
 tiny-lr.pid
+.tern-port

examples/express/app.js

@@ -3,6 +3,7 @@ const path    = require('path');
 const express = require('express');
 const tinylr  = require('../..');
 const debug   = require('debug')('tinylr:server');
+const gaze    = require('gaze');
 
 process.env.DEBUG = process.env.DEBUG || 'tinylr*';
 
@@ -32,14 +33,12 @@ function throttle (delay, fn) {
 (function watch (em) {
   em = em || new (require('events').EventEmitter)();
 
-  em.on('rename', function (file) {
-    tinylr.changed(file);
+  gaze(path.join(__dirname, 'styles/site.css'), function () {
+    this.on('changed', function (filepath) {
+      tinylr.changed(filepath);
+    });
   });
 
-  fs.watch(path.join(__dirname, 'styles/site.css'), throttle(200, function (ev, filename) {
-    em.emit(ev, filename);
-  }));
-
   return watch;
 })();
 

examples/express/server.js

@@ -1,11 +1,11 @@
 const port = process.env.LR_PORT || process.env.PORT || 35729;
 
-const debug = require('debug')('tinylr:server');
-
 process.env.DEBUG = process.env.DEBUG || 'tinylr*';
+const debug = require('debug')('tinylr:server');
 
 const app = require('./app');
 
+debug('Starting server');
 app.listen(port, function (err) {
   if (err) throw err;
   debug('listening on %d', port);

examples/express/styles/site.css

@@ -5,7 +5,7 @@ body {
 }
 
 .test-lr {
-  padding: 2em;
+  padding: 4em;
   color: #444;
   /* color: red; */
   font-weight: bolder;

package.json

@@ -32,6 +32,7 @@
     "eslint-plugin-promise": "^1.1.0",
     "eslint-plugin-standard": "^1.3.2",
     "express": "^4.1.1",
+    "gaze": "^1.1.2",
     "make": "^0.8.1",
     "mocha": "^2.3.3",
     "standard-version": "^2.2.1",