From 7002a00972746ff1d4ff00e8c450e9a0bd36bebf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20=C3=85hall?= <magnus.ahall@gibon.se>
Date: Sun, 7 Jun 2026 09:51:25 +0200
Subject: [PATCH] Show markdown for selected history node

---
 static/js/page_history.mjs | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/static/js/page_history.mjs b/static/js/page_history.mjs
index 37404c7..074c0bb 100644
--- a/static/js/page_history.mjs
+++ b/static/js/page_history.mjs
@@ -50,7 +50,10 @@ export class N2PageHistory extends CustomHTMLElement {
 				</div>
 			</div>
 
-			<div data-el="markdown-content"></div>
+			<div class="group-label">Document</div>
+			<div class="group">
+				<div data-el="node-markdown"></div>
+			</div>
 		`
 	}// }}}
 
@@ -80,6 +83,10 @@ export class N2PageHistory extends CustomHTMLElement {
 
 		_mbus.subscribe('HISTORY_NODE_SELECTED', (event) => {
 			this.selectedNode = event.detail.data.historyNode
+
+			// Any selected history node is rendered with markdown.
+			const marked = new MarkedPosition()
+			this.elNodeMarkdown.innerHTML = marked.parse(this.selectedNode?.node.content())
 		})
 	}// }}}
 	async render(keepFetchHistoryProgress) {// {{{
@@ -111,12 +118,6 @@ export class N2PageHistory extends CustomHTMLElement {
 		if (!this.selectedNode) {
 			this.elNodes.firstElementChild?.select()
 		}
-
-		// Any selected history node is rendered with markdown.
-		/*
-		this.marked = new MarkedPosition()
-		this.elNodeMarkdown.innerHTML = this.marked.parse(this.elNodeContent.value)
-		*/
 	}// }}}
 
 	async useNode(node) {// {{{