DevTools: Add a shortcut for switching between files with the same name and different extensions.

Source/devtools/front_end/sources/SourcesView.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @implements {WebInspector.TabbedEditorContainerDelegate}
  * @implements {WebInspector.Searchable}
  * @implements {WebInspector.Replaceable}
  * @extends {WebInspector.VBox}
@@ skipping 112 matching lines @@
     },
 
     _handleKeyDown: function(event)
     {
         var shortcutKey = WebInspector.KeyboardShortcut.makeKeyFromEvent(event);
         var handler = this._shortcuts[shortcutKey];
         if (handler && handler())
             event.consume(true);
     },
 
+    wasShown: function()
+    {
+        WebInspector.VBox.prototype.wasShown.call(this);
+        WebInspector.context.setFlavor(WebInspector.SourcesView, this);
+    },
+
+    willHide: function()
+    {
+        WebInspector.context.setFlavor(WebInspector.SourcesView, null);
+        WebInspector.VBox.prototype.willHide.call(this);
+    },
+
     /**
      * @return {!Element}
      */
     statusBarContainerElement: function()
     {
         return this._statusBarContainerElement;
     },
 
     /**
      * @return {!Element}
@@ skipping 533 matching lines @@
     },
 
     /**
      * @param {boolean} active
      */
     toggleBreakpointsActiveState: function(active)
     {
         this._editorContainer.view.element.classList.toggle("breakpoints-deactivated", !active);
     },
 
+    _switchFile: function()
+    {
+        if (!this._currentUISourceCode)
+            return;
+        var uiSourceCodes = this._currentUISourceCode.project().uiSourceCodes();
+        var candidates = [];
+        var path = this._currentUISourceCode.parentPath();
+        var name = this._currentUISourceCode.name();
+        var namePrefix = name.substr(0, name.indexOf(".")) + ".";

[apavlov, 2014/07/09 14:06:05]

var namePrefix = name.substr(0, name.indexOf(".") + 1);

[lushnikov, 2014/07/11 11:47:38]

Let's get lastIndexOf

[apavlov, 2014/07/11 11:49:54]

+1
So, var namePrefix = name.substr(0, name.lastIndexOf(".") + 1);

+        namePrefix = namePrefix.toLowerCase();
+        for (var i = 0; i < uiSourceCodes.length; ++i) {
+            var uiSourceCode = uiSourceCodes[i]

[apavlov, 2014/07/09 14:06:05]

';' missing

+            if (path === uiSourceCode.parentPath() && uiSourceCode.name().toLowerCase().startsWith(namePrefix))
+                candidates.push(uiSourceCode.name());
+        }
+        candidates.sort(String.naturalOrderComparator);
+        var index = mod(candidates.indexOf(name) + 1, candidates.length);

[apavlov, 2014/07/09 14:06:05]

Do we want to be able to set up certain switching sequences, like cc|cpp <->
h|hpp?

+        var fullPath = path + "/" + candidates[index];
+        var nextUISourceCode = this._currentUISourceCode.project().uiSourceCode(fullPath);
+        if (!nextUISourceCode)
+            return;
+        this.showSourceLocation(nextUISourceCode);
+    },
+
     __proto__: WebInspector.VBox.prototype
 }
 
 /**
  * @interface
  */
 WebInspector.SourcesView.EditorAction = function()
 {
 }
 
 WebInspector.SourcesView.EditorAction.prototype = {
     /**
      * @param {!WebInspector.SourcesView} sourcesView
      * @return {!Element}
      */
     button: function(sourcesView) { }
 }
+
+/**
+ * @constructor
+ * @implements {WebInspector.ActionDelegate}
+ */
+WebInspector.SourcesView.SwitchFileActionDelegate = function()
+{
+}
+
+WebInspector.SourcesView.SwitchFileActionDelegate.prototype = {
+    /**
+     * @return {boolean}
+     */
+    handleAction: function()
+    {
+        var sourcesView = WebInspector.context.flavor(WebInspector.SourcesView);
+        if (!sourcesView)
+            return false;
+        sourcesView._switchFile();
+        return true;
+    }
+}