/* * Copyright (C) 2012 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ /** * @constructor * @implements {WebInspector.SourceMapping} * @param {!WebInspector.CSSStyleModel} cssModel * @param {!WebInspector.Workspace} workspace */ WebInspector.StylesSourceMapping = function(cssModel, workspace) { this._cssModel = cssModel; this._workspace = workspace; this._workspace.addEventListener(WebInspector.Workspace.Events.ProjectWillReset, this._projectWillReset, this); this._workspace.addEventListener(WebInspector.Workspace.Events.UISourceCodeAdded, this._uiSourceCodeAddedToWorkspace, this); this._workspace.addEventListener(WebInspector.Workspace.Events.UISourceCodeRemoved, this._uiSourceCodeRemoved, this); WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.MainFrameCreatedOrNavigated, this._mainFrameCreatedOrNavigated, this); this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetChanged, this._styleSheetChanged, this); this._initialize(); } WebInspector.StylesSourceMapping.MinorChangeUpdateTimeoutMs = 1000; WebInspector.StylesSourceMapping.prototype = { /** * @param {!WebInspector.RawLocation} rawLocation * @return {?WebInspector.UILocation} */ rawLocationToUILocation: function(rawLocation) { var location = /** @type WebInspector.CSSLocation */ (rawLocation); var uiSourceCode = this._workspace.uiSourceCodeForURL(location.url); if (!uiSourceCode) return null; return new WebInspector.UILocation(uiSourceCode, location.lineNumber, location.columnNumber); }, /** * @param {!WebInspector.UISourceCode} uiSourceCode * @param {number} lineNumber * @param {number} columnNumber * @return {!WebInspector.RawLocation} */ uiLocationToRawLocation: function(uiSourceCode, lineNumber, columnNumber) { return new WebInspector.CSSLocation(uiSourceCode.url || "", lineNumber, columnNumber); }, /** * @param {!WebInspector.CSSStyleSheetHeader} header */ addHeader: function(header) { var url = header.resourceURL(); if (!url) return; header.pushSourceMapping(this); var map = this._urlToHeadersByFrameId[url]; if (!map) { map = /** @type {!StringMap.>} */ (new StringMap()); this._urlToHeadersByFrameId[url] = map; } var headersById = map.get(header.frameId); if (!headersById) { headersById = /** @type {!StringMap.} */ (new StringMap()); map.put(header.frameId, headersById); } headersById.put(header.id, header); var uiSourceCode = this._workspace.uiSourceCodeForURL(url); if (uiSourceCode) this._bindUISourceCode(uiSourceCode, header); }, /** * @param {!WebInspector.CSSStyleSheetHeader} header */ removeHeader: function(header) { var url = header.resourceURL(); if (!url) return; var map = this._urlToHeadersByFrameId[url]; console.assert(map); var headersById = map.get(header.frameId); console.assert(headersById); headersById.remove(header.id); if (!headersById.size()) { map.remove(header.frameId); if (!map.size()) { delete this._urlToHeadersByFrameId[url]; var uiSourceCode = this._workspace.uiSourceCodeForURL(url); if (uiSourceCode) this._unbindUISourceCode(uiSourceCode); } } }, /** * @param {!WebInspector.UISourceCode} uiSourceCode */ _unbindUISourceCode: function(uiSourceCode) { var styleFile = this._styleFiles.get(uiSourceCode); if (!styleFile) return; styleFile.dispose(); this._styleFiles.remove(uiSourceCode); }, /** * @param {!WebInspector.Event} event */ _uiSourceCodeAddedToWorkspace: function(event) { var uiSourceCode = /** @type {!WebInspector.UISourceCode} */ (event.data); var url = uiSourceCode.url; if (!url || !this._urlToHeadersByFrameId[url]) return; this._bindUISourceCode(uiSourceCode, this._urlToHeadersByFrameId[url].values()[0].values()[0]); }, /** * @param {!WebInspector.UISourceCode} uiSourceCode * @param {!WebInspector.CSSStyleSheetHeader} header */ _bindUISourceCode: function(uiSourceCode, header) { if (this._styleFiles.get(uiSourceCode) || header.isInline) return; var url = uiSourceCode.url; this._styleFiles.put(uiSourceCode, new WebInspector.StyleFile(uiSourceCode, this)); header.updateLocations(); }, /** * @param {!WebInspector.Event} event */ _projectWillReset: function(event) { var project = /** @type {!WebInspector.Project} */ (event.data); var uiSourceCodes = project.uiSourceCodes(); for (var i = 0; i < uiSourceCodes.length; ++i) this._unbindUISourceCode(uiSourceCodes[i]); }, /** * @param {!WebInspector.Event} event */ _uiSourceCodeRemoved: function(event) { var uiSourceCode = /** @type {!WebInspector.UISourceCode} */ (event.data); this._unbindUISourceCode(uiSourceCode); }, _initialize: function() { /** @type {!Object.>>} */ this._urlToHeadersByFrameId = {}; /** @type {!Map.} */ this._styleFiles = new Map(); }, /** * @param {!WebInspector.Event} event */ _mainFrameCreatedOrNavigated: function(event) { for (var url in this._urlToHeadersByFrameId) { var uiSourceCode = this._workspace.uiSourceCodeForURL(url); if (!uiSourceCode) continue; this._unbindUISourceCode(uiSourceCode); } this._initialize(); }, /** * @param {!WebInspector.UISourceCode} uiSourceCode * @param {string} content * @param {boolean} majorChange * @param {function(?string)} userCallback */ _setStyleContent: function(uiSourceCode, content, majorChange, userCallback) { var styleSheetIds = this._cssModel.styleSheetIdsForURL(uiSourceCode.url); if (!styleSheetIds.length) { userCallback("No stylesheet found: " + uiSourceCode.url); return; } this._isSettingContent = true; /** * @param {?Protocol.Error} error * @this {WebInspector.StylesSourceMapping} */ function callback(error) { userCallback(error); delete this._isSettingContent; } this._cssModel.setStyleSheetText(styleSheetIds[0], content, majorChange, callback.bind(this)); }, /** * @param {!WebInspector.Event} event */ _styleSheetChanged: function(event) { if (this._isSettingContent) return; if (event.data.majorChange) { this._updateStyleSheetText(event.data.styleSheetId); return; } this._updateStyleSheetTextSoon(event.data.styleSheetId); }, /** * @param {!CSSAgent.StyleSheetId} styleSheetId */ _updateStyleSheetTextSoon: function(styleSheetId) { if (this._updateStyleSheetTextTimer) clearTimeout(this._updateStyleSheetTextTimer); this._updateStyleSheetTextTimer = setTimeout(this._updateStyleSheetText.bind(this, styleSheetId), WebInspector.StylesSourceMapping.MinorChangeUpdateTimeoutMs); }, /** * @param {!CSSAgent.StyleSheetId} styleSheetId */ _updateStyleSheetText: function(styleSheetId) { if (this._updateStyleSheetTextTimer) { clearTimeout(this._updateStyleSheetTextTimer); delete this._updateStyleSheetTextTimer; } CSSAgent.getStyleSheetText(styleSheetId, callback.bind(this)); /** * @param {?string} error * @param {string} content * @this {WebInspector.StylesSourceMapping} */ function callback(error, content) { if (!error) this._innerStyleSheetChanged(styleSheetId, content); } }, /** * @param {!CSSAgent.StyleSheetId} styleSheetId * @param {string} content */ _innerStyleSheetChanged: function(styleSheetId, content) { var header = this._cssModel.styleSheetHeaderForId(styleSheetId); if (!header) return; var styleSheetURL = header.resourceURL(); if (!styleSheetURL) return; var uiSourceCode = this._workspace.uiSourceCodeForURL(styleSheetURL) if (!uiSourceCode) return; var styleFile = this._styleFiles.get(uiSourceCode); if (styleFile) styleFile.addRevision(content); } } /** * @constructor * @param {!WebInspector.UISourceCode} uiSourceCode * @param {!WebInspector.StylesSourceMapping} mapping */ WebInspector.StyleFile = function(uiSourceCode, mapping) { this._uiSourceCode = uiSourceCode; this._mapping = mapping; this._uiSourceCode.addEventListener(WebInspector.UISourceCode.Events.WorkingCopyChanged, this._workingCopyChanged, this); this._uiSourceCode.addEventListener(WebInspector.UISourceCode.Events.WorkingCopyCommitted, this._workingCopyCommitted, this); } WebInspector.StyleFile.updateTimeout = 200; WebInspector.StyleFile.sourceURLRegex = /\n[\040\t]*\/\*#[\040\t]sourceURL=[\040\t]*([^\s]*)[\040\t]*\*\/[\040\t]*$/m; WebInspector.StyleFile.prototype = { _workingCopyCommitted: function(event) { if (this._isAddingRevision) return; this._commitIncrementalEdit(true); }, _workingCopyChanged: function(event) { if (this._isAddingRevision) return; // FIXME: Extensions tests override updateTimeout because extensions don't have any control over applying changes to domain specific bindings. if (WebInspector.StyleFile.updateTimeout >= 0) { this._incrementalUpdateTimer = setTimeout(this._commitIncrementalEdit.bind(this, false), WebInspector.StyleFile.updateTimeout) } else this._commitIncrementalEdit(false); }, /** * @param {boolean} majorChange */ _commitIncrementalEdit: function(majorChange) { this._clearIncrementalUpdateTimer(); this._mapping._setStyleContent(this._uiSourceCode, this._uiSourceCode.workingCopy(), majorChange, this._styleContentSet.bind(this)); }, /** * @param {?string} error */ _styleContentSet: function(error) { if (error) WebInspector.showErrorMessage(error); }, _clearIncrementalUpdateTimer: function() { if (!this._incrementalUpdateTimer) return; clearTimeout(this._incrementalUpdateTimer); delete this._incrementalUpdateTimer; }, /** * @param {string} content */ addRevision: function(content) { this._isAddingRevision = true; if (this._uiSourceCode.project().type() === WebInspector.projectTypes.FileSystem) content = content.replace(WebInspector.StyleFile.sourceURLRegex, ""); this._uiSourceCode.addRevision(content); delete this._isAddingRevision; }, dispose: function() { this._uiSourceCode.removeEventListener(WebInspector.UISourceCode.Events.WorkingCopyCommitted, this._workingCopyCommitted, this); this._uiSourceCode.removeEventListener(WebInspector.UISourceCode.Events.WorkingCopyChanged, this._workingCopyChanged, this); } }