DevTools: make StylesSourceMapping in charge of creating and removing UISourceCodes

third_party/WebKit/Source/devtools/front_end/bindings/NetworkProject.js

 /*
  * 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
@@ skipping 13 matching lines @@
  * 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.
  */
 /**
  * @implements {SDK.TargetManager.Observer}
  * @unrestricted
  */
-Bindings.NetworkProjectManager = class {
+Bindings.NetworkProjectManager = class extends Common.Object {
   /**
    * @param {!SDK.TargetManager} targetManager
    * @param {!Workspace.Workspace} workspace
    */
   constructor(targetManager, workspace) {
+    super();
     this._workspace = workspace;
     targetManager.observeTargets(this);
   }
 
   /**
    * @override
    * @param {!SDK.Target} target
    */
   targetAdded(target) {
     new Bindings.NetworkProject(target, this._workspace, SDK.ResourceTreeModel.fromTarget(target));
   }
 
   /**
    * @override
    * @param {!SDK.Target} target
    */
   targetRemoved(target) {
     Bindings.NetworkProject.forTarget(target)._dispose();
   }
 };
 
+/** @implements {Common.Emittable} */
+Bindings.NetworkProjectManager.FrameAttributionChangedEvent = class {
+  /**
+   * @param {!Workspace.UISourceCode} uiSourceCode
+   */
+  constructor(uiSourceCode) {
+    this.uiSourceCode = uiSourceCode;
+  }
+};
+
+
 /**
  * @unrestricted
  */
 Bindings.NetworkProject = class extends SDK.SDKObject {
   /**
    * @param {!SDK.Target} target
    * @param {!Workspace.Workspace} workspace
    * @param {?SDK.ResourceTreeModel} resourceTreeModel
    */
   constructor(target, workspace, resourceTreeModel) {
@@ skipping 15 matching lines @@
               SDK.ResourceTreeModel.Events.MainFrameNavigated, this._mainFrameNavigated, this));
     }
 
     var debuggerModel = SDK.DebuggerModel.fromTarget(target);
     if (debuggerModel) {
       this._eventListeners.push(
           debuggerModel.addEventListener(SDK.DebuggerModel.Events.ParsedScriptSource, this._parsedScriptSource, this),
           debuggerModel.addEventListener(
               SDK.DebuggerModel.Events.FailedToParseScriptSource, this._parsedScriptSource, this));
     }
-    var cssModel = target.model(SDK.CSSModel);
-    if (cssModel) {
-      this._eventListeners.push(
-          cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetAdded, this._styleSheetAdded, this),
-          cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetRemoved, this._styleSheetRemoved, this));
-    }
     this._eventListeners.push(target.targetManager().addEventListener(
         SDK.TargetManager.Events.SuspendStateChanged, this._suspendStateChanged, this));
   }
 
   /**
    * @param {!SDK.Target} target
    * @param {?SDK.ResourceTreeFrame} frame
    * @param {boolean} isContentScripts
    * @return {string}
    */
@@ skipping 11 matching lines @@
 
   /**
    * @param {!Workspace.Project} project
    * @return {?SDK.Target} target
    */
   static targetForProject(project) {
     return project[Bindings.NetworkProject._targetSymbol] || null;
   }
 
   /**
-   * @param {!Workspace.Project} project
-   * @return {?SDK.ResourceTreeFrame}
+   * @param {!Workspace.UISourceCode} uiSourceCode
+   * @return {!Array<!SDK.ResourceTreeFrame>}
    */
-  static frameForProject(project) {
-    return project[Bindings.NetworkProject._frameSymbol] || null;
+  static framesForUISourceCode(uiSourceCode) {
+    return uiSourceCode[Bindings.NetworkProject._frameSymbol] || [];
   }
 
   /**
    * @param {!Workspace.UISourceCode} uiSourceCode
    * @return {?SDK.Target} target
    */
   static targetForUISourceCode(uiSourceCode) {
-    return uiSourceCode[Bindings.NetworkProject._targetSymbol] || null;
+    return uiSourceCode.project()[Bindings.NetworkProject._targetSymbol] || null;
   }
 
   /**
    * @param {!Workspace.UISourceCode} uiSourceCode
    * @return {string}
    */
   static uiSourceCodeMimeType(uiSourceCode) {
-    if (uiSourceCode[Bindings.NetworkProject._scriptSymbol] || uiSourceCode[Bindings.NetworkProject._styleSheetSymbol])
+    if (uiSourceCode[Bindings.NetworkProject._useExplicitMimeType])
       return uiSourceCode.contentType().canonicalMimeType();
 
     var resource = uiSourceCode[Bindings.NetworkProject._resourceSymbol];
     if (resource)
       return resource.mimeType;
     var mimeType = Common.ResourceType.mimeFromURL(uiSourceCode.url());
     return mimeType || uiSourceCode.contentType().canonicalMimeType();
   }
 
   /**
    * @param {?SDK.ResourceTreeFrame} frame
    * @param {boolean} isContentScripts
    * @return {!Bindings.ContentProviderBasedProject}
    */
   _workspaceProject(frame, isContentScripts) {
     var projectId = Bindings.NetworkProject.projectId(this.target(), frame, isContentScripts);
     var projectType = isContentScripts ? Workspace.projectTypes.ContentScripts : Workspace.projectTypes.Network;
 
     var project = this._workspaceProjects.get(projectId);
     if (project)
       return project;
 
     project = new Bindings.ContentProviderBasedProject(
         this._workspace, projectId, projectType, '', false /* isServiceProject */);
     project[Bindings.NetworkProject._targetSymbol] = this.target();
-    project[Bindings.NetworkProject._frameSymbol] = frame;
     this._workspaceProjects.set(projectId, project);
     return project;
   }
 
   /**
+   * @param {!Workspace.Project} project
+   * @param {!SDK.Target} target
+   */
+  static connectProjectToTarget(project, target) {
+    project[Bindings.NetworkProject._targetSymbol] = target;
+  }
+
+  /**
+   * @param {!Workspace.UISourceCode} uiSourceCode
+   * @param {!SDK.ResourceTreeFrame} frame
+   */
+  static connectFrameToUISourceCode(uiSourceCode, frame) {
+    var frames = uiSourceCode[Bindings.NetworkProject._frameSymbol];
+    if (!frames) {
+      frames = [];
+      uiSourceCode[Bindings.NetworkProject._frameSymbol] = frames;
+    }
+    frames.push(frame);
+    Bindings.networkProjectManager.emit(new Bindings.NetworkProjectManager.FrameAttributionChangedEvent(uiSourceCode));
+  }
+
+  /**
+   * @param {!Workspace.UISourceCode} uiSourceCode
+   * @param {!SDK.ResourceTreeFrame} frame
+   */
+  static disconnectFrameFromUISourceCode(uiSourceCode, frame) {
+    var frames = uiSourceCode[Bindings.NetworkProject._frameSymbol];
+    var frameIndex = frames.indexOf(frame);
+    if (frameIndex === -1)
+      return;
+    frames.splice(frameIndex, 1);
+    if (!frames.length)
+      uiSourceCode[Bindings.NetworkProject._frameSymbol] = null;
+    Bindings.networkProjectManager.emit(new Bindings.NetworkProjectManager.FrameAttributionChangedEvent(uiSourceCode));
+  }
+
+  /**
+   * @param {!Workspace.UISourceCode} uiSourceCode
+   */
+  static useExplicitMimeType(uiSourceCode) {
+    uiSourceCode[Bindings.NetworkProject._useExplicitMimeType] = true;
+  }
+
+  /**
    * @param {!Common.ContentProvider} contentProvider
    * @param {?SDK.ResourceTreeFrame} frame
    * @param {boolean} isContentScript
    * @param {?number} contentSize
    * @return {!Workspace.UISourceCode}
    */
   addFile(contentProvider, frame, isContentScript, contentSize) {
     var uiSourceCode = this._createFile(contentProvider, frame, isContentScript || false);
     var metadata = typeof contentSize === 'number' ? new Workspace.UISourceCodeMetadata(null, contentSize) : null;
     this._addUISourceCodeWithProvider(uiSourceCode, contentProvider, metadata);
     return uiSourceCode;
   }
 
-  /**
-   * @param {?SDK.ResourceTreeFrame} frame
-   * @param {string} url
-   */
-  _removeFileForURL(frame, url) {
-    var project = this._workspaceProjects.get(Bindings.NetworkProject.projectId(this.target(), frame, false));
-    if (!project)
-      return;
-    project.removeFile(url);
-  }
-
   _populate() {
     /**
      * @param {!SDK.ResourceTreeFrame} frame
      * @this {Bindings.NetworkProject}
      */
     function populateFrame(frame) {
       for (var i = 0; i < frame.childFrames.length; ++i)
         populateFrame.call(this, frame.childFrames[i]);
 
       var resources = frame.resources();
@@ skipping 24 matching lines @@
     var script = /** @type {!SDK.Script} */ (event.data);
     if (!script.sourceURL || script.isLiveEdit() || (script.isInlineScript() && !script.hasSourceURL))
       return;
     // Filter out embedder injected content scripts.
     if (script.isContentScript() && !script.hasSourceURL) {
       var parsedURL = new Common.ParsedURL(script.sourceURL);
       if (!parsedURL.isValid)
         return;
     }
     var uiSourceCode = this._createFile(script, SDK.ResourceTreeFrame.fromScript(script), script.isContentScript());
-    uiSourceCode[Bindings.NetworkProject._scriptSymbol] = script;
-    var resource = SDK.ResourceTreeModel.resourceForURL(uiSourceCode.url());
-    this._addUISourceCodeWithProvider(uiSourceCode, script, this._resourceMetadata(resource));
+    uiSourceCode[Bindings.NetworkProject._useExplicitMimeType] = true;
+    var frame = SDK.ResourceTreeFrame.fromScript(script);
+    var metadata = frame ? Bindings.resourceMetadata(frame.resourceForURL(uiSourceCode.url())) : null;
+    this._addUISourceCodeWithProvider(uiSourceCode, script, metadata);
   }
 
   /**
-   * @param {!Common.Event} event
-   */
-  _styleSheetAdded(event) {
-    var header = /** @type {!SDK.CSSStyleSheetHeader} */ (event.data);
-    if (header.isInline && !header.hasSourceURL && header.origin !== 'inspector')
-      return;
-    if (!header.resourceURL())
-      return;
-
-    var originalContentProvider = header.originalContentProvider();
-    var uiSourceCode = this._createFile(originalContentProvider, SDK.ResourceTreeFrame.fromStyleSheet(header), false);
-    uiSourceCode[Bindings.NetworkProject._styleSheetSymbol] = header;
-    var resource = SDK.ResourceTreeModel.resourceForURL(uiSourceCode.url());
-    this._addUISourceCodeWithProvider(uiSourceCode, originalContentProvider, this._resourceMetadata(resource));
-  }
-
-  /**
-   * @param {!Common.Event} event
-   */
-  _styleSheetRemoved(event) {
-    var header = /** @type {!SDK.CSSStyleSheetHeader} */ (event.data);
-    if (header.isInline && !header.hasSourceURL && header.origin !== 'inspector')
-      return;
-
-    this._removeFileForURL(SDK.ResourceTreeFrame.fromStyleSheet(header), header.resourceURL());
-  }
-
-  /**
    * @param {!Common.Event} event
    */
   _resourceAdded(event) {
     var resource = /** @type {!SDK.Resource} */ (event.data);
     this._addResource(resource);
   }
 
   /**
    * @param {!SDK.Resource} resource
    */
@@ skipping 13 matching lines @@
     if ((resourceType === Common.resourceTypes.Image || resourceType === Common.resourceTypes.Font) &&
         resource.contentURL().startsWith('data:'))
       return;
 
     // Never load document twice.
     if (this._workspace.uiSourceCodeForURL(resource.url))
       return;
 
     var uiSourceCode = this._createFile(resource, SDK.ResourceTreeFrame.fromResource(resource), false);
     uiSourceCode[Bindings.NetworkProject._resourceSymbol] = resource;
-    this._addUISourceCodeWithProvider(uiSourceCode, resource, this._resourceMetadata(resource));
+    this._addUISourceCodeWithProvider(uiSourceCode, resource, Bindings.resourceMetadata(resource));
   }
 
   /**
    * @param {!Common.Event} event
    */
   _frameWillNavigate(event) {
     var frame = /** @type {!SDK.ResourceTreeFrame} */ (event.data);
     var project = this._workspaceProject(frame, false);
     for (var resource of frame.resources())
       project.removeUISourceCode(resource.url);
@@ skipping 20 matching lines @@
   /**
    * @param {!Common.ContentProvider} contentProvider
    * @param {?SDK.ResourceTreeFrame} frame
    * @param {boolean} isContentScript
    * @return {!Workspace.UISourceCode}
    */
   _createFile(contentProvider, frame, isContentScript) {
     var url = contentProvider.contentURL();
     var project = this._workspaceProject(frame, isContentScript);
     var uiSourceCode = project.createUISourceCode(url, contentProvider.contentType());
-    uiSourceCode[Bindings.NetworkProject._targetSymbol] = this.target();
+    uiSourceCode[Bindings.NetworkProject._frameSymbol] = [frame];
     return uiSourceCode;
   }
 
-  /**
-   * @param {?SDK.Resource} resource
-   * @return {?Workspace.UISourceCodeMetadata}
-   */
-  _resourceMetadata(resource) {
-    if (!resource || (typeof resource.contentSize() !== 'number' && !resource.lastModified()))
-      return null;
-    return new Workspace.UISourceCodeMetadata(resource.lastModified(), resource.contentSize());
-  }
-
   _dispose() {
     this._reset();
     Common.EventTarget.removeEventListeners(this._eventListeners);
     delete this.target()[Bindings.NetworkProject._networkProjectSymbol];
   }
 
   _reset() {
     for (var project of this._workspaceProjects.values())
       project.removeProject();
     this._workspaceProjects.clear();
@@ skipping 19 matching lines @@
    * @return {?Workspace.UISourceCode}
    */
   static uiSourceCodeForStyleURL(workspace, url, header) {
     var frame = SDK.ResourceTreeFrame.fromStyleSheet(header);
     return workspace.uiSourceCode(Bindings.NetworkProject.projectId(header.target(), frame, false), url);
   }
 };
 
 Bindings.NetworkProject._networkProjectSymbol = Symbol('networkProject');
 Bindings.NetworkProject._resourceSymbol = Symbol('resource');
-Bindings.NetworkProject._scriptSymbol = Symbol('script');
-Bindings.NetworkProject._styleSheetSymbol = Symbol('styleSheet');
+Bindings.NetworkProject._useExplicitMimeType = Symbol('useExplicitMimeType');
 Bindings.NetworkProject._targetSymbol = Symbol('target');
 Bindings.NetworkProject._frameSymbol = Symbol('frame');