Roll Lighthouse & add error reporting

third_party/WebKit/Source/devtools/front_end/audits2/Audits2Panel.js

 // Copyright (c) 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @unrestricted
  */
 Audits2.Audits2Panel = class extends UI.Panel {
   constructor() {
     super('audits2');
@@ skipping 43 matching lines @@
 
     this._statusView = this._createStatusView(uiElement);
   }
 
   /**
    * @param {!Element} launcherUIElement
    * @return {!Element}
    */
   _createStatusView(launcherUIElement) {
     var statusView = launcherUIElement.createChild('div', 'audits2-status hbox hidden');
-    statusView.createChild('span', 'icon');
-    this._statusElement = createElement('p');
-    statusView.appendChild(this._statusElement);
+    this._statusIcon = statusView.createChild('span', 'icon');
+    this._statusElement = statusView.createChild('p');
     this._updateStatus(Common.UIString('Loading...'));
     return statusView;
   }
 
   _start() {
     this._inspectedURL = SDK.targetManager.mainTarget().inspectedURL();
 
     const categoryIDs = this._settings.map(setting => {
       const preset = Audits2.Audits2Panel.Presets.find(preset => preset.id === setting.name);
       return {configID: preset.configID, value: setting.get()};
     }).filter(agg => !!agg.value).map(agg => agg.configID);
 
     return Promise.resolve()
         .then(_ => this._protocolService.attach())
         .then(_ => {
           this._auditRunning = true;
           this._updateButton();
           this._updateStatus(Common.UIString('Loading...'));
         })
         .then(_ => this._protocolService.startLighthouse(this._inspectedURL, categoryIDs))
         .then(lighthouseResult => {
           this._finish(lighthouseResult);
           return this._stop();
+        }).catch(err => {
+          if (err instanceof Error) this._renderBugReport(err);
         });
   }
 
   /**
    * @param {!Event} event
    */
   _startButtonClicked(event) {
     if (this._auditRunning) {
       this._updateStatus(Common.UIString('Cancelling...'));
       this._stop();
@@ skipping 41 matching lines @@
     this._resultsView.removeChildren();
 
     var url = lighthouseResult.url;
     var timestamp = lighthouseResult.generatedTime;
     this._createResultsBar(this._resultsView, url, timestamp);
     this._renderReport(this._resultsView, lighthouseResult);
     this.contentElement.classList.add('show-results');
   }
 
   /**
+   * @param {!Error} err
+   */
+  _renderBugReport(err) {
+    console.error(err);
+    this._statusElement.textContent = '';
+    this._statusIcon.classList.add('error');
+    this._statusElement.createTextChild(Common.UIString('We ran into an error. '));
+    this._createBugReportLink(err, this._statusElement);
+  }
+
+  /**
+   * @param {!Error} err
+   * @param {!Element} parentElem
+   */
+  _createBugReportLink(err, parentElem) {
+    var baseURI = 'https://github.com/GoogleChrome/lighthouse/issues/new?';
+    var title = encodeURI('title=DevTools Error: ' + err.message.substring(0, 60));
+
+    var qsBody = '';
+    qsBody += '**Error Message**: ' + err.message + '\n';
+    qsBody += '**Stack Trace**:\n ```' + err.stack + '```';
+    var body = '&body=' + encodeURI(qsBody);
+
+    var reportErrorEl = parentElem.createChild('a', 'audits2-link audits2-report-error');
+    reportErrorEl.href = baseURI + title + body;
+    reportErrorEl.textContent = Common.UIString('Report this bug');
+    reportErrorEl.target = '_blank';
+  }
+
+  /**
    * @param {!Element} resultsView
    * @param {!ReportRenderer.ReportJSON} lighthouseResult
    * @suppressGlobalPropertiesCheck
    */
   _renderReport(resultsView, lighthouseResult) {
-    var reportContainer = resultsView.createChild('div', 'report-container');
+    var reportContainer = resultsView.createChild('div', 'report-container lh-root');
 
     var dom = new DOM(document);
     var detailsRenderer = new DetailsRenderer(dom);
-    var renderer = new ReportRenderer(dom, detailsRenderer);
+    var categoryRenderer = new CategoryRenderer(dom, detailsRenderer);
+    var renderer = new Audits2.ReportRenderer(dom, categoryRenderer);
 
     var templatesHTML = Runtime.cachedResources['audits2/lighthouse/templates.html'];
     var templatesDOM = new DOMParser().parseFromString(templatesHTML, 'text/html');
     if (!templatesDOM)
       return;
 
     renderer.setTemplateContext(templatesDOM);
-    reportContainer.appendChild(renderer.renderReport(lighthouseResult));
+    renderer.renderReport(lighthouseResult, reportContainer);
   }
 
   /**
    * @param {!Element} resultsView
    * @param {string} url
    * @param {string} timestamp
    */
   _createResultsBar(resultsView, url, timestamp) {
     var elem = resultsView.createChild('div', 'results-bar hbox');
     elem.createChild('div', 'audits2-logo audits2-logo-small');
 
     var summaryElem = elem.createChild('div', 'audits2-summary');
     var reportFor = summaryElem.createChild('span');
     reportFor.createTextChild('Report for ');
     var urlElem = reportFor.createChild('b');
     urlElem.textContent = url;
     var timeElem = summaryElem.createChild('span');
     timeElem.textContent =
         `Generated at ${new Date(timestamp).toLocaleDateString()} ${new Date(timestamp).toLocaleTimeString()}`;
 
     var newAuditButton =
         UI.createTextButton(Common.UIString('New Audit'), this._reset.bind(this), 'new-audit audit-btn');
     elem.appendChild(newAuditButton);
   }
 };
 
+/**
+ * @override
+ */
+Audits2.ReportRenderer = class extends ReportRenderer {
+  /**
+   * Provides empty element for left nav
+   * @override
+   * @returns {!DocumentFragment}
+   */
+  _renderReportNav() {
+    return createDocumentFragment();
+  }
+};
+
+
+class ReportUIFeatures {
+  /**
+   * @param {!ReportRenderer.ReportJSON} report
+   */
+  initFeatures(report) {}
+}
+
 /** @typedef {{id: string, configID: string, description: string}} */
 Audits2.Audits2Panel.Preset;
 
 /** @type {!Array.<!Audits2.Audits2Panel.Preset>} */
 Audits2.Audits2Panel.Presets = [
   // configID maps to Lighthouse's Object.keys(config.categories)[0] value
   {id: 'audits2_cat_pwa', configID: 'pwa', description: 'Progressive Web App'},
   {id: 'audits2_cat_perf', configID: 'performance', description: 'Performance metrics and diagnostics'},
   {id: 'audits2_cat_a11y', configID: 'accessibility', description: 'Accessibility'},
   {id: 'audits2_cat_best_practices', configID: 'best-practices', description: 'Modern best practices'},
@@ skipping 71 matching lines @@
    * @param {!Object=} params
    * @return {!Promise<!ReportRenderer.ReportJSON>}
    */
   _send(method, params) {
     if (!this._backendPromise)
       this._initWorker();
 
     return this._backendPromise.then(_ => this._backend.send(method, params));
   }
 };