Updating scaffolding of Loopback Explorer

- Using server.js in replace of bootscripts to launch explorer
- Update `package.json` to use `loopback-component-explorer`
- Remove bootscripts for REST Explorer
- Add `server/component-config.json`
- Add REST paths routes in `middleware.json`

Author: David Cheung

package.json

@@ -12,12 +12,10 @@
     "errorhandler": "^1.1.1",
     "loopback": "^2.14.0",
     "loopback-boot": "^2.6.5",
+    "loopback-component-explorer": "^2.1.0",
     "loopback-datasource-juggler": "^2.0.0",
     "serve-favicon": "^2.0.1"
   },
-  "optionalDependencies": {
-    "loopback-explorer": "^1.1.0"
-  },
   "devDependencies": {
     "jshint": "^2.8.0"
   }

server/boot/explorer.js

@@ -0,0 +1,5 @@
+{
+  "loopback-component-explorer": {
+     "mountPath": "/explorer"
+   }
+ }

server/boot/rest-api.js

@@ -12,6 +12,9 @@
   "parse": {
   },
   "routes": {
+    "loopback#rest": {
+      "paths": ["${restApiRoot}"]
+    }
   },
   "files": {
   },

server/component-config.json

@@ -28,6 +28,10 @@ app.start = function(httpOnly) {
     var baseUrl = (httpOnly? 'http://' : 'https://') + app.get('host') + ':' + app.get('port');
     app.emit('started', baseUrl);
     console.log('LoopBack server listening @ %s%s', baseUrl, '/');
+    if (app.get('loopback-component-explorer')) {
+      var explorerPath = app.get('loopback-component-explorer').mountPath;
+      console.log('Browse your REST API at %s%s', baseUrl, explorerPath);
+    }
   });
   return server;
 };