DevTools: introduce persistence/ module

third_party/WebKit/Source/devtools/front_end/sources/TabbedEditorContainer.js

 /*
  * Copyright (C) 2011 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._tabbedPane = new WebInspector.TabbedPane();
     this._tabbedPane.setPlaceholderText(placeholderText);
     this._tabbedPane.setTabDelegate(new WebInspector.EditorContainerTabDelegate(this));
 
     this._tabbedPane.setCloseableTabs(true);
     this._tabbedPane.setAllowTabReorder(true, true);
 
     this._tabbedPane.addEventListener(WebInspector.TabbedPane.Events.TabClosed, this._tabClosed, this);
     this._tabbedPane.addEventListener(WebInspector.TabbedPane.Events.TabSelected, this._tabSelected, this);
 
+    WebInspector.persistence.addEventListener(WebInspector.Persistence.Events.BindingCreated, this._onBindingCreated, this);
+    WebInspector.persistence.addEventListener(WebInspector.Persistence.Events.BindingRemoved, this._onBindingRemoved, this);
+
     this._tabIds = new Map();
     this._files = {};
 
     this._previouslyViewedFilesSetting = setting;
     this._history = WebInspector.TabbedEditorContainer.History.fromObject(this._previouslyViewedFilesSetting.get());
 }
 
 /** @enum {symbol} */
 WebInspector.TabbedEditorContainer.Events = {
     EditorSelected: Symbol("EditorSelected"),
     EditorClosed: Symbol("EditorClosed")
 }
 
 WebInspector.TabbedEditorContainer._tabId = 0;
 
 WebInspector.TabbedEditorContainer.maximalPreviouslyViewedFilesCount = 30;
 
 WebInspector.TabbedEditorContainer.prototype = {
     /**
+     * @param {!WebInspector.Event} event
+     */
+    _onBindingCreated: function(event)
+    {
+        var binding = /** @type {!WebInspector.PersistenceBinding} */(event.data);
+        var fileSystemTabId = this._tabIds.get(binding.fileSystem);
+        if (!fileSystemTabId)
+            return;
+
+        var isSelected = this._currentFile === binding.fileSystem;
+        var tabIndex = this._tabbedPane.tabIndex(fileSystemTabId);
+        this._closeTabs([fileSystemTabId]);
+        if (this._tabIds.has(binding.network))
+            return;

[dgozman, 2016/09/23 23:03:21]

select if isSelected

[lushnikov, 2016/09/24 00:30:50]

Done.

+        var tabId = this._appendFileTab(binding.network, false, tabIndex);
+        if (isSelected)
+            this._tabbedPane.selectTab(tabId, false);
+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _onBindingRemoved: function(event)
+    {
+        var binding = /** @type {!WebInspector.PersistenceBinding} */(event.data);
+        var networkTabId = this._tabIds.get(binding.network);
+        if (!networkTabId)
+            return;
+        this._appendFileTab(binding.fileSystem, false);
+    },
+
+    /**
      * @return {!WebInspector.Widget}
      */
     get view()
     {
         return this._tabbedPane;
     },
 
     /**
      * @type {!WebInspector.Widget}
      */
@@ skipping 115 matching lines @@
         this._history.updateSelectionRange(this._currentFile.url(), range);
         this._history.save(this._previouslyViewedFilesSetting);
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      * @param {boolean=} userGesture
      */
     _innerShowFile: function(uiSourceCode, userGesture)
     {
+        var binding = WebInspector.persistence.binding(uiSourceCode);
+        uiSourceCode = binding ? binding.network : uiSourceCode;

[dgozman, 2016/09/23 23:03:21]

Let's add a test for this line.

[lushnikov, 2016/09/24 00:30:50]

Done.

         if (this._currentFile === uiSourceCode)
             return;
 
         this._removeViewListeners();
         this._currentFile = uiSourceCode;
 
         var tabId = this._tabIds.get(uiSourceCode) || this._appendFileTab(uiSourceCode, userGesture);
 
         this._tabbedPane.selectTab(tabId, userGesture);
         if (userGesture)
@@ skipping 13 matching lines @@
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      * @return {string}
      */
     _titleForFile: function(uiSourceCode)
     {
         var maxDisplayNameLength = 30;
         var title = uiSourceCode.displayName(true).trimMiddle(maxDisplayNameLength);
-        if (uiSourceCode.isDirty() || uiSourceCode.hasUnsavedCommittedChanges())
+        if (uiSourceCode.isDirty() || WebInspector.persistence.hasUnsavedCommittedChanges(uiSourceCode))
             title += "*";
         return title;
     },
 
     /**
      * @param {string} id
      * @param {string} nextTabId
      */
     _maybeCloseTab: function(id, nextTabId)
     {
@@ skipping 134 matching lines @@
      * @return {string}
      */
     _tooltipForFile: function(uiSourceCode)
     {
         return uiSourceCode.url();
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      * @param {boolean=} userGesture
+     * @param {number=} index
      * @return {string}
      */
-    _appendFileTab: function(uiSourceCode, userGesture)
+    _appendFileTab: function(uiSourceCode, userGesture, index)
     {
         var view = this._delegate.viewForFile(uiSourceCode);
         var sourceFrame = view instanceof WebInspector.SourceFrame ? /** @type {!WebInspector.SourceFrame} */ (view) : null;
         var title = this._titleForFile(uiSourceCode);
         var tooltip = this._tooltipForFile(uiSourceCode);
 
         var tabId = this._generateTabId();
         this._tabIds.set(uiSourceCode, tabId);
         this._files[tabId] = uiSourceCode;
 
         var savedSelectionRange = this._history.selectionRange(uiSourceCode.url());
         if (sourceFrame && savedSelectionRange)
             sourceFrame.setSelection(savedSelectionRange);
         var savedScrollLineNumber = this._history.scrollLineNumber(uiSourceCode.url());
         if (sourceFrame && savedScrollLineNumber)
             sourceFrame.scrollToLine(savedScrollLineNumber);
 
-        this._tabbedPane.appendTab(tabId, title, view, tooltip, userGesture);
+        this._tabbedPane.appendTab(tabId, title, view, tooltip, userGesture, undefined, index);
 
         this._updateFileTitle(uiSourceCode);
         this._addUISourceCodeListeners(uiSourceCode);
         return tabId;
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _tabClosed: function(event)
@@ skipping 52 matching lines @@
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      */
     _updateFileTitle: function(uiSourceCode)
     {
         var tabId = this._tabIds.get(uiSourceCode);
         if (tabId) {
             var title = this._titleForFile(uiSourceCode);
             this._tabbedPane.changeTabTitle(tabId, title);
-            if (uiSourceCode.hasUnsavedCommittedChanges())
+            if (WebInspector.persistence.hasUnsavedCommittedChanges(uiSourceCode))
                 this._tabbedPane.setTabIcon(tabId, "warning-icon", WebInspector.UIString("Changes to this file were not saved to file system."));
             else
                 this._tabbedPane.setTabIcon(tabId, "");
         }
     },
 
     _uiSourceCodeTitleChanged: function(event)
     {
         var uiSourceCode = /** @type {!WebInspector.UISourceCode} */ (event.target);
         this._updateFileTitle(uiSourceCode);
@@ skipping 252 matching lines @@
     /**
      * @override
      * @param {string} tabId
      * @param {!WebInspector.ContextMenu} contextMenu
      */
     onContextMenu: function(tabId, contextMenu)
     {
         this._editorContainer._onContextMenu(tabId, contextMenu);
     }
 }