MD Bookmarks: Implement search and selection in new data flow system

chrome/browser/resources/md_bookmarks/reducers.js

 // Copyright 2017 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.
 
 /**
  * @fileoverview Module of functions which produce a new page state in response
  * to an action. Reducers (in the same sense as Array.prototype.reduce) must be
  * pure functions: they must not modify existing state objects, or make any API
  * calls.
  */
 
 cr.define('bookmarks', function() {
+  var SearchState = {};
+
+  /**
+   * @param {SearchState} search
+   * @param {Action} action
+   * @return {SearchState}
+   */
+  SearchState.startSearch = function(search, action) {
+    return {
+      term: action.term,
+      inProgress: true,
+      results: [],
+    };
+  };
+
+  /**
+   * @param {SearchState} search
+   * @param {Action} action
+   * @return {SearchState}
+   */
+  SearchState.finishSearch = function(search, action) {
+    return /** @type {SearchState} */ (Object.assign({}, search, {
+      inProgress: false,
+      results: action.results,
+    }));
+  };
+
+  /** @return {SearchState} */
+  SearchState.clearSearch = function() {
+    return {
+      term: '',
+      inProgress: false,
+      results: [],
+    };
+  };
+
+  /**
+   * @param {SearchState} search
+   * @param {Action} action
+   * @return {SearchState}
+   */
+  SearchState.updateSearch = function(search, action) {
+    switch (action.name) {
+      case 'start-search':
+        return SearchState.startSearch(search, action);
+      case 'select-folder':
+      case 'clear-search':
+        return SearchState.clearSearch();
+      case 'finish-search':
+        return SearchState.finishSearch(search, action);
+      default:
+        return search;
+    }
+  };
+
   var NodeState = {};
 
   /**
    * @param {NodeList} nodes
    * @param {string} id
    * @param {function(BookmarkNode):BookmarkNode} callback
    * @return {NodeList}
    */
   NodeState.modifyNode_ = function(nodes, id, callback) {
     var nodeModification = {};
@@ skipping 82 matching lines @@
         return action.id;
       case 'change-folder-open':
         // When hiding the selected folder by closing its ancestor, select
         // that ancestor instead.
         if (!action.open && selectedFolder &&
             SelectedFolderState.isAncestorOf(
                 nodes, action.id, selectedFolder)) {
           return action.id;
         }
         return selectedFolder;
+      case 'finish-search':
+        return null;
+      case 'clear-search':
+        // TODO(tsergeant): Return to the folder that was selected before the
+        // search.
+        return nodes['0'].children[0];
       default:
         return selectedFolder;
     }
   };
 
   var ClosedFolderState = {};
 
   /**
    * @param {ClosedFolderState} state
    * @param {Action} action
@@ skipping 51 matching lines @@
    * @param {Action} action
    * @return {!BookmarksPageState}
    */
   function reduceAction(state, action) {
     return {
       nodes: NodeState.updateNodes(state.nodes, action),
       selectedFolder: SelectedFolderState.updateSelectedFolder(
           state.selectedFolder, action, state.nodes),
       closedFolders: ClosedFolderState.updateClosedFolders(
           state.closedFolders, action, state.nodes),
+      search: SearchState.updateSearch(state.search, action),
     };
   }
 
   return {
     reduceAction: reduceAction,
     ClosedFolderState: ClosedFolderState,
     NodeState: NodeState,
+    SearchState: SearchState,
     SelectedFolderState: SelectedFolderState,
   };
 });