More caching, first tree navigation with up/down.

static/js/node.mjs

@@ -209,6 +209,9 @@ export class NodeUI extends Component {
 			return
 
 		switch (evt.key.toUpperCase()) {
+			case 'T':
+				_notes2.current.tree.treeDiv.current?.focus()
+				break
 			/*
 			case 'C':
 				this.showPage('node')
@@ -342,6 +345,10 @@ export class Node {
 		this._content = this.data.Content
 		this._modified = false
 
+		this._sibling_before = null
+		this._sibling_after = null
+		this._parent = null
+
 		/*
 		this.RenderMarkdown = signal(nodeData.RenderMarkdown)
 		this.Markdown = false
@@ -371,10 +378,45 @@ export class Node {
 	async fetchChildren() {//{{{
 		if (this._children_fetched)
 			return this.Children
+
+
 		this.Children = await nodeStore.getTreeNodes(this.UUID, this.Level + 1)
+
 		this._children_fetched = true
+
+		// Children are sorted to allow for storing siblings befare and after.
+		// These are used with keyboard navigation in the tree.
+		this.Children.sort(Node.sort)
+
+		const numChildren = this.Children.length
+		for (let i = 0; i < numChildren; i++) {
+			if (i > 0)
+				this.Children[i]._sibling_before = this.Children[i - 1]
+			if (i < numChildren - 1)
+				this.Children[i]._sibling_after = this.Children[i + 1]
+			this.Children[i]._parent = this
+		}
+
 		return this.Children
 	}//}}}
+	hasChildren() {//{{{
+		return this.Children.length > 0
+	}//}}}
+	getSiblingBefore() {// {{{
+		return this._sibling_before
+	}// }}}
+	getSiblingAfter() {// {{{
+		return this._sibling_after
+	}// }}}
+	getParent() {//{{{
+		return this._parent
+	}//}}}
+	isLastSibling() {//{{{
+		return this._sibling_after === null
+	}//}}}
+	isFirstSibling() {//{{{
+		return this._sibling_before === null
+	}//}}}
 	content() {//{{{
 		/* TODO - implement crypto
 		if (this.CryptoKeyID != 0 && !this._decrypted)