From 49140195f1d20732dc4dfe6278907686292c8cdc Mon Sep 17 00:00:00 2001
From: Yisroel Baum <yisroel.d.baum@gmail.com>
Date: Fri, 17 Apr 2026 17:52:32 +0300
Subject: [PATCH] add parsing functions for nodes of text to create indented
 tree

---
 public/js/text.js | 43 ++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/public/js/text.js b/public/js/text.js
index 9c981d3..985ca15 100644
--- a/public/js/text.js
+++ b/public/js/text.js
@@ -4,6 +4,47 @@ document.addEventListener('DOMContentLoaded', () => {
     fetch('/api/texts/' + textId)
         .then(res => res.json())
         .then(text => {
-            document.getElementById('text-detail').textContent = text.name;
+            const h1 = document.createElement('h1');
+            h1.textContent = text.name;
+            document.getElementById('text-detail').appendChild(h1);
+
+            return fetch('/api/texts/' + textId + '/nodes');
+        })
+        .then(res => res.json())
+        .then(nodes => {
+            const tree = buildTree(nodes);
+            const ul = renderTree(tree);
+            document.getElementById('text-detail').appendChild(ul);
         });
 });
+
+function buildTree(nodes) {
+    const map = {};
+    nodes.forEach(node => {
+        map[node.id] = { ...node, children: [] };
+    });
+
+    const roots = [];
+    nodes.forEach(node => {
+        if (node.parentNodeId === null) {
+            roots.push(map[node.id]);
+        } else if (map[node.parentNodeId]) {
+            map[node.parentNodeId].children.push(map[node.id]);
+        }
+    });
+
+    return roots;
+}
+
+function renderTree(nodes) {
+    const ul = document.createElement('ul');
+    nodes.forEach(node => {
+        const li = document.createElement('li');
+        li.textContent = node.title;
+        if (node.children.length > 0) {
+            li.appendChild(renderTree(node.children));
+        }
+        ul.appendChild(li);
+    });
+    return ul;
+}