Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(661)

Unified Diff: third_party/WebKit/Source/devtools/front_end/sdk/OverlayModel.js

Issue 2835843002: Revert of [DevTools] Consolidate overlay-related functionality in Overlay domain (Closed)
Patch Set: Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/sdk/OverlayModel.js
diff --git a/third_party/WebKit/Source/devtools/front_end/sdk/OverlayModel.js b/third_party/WebKit/Source/devtools/front_end/sdk/OverlayModel.js
deleted file mode 100644
index de8d729d55e8c8f62638608a805b6f92e7e7e682..0000000000000000000000000000000000000000
--- a/third_party/WebKit/Source/devtools/front_end/sdk/OverlayModel.js
+++ /dev/null
@@ -1,320 +0,0 @@
-// Copyright 2017 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 {Protocol.OverlayDispatcher}
- */
-SDK.OverlayModel = class extends SDK.SDKModel {
- /**
- * @param {!SDK.Target} target
- */
- constructor(target) {
- super(target);
- this._domModel = /** @type {!SDK.DOMModel} */ (target.model(SDK.DOMModel));
-
- target.registerOverlayDispatcher(this);
- this._overlayAgent = target.overlayAgent();
- this._overlayAgent.enable();
- this._overlayAgent.setShowViewportSizeOnResize(true);
-
- this._debuggerModel = target.model(SDK.DebuggerModel);
- if (this._debuggerModel) {
- Common.moduleSetting('disablePausedStateOverlay').addChangeListener(this._updatePausedInDebuggerMessage, this);
- this._debuggerModel.addEventListener(
- SDK.DebuggerModel.Events.DebuggerPaused, this._updatePausedInDebuggerMessage, this);
- this._debuggerModel.addEventListener(
- SDK.DebuggerModel.Events.DebuggerResumed, this._updatePausedInDebuggerMessage, this);
- // TODO(dgozman): we should get DebuggerResumed on navigations instead of listening to GlobalObjectCleared.
- this._debuggerModel.addEventListener(
- SDK.DebuggerModel.Events.GlobalObjectCleared, this._updatePausedInDebuggerMessage, this);
- }
-
- this._inspectModeEnabled = false;
- this._hideHighlightTimeout = null;
- this._defaultHighlighter = new SDK.OverlayModel.DefaultHighlighter(this);
- this._highlighter = this._defaultHighlighter;
-
- this._showPaintRectsSetting = Common.moduleSetting('showPaintRects');
- this._showPaintRectsSetting.addChangeListener(
- () => this._overlayAgent.setShowPaintRects(this._showPaintRectsSetting.get()));
- if (this._showPaintRectsSetting.get())
- this._overlayAgent.setShowPaintRects(true);
-
- this._showDebugBordersSetting = Common.moduleSetting('showDebugBorders');
- this._showDebugBordersSetting.addChangeListener(
- () => this._overlayAgent.setShowDebugBorders(this._showDebugBordersSetting.get()));
- if (this._showDebugBordersSetting.get())
- this._overlayAgent.setShowDebugBorders(true);
-
- this._showFPSCounterSetting = Common.moduleSetting('showFPSCounter');
- this._showFPSCounterSetting.addChangeListener(
- () => this._overlayAgent.setShowFPSCounter(this._showFPSCounterSetting.get()));
- if (this._showFPSCounterSetting.get())
- this._overlayAgent.setShowFPSCounter(true);
-
- this._showScrollBottleneckRectsSetting = Common.moduleSetting('showScrollBottleneckRects');
- this._showScrollBottleneckRectsSetting.addChangeListener(
- () => this._overlayAgent.setShowScrollBottleneckRects(this._showScrollBottleneckRectsSetting.get()));
- if (this._showScrollBottleneckRectsSetting.get())
- this._overlayAgent.setShowScrollBottleneckRects(true);
- }
-
- /**
- * @param {!SDK.RemoteObject} object
- */
- static highlightObjectAsDOMNode(object) {
- var domModel = object.runtimeModel().target().model(SDK.DOMModel);
- if (domModel)
- domModel.overlayModel().highlightDOMNode(undefined, undefined, undefined, object.objectId);
- }
-
- static hideDOMNodeHighlight() {
- for (var overlayModel of SDK.targetManager.models(SDK.OverlayModel))
- overlayModel.highlightDOMNode(0);
- }
-
- static muteHighlight() {
- SDK.OverlayModel.hideDOMNodeHighlight();
- SDK.OverlayModel._highlightDisabled = true;
- }
-
- static unmuteHighlight() {
- SDK.OverlayModel._highlightDisabled = false;
- }
-
- /**
- * @override
- * @return {!Promise}
- */
- suspendModel() {
- return this._overlayAgent.setSuspended(true);
- }
-
- /**
- * @override
- * @return {!Promise}
- */
- resumeModel() {
- return this._overlayAgent.setSuspended(false);
- }
-
- setShowViewportSizeOnResize(show) {
- this._overlayAgent.setShowViewportSizeOnResize(show);
- }
-
- _updatePausedInDebuggerMessage() {
- var message = this._debuggerModel.isPaused() && !Common.moduleSetting('disablePausedStateOverlay').get() ?
- Common.UIString('Paused in debugger') :
- undefined;
- this._overlayAgent.setPausedInDebuggerMessage(message);
- }
-
- /**
- * @param {?SDK.OverlayModel.Highlighter} highlighter
- */
- setHighlighter(highlighter) {
- this._highlighter = highlighter || this._defaultHighlighter;
- }
-
- /**
- * @param {!Protocol.Overlay.InspectMode} mode
- * @return {!Promise}
- */
- setInspectMode(mode) {
- var requestDocumentPromise = new Promise(fulfill => this._domModel.requestDocument(fulfill));
- return requestDocumentPromise.then(() => {
- this._inspectModeEnabled = mode !== Protocol.Overlay.InspectMode.None;
- this.dispatchEventToListeners(SDK.OverlayModel.Events.InspectModeWillBeToggled, this);
- return this._highlighter.setInspectMode(mode, this._buildHighlightConfig());
- });
- }
-
- /**
- * @return {boolean}
- */
- inspectModeEnabled() {
- return this._inspectModeEnabled;
- }
-
- /**
- * @param {!Protocol.DOM.NodeId=} nodeId
- * @param {string=} mode
- * @param {!Protocol.DOM.BackendNodeId=} backendNodeId
- * @param {!Protocol.Runtime.RemoteObjectId=} objectId
- */
- highlightDOMNode(nodeId, mode, backendNodeId, objectId) {
- this.highlightDOMNodeWithConfig(nodeId, {mode: mode}, backendNodeId, objectId);
- }
-
- /**
- * @param {!Protocol.DOM.NodeId=} nodeId
- * @param {!{mode: (string|undefined), showInfo: (boolean|undefined), selectors: (string|undefined)}=} config
- * @param {!Protocol.DOM.BackendNodeId=} backendNodeId
- * @param {!Protocol.Runtime.RemoteObjectId=} objectId
- */
- highlightDOMNodeWithConfig(nodeId, config, backendNodeId, objectId) {
- if (SDK.OverlayModel._highlightDisabled)
- return;
- config = config || {mode: 'all', showInfo: undefined, selectors: undefined};
- if (this._hideHighlightTimeout) {
- clearTimeout(this._hideHighlightTimeout);
- this._hideHighlightTimeout = null;
- }
- var highlightConfig = this._buildHighlightConfig(config.mode);
- if (typeof config.showInfo !== 'undefined')
- highlightConfig.showInfo = config.showInfo;
- if (typeof config.selectors !== 'undefined')
- highlightConfig.selectorList = config.selectors;
- this._highlighter.highlightDOMNode(this._domModel.nodeForId(nodeId || 0), highlightConfig, backendNodeId, objectId);
- }
-
- /**
- * @param {!Protocol.DOM.NodeId} nodeId
- */
- highlightDOMNodeForTwoSeconds(nodeId) {
- this.highlightDOMNode(nodeId);
- this._hideHighlightTimeout = setTimeout(() => this.highlightDOMNode(0), 2000);
- }
-
- /**
- * @param {!Protocol.Page.FrameId} frameId
- */
- highlightFrame(frameId) {
- if (SDK.OverlayModel._highlightDisabled)
- return;
- this._highlighter.highlightFrame(frameId);
- }
-
- /**
- * @param {string=} mode
- * @return {!Protocol.Overlay.HighlightConfig}
- */
- _buildHighlightConfig(mode) {
- mode = mode || 'all';
- var showRulers = Common.moduleSetting('showMetricsRulers').get();
- var highlightConfig = {showInfo: mode === 'all', showRulers: showRulers, showExtensionLines: showRulers};
- if (mode === 'all' || mode === 'content')
- highlightConfig.contentColor = Common.Color.PageHighlight.Content.toProtocolRGBA();
-
- if (mode === 'all' || mode === 'padding')
- highlightConfig.paddingColor = Common.Color.PageHighlight.Padding.toProtocolRGBA();
-
- if (mode === 'all' || mode === 'border')
- highlightConfig.borderColor = Common.Color.PageHighlight.Border.toProtocolRGBA();
-
- if (mode === 'all' || mode === 'margin')
- highlightConfig.marginColor = Common.Color.PageHighlight.Margin.toProtocolRGBA();
-
- if (mode === 'all') {
- highlightConfig.eventTargetColor = Common.Color.PageHighlight.EventTarget.toProtocolRGBA();
- highlightConfig.shapeColor = Common.Color.PageHighlight.Shape.toProtocolRGBA();
- highlightConfig.shapeMarginColor = Common.Color.PageHighlight.ShapeMargin.toProtocolRGBA();
- highlightConfig.displayAsMaterial = true;
- }
- return highlightConfig;
- }
-
- /**
- * @override
- * @param {!Protocol.DOM.NodeId} nodeId
- */
- nodeHighlightRequested(nodeId) {
- var node = this._domModel.nodeForId(nodeId);
- if (node)
- this.dispatchEventToListeners(SDK.OverlayModel.Events.HighlightNodeRequested, node);
- }
-
- /**
- * @override
- * @param {!Protocol.DOM.BackendNodeId} backendNodeId
- */
- inspectNodeRequested(backendNodeId) {
- var deferredNode = new SDK.DeferredDOMNode(this.target(), backendNodeId);
- this.dispatchEventToListeners(SDK.OverlayModel.Events.InspectNodeRequested, deferredNode);
- }
-};
-
-SDK.SDKModel.register(SDK.OverlayModel, SDK.Target.Capability.DOM, true);
-
-/** @enum {symbol} */
-SDK.OverlayModel.Events = {
- InspectModeWillBeToggled: Symbol('InspectModeWillBeToggled'),
- HighlightNodeRequested: Symbol('HighlightNodeRequested'),
- InspectNodeRequested: Symbol('InspectNodeRequested'),
-};
-
-/**
- * @interface
- */
-SDK.OverlayModel.Highlighter = function() {};
-
-SDK.OverlayModel.Highlighter.prototype = {
- /**
- * @param {?SDK.DOMNode} node
- * @param {!Protocol.Overlay.HighlightConfig} config
- * @param {!Protocol.DOM.BackendNodeId=} backendNodeId
- * @param {!Protocol.Runtime.RemoteObjectId=} objectId
- */
- highlightDOMNode(node, config, backendNodeId, objectId) {},
-
- /**
- * @param {!Protocol.Overlay.InspectMode} mode
- * @param {!Protocol.Overlay.HighlightConfig} config
- * @return {!Promise}
- */
- setInspectMode(mode, config) {},
-
- /**
- * @param {!Protocol.Page.FrameId} frameId
- */
- highlightFrame(frameId) {}
-};
-
-/**
- * @implements {SDK.OverlayModel.Highlighter}
- */
-SDK.OverlayModel.DefaultHighlighter = class {
- /**
- * @param {!SDK.OverlayModel} model
- */
- constructor(model) {
- this._model = model;
- }
-
- /**
- * @override
- * @param {?SDK.DOMNode} node
- * @param {!Protocol.Overlay.HighlightConfig} config
- * @param {!Protocol.DOM.BackendNodeId=} backendNodeId
- * @param {!Protocol.Runtime.RemoteObjectId=} objectId
- */
- highlightDOMNode(node, config, backendNodeId, objectId) {
- if (objectId || node || backendNodeId) {
- this._model._overlayAgent.highlightNode(
- config, (objectId || backendNodeId) ? undefined : node.id, backendNodeId, objectId);
- } else {
- this._model._overlayAgent.hideHighlight();
- }
- }
-
- /**
- * @override
- * @param {!Protocol.Overlay.InspectMode} mode
- * @param {!Protocol.Overlay.HighlightConfig} config
- * @return {!Promise}
- */
- setInspectMode(mode, config) {
- return this._model._overlayAgent.setInspectMode(mode, config);
- }
-
- /**
- * @override
- * @param {!Protocol.Page.FrameId} frameId
- */
- highlightFrame(frameId) {
- this._model._overlayAgent.highlightFrame(
- frameId, Common.Color.PageHighlight.Content.toProtocolRGBA(),
- Common.Color.PageHighlight.ContentOutline.toProtocolRGBA());
- }
-};

Powered by Google App Engine
This is Rietveld 408576698