main.go

@@ -23,7 +23,7 @@ import (
 	"text/template"
 )
 
-const VERSION = "v16"
+const VERSION = "v15"
 const CONTEXT_USER = 1
 const SYNC_PAGINATION = 200
 

static/js/app.mjs

@@ -11,21 +11,11 @@ export class App {
 		this.crumbsElement = document.getElementById('crumbs')
 		this.nodeUI = document.getElementById('note')
 
-
 		_mbus.subscribe('TREE_TRUNK_FETCHED', async () => {
-			// Subscribing to the start node existing after the tree trunk is
+			document.getElementById('tree').append(this.tree.render())
-			// fetched since the NODE_COMPONENT_EXIST message isn't sent for the
-			// root node itself, and the root node should be selected in the tree
-			// after it is rendered when the site is shown without UUID in the URL.
-			const startNode = await this.getStartNode()
-			_mbus.subscribe(`NODE_COMPONENT_EXIST_${startNode.UUID}`, () => {
-				this.goToNode(startNode.UUID, false, false)
-			})
-
-			document.getElementById('tree').append(await this.tree.render())
 			document.getElementById('tree-nodes')?.focus()
 
-			if (startNode.UUID == ROOT_NODE)
+			const startNode = await this.getStartNode()
 			this.goToNode(startNode.UUID, false, false)
 		})
 
@@ -51,7 +41,7 @@ export class App {
 				if (e.startsWith('page-'))
 					classList.remove(e)
 			})
-			classList.add('page-' + page)
+			classList.add('page-'+page)
 		})
 
 		window.addEventListener('keydown', event => this.keyHandler(event))

static/js/node_store.mjs

@@ -456,7 +456,7 @@ class NodeHistoryStore extends SimpleNodeStore {
 			request.onerror = (event) => reject(event.target.error)
 		})
 	}//}}}
-	hasNode(uuid, updated) {// {{{
+	hasNode(uuid, updated) {
 		return new Promise((resolve, reject) => {
 			const req = this.db
 				.transaction(['nodes', this.storeName], 'readonly')
@@ -472,7 +472,7 @@ class NodeHistoryStore extends SimpleNodeStore {
 				reject(event.target.error)
 			}
 		})
-	}// }}}
+	}
 	retrievePage(uuid, perPage, page) {// {{{
 		return new Promise((resolve, _reject) => {
 			const cursor = this.db

static/js/tree.mjs

@@ -1,7 +1,6 @@
 import { ROOT_NODE } from 'node_store'
 import { CustomHTMLElement } from './lib/custom_html_element.mjs'
 import { Color, Solver } from './lib/css_colorize.mjs'
-import { Node } from './page_node.mjs'
 
 // TreeExpandedHandler is responsible for collapsing or expanding
 // the node tree, wide view or narrow "mobile" view.
@@ -153,21 +152,21 @@ export class N2Tree extends CustomHTMLElement {
 		let result = solver.solve()
 		// console.log(result.filter)
 	}// }}}
-	async render() {// {{{
+	render() {// {{{
 		if (this.rendered)
 			alert('Tree should only be rendered once.')
 
-
+		for (const node of this.treeTrunk) {
-		this.expandedNodes[ROOT_NODE] = true
+			const treenode = new N2TreeNode(this, node)
-		const startnode = await nodeStore.get(ROOT_NODE)
+			this.treeNodeComponents[node.UUID] = treenode
-		const starttreenode = new N2TreeNode(this, startnode, null)
+			this.elTreenodes.appendChild(treenode.render())
-		this.treeNodeComponents[startnode.UUID] = starttreenode
+		}
-		this.elTreenodes.appendChild(starttreenode.render())
 
 		this.rendered = true
 		return this
 	}// }}}
 	reset() {// {{{
+		console.log('tree reset')
 		this.treeNodeComponents = {}
 		this.treeTrunk = []
 		this.rendered = false
@@ -307,7 +306,7 @@ export class N2Tree extends CustomHTMLElement {
 			return
 		}
 
-		if (n.isFirstSibling()) {
+		if (n.isFirstSibling() && n.getParent().UUID !== ROOT_NODE) {
 			_mbus.dispatch("GO_TO_NODE", { nodeUUID: n.getParent()?.UUID, dontPush: false, dontExpand: true })
 			return
 		}
@@ -359,6 +358,8 @@ export class N2Tree extends CustomHTMLElement {
 
 		if (n.isFirstSibling()) {
 			parent = n.getParent()
+			if (parent?.UUID === ROOT_NODE)
+				return
 			_mbus.dispatch("GO_TO_NODE", { nodeUUID: parent?.UUID, dontPush: false, dontExpand: true })
 			return
 		}
@@ -561,9 +562,7 @@ export class N2TreeNode extends CustomHTMLElement {
 		}
 
 		// The expand icon <img> is only changed to not get a flickering when re-rendering.
-		if (this.node.UUID === ROOT_NODE)
+		if (!this.node.hasChildren())
-			this.setImgSrc(this.elExpand, `/images/${window._VERSION}/icon_home.svg`)
-		else if (!this.node.hasChildren())
 			this.setImgSrc(this.elExpand, `/images/${window._VERSION}/leaf.svg`)
 		else if (this.tree.getNodeExpanded(this.node.UUID))
 			this.setImgSrc(this.elExpand, `/images/${window._VERSION}/expanded.svg`)
@@ -579,7 +578,6 @@ export class N2TreeNode extends CustomHTMLElement {
 				if (treenode === undefined) {
 					treenode = new N2TreeNode(this.tree, node, this)
 					this.tree.treeNodeComponents[node.UUID] = treenode
-					_mbus.dispatch(`NODE_COMPONENT_EXIST_${node.UUID}`)
 				}
 				return treenode
 			})