Function renderFolderNode

script.js:296–339

(node, parentEl)

// --- Sidebar tree ---------------------------------------------

function renderFolderNode(node, parentEl) {
  const entries = Object.entries(node).filter(([k]) => k !== "__files");
  const files   = node.__files || [];

  for (const [folderName, folderNode] of entries) {
    const folderDiv = document.createElement("div");
    folderDiv.className = "folder";

    const nameEl = document.createElement("div");
    nameEl.className = "folder-name";
    nameEl.textContent = folderName;
    folderDiv.appendChild(nameEl);

    const childrenEl = document.createElement("div");
    childrenEl.className = "folder-children";
    folderDiv.appendChild(childrenEl);

    // Start collapsed
    childrenEl.style.display = "none";

    nameEl.addEventListener("click", () => {
      const isHidden = childrenEl.style.display === "none";
      childrenEl.style.display = isHidden ? "block" : "none";
      nameEl.classList.toggle("open", isHidden);
    });

    renderFolderNode(folderNode.__children, childrenEl);
    parentEl.appendChild(folderDiv);
  }

  for (const note of files) {
    const link = document.createElement("div");
    link.className = "note-link";
    link.textContent = note.title;
    link.dataset.noteId = note.id;
    link.addEventListener("click", () => {
      loadNote(note);
      // Auto-clear search results when a note is clicked from tree
      searchResultsEl.innerHTML = "";
      searchInput.value = "";
    });
    parentEl.appendChild(link);
  }
}

function renderTree() {
  treeEl.innerHTML = "";