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 550 matching lines @@
 {
 }
 
 WebInspector.SourcesView.EditorAction.prototype = {
     /**
      * @param {!WebInspector.SourcesView} sourcesView
      * @return {!Element}
      */
     button: function(sourcesView) { }
 }
+
+/**
+ * @constructor
+ * @implements {WebInspector.ActionDelegate}
+ */
+WebInspector.SourcesView.SwitchFileActionDelegate = function()
+{
+}
+
+/**
+ * @param {!WebInspector.UISourceCode} currentUISourceCode
+ * @return {?WebInspector.UISourceCode}
+ */
+WebInspector.SourcesView.SwitchFileActionDelegate._nextFile = function(currentUISourceCode)
+{
+    /**
+     * @param {string} name
+     * @return {string}
+     */
+    function fileNamePrefix(name)
+    {
+        var lastDotIndex = name.lastIndexOf(".");
+        var namePrefix = name.substr(0, lastDotIndex !== -1 ? lastDotIndex : name.length);
+        return namePrefix.toLowerCase();
+    }
+
+    var uiSourceCodes = currentUISourceCode.project().uiSourceCodes();
+    var candidates = [];
+    var path = currentUISourceCode.parentPath();
+    var name = currentUISourceCode.name();
+    var namePrefix = fileNamePrefix(name);
+    for (var i = 0; i < uiSourceCodes.length; ++i) {
+        var uiSourceCode = uiSourceCodes[i];
+        if (path !== uiSourceCode.parentPath())
+            continue;
+        if (fileNamePrefix(uiSourceCode.name()) === namePrefix)
+            candidates.push(uiSourceCode.name());
+    }
+    candidates.sort(String.naturalOrderComparator);
+    var index = mod(candidates.indexOf(name) + 1, candidates.length);
+    var fullPath = (path ? path + "/" : "") + candidates[index];
+    var nextUISourceCode = currentUISourceCode.project().uiSourceCode(fullPath);
+    return nextUISourceCode !== currentUISourceCode ? nextUISourceCode : null;
+},
+
+
+WebInspector.SourcesView.SwitchFileActionDelegate.prototype = {
+    /**
+     * @return {boolean}
+     */
+    handleAction: function()
+    {
+        var sourcesView = WebInspector.context.flavor(WebInspector.SourcesView);
+        if (!sourcesView)
+            return false;
+        var currentUISourceCode = sourcesView.currentUISourceCode();
+        if (!currentUISourceCode)
+            return true;
+        var nextUISourceCode = WebInspector.SourcesView.SwitchFileActionDelegate._nextFile(currentUISourceCode);
+        if (!nextUISourceCode)
+            return true;
+        sourcesView.showSourceLocation(nextUISourceCode);
+        return true;
+    }
+}