Add --view flag which will start a server and host report.html

lighthouse-cli/bin.ts

@@ -41,6 +41,8 @@ import * as Printer from './printer';
 const lighthouse = require('../lighthouse-core');
 const assetSaver = require('../lighthouse-core/lib/asset-saver.js');
 const log = require('../lighthouse-core/lib/log');
+const server = require('./server/server');
+const opn = require('opn');
 import {ChromeLauncher} from './chrome-launcher';
 import * as Commands from './commands/commands';
 
@@ -90,12 +92,14 @@ const cliFlags = yargs
 
   .group([
     'output',
-    'output-path'
+    'output-path',
+    'view'
   ], 'Output:')
   .describe({
     'output': 'Reporter for the results',
     'output-path': `The file path to output the results
-Example: --output-path=./lighthouse-results.html`
+Example: --output-path=./lighthouse-results.html`,
+    'view': 'Open report.html in browser'
   })
 
   // boolean values
@@ -112,7 +116,8 @@ Example: --output-path=./lighthouse-results.html`
     'select-chrome',
     'verbose',
     'quiet',
-    'help'
+    'help',
+    'view'
   ])
   .choices('output', Printer.GetValidOutputOptions())
 
@@ -198,7 +203,7 @@ function initPort(flags: {port: number}): Promise<undefined> {
 
 function launchChromeAndRun(addresses: Array<string>,
                             config: Object,
-                            flags: {port: number, selectChrome: boolean}) {
+                            flags: {port: number, selectChrome: boolean, view: boolean}) {
 
   return initPort(flags).then(() => {
     const launcher = new ChromeLauncher({
@@ -219,7 +224,7 @@ function launchChromeAndRun(addresses: Array<string>,
   })
 }
 
-function lighthouseRun(addresses: Array<string>, config: Object, flags: Object) {
+function lighthouseRun(addresses: Array<string>, config: Object, flags: {view: boolean}) {
   // Process URLs once at a time
   const address = addresses.shift();
   if (!address) {
@@ -229,11 +234,21 @@ function lighthouseRun(addresses: Array<string>, config: Object, flags: Object)
   return lighthouse(address, flags, config)
     .then((results: Results) => Printer.write(results, outputMode, outputPath))
     .then((results: Results) => {
+      const filename = `./${assetSaver.getFilenamePrefix({url: address})}.report.html`;
+
       if (outputMode === Printer.OutputMode[Printer.OutputMode.pretty]) {
-        const filename = `./${assetSaver.getFilenamePrefix({url: address})}.report.html`;
         Printer.write(results, 'html', filename);
       }
 
+      // Generate report.html, host it and open it in the default browser
+      if (flags.view) {
+        server.listen().then((port: number) => {
+          const fileAbsPath = `${__dirname}/server/reports/${filename}`;
+          Printer.write(results, 'html', fileAbsPath);
+          opn(`http://localhost:${port}/reports/${filename}`);
+        });
+      }
+
       return lighthouseRun(addresses, config, flags);
     });
 }

lighthouse-cli/server/reports/.gitignore

@@ -0,0 +1,4 @@
+# Ignore everything in this directory
+*
+# Except this file
+!.gitignore

lighthouse-cli/server/server.js

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright 2016 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+'use strict';
+
+const express = require('express');
+const app = express();
+let portPromise;
+
+app.use('/reports', express.static(`${__dirname}/reports`));
+
+function listen() {
+  if (portPromise) {
+    portPromise = new Promise((resolve, reject) => {
+      const server = app.listen(0, () => {
+        resolve(server.address().port);
+      });
+    });
+  }
+  return portPromise;
+}
+
+module.exports = {
+  listen: listen
+};

package.json

@@ -57,7 +57,9 @@
     "semver": ">=4.3.3",
     "speedline": "1.0.3",
     "ws": "^1.1.1",
-    "yargs": "3.30.0"
+    "yargs": "3.30.0",
+    "express": "^4.14.0",
+    "opn": "^4.0.2"
   },
   "repository": "googlechrome/lighthouse",
   "keywords": [