Refactor FilteredSearchTokenKeys model

app/assets/javascripts/filtered_search/filtered_search_dropdown_manager.js.es6

@@ -125,7 +125,7 @@
         this.droplab = new DropLab();
       }
 
-      const match = gl.FilteredSearchTokenKeys.get().filter(value => value.key === dropdownName.toLowerCase())[0];
+      const match = gl.FilteredSearchTokenKeys.searchByKey(dropdownName.toLowerCase());
       const shouldOpenFilterDropdown = match && this.currentDropdown !== match.key && this.mapping.hasOwnProperty(match.key);
       const shouldOpenHintDropdown = !match && this.currentDropdown !== 'hint';
 

app/assets/javascripts/filtered_search/filtered_search_manager.js.es6

@@ -85,42 +85,32 @@
 
       params.forEach((p) => {
         const split = p.split('=');
-        const key = decodeURIComponent(split[0]);
+        const keyParam = decodeURIComponent(split[0]);
         const value = split[1];
 
-        // Check if it matches edge conditions listed in gl.FilteredSearchTokenKeys.get()
-        let conditionIndex = 0;
-        const validCondition = gl.FilteredSearchTokenKeys.get()
-          .filter(v => v.conditions && v.conditions.filter((c, index) => {
-            // Return TokenKeys that have conditions that much the URL
-            if (c.url === p) {
-              conditionIndex = index;
-            }
-            return c.url === p;
-          })[0])[0];
+        // Check if it matches edge conditions listed in gl.FilteredSearchTokenKeys
+        const condition = gl.FilteredSearchTokenKeys.searchByConditionUrl(p);
 
-        if (validCondition) {
-          // Parse params based on rules provided in the conditions key of gl.FilteredSearchTokenKeys.get()
-          inputValues.push(`${validCondition.key}:${validCondition.conditions[conditionIndex].keyword}`);
+        if (condition) {
+          inputValues.push(`${condition.tokenKey}:${condition.value}`);
         } else {
           // Sanitize value since URL converts spaces into +
           // Replace before decode so that we know what was originally + versus the encoded +
           const sanitizedValue = value ? decodeURIComponent(value.replace(/\+/g, ' ')) : value;
-          const match = gl.FilteredSearchTokenKeys.get().filter(t => key === `${t.key}_${t.param}`)[0];
+          const match = gl.FilteredSearchTokenKeys.searchByKeyParam(keyParam);
 
           if (match) {
-            const sanitizedKey = key.slice(0, key.indexOf('_'));
-            const valueHasSpace = sanitizedValue.indexOf(' ') !== -1;
+            const sanitizedKey = keyParam.slice(0, keyParam.indexOf('_'));
             const symbol = match.symbol;
-            let quotationsToUse;
+            let quotationsToUse = '';
 
-            if (valueHasSpace) {
+            if (sanitizedValue.indexOf(' ') !== -1) {
               // Prefer ", but use ' if required
               quotationsToUse = sanitizedValue.indexOf('"') === -1 ? '"' : '\'';
             }
 
-            inputValues.push(valueHasSpace ? `${sanitizedKey}:${symbol}${quotationsToUse}${sanitizedValue}${quotationsToUse}` : `${sanitizedKey}:${symbol}${sanitizedValue}`);
-          } else if (!match && key === 'search') {
+            inputValues.push(`${sanitizedKey}:${symbol}${quotationsToUse}${sanitizedValue}${quotationsToUse}`);
+          } else if (!match && keyParam === 'search') {
             inputValues.push(sanitizedValue);
           }
         }
@@ -141,21 +131,17 @@
       paths.push(`state=${currentState}`);
 
       tokens.forEach((token) => {
-        const match = gl.FilteredSearchTokenKeys.get().filter(t => t.key === token.key)[0];
+        const condition = gl.FilteredSearchTokenKeys.searchByConditionKeyValue(token.key, token.value.toLowerCase());
+        const { param } = gl.FilteredSearchTokenKeys.searchByKey(token.key);
         let tokenPath = '';
 
-        if (token.wildcard && match.conditions) {
-          const condition = match.conditions
-            .filter(c => c.keyword === token.value.toLowerCase())[0];
-
-          if (condition) {
-            tokenPath = `${condition.url}`;
-          }
+        if (token.wildcard && condition) {
+          tokenPath = condition.url;
         } else if (!token.wildcard) {
           // Remove the wildcard token
-          tokenPath = `${token.key}_${match.param}=${encodeURIComponent(token.value.slice(1))}`;
+          tokenPath = `${token.key}_${param}=${encodeURIComponent(token.value.slice(1))}`;
         } else {
-          tokenPath = `${token.key}_${match.param}=${encodeURIComponent(token.value)}`;
+          tokenPath = `${token.key}_${param}=${encodeURIComponent(token.value)}`;
         }
 
         paths.push(tokenPath);

app/assets/javascripts/filtered_search/filtered_search_token_keys.js.es6

 /* eslint-disable no-param-reassign */
 ((global) => {
+  const tokenKeys = [{
+    key: 'author',
+    type: 'string',
+    param: 'username',
+    symbol: '@',
+  }, {
+    key: 'assignee',
+    type: 'string',
+    param: 'username',
+    symbol: '@',
+  }, {
+    key: 'milestone',
+    type: 'string',
+    param: 'title',
+    symbol: '%',
+  }, {
+    key: 'label',
+    type: 'array',
+    param: 'name[]',
+    symbol: '~',
+  }];
+
+  const conditions = [{
+    url: 'assignee_id=0',
+    tokenKey: 'assignee',
+    value: 'none',
+  }, {
+    url: 'milestone_title=No+Milestone',
+    tokenKey: 'milestone',
+    value: 'none',
+  }, {
+    url: 'milestone_title=%23upcoming',
+    tokenKey: 'milestone',
+    value: 'upcoming',
+  }, {
+    url: 'label_name[]=No+Label',
+    tokenKey: 'label',
+    value: 'none',
+  }];
+
   class FilteredSearchTokenKeys {
     static get() {
-      return [{
-        key: 'author',
-        type: 'string',
-        param: 'username',
-        symbol: '@',
-      }, {
-        key: 'assignee',
-        type: 'string',
-        param: 'username',
-        symbol: '@',
-        conditions: [{
-          keyword: 'none',
-          url: 'assignee_id=0',
-        }],
-      }, {
-        key: 'milestone',
-        type: 'string',
-        param: 'title',
-        symbol: '%',
-        conditions: [{
-          keyword: 'none',
-          url: 'milestone_title=No+Milestone',
-        }, {
-          keyword: 'upcoming',
-          url: 'milestone_title=%23upcoming',
-        }],
-      }, {
-        key: 'label',
-        type: 'array',
-        param: 'name[]',
-        symbol: '~',
-        conditions: [{
-          keyword: 'none',
-          url: 'label_name[]=No+Label',
-        }],
-      }];
+      return tokenKeys;
+    }
+
+    static searchByKey(key) {
+      return tokenKeys.find(tokenKey => tokenKey.key === key) || null;
+    }
+
+    static searchBySymbol(symbol) {
+      return tokenKeys.find(tokenKey => tokenKey.symbol === symbol) || null;
+    }
+
+    static searchByKeyParam(keyParam) {
+      return tokenKeys.find(tokenKey => keyParam === `${tokenKey.key}_${tokenKey.param}`) || null;
+    }
+
+    static searchByConditionUrl(url) {
+      return conditions.find(condition => condition.url === url) || null;
+    }
+
+    static searchByConditionKeyValue(key, value) {
+      return conditions.find(condition => condition.tokenKey === key && condition.value === value) || null;
     }
   }
 

app/assets/javascripts/filtered_search/filtered_search_tokenizer.es6

@@ -73,7 +73,6 @@
       let tokens = [];
       let searchToken = '';
       let lastToken = '';
-      const validTokenKeys = gl.FilteredSearchTokenKeys.get();
 
       const inputs = input.split(' ');
       let searchTerms = '';
@@ -107,8 +106,8 @@
         if (colonIndex !== -1) {
           const { tokenKey, tokenValue, tokenSymbol } = gl.FilteredSearchTokenizer.parseToken(i);
 
-          const keyMatch = validTokenKeys.filter(v => v.key === tokenKey)[0];
-          const symbolMatch = validTokenKeys.filter(v => v.symbol === tokenSymbol)[0];
+          const keyMatch = gl.FilteredSearchTokenKeys.searchByKey(tokenKey);
+          const symbolMatch = gl.FilteredSearchTokenKeys.searchBySymbol(tokenSymbol);
 
           const doubleQuoteOccurrences = tokenValue.split('"').length - 1;
           const singleQuoteOccurrences = tokenValue.split('\'').length - 1;