Exclude files from Find in Files operations

src/brackets.js

@@ -159,6 +159,8 @@ define(function (require, exports, module) {
             HTMLInstrumentation     : require("language/HTMLInstrumentation"),
             MultiRangeInlineEditor  : require("editor/MultiRangeInlineEditor").MultiRangeInlineEditor,
             LanguageManager         : LanguageManager,
+            FindInFiles             : require("search/FindInFiles"),
+            FileFilters             : require("search/FileFilters"),
             doneLoading             : false
         };
 

src/editor/CSSInlineEditor.js

@@ -30,23 +30,18 @@ define(function (require, exports, module) {
 
     // Load dependent modules
     var CSSUtils                = require("language/CSSUtils"),
+        DropdownButton          = require("widgets/DropdownButton").DropdownButton,
         CommandManager          = require("command/CommandManager"),
         Commands                = require("command/Commands"),
         DocumentManager         = require("document/DocumentManager"),
-        DropdownEventHandler    = require("utils/DropdownEventHandler").DropdownEventHandler,
         EditorManager           = require("editor/EditorManager"),
         Editor                  = require("editor/Editor").Editor,
-        PanelManager            = require("view/PanelManager"),
         ProjectManager          = require("project/ProjectManager"),
         HTMLUtils               = require("language/HTMLUtils"),
-        Menus                   = require("command/Menus"),
         MultiRangeInlineEditor  = require("editor/MultiRangeInlineEditor"),
-        PopUpManager            = require("widgets/PopUpManager"),
         Strings                 = require("strings"),
         ViewUtils               = require("utils/ViewUtils"),
         _                       = require("thirdparty/lodash");
-
-    var StylesheetsMenuTemplate = require("text!htmlContent/stylesheets-menu.html");
 
     var _newRuleCmd,
         _newRuleHandlers = [];
@@ -102,19 +97,6 @@ define(function (require, exports, module) {
         return selectorName;
     }
 
-    /**
-     * @private
-     * Create the list of stylesheets in the dropdown menu.
-     * @return {string} The html content
-     */
-    function _renderList(cssFileInfos) {
-        var templateVars   = {
-                styleSheetList : cssFileInfos
-            };
-
-        return Mustache.render(StylesheetsMenuTemplate, templateVars);
-    }
-
     /**
      * @private
      * Add a new rule for the given selector to the given stylesheet, then add the rule to the
@@ -147,6 +129,16 @@ define(function (require, exports, module) {
         }
     }
 
+    /** Item renderer for stylesheet-picker dropdown */
+    function _stylesheetListRenderer(item) {
+        var html = "<span class='stylesheet-name'>" + _.escape(item.name);
+        if (item.subDirStr.length) {
+            html += "<span class='stylesheet-dir'> — " + _.escape(item.subDirStr) + "</span>";
+        }
+        html += "</span>";
+        return html;
+    }
+
     /**
      * This function is registered with EditManager as an inline editor provider. It creates a CSSInlineEditor
      * when cursor is on an HTML tag name, class attribute, or id attribute, find associated
@@ -180,107 +172,14 @@ define(function (require, exports, module) {
         var result = new $.Deferred(),
             cssInlineEditor,
             cssFileInfos = [],
-            $newRuleButton,
-            $dropdown,
-            $dropdownItem,
-            dropdownEventHandler;
-
-        /**
-         * @private
-         * Close the dropdown externally to dropdown, which ultimately calls the
-         * _cleanupDropdown callback.
-         */
-        function _closeDropdown() {
-            if (dropdownEventHandler) {
-                dropdownEventHandler.close();
-            }
-        }
-
-        /**
-         * @private
-         * Handle click
-         */
-        function _onClickOutside(event) {
-            var $container = $(event.target).closest(".stylesheet-dropdown");
-
-            // If click is outside dropdown list, then close dropdown list
-            if ($container.length === 0 || $container[0] !== $dropdown[0]) {
-                _closeDropdown();
-            }
-        }
-
-        /**
-         * @private
-         * Remove the various event handlers that close the dropdown. This is called by the
-         * PopUpManager when the dropdown is closed.
-         */
-        function _cleanupDropdown() {
-            window.document.body.removeEventListener("click", _onClickOutside, true);
-            $(hostEditor).off("scroll", _closeDropdown);
-            $(PanelManager).off("editorAreaResize", _closeDropdown);
-            dropdownEventHandler = null;
-            $dropdown = null;
-
-            EditorManager.focusEditor();
-        }
+            newRuleButton;
 
         /**
          * @private
          * Callback when item from dropdown list is selected
-         * @param {jQueryObject} $link  The `a` element selected with mouse or keyboard
          */
-        function _onSelect($link) {
-            var path  = $link.data("path");
-
-            if (path) {
-                _addRule(selectorName, cssInlineEditor, path);
-            }
-        }
-
-        /**
-         * @private
-         * Show or hide the stylesheets dropdown.
-         */
-        function _showDropdown() {
-            Menus.closeAll();
-
-            $dropdown = $(_renderList(cssFileInfos))
-                .appendTo($("body"));
-
-            var toggleOffset   = $newRuleButton.offset(),
-                posLeft        = toggleOffset.left,
-                posTop         = toggleOffset.top + $newRuleButton.outerHeight(),
-                elementRect = {
-                    top:    posTop,
-                    left:   posLeft,
-                    height: $dropdown.height(),
-                    width:  $dropdown.width()
-                },
-                clip = ViewUtils.getElementClipSize($(window), elementRect);
-
-            if (clip.bottom > 0) {
-                // Bottom is clipped, so move entire menu above button
-                posTop = Math.max(0, toggleOffset.top - $dropdown.height() - 4);
-            }
-
-            if (clip.right > 0) {
-                // Right is clipped, so adjust left to fit menu in editor
-                posLeft = Math.max(0, posLeft - clip.right);
-            }
-
-            $dropdown.css({
-                left: posLeft,
-                top: posTop
-            });
-
-            dropdownEventHandler = new DropdownEventHandler($dropdown, _onSelect, _cleanupDropdown);
-            dropdownEventHandler.open();
-
-            $dropdown.focus();
-
-            window.document.body.addEventListener("click", _onClickOutside, true);
-            $(hostEditor).on("scroll", _closeDropdown);
-            $(PanelManager).on("editorAreaResize", _closeDropdown);
+        function _onDropdownSelect(event, fileInfo) {
+            _addRule(selectorName, cssInlineEditor, fileInfo.fullPath);
         }
 
         /**
@@ -302,27 +201,24 @@ define(function (require, exports, module) {
          * Update the enablement of associated menu commands.
          */
         function _updateCommands() {
-            _newRuleCmd.setEnabled(cssInlineEditor.hasFocus() && !$newRuleButton.hasClass("disabled"));
+            _newRuleCmd.setEnabled(cssInlineEditor.hasFocus() && !newRuleButton.$button.hasClass("disabled"));
         }
 
         /**
          * @private
          * Create a new rule on click.
          */
         function _handleNewRuleClick(e) {
-            if (!$newRuleButton.hasClass("disabled")) {
+            if (!newRuleButton.$button.hasClass("disabled")) {
                 if (cssFileInfos.length === 1) {
                     // Just go ahead and create the rule.
                     _addRule(selectorName, cssInlineEditor, cssFileInfos[0].fullPath);
-                } else if ($dropdown) {
-                    _closeDropdown();
                 } else {
-                    _showDropdown();
+                    // Although not attached to button click in 'dropdown mode', this handler can still be
+                    // invoked via the command shortcut. Just toggle dropdown open/closed in that case.
+                    newRuleButton.toggleDropdown();
                 }
             }
-            if (e) {
-                e.stopPropagation();
-            }
         }
 
         /**
@@ -388,6 +284,10 @@ define(function (require, exports, module) {
             return fileInfos;
         }
 
+        function _onHostEditorScroll() {
+            newRuleButton.closeDropdown();
+        }
+
         CSSUtils.findMatchingRules(selectorName, hostEditor.document)
             .done(function (rules) {
                 var inlineEditorDeferred = new $.Deferred();
@@ -401,17 +301,22 @@ define(function (require, exports, module) {
                     inlineEditorDeferred.resolve();
                 });
                 $(cssInlineEditor).on("close", function () {
-                    _closeDropdown();
+                    newRuleButton.closeDropdown();
+                    $(hostEditor).off("scroll", _onHostEditorScroll);
                 });
 
                 var $header = $(".inline-editor-header", cssInlineEditor.$htmlContent);
-                $newRuleButton = $("<button class='stylesheet-button btn btn-mini disabled'/>")
-                    .text(Strings.BUTTON_NEW_RULE)
-                    .on("click", _handleNewRuleClick);
-                $header.append($newRuleButton);
+                newRuleButton = new DropdownButton(Strings.BUTTON_NEW_RULE, []);  // actual item list populated later, below
+                newRuleButton.$button.addClass("disabled");  // disabled until list is known
+                newRuleButton.$button.addClass("btn-mini stylesheet-button");
+                newRuleButton.itemRenderer = _stylesheetListRenderer;
+                $header.append(newRuleButton.$button);
                 _newRuleHandlers.push({inlineEditor: cssInlineEditor, handler: _handleNewRuleClick});
 
+                $(hostEditor).on("scroll", _onHostEditorScroll);
+
                 result.resolve(cssInlineEditor);
+
 
                 // Now that dialog has been built, collect list of stylesheets
                 var stylesheetsPromise = _getCSSFilesInProject();
@@ -428,14 +333,21 @@ define(function (require, exports, module) {
                         // "New Rule" button is disabled by default and gets enabled
                         // here if there are any stylesheets in project
                         if (cssFileInfos.length > 0) {
-                            $newRuleButton.removeClass("disabled");
+                            newRuleButton.$button.removeClass("disabled");
                             if (!rules.length) {
                                 // Force focus to the button so the user can create a new rule from the keyboard.
-                                $newRuleButton.focus();
+                                newRuleButton.$button.focus();
+                            }
+
+                            if (cssFileInfos.length === 1) {
+                                // Make it look & feel like a plain button in this case
+                                newRuleButton.$button.removeClass("btn-dropdown");
+                                newRuleButton.$button.on("click", _handleNewRuleClick);
+                            } else {
+                                // Fill out remaining dropdown attributes otherwise
+                                newRuleButton.items = cssFileInfos;
+                                $(newRuleButton).on("select", _onDropdownSelect);
                             }
-                        }
-                        if (cssFileInfos.length > 1) {
-                            $newRuleButton.addClass("btn-dropdown");
                         }
 
                         _updateCommands();

src/nls/root/strings.js

@@ -170,6 +170,14 @@ define({
     "FIND_IN_FILES_EXPAND_COLLAPSE"     : "Ctrl/Cmd click to expand/collapse all",
     "ERROR_FETCHING_UPDATE_INFO_TITLE"  : "Error getting update info",
     "ERROR_FETCHING_UPDATE_INFO_MSG"    : "There was a problem getting the latest update information from the server. Please make sure you are connected to the internet and try again.",
+
+    // File exclusion filters
+    "NO_FILE_FILTER"                    : "Exclude files...",
+    "EDIT_FILE_FILTER"                  : "Edit...",
+    "FILE_FILTER_INSTRUCTIONS"          : "Exclude files and folders matching any of the following strings / substrings or <a href='{0}' title='{0}'>globs</a>. Enter each string on a new line.",
+    "FILE_FILTER_LIST_PREFIX"           : "except",
+    "FILE_FILTER_CLIPPED_SUFFIX"        : "and {0} more",
+
 
     /**
      * ProjectManager

src/project/ProjectManager.js

@@ -1083,6 +1083,7 @@ define(function (require, exports, module) {
 
                         _projectRoot = rootEntry;
                         _projectBaseUrl = PreferencesManager.getViewState("project.baseUrl", context) || "";
+                        _allFilesCachePromise = null;  // invalidate getAllFiles() cache as soon as _projectRoot changes
 
                         // If this is the most current welcome project, record it. In future launches, we want
                         // to substitute the latest welcome project from the current build instead of using an