@dcloudio/uni-debugger
Version:
uni-app debugger
305 lines (272 loc) • 9.23 kB
JavaScript
// 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 {SDK.SDKModelObserver<!SDK.CSSModel>}
*/
Bindings.CSSWorkspaceBinding = class {
/**
* @param {!SDK.TargetManager} targetManager
* @param {!Workspace.Workspace} workspace
*/
constructor(targetManager, workspace) {
this._workspace = workspace;
/** @type {!Map.<!SDK.CSSModel, !Bindings.CSSWorkspaceBinding.ModelInfo>} */
this._modelToInfo = new Map();
/** @type {!Array<!Bindings.CSSWorkspaceBinding.SourceMapping>} */
this._sourceMappings = [];
targetManager.observeModels(SDK.CSSModel, this);
}
/**
* @override
* @param {!SDK.CSSModel} cssModel
*/
modelAdded(cssModel) {
this._modelToInfo.set(cssModel, new Bindings.CSSWorkspaceBinding.ModelInfo(cssModel, this._workspace));
}
/**
* @override
* @param {!SDK.CSSModel} cssModel
*/
modelRemoved(cssModel) {
this._modelToInfo.get(cssModel)._dispose();
this._modelToInfo.delete(cssModel);
}
/**
* @param {!SDK.CSSStyleSheetHeader} header
*/
updateLocations(header) {
this._modelToInfo.get(header.cssModel())._updateLocations(header);
}
/**
* @param {!SDK.CSSLocation} rawLocation
* @param {function(!Bindings.LiveLocation)} updateDelegate
* @param {!Bindings.LiveLocationPool} locationPool
* @return {!Bindings.CSSWorkspaceBinding.LiveLocation}
*/
createLiveLocation(rawLocation, updateDelegate, locationPool) {
return this._modelToInfo.get(rawLocation.cssModel())._createLiveLocation(rawLocation, updateDelegate, locationPool);
}
/**
* @param {!SDK.CSSProperty} cssProperty
* @param {boolean} forName
* @return {?Workspace.UILocation}
*/
propertyUILocation(cssProperty, forName) {
const style = cssProperty.ownerStyle;
if (!style || style.type !== SDK.CSSStyleDeclaration.Type.Regular || !style.styleSheetId)
return null;
const header = style.cssModel().styleSheetHeaderForId(style.styleSheetId);
if (!header)
return null;
const range = forName ? cssProperty.nameRange() : cssProperty.valueRange();
if (!range)
return null;
const lineNumber = range.startLine;
const columnNumber = range.startColumn;
const rawLocation = new SDK.CSSLocation(
header, header.lineNumberInSource(lineNumber), header.columnNumberInSource(lineNumber, columnNumber));
return this.rawLocationToUILocation(rawLocation);
}
/**
* @param {!SDK.CSSLocation} rawLocation
* @return {?Workspace.UILocation}
*/
rawLocationToUILocation(rawLocation) {
for (let i = this._sourceMappings.length - 1; i >= 0; --i) {
const uiLocation = this._sourceMappings[i].rawLocationToUILocation(rawLocation);
if (uiLocation)
return uiLocation;
}
return this._modelToInfo.get(rawLocation.cssModel())._rawLocationToUILocation(rawLocation);
}
/**
* @param {!Workspace.UILocation} uiLocation
* @return {!Array<!SDK.CSSLocation>}
*/
uiLocationToRawLocations(uiLocation) {
for (let i = this._sourceMappings.length - 1; i >= 0; --i) {
const rawLocations = this._sourceMappings[i].uiLocationToRawLocations(uiLocation);
if (rawLocations.length)
return rawLocations;
}
const rawLocations = [];
for (const modelInfo of this._modelToInfo.values())
rawLocations.pushAll(modelInfo._uiLocationToRawLocations(uiLocation));
return rawLocations;
}
/**
* @param {!Bindings.CSSWorkspaceBinding.SourceMapping} sourceMapping
*/
addSourceMapping(sourceMapping) {
this._sourceMappings.push(sourceMapping);
}
};
/**
* @interface
*/
Bindings.CSSWorkspaceBinding.SourceMapping = function() {};
Bindings.CSSWorkspaceBinding.SourceMapping.prototype = {
/**
* @param {!SDK.CSSLocation} rawLocation
* @return {?Workspace.UILocation}
*/
rawLocationToUILocation(rawLocation) {},
/**
* @param {!Workspace.UILocation} uiLocation
* @return {!Array<!SDK.CSSLocation>}
*/
uiLocationToRawLocations(uiLocation) {},
};
Bindings.CSSWorkspaceBinding.ModelInfo = class {
/**
* @param {!SDK.CSSModel} cssModel
* @param {!Workspace.Workspace} workspace
*/
constructor(cssModel, workspace) {
this._eventListeners = [
cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetAdded, this._styleSheetAdded, this),
cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetRemoved, this._styleSheetRemoved, this)
];
this._stylesSourceMapping = new Bindings.StylesSourceMapping(cssModel, workspace);
const sourceMapManager = cssModel.sourceMapManager();
this._sassSourceMapping = new Bindings.SASSSourceMapping(cssModel.target(), sourceMapManager, workspace);
/** @type {!Multimap<!SDK.CSSStyleSheetHeader, !Bindings.CSSWorkspaceBinding.LiveLocation>} */
this._locations = new Multimap();
/** @type {!Multimap<string, !Bindings.CSSWorkspaceBinding.LiveLocation>} */
this._unboundLocations = new Multimap();
}
/**
* @param {!SDK.CSSLocation} rawLocation
* @param {function(!Bindings.LiveLocation)} updateDelegate
* @param {!Bindings.LiveLocationPool} locationPool
* @return {!Bindings.CSSWorkspaceBinding.LiveLocation}
*/
_createLiveLocation(rawLocation, updateDelegate, locationPool) {
const location = new Bindings.CSSWorkspaceBinding.LiveLocation(rawLocation, this, updateDelegate, locationPool);
const header = rawLocation.header();
if (header) {
location._header = header;
this._locations.set(header, location);
location.update();
} else {
this._unboundLocations.set(rawLocation.url, location);
}
return location;
}
/**
* @param {!Bindings.CSSWorkspaceBinding.LiveLocation} location
*/
_disposeLocation(location) {
if (location._header)
this._locations.delete(location._header, location);
else
this._unboundLocations.delete(location._url, location);
}
/**
* @param {!SDK.CSSStyleSheetHeader} header
*/
_updateLocations(header) {
for (const location of this._locations.get(header))
location.update();
}
/**
* @param {!Common.Event} event
*/
_styleSheetAdded(event) {
const header = /** @type {!SDK.CSSStyleSheetHeader} */ (event.data);
if (!header.sourceURL)
return;
for (const location of this._unboundLocations.get(header.sourceURL)) {
location._header = header;
this._locations.set(header, location);
location.update();
}
this._unboundLocations.deleteAll(header.sourceURL);
}
/**
* @param {!Common.Event} event
*/
_styleSheetRemoved(event) {
const header = /** @type {!SDK.CSSStyleSheetHeader} */ (event.data);
for (const location of this._locations.get(header)) {
location._header = null;
this._unboundLocations.set(location._url, location);
location.update();
}
this._locations.deleteAll(header);
}
/**
* @param {!SDK.CSSLocation} rawLocation
* @return {?Workspace.UILocation}
*/
_rawLocationToUILocation(rawLocation) {
let uiLocation = null;
uiLocation = uiLocation || this._sassSourceMapping.rawLocationToUILocation(rawLocation);
uiLocation = uiLocation || this._stylesSourceMapping.rawLocationToUILocation(rawLocation);
uiLocation = uiLocation || Bindings.resourceMapping.cssLocationToUILocation(rawLocation);
return uiLocation;
}
/**
* @param {!Workspace.UILocation} uiLocation
* @return {!Array<!SDK.CSSLocation>}
*/
_uiLocationToRawLocations(uiLocation) {
const rawLocations = this._sassSourceMapping.uiLocationToRawLocations(uiLocation);
if (rawLocations.length)
return rawLocations;
return this._stylesSourceMapping.uiLocationToRawLocations(uiLocation);
}
_dispose() {
Common.EventTarget.removeEventListeners(this._eventListeners);
this._stylesSourceMapping.dispose();
this._sassSourceMapping.dispose();
}
};
/**
* @unrestricted
*/
Bindings.CSSWorkspaceBinding.LiveLocation = class extends Bindings.LiveLocationWithPool {
/**
* @param {!SDK.CSSLocation} rawLocation
* @param {!Bindings.CSSWorkspaceBinding.ModelInfo} info
* @param {function(!Bindings.LiveLocation)} updateDelegate
* @param {!Bindings.LiveLocationPool} locationPool
*/
constructor(rawLocation, info, updateDelegate, locationPool) {
super(updateDelegate, locationPool);
this._url = rawLocation.url;
this._lineNumber = rawLocation.lineNumber;
this._columnNumber = rawLocation.columnNumber;
this._info = info;
this._header = null;
}
/**
* @override
* @return {?Workspace.UILocation}
*/
uiLocation() {
if (!this._header)
return null;
const rawLocation = new SDK.CSSLocation(this._header, this._lineNumber, this._columnNumber);
return Bindings.cssWorkspaceBinding.rawLocationToUILocation(rawLocation);
}
/**
* @override
*/
dispose() {
super.dispose();
this._info._disposeLocation(this);
}
/**
* @override
* @return {boolean}
*/
isBlackboxed() {
return false;
}
};
/**
* @type {!Bindings.CSSWorkspaceBinding}
*/
Bindings.cssWorkspaceBinding;