DevTools: introduce persistence/ module

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 43 matching lines @@
 
     this.element.addEventListener("contextmenu", this.handleContextMenu.bind(this), false);
 
     this._navigatorGroupByFolderSetting = WebInspector.moduleSetting("navigatorGroupByFolder");
     this._navigatorGroupByFolderSetting.addChangeListener(this._groupingChanged.bind(this));
 
     this._initGrouping();
     WebInspector.targetManager.addModelListener(WebInspector.ResourceTreeModel, WebInspector.ResourceTreeModel.Events.FrameNavigated, this._frameNavigated, this);
     WebInspector.targetManager.addModelListener(WebInspector.ResourceTreeModel, WebInspector.ResourceTreeModel.Events.FrameDetached, this._frameDetached, this);
     WebInspector.targetManager.observeTargets(this);
+    WebInspector.persistence.addEventListener(WebInspector.Persistence.Events.BindingCreated, this._onBindingCreated, this);
+    WebInspector.persistence.addEventListener(WebInspector.Persistence.Events.BindingRemoved, this._onBindingRemoved, this);
     this._resetWorkspace(WebInspector.workspace);
 }
 
 WebInspector.NavigatorView.Types = {
     Category: "category",
     Domain: "domain",
     File: "file",
     FileSystem: "fs",
     FileSystemFolder: "fs-folder",
     Frame: "frame",
@@ skipping 71 matching lines @@
     var searchLabel = WebInspector.UIString.capitalize("Search in ^folder");
     if (!path || !path.trim()) {
         path = "*";
         searchLabel = WebInspector.UIString.capitalize("Search in ^all ^files");
     }
     contextMenu.appendItem(searchLabel, searchPath);
 }
 
 WebInspector.NavigatorView.prototype = {
     /**
+     * @param {!WebInspector.Event} event
+     */
+    _onBindingCreated: function(event)
+    {
+        var binding = /** @type {!WebInspector.PersistenceBinding} */(event.data);
+        this._removeUISourceCode(binding.network);

[dgozman, 2016/09/22 19:55:54]

TODO(lushnikov): remove this after adding a green bubble.

[lushnikov, 2016/09/23 21:56:13]

Done.

+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _onBindingRemoved: function(event)
+    {
+        var binding = /** @type {!WebInspector.PersistenceBinding} */(event.data);
+        this._addUISourceCode(binding.network);
+    },
+
+    /**
      * @override
      */
     focus: function()
     {
         this._scriptsTree.focus();
     },
 
     /**
      * @param {!WebInspector.Workspace} workspace
      */
@@ skipping 38 matching lines @@
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      */
     _addUISourceCode: function(uiSourceCode)
     {
         if (!this.accept(uiSourceCode))
             return;
 
+        var binding = WebInspector.persistence.binding(uiSourceCode);
+        if (binding && binding.network === uiSourceCode)
+            return;
+
         var isFromSourceMap = uiSourceCode.contentType().isFromSourceMap();
         var path;
         if (uiSourceCode.project().type() === WebInspector.projectTypes.FileSystem)
             path = WebInspector.FileSystemWorkspaceBinding.relativePath(uiSourceCode).slice(0, -1);
         else
             path = WebInspector.ParsedURL.splitURLIntoPathComponents(uiSourceCode.url()).slice(1, -1);
 
         var project = uiSourceCode.project();
         var target = WebInspector.NetworkProject.targetForUISourceCode(uiSourceCode);
         var frame = this._uiSourceCodeFrame(uiSourceCode);
@@ skipping 209 matching lines @@
 
         return (prettyURL || projectOrigin);
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      * @param {boolean=} select
      */
     revealUISourceCode: function(uiSourceCode, select)
     {
+        var binding = WebInspector.persistence.binding(uiSourceCode);
+        if (binding && binding.network === uiSourceCode)
+            uiSourceCode = binding.persistent;
         var node = this._uiSourceCodeNodes.get(uiSourceCode);
         if (!node)
             return;
         if (this._scriptsTree.selectedTreeElement)
             this._scriptsTree.selectedTreeElement.deselect();
         this._lastSelectedUISourceCode = uiSourceCode;
         node.reveal(select);
     },
 
     /**
@@ skipping 803 matching lines @@
 
     /**
      * @param {boolean=} ignoreIsDirty
      */
     updateTitle: function(ignoreIsDirty)
     {
         if (!this._treeElement)
             return;
 
         var titleText = this._uiSourceCode.displayName();
-        if (!ignoreIsDirty && (this._uiSourceCode.isDirty() || this._uiSourceCode.hasUnsavedCommittedChanges()))
+        if (!ignoreIsDirty && (this._uiSourceCode.isDirty() || WebInspector.persistence.hasUnsavedCommittedChanges(this._uiSourceCode)))
             titleText = "*" + titleText;
         this._treeElement.title = titleText;
 
         var tooltip = this._uiSourceCode.url();
         if (this._uiSourceCode.contentType().isFromSourceMap())
             tooltip = WebInspector.UIString("%s (from source map)", this._uiSourceCode.displayName());
         this._treeElement.tooltip = tooltip;
     },
 
     /**
@@ skipping 293 matching lines @@
     {
         if (this._treeElement)
             return this._treeElement;
         this._treeElement = new WebInspector.NavigatorFolderTreeElement(this._navigatorView, this._type, this._title, this._hoverCallback);
         this._treeElement.setNode(this);
         return this._treeElement;
     },
 
     __proto__: WebInspector.NavigatorTreeNode.prototype
 }