DevTools: Changes Drawer

third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.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:
  *
  * 1. Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *
@@ skipping 35 matching lines @@
     this._subfolderNodes = new Map();
 
     this._rootNode = new Sources.NavigatorRootTreeNode(this);
     this._rootNode.populate();
 
     /** @type {!Map.<!SDK.ResourceTreeFrame, !Sources.NavigatorGroupTreeNode>} */
     this._frameNodes = new Map();
 
     this.element.addEventListener('contextmenu', this.handleContextMenu.bind(this), false);
 
+    this._dontGroup = false;
     this._navigatorGroupByFolderSetting = Common.moduleSetting('navigatorGroupByFolder');
     this._navigatorGroupByFolderSetting.addChangeListener(this._groupingChanged.bind(this));
 
     this._initGrouping();
     SDK.targetManager.addModelListener(
         SDK.ResourceTreeModel, SDK.ResourceTreeModel.Events.FrameNavigated, this._frameNavigated, this);
     SDK.targetManager.addModelListener(
         SDK.ResourceTreeModel, SDK.ResourceTreeModel.Events.FrameDetached, this._frameDetached, this);
 
     if (Runtime.experiments.isEnabled('persistence2')) {
       Persistence.persistence.addEventListener(
           Persistence.Persistence.Events.BindingCreated, this._onBindingChanged, this);
       Persistence.persistence.addEventListener(
           Persistence.Persistence.Events.BindingRemoved, this._onBindingChanged, this);
     } else {
       Persistence.persistence.addEventListener(
           Persistence.Persistence.Events.BindingCreated, this._onBindingCreated, this);
       Persistence.persistence.addEventListener(
           Persistence.Persistence.Events.BindingRemoved, this._onBindingRemoved, this);
     }
     SDK.targetManager.addEventListener(SDK.TargetManager.Events.NameChanged, this._targetNameChanged, this);
 
     SDK.targetManager.observeTargets(this);
     this._resetWorkspace(Workspace.workspace);
-    this._workspace.uiSourceCodes().forEach(this._addUISourceCode.bind(this));
+    this._workspace.uiSourceCodes().forEach(this.refreshUISourceCode.bind(this));
   }
 
   /**
    * @param {!UI.TreeElement} treeElement
    */
   static _treeElementOrder(treeElement) {
     if (treeElement._boostOrder)
       return 0;
 
     if (!Sources.NavigatorView._typeOrders) {
@@ skipping 70 matching lines @@
     if (typeWeight1 < typeWeight2)
       return -1;
     return treeElement1.titleAsText().compareTo(treeElement2.titleAsText());
   }
 
   /**
    * @param {!Common.Event} event
    */
   _onBindingCreated(event) {
     var binding = /** @type {!Persistence.PersistenceBinding} */ (event.data);
-    this._removeUISourceCode(binding.network);
+    this.refreshUISourceCode(binding.network);
   }
 
   /**
    * @param {!Common.Event} event
    */
   _onBindingRemoved(event) {
     var binding = /** @type {!Persistence.PersistenceBinding} */ (event.data);
-    this._addUISourceCode(binding.network);
+    this.refreshUISourceCode(binding.network);
   }
 
   /**
    * @param {!Common.Event} event
    */
   _onBindingChanged(event) {
     var binding = /** @type {!Persistence.PersistenceBinding} */ (event.data);
 
     // Update UISourceCode titles.
     var networkNodes = this._uiSourceCodeNodes.get(binding.network) || [];
@@ skipping 66 matching lines @@
       var resourceTreeModel = target && SDK.ResourceTreeModel.fromTarget(target);
       frame = resourceTreeModel && resourceTreeModel.mainFrame;
     }
     return frame;
   }
 
   /**
    * @param {!Workspace.UISourceCode} uiSourceCode
    */
   _addUISourceCode(uiSourceCode) {
-    if (!this.accept(uiSourceCode))
+    if (this._uiSourceCodeNodes.has(uiSourceCode))
       return;
 
     var binding = Persistence.persistence.binding(uiSourceCode);
     if (!Runtime.experiments.isEnabled('persistence2') && binding && binding.network === uiSourceCode)
       return;
 
     var isFromSourceMap = uiSourceCode.contentType().isFromSourceMap();
     var path;
     if (uiSourceCode.project().type() === Workspace.projectTypes.FileSystem)
       path = Persistence.FileSystemWorkspaceBinding.relativePath(uiSourceCode).slice(0, -1);
     else
       path = Common.ParsedURL.extractPath(uiSourceCode.url()).split('/').slice(1, -1);
 
     var project = uiSourceCode.project();
     var target = Bindings.NetworkProject.targetForUISourceCode(uiSourceCode);
     var frame = this._uiSourceCodeFrame(uiSourceCode);
 
     var folderNode =
         this._folderNode(uiSourceCode, project, target, frame, uiSourceCode.origin(), path, isFromSourceMap);
     var uiSourceCodeNode = new Sources.NavigatorUISourceCodeTreeNode(this, uiSourceCode);
     this._uiSourceCodeNodes.set(uiSourceCode, [uiSourceCodeNode]);
     folderNode.appendChild(uiSourceCodeNode);
     this.uiSourceCodeAdded(uiSourceCode);
   }
 
   /**
    * @param {!Workspace.UISourceCode} uiSourceCode
    */
+  refreshUISourceCode(uiSourceCode) {
+    if (this.accept(uiSourceCode))
+      this._addUISourceCode(uiSourceCode);
+    else
+      this._removeUISourceCode(uiSourceCode);
+  }
+
+  /**
+   * @param {!Workspace.UISourceCode} uiSourceCode
+   */
   uiSourceCodeAdded(uiSourceCode) {
   }
 
   /**
+   * @param {!Workspace.UISourceCode} uiSourceCode
+   */
+  uiSourceCodeRemoved(uiSourceCode) {
+  }
+
+  /**
    * @param {!Common.Event} event
    */
   _uiSourceCodeAdded(event) {
     var uiSourceCode = /** @type {!Workspace.UISourceCode} */ (event.data);
-    this._addUISourceCode(uiSourceCode);
+    this.refreshUISourceCode(uiSourceCode);
   }
 
   /**
    * @param {!Common.Event} event
    */
   _uiSourceCodeRemoved(event) {
     var uiSourceCode = /** @type {!Workspace.UISourceCode} */ (event.data);
     this._removeUISourceCode(uiSourceCode);
   }
 
@@ skipping 187 matching lines @@
       return null;
     if (this._scriptsTree.selectedTreeElement)
       this._scriptsTree.selectedTreeElement.deselect();
     this._lastSelectedUISourceCode = uiSourceCode;
     // TODO(dgozman): figure out revealing multiple.
     nodes[0].reveal(select);
     return nodes[0];
   }
 
   /**
+   * @return {?Workspace.UISourceCode}
+   */
+  anyUISourceCode() {
+    if (this._uiSourceCodeNodes.has(this._lastSelectedUISourceCode))
+      return this._lastSelectedUISourceCode;
+    return this._uiSourceCodeNodes.keys().next().value || null;
+  }
+
+  /**
    * @param {!Workspace.UISourceCode} uiSourceCode
    * @param {boolean} focusSource
    */
   _sourceSelected(uiSourceCode, focusSource) {
     this._lastSelectedUISourceCode = uiSourceCode;
+    this.revealSource(uiSourceCode, focusSource);
+  }
+
+  /**
+   * @param {!Workspace.UISourceCode} uiSourceCode
+   * @param {boolean} focusSource
+   */
+  revealSource(uiSourceCode, focusSource) {
     Common.Revealer.reveal(uiSourceCode, !focusSource);
   }
 
   /**
    * @param {!Workspace.UISourceCode} uiSourceCode
    */
   sourceDeleted(uiSourceCode) {
   }
 
   /**
@@ skipping 23 matching lines @@
           break;
         }
 
         var folderId = this._folderNodeId(project, target, frame, uiSourceCode.origin(), node._folderPath);
         this._subfolderNodes.delete(folderId);
         parentNode.removeChild(node);
         node = parentNode;
       }
     }
     this._uiSourceCodeNodes.delete(uiSourceCode);
+    this.uiSourceCodeRemoved(uiSourceCode);
   }
 
   reset() {
     for (var entry of this._uiSourceCodeNodes) {
       var nodes = /** @type {!Array<!Sources.NavigatorUISourceCodeTreeNode>} */ (entry[1]);
       for (var i = 0; i < nodes.length; i++)
         nodes[i].dispose();
     }
 
     this._scriptsTree.removeChildren();
@@ skipping 162 matching lines @@
     function fileCreated(uiSourceCode) {
       if (!uiSourceCode)
         return;
       this._sourceSelected(uiSourceCode, false);
       var node = this.revealUISourceCode(uiSourceCode, true);
       if (node)
         this.rename(node, true);
     }
   }
 
+  dontGroup() {
+    this._dontGroup = true;
+    this._groupingChanged();
+  }
+
   _groupingChanged() {
     this.reset();
     this._initGrouping();
-    this._workspace.uiSourceCodes().forEach(this._addUISourceCode.bind(this));
+    this._workspace.uiSourceCodes().forEach(this.refreshUISourceCode.bind(this));
   }
 
   _initGrouping() {
+    if (this._dontGroup) {
+      this._groupByFrame = false;
+      this._groupByDomain = false;
+      this._groupByFolder = false;
+      return;
+    }
     this._groupByFrame = true;
     this._groupByDomain = this._navigatorGroupByFolderSetting.get();
     this._groupByFolder = this._groupByDomain;
   }
 
   _resetForTest() {
     this.reset();
-    this._workspace.uiSourceCodes().forEach(this._addUISourceCode.bind(this));
+    this._workspace.uiSourceCodes().forEach(this.refreshUISourceCode.bind(this));
   }
 
   /**
    * @param {!Common.Event} event
    */
   _frameNavigated(event) {
     var frame = /** @type {!SDK.ResourceTreeFrame} */ (event.data);
     var node = this._frameNodes.get(frame);
     if (!node)
       return;
@@ skipping 844 matching lines @@
   /**
    * @param {string} title
    * @override
    */
   setTitle(title) {
     this._title = title;
     if (this._treeElement)
       this._treeElement.title = this._title;
   }
 };