Integrated with codex.notes (issue #133).

public/javascripts/aside.js

@@ -245,6 +245,8 @@ export default class Aside {
       return;
     }
 
+    codex.notes.searcher.pushData(noteData);
+
     let notesMenu;
 
     if (isRootFolder) {
@@ -337,7 +339,10 @@ export default class Aside {
     notesMenu.forEach( menu => {
       let existingNote = menu.querySelector('[data-id="' + itemId + '"]');
 
-      if (existingNote) existingNote.remove();
+      if (existingNote)      {
+        existingNote.remove();
+        codex.notes.searcher.removeData(itemId);
+      }
     });
   }
 

public/javascripts/searcher.js

@@ -16,26 +16,52 @@ export default class Searcher {
      * Where to search
      * @type {Array}
      */
-    this.dataset = null;
+    this.dataset = [];
   }
 
   /**
-   * Set data where search will be done
-   * @param {Array} data - array to set
+   * Push note data to array where search will be done
+   * @param {Object} data - data to push to the dataset
    */
-  set data( data ) {
-    this.dataset = data;
+  pushData( data ) {
+    let existingDataIndex = this.dataset.length;
+
+    this.dataset.forEach((item, index) => {
+      if (item._id == data._id)      {
+        existingDataIndex = index;
+        return;
+      }
+    });
+
+    this.dataset.splice(existingDataIndex, 1, data);
+  }
+
+  /**
+   * Remove note data from array where search will be done
+   * @param {Object} data - data to remove from the dataset
+   */
+  removeData( dataId ) {
+    let existingDataIndex = this.dataset.length;
+
+    this.dataset.forEach((item, index) => {
+      if (item._id == dataId)      {
+        existingDataIndex = index;
+        return;
+      }
+    });
+
+    this.dataset.splice(existingDataIndex, 1);
   }
 
   /**
-   * Set data where search will be done
-   * @param {Array} data - array to set
+   * Find data in the dataset array
+   * @param {String} item - item to find
    */
   search( item ) {
     let found = [];
 
     this.dataset.forEach((element) => {
-      if (element.indexOf(item) == 0)      {
+      if (element.title.indexOf(item) == 0)      {
         found.push(element);
       }
     });

public/stylesheets/components/searcher.css

@@ -0,0 +1,11 @@
+.searcher {
+
+    &__input {
+
+    }
+
+    &__found {
+
+    }
+
+}

src/views/aside.pug

@@ -90,3 +90,11 @@
                     .aside__section-title Notes
                     .notes-list
                         ul.notes-list__content(name="js-folder-notes-menu")
+
+
+    //-
+    //- Search
+    //-
+    .searcher
+        .searcher__input
+        .searcher__found