DevTools: [lighthouse] Implement performance metrics filmstrip

third_party/WebKit/Source/devtools/front_end/emulation/AdvancedApp.js

 // Copyright 2014 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.
 /**
  * @implements {Common.App}
  * @unrestricted
  */
 Emulation.AdvancedApp = class {
   constructor() {
     Components.dockController.addEventListener(
@@ skipping 15 matching lines @@
    */
   presentUI(document) {
     var rootView = new UI.RootView();
 
     this._rootSplitWidget = new UI.SplitWidget(false, true, 'InspectorView.splitViewState', 555, 300, true);
     this._rootSplitWidget.show(rootView.element);
     this._rootSplitWidget.setSidebarWidget(UI.inspectorView);
     this._rootSplitWidget.setDefaultFocusedChild(UI.inspectorView);
     UI.inspectorView.setOwnerSplit(this._rootSplitWidget);
 
-    this._inspectedPagePlaceholder = new Emulation.InspectedPagePlaceholder();
+    this._inspectedPagePlaceholder = Emulation.InspectedPagePlaceholder.instance();
     this._inspectedPagePlaceholder.addEventListener(
         Emulation.InspectedPagePlaceholder.Events.Update, this._onSetInspectedPageBounds.bind(this), this);
     this._deviceModeView = new Emulation.DeviceModeWrapper(this._inspectedPagePlaceholder);
 
     Components.dockController.addEventListener(
         Components.DockController.Events.BeforeDockSideChanged, this._onBeforeDockSideChange, this);
     Components.dockController.addEventListener(
         Components.DockController.Events.DockSideChanged, this._onDockSideChange, this);
     Components.dockController.addEventListener(
         Components.DockController.Events.AfterDockSideChanged, this._onAfterDockSideChange, this);
@@ skipping 122 matching lines @@
    * @param {!Common.Event} event
    */
   _onSetInspectedPageBounds(event) {
     if (this._changingDockSide)
       return;
     var window = this._inspectedPagePlaceholder.element.window();
     if (!window.innerWidth || !window.innerHeight)
       return;
     if (!this._inspectedPagePlaceholder.isShowing())
       return;
-    var bounds = /** @type {{x: number, y: number, width: number, height: number}} */ (event.data);
+    var bounds =
+        /** @type {{x: number, y: number, width: number, height: number, force: (boolean|undefined)}} */ (event.data);
+    var force = bounds.force || false;
+    delete bounds.force;
     console.timeStamp('AdvancedApp.setInspectedPageBounds');
-    InspectorFrontendHost.setInspectedPageBounds(bounds);
+    InspectorFrontendHost.setInspectedPageBounds(bounds, force);
   }
 };
 
 /** @type {!Emulation.AdvancedApp} */
 Emulation.AdvancedApp._appInstance;
 
 
 /**
  * @implements {Common.AppProvider}
  * @unrestricted
  */
 Emulation.AdvancedAppProvider = class {
   /**
    * @override
    * @return {!Common.App}
    */
   createApp() {
     return Emulation.AdvancedApp._instance();
   }
 };