Update example app and README.

Fix compatibility with newest BrowserSync and Express.

Author: schmich

README.md

@@ -26,12 +26,10 @@ var app = express();
 
 if (app.get('env') == 'development') {
  var browserSync = require('browser-sync');
- var bs = browserSync.init([], {});
+ var bs = browserSync({ logSnippet: false });
  app.use(require('connect-browser-sync')(bs));
 }
 
-app.use(app.router);
-
 // Routes and handlers...
 ```
 
@@ -40,9 +38,13 @@ See the [BrowserSync API docs](http://www.browsersync.io/docs/api/) for initiali
 ## Notes
 
 - The `app.use` statement must come before any handlers that you want to integrate with BrowserSync. This includes dynamic handlers (e.g. `app.use(app.router);`) and static handlers (e.g. `app.use(express.static(__dirname + '/public'));`)
-- You must use version 1.0.0 or greater of the `browser-sync` package.
+- You must use version 2.0.0 or greater of the `browser-sync` package.
 - Injection only happens on responses with a `Content-Type` header of `text/html` and content containing a closing body tag (`</body>`).
 
+## BrowserSync 1.x
+
+If you need to use BrowserSync 1.x, use [version 1.0.2](https://github.com/schmich/connect-browser-sync/releases/tag/v1.0.2) of this package.
+
 ## Example
 
 See the [example](example) folder.

example/app.js

@@ -5,18 +5,16 @@ var app = express();
 
 app.set('views', __dirname);
 app.set('view engine', 'ejs');
-app.use(express.logger('dev'));
 
 if (app.get('env') == 'development') {
  var browserSync = require('browser-sync');
- var bs = browserSync.init([], { debugInfo: false });
+ var bs = browserSync({ logSnippet: false });
  app.use(require('connect-browser-sync')(bs));
 }
 
-app.use(app.router);
-
 app.get('/', routes.index);
 
-http.createServer(app).listen(3000, function() {
- console.log('Listening...');
+var port = 3000;
+http.createServer(app).listen(port, function() {
+ console.log('Listening on port ' + port + '...');
 });

example/package.json

@@ -10,7 +10,7 @@
  "ejs": "*"
  },
  "devDependencies": {
- "browser-sync": "*",
- "connect-browser-sync": "*"
+ "browser-sync": ">=2.0.0",
+ "connect-browser-sync": ">=2.0.0"
  }
 }