text search of any node in the outliner

[apps/outliner/.git] / src / client.ts

diff --git a/src/client.ts b/src/client.ts
index 9b4c5b495839b0f24574f34f1c7cc14c198e1d22..83ef7b56534d213b64c9f4e7a20fce344b486300 100644 (file)
--- a/src/client.ts
+++ b/src/client.ts
@@ -3,6 +3,7 @@ import { Cursor } from './cursor';
 import keyboardJS from 'keyboardjs';
 import * as rawOutline from './test-data.json';
 import {showHelp} from 'help';
+import { Search } from './search';
 
 let outlineData = rawOutline;
 if(localStorage.getItem('activeOutline')) {
@@ -18,6 +19,8 @@ const cursor = new Cursor();
 // place the cursor at the top!
 cursor.set('.node');
 
+const search = new Search();
+
 function outliner() {
   return document.querySelector('#outliner');
 }
@@ -286,6 +289,41 @@ keyboardJS.withContext('editing', () => {
 
 keyboardJS.setContext('navigation');
 
+search.createIndex({
+  id: "string",
+  created: "number",
+  type: "string",
+  content: "string",
+  strikethrough: "boolean"
+}).then(async () => {
+  await search.indexBatch(outline.data.contentNodes);
+  search.bindEvents();
+});
+
+function recursivelyExpand(start: HTMLElement) {
+  if(start.classList.contains('node')) {
+    if(start.classList.contains('collapsed')) {
+      start.classList.remove('collapsed');
+      start.classList.add('expanded');
+      outline.unfold(start.getAttribute('data-id'));
+    }
+
+    if(start.parentElement) {
+      recursivelyExpand(start.parentElement)
+    }
+  }
+}
+
+search.onTermSelection = (docId: string) => {
+  // if any parent element in the chain to this node
+  // are collapsed, we want to make sure we expand them
+
+  recursivelyExpand(document.getElementById(`id-${docId}`).parentElement);
+  cursor.set(`#id-${docId}`);
+
+  save();
+};
+
 function saveImmediate() {
   localStorage.setItem(outline.data.id, JSON.stringify(outline.data));
   localStorage.setItem('activeOutline', outline.data.id);