DevTools: Support regex search and case sensitive search in sources panel

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}
  * @param {!WebInspector.Workspace} workspace
  * @param {!WebInspector.SourcesPanel} sourcesPanel
  */
 WebInspector.SourcesView = function(workspace, sourcesPanel)
 {
     WebInspector.VBox.call(this);
     this.registerRequiredCSS("sourcesView.css");
     this.element.id = "sources-panel-sources-view";
     this.setMinimumAndPreferredSizes(50, 25, 150, 100);
 
     this._workspace = workspace;
     this._sourcesPanel = sourcesPanel;
 
-    this._searchableView = new WebInspector.SearchableView(this);
+    this._searchableView = new WebInspector.SearchableView(this, "sourcesViewSearchConfig");
     this._searchableView.setMinimalSearchQuerySize(0);
     this._searchableView.show(this.element);
 
     /** @type {!Map.<!WebInspector.UISourceCode, !WebInspector.UISourceCodeFrame>} */
     this._sourceFramesByUISourceCode = new Map();
 
     var tabbedEditorPlaceholderText = WebInspector.isMac() ? WebInspector.UIString("Hit Cmd+P to open a file") : WebInspector.UIString("Hit Ctrl+P to open a file");
     this._editorContainer = new WebInspector.TabbedEditorContainer(this, "previouslyViewedFiles", tabbedEditorPlaceholderText);
     this._editorContainer.show(this._searchableView.element);
     this._editorContainer.addEventListener(WebInspector.TabbedEditorContainer.Events.EditorSelected, this._editorSelected, this);
@@ skipping 455 matching lines @@
     {
         this._recreateSourceFrameIfNeeded(uiSourceCode);
     },
 
     searchCanceled: function()
     {
         if (this._searchView)
             this._searchView.searchCanceled();
 
         delete this._searchView;
-        delete this._searchQuery;
+        delete this._searchConfig;
     },
 
     /**
-     * @param {string} query
+     * @param {!WebInspector.SearchableView.SearchConfig} searchConfig
      * @param {boolean} shouldJump
      * @param {boolean=} jumpBackwards
      */
-    performSearch: function(query, shouldJump, jumpBackwards)
+    performSearch: function(searchConfig, shouldJump, jumpBackwards)
     {
         this._searchableView.updateSearchMatchesCount(0);
 
         var sourceFrame = this.currentSourceFrame();
         if (!sourceFrame)
             return;
 
         this._searchView = sourceFrame;
-        this._searchQuery = query;
+        this._searchConfig = searchConfig;
 
         /**
          * @param {!WebInspector.View} view
          * @param {number} searchMatches
          * @this {WebInspector.SourcesView}
          */
         function finishedCallback(view, searchMatches)
         {
             if (!searchMatches)
                 return;
 
             this._searchableView.updateSearchMatchesCount(searchMatches);
         }
 
         /**
          * @param {number} currentMatchIndex
          * @this {WebInspector.SourcesView}
          */
         function currentMatchChanged(currentMatchIndex)
         {
             this._searchableView.updateCurrentMatchIndex(currentMatchIndex);
         }
 
         /**
          * @this {WebInspector.SourcesView}
          */
         function searchResultsChanged()
         {
-            this.performSearch(query, false, false);
+            this.performSearch(this._searchConfig, false, false);
         }
 
-        this._searchView.performSearch(query, shouldJump, !!jumpBackwards, finishedCallback.bind(this), currentMatchChanged.bind(this), searchResultsChanged.bind(this));
+        this._searchView.performSearch(this._searchConfig, shouldJump, !!jumpBackwards, finishedCallback.bind(this), currentMatchChanged.bind(this), searchResultsChanged.bind(this));
     },
 
     jumpToNextSearchResult: function()
     {
         if (!this._searchView)
             return;
 
         if (this._searchView !== this.currentSourceFrame()) {
-            this.performSearch(this._searchQuery, true);
+            this.performSearch(this._searchConfig, true);
             return;
         }
 
         this._searchView.jumpToNextSearchResult();
     },
 
     jumpToPreviousSearchResult: function()
     {
         if (!this._searchView)
             return;
 
         if (this._searchView !== this.currentSourceFrame()) {
-            this.performSearch(this._searchQuery, true);
+            this.performSearch(this._searchConfig, true);
             if (this._searchView)
                 this._searchView.jumpToLastSearchResult();
             return;
         }
 
         this._searchView.jumpToPreviousSearchResult();
     },
 
     /**
-     * @param {string} text
+     * @return {boolean}
      */
-    replaceSelectionWith: function(text)
+    supportsCaseSensitiveSearch: function()
+    {
+        return true;
+    },
+
+    /**
+     * @return {boolean}
+     */
+    supportsRegexSearch: function()
+    {
+        return true;
+    },
+
+    /**
+     * @param {string} replacement
+     */
+    replaceSelectionWith: function(replacement)
     {
         var sourceFrame = this.currentSourceFrame();
         if (!sourceFrame) {
             console.assert(sourceFrame);
             return;
         }
-        sourceFrame.replaceSelectionWith(text);
+        sourceFrame.replaceSelectionWith(replacement);
     },
 
     /**
-     * @param {string} query
-     * @param {string} text
+     * @param {!WebInspector.SearchableView.SearchConfig} searchConfig
+     * @param {string} replacement
      */
-    replaceAllWith: function(query, text)
+    replaceAllWith: function(searchConfig, replacement)
     {
         var sourceFrame = this.currentSourceFrame();
         if (!sourceFrame) {
             console.assert(sourceFrame);
             return;
         }
-        sourceFrame.replaceAllWith(query, text);
+        sourceFrame.replaceAllWith(searchConfig, replacement);
     },
 
     /**
      * @param {!Event=} event
      * @return {boolean}
      */
     _showOutlineDialog: function(event)
     {
         var uiSourceCode = this._editorContainer.currentFile();
         if (!uiSourceCode)
@@ skipping 168 matching lines @@
         var currentUISourceCode = sourcesView.currentUISourceCode();
         if (!currentUISourceCode)
             return true;
         var nextUISourceCode = WebInspector.SourcesView.SwitchFileActionDelegate._nextFile(currentUISourceCode);
         if (!nextUISourceCode)
             return true;
         sourcesView.showSourceLocation(nextUISourceCode);
         return true;
     }
 }