[DevTools] Move the rest of emulation to EmulationModel

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

 // Copyright 2015 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 {SDK.TargetManager.Observer}
+ * @implements {SDK.SDKModelObserver<!SDK.EmulationModel>}
  * @unrestricted
  */
 Emulation.DeviceModeModel = class {
   /**
    * @param {function()} updateCallback
    */
   constructor(updateCallback) {
     this._updateCallback = updateCallback;
     this._screenRect = new UI.Rect(0, 0, 1, 1);
     this._visiblePageRect = new UI.Rect(0, 0, 1, 1);
@@ skipping 35 matching lines @@
 
     /** @type {!Emulation.DeviceModeModel.Type} */
     this._type = Emulation.DeviceModeModel.Type.None;
     /** @type {?Emulation.EmulatedDevice} */
     this._device = null;
     /** @type {?Emulation.EmulatedDevice.Mode} */
     this._mode = null;
     /** @type {number} */
     this._fitScale = 1;
 
-    /** @type {?SDK.Target} */
-    this._target = null;
+    /** @type {?SDK.EmulationModel} */
+    this._emulationModel = null;
     /** @type {?function()} */
-    this._onTargetAvailable = null;
-    SDK.targetManager.observeTargets(this, SDK.Target.Capability.Browser);
+    this._onModelAvailable = null;
+    SDK.targetManager.observeModels(SDK.EmulationModel, this);
   }
 
   /**
    * @param {string} value
    * @return {boolean}
    */
   static deviceSizeValidator(value) {
     if (/^[\d]+$/.test(value) && value >= Emulation.DeviceModeModel.MinDeviceSize &&
         value <= Emulation.DeviceModeModel.MaxDeviceSize)
       return true;
@@ skipping 243 matching lines @@
   reset() {
     this._deviceScaleFactorSetting.set(0);
     this._scaleSetting.set(1);
     this.setWidth(400);
     this.setHeight(0);
     this._uaSetting.set(Emulation.DeviceModeModel.UA.Mobile);
   }
 
   /**
    * @override
-   * @param {!SDK.Target} target
+   * @param {!SDK.EmulationModel} emulationModel
    */
-  targetAdded(target) {
-    if (!this._target) {
-      this._target = target;
-      if (this._onTargetAvailable) {
-        var callback = this._onTargetAvailable;
-        this._onTargetAvailable = null;
+  modelAdded(emulationModel) {
+    if (!this._emulationModel && emulationModel.supportsDeviceEmulation()) {
+      this._emulationModel = emulationModel;
+      if (this._onModelAvailable) {
+        var callback = this._onModelAvailable;
+        this._onModelAvailable = null;
         callback();
       }
     }
   }
 
   /**
    * @override
-   * @param {!SDK.Target} target
+   * @param {!SDK.EmulationModel} emulationModel
    */
-  targetRemoved(target) {
-    if (this._target === target)
-      this._target = null;
+  modelRemoved(emulationModel) {
+    if (this._emulationModel === emulationModel)
+      this._emulationModel = null;
   }
 
   /**
-   * @return {?SDK.Target}
+   * @return {?string}
    */
-  target() {
-    return this._target;
+  inspectedURL() {
+    return this._emulationModel ? this._emulationModel.target().inspectedURL() : null;
   }
 
   _scaleSettingChanged() {
     this._calculateAndEmulate(false);
   }
 
   _widthSettingChanged() {
     this._calculateAndEmulate(false);
   }
 
@@ skipping 46 matching lines @@
   _currentInsets() {
     if (this._type !== Emulation.DeviceModeModel.Type.Device)
       return new UI.Insets(0, 0, 0, 0);
     return this._mode.insets;
   }
 
   /**
    * @param {boolean} resetPageScaleFactor
    */
   _calculateAndEmulate(resetPageScaleFactor) {
-    if (!this._target)
-      this._onTargetAvailable = this._calculateAndEmulate.bind(this, resetPageScaleFactor);
+    if (!this._emulationModel)
+      this._onModelAvailable = this._calculateAndEmulate.bind(this, resetPageScaleFactor);
     var mobile = this._isMobile();
     if (this._type === Emulation.DeviceModeModel.Type.Device) {
       var orientation = this._device.orientationByName(this._mode.orientation);
       var outline = this._currentOutline();
       var insets = this._currentInsets();
       this._fitScale = this._calculateFitScale(orientation.width, orientation.height, outline, insets);
       if (mobile) {
         this._appliedUserAgentType =
             this._device.touch() ? Emulation.DeviceModeModel.UA.Mobile : Emulation.DeviceModeModel.UA.MobileNoTouch;
       } else {
@@ skipping 31 matching lines @@
           this._scaleSetting.get(), this._deviceScaleFactorSetting.get() || defaultDeviceScaleFactor, mobile,
           screenHeight >= screenWidth ? Protocol.Emulation.ScreenOrientationType.PortraitPrimary :
                                         Protocol.Emulation.ScreenOrientationType.LandscapePrimary,
           resetPageScaleFactor);
       this._applyUserAgent(mobile ? Emulation.DeviceModeModel._defaultMobileUserAgent : '');
       this._applyTouch(
           this._uaSetting.get() === Emulation.DeviceModeModel.UA.DesktopTouch ||
               this._uaSetting.get() === Emulation.DeviceModeModel.UA.Mobile,
           this._uaSetting.get() === Emulation.DeviceModeModel.UA.Mobile);
     }
-    var overlayModel = this._target ? this._target.model(SDK.OverlayModel) : null;
+    var overlayModel = this._emulationModel ? this._emulationModel.overlayModel() : null;
     if (overlayModel)
       overlayModel.setShowViewportSizeOnResize(this._type === Emulation.DeviceModeModel.Type.None);
     this._updateCallback.call(null);
   }
 
   /**
    * @param {number} screenWidth
    * @param {number} screenHeight
    * @param {!UI.Insets=} outline
    * @param {!UI.Insets=} insets
@@ skipping 97 matching lines @@
       pageHeight = 0;
     }
 
     this._deviceMetricsThrottler.schedule(setDeviceMetricsOverride.bind(this));
 
     /**
      * @this {Emulation.DeviceModeModel}
      * @return {!Promise.<?>}
      */
     function setDeviceMetricsOverride() {
-      if (!this._target)
+      if (!this._emulationModel)
         return Promise.resolve();
 
       var clear = !pageWidth && !pageHeight && !mobile && !deviceScaleFactor && scale === 1 && !screenOrientation;
       var allPromises = [];
       if (resetPageScaleFactor)
-        allPromises.push(this._target.emulationAgent().resetPageScaleFactor());
-      var setDevicePromise;
-      if (clear) {
-        setDevicePromise = this._target.emulationAgent().clearDeviceMetricsOverride();
-      } else {
-        var params = {
+        allPromises.push(this._emulationModel.resetPageScaleFactor());
+      var metrics = null;
+      if (!clear) {
+        metrics = {
           width: pageWidth,
           height: pageHeight,
           deviceScaleFactor: deviceScaleFactor,
           mobile: mobile,
           fitWindow: false,
           scale: scale,
           screenWidth: screenSize.width,
           screenHeight: screenSize.height,
           positionX: positionX,
           positionY: positionY
         };
         if (screenOrientation)
-          params.screenOrientation = {type: screenOrientation, angle: screenOrientationAngle};
-        setDevicePromise = this._target.emulationAgent().invoke_setDeviceMetricsOverride(params);
+          metrics.screenOrientation = {type: screenOrientation, angle: screenOrientationAngle};
       }
-      allPromises.push(setDevicePromise);
+      allPromises.push(this._emulationModel.emulateDevice(metrics));
       return Promise.all(allPromises);
     }
   }
 
   /**
    * @param {boolean} fullSize
    * @return {!Promise<?string>}
    */
   async captureScreenshot(fullSize) {
-    var screenCaptureModel = this._target ? this._target.model(SDK.ScreenCaptureModel) : null;
+    var screenCaptureModel = this._emulationModel ? this._emulationModel.target().model(SDK.ScreenCaptureModel) : null;
     if (!screenCaptureModel)
       return null;
 
     var metrics = await screenCaptureModel.fetchLayoutMetrics();
     if (!metrics)
       return null;
 
     if (!this._emulatedPageSize)
       this._calculateAndEmulate(false);
-    var overlayModel = this._target ? this._target.model(SDK.OverlayModel) : null;
+    var overlayModel = this._emulationModel ? this._emulationModel.overlayModel() : null;
     if (overlayModel)
       overlayModel.setShowViewportSizeOnResize(false);
 
     var pageSize = fullSize ? new UI.Size(metrics.contentWidth, metrics.contentHeight) : this._emulatedPageSize;
     var promises = [];
-    promises.push(
-        this._target.emulationAgent().setVisibleSize(Math.floor(pageSize.width), Math.floor(pageSize.height)));
+    promises.push(this._emulationModel.setVisibleSize(Math.floor(pageSize.width), Math.floor(pageSize.height)));
     if (fullSize) {
-      promises.push(this._target.emulationAgent().forceViewport(0, 0, 1));
+      promises.push(this._emulationModel.forceViewport({x: 0, y: 0, scale: 1}));
     } else {
-      promises.push(this._target.emulationAgent().forceViewport(
-          Math.floor(metrics.viewportX), Math.floor(metrics.viewportY), metrics.viewportScale));
+      promises.push(this._emulationModel.forceViewport(
+          {x: Math.floor(metrics.viewportX), y: Math.floor(metrics.viewportY), scale: metrics.viewportScale}));
     }
-    promises.push(this._target.emulationAgent().invoke_setDeviceMetricsOverride({
+    promises.push(this._emulationModel.emulateDevice({
       width: 0,
       height: 0,
       deviceScaleFactor: this._appliedDeviceScaleFactor,
       mobile: this._isMobile(),
       fitWindow: false,
       scale: 1,
     }));
     await Promise.all(promises);
 
     var screenshot = await screenCaptureModel.captureScreenshot('png', 100);
-    this._target.emulationAgent().setVisibleSize(
+    this._emulationModel.setVisibleSize(
         Math.floor(this._emulatedPageSize.width * this._scale),
         Math.floor(this._emulatedPageSize.height * this._scale));
-    this._target.emulationAgent().resetViewport();
+    this._emulationModel.forceViewport(null);
     this._calculateAndEmulate(false);
     return screenshot;
   }
 
   /**
    * @param {boolean} touchEnabled
    * @param {boolean} mobile
    */
   _applyTouch(touchEnabled, mobile) {
     for (var emulationModel of SDK.targetManager.models(SDK.EmulationModel))
@@ skipping 18 matching lines @@
 
 Emulation.DeviceModeModel.MinDeviceSize = 50;
 Emulation.DeviceModeModel.MaxDeviceSize = 9999;
 
 
 Emulation.DeviceModeModel._defaultMobileUserAgent =
     'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36';
 Emulation.DeviceModeModel._defaultMobileUserAgent =
     SDK.MultitargetNetworkManager.patchUserAgentWithChromeVersion(Emulation.DeviceModeModel._defaultMobileUserAgent);
 Emulation.DeviceModeModel.defaultMobileScaleFactor = 2;