export const createSidebarTreeLiveApplyRuntime = (dependencies = {}) => { const { activeSidebarTreeMode, cssEscape, currentDocumentId, currentFileTreeActiveRowId, currentRootUri, currentSourceKind, currentWorkspaceId, escapeHtml, fileTreeRuntimeFunction, localFilePathFromAssetId, navigateToDocument, refreshEditorLocalAttachmentExistence, restoreSidebarTreeTab, rowTitle, schedulePendingLocalFolderRestoreFocus, shortMindmapFileName, syncSidebarFileTreeSelection, } = dependencies; var fileTreeViewState = { rootUri: '', scope: '', expandedParents: new Set(), selectedRowIds: new Set(), focusedRowId: '', activeRowId: '', scrollTop: 0, rowsByParent: new Map(), loadedParents: new Set(), loadingParents: new Map(), dirtyParents: new Set(), staleParents: new Set(), revisionByParent: new Map(), requestGeneration: 0, latestGenerationByParent: new Map() }; var fileTreeState = fileTreeViewState; var fileTreeExpandedRelativePaths = fileTreeViewState.expandedParents; var pageTreeState = { pageTreeRequestGeneration: 0 }; var fileTreeLazyCacheRootUri = ''; var fileTreeExpansionStorageRootUri = ''; var fileTreeExpansionRestoreTimer = 0; var fileTreeCommandBatchRefreshParents = new Map(); var FILETREE_EXPANSION_STORAGE_KEY = 'mnote.localFileTree.expandedRelativePaths.v1'; var SIDEBAR_TREE_VIEW_STATE_KEY = 'mnote.sidebarTreeViewState.v1:{userId}:{workspaceId}:{sourceKind}:{treeKind}:{rootUriHash}:{scopeHash}'; var SIDEBAR_TREE_VIEW_STATE_API_KEY = 'sidebarTreeViewState.v1'; var SIDEBAR_TREE_VIEW_STATE_SAVE_DELAY_MS = 500; var sidebarTreeViewStates = new Map(); var sidebarTreeViewStateRequests = new Map(); var sidebarTreeViewStateSaveTimers = new Map(); function updateTitleEverywhere(documentId, title) { if (!documentId) return; var escaped = cssEscape(documentId); var escapedDocRowId = cssEscape('doc:' + documentId); var isCurrentDocument = currentDocumentId() === documentId; var pageSelectors = [ '.tree-row[data-shell-mode="page"][data-node-id="' + escaped + '"] > .tree-link > .tree-link-title', '.wolai-page-row[data-node-id="' + escaped + '"] > .wolai-row-title', 'a[href="/documents/' + escaped + '"] > .wolai-row-title', 'a[href^="/documents/' + escaped + '?"] > .wolai-row-title' ]; pageSelectors.forEach(function(selector) { document.querySelectorAll(selector).forEach(function(node) { if (node instanceof HTMLElement) node.textContent = title; }); }); document.querySelectorAll('.tree-row[data-shell-mode="filetree"][data-row-id="' + escapedDocRowId + '"] > .tree-link > .tree-link-title').forEach(function(node) { if (node instanceof HTMLElement) node.textContent = fileTreePageTitle(title); }); document.querySelectorAll('[data-page-title-input="true"][data-document-id="' + escaped + '"]').forEach(function(node) { if (!(node instanceof HTMLTextAreaElement)) return; node.value = title; node.setAttribute('data-title-last-saved', title); node.setAttribute('data-title-save-status', 'saved'); node.style.height = 'auto'; node.style.height = Math.max(48, node.scrollHeight) + 'px'; }); document.querySelectorAll('[data-document-pane="true"][data-pane-document-id="' + escaped + '"] [data-page-title-current="true"]').forEach(function(node) { if (node instanceof HTMLElement) node.textContent = title; }); if (isCurrentDocument) { document.title = title; var topbarCurrent = document.querySelector('.wolai-breadcrumb-current [data-page-title-current]'); if (topbarCurrent instanceof HTMLElement) topbarCurrent.textContent = title; } } function fileTreePageTitle(title) { var normalized = String(title || '无标题').trim() || '无标题'; return normalized.endsWith('.md') ? normalized : normalized + '.md'; } function isFileTreePageRow(row) { if (!(row instanceof HTMLElement)) return false; if (row.getAttribute('data-asset-id')) return false; var documentId = row.getAttribute('data-document-id') || row.getAttribute('data-doc-id') || ''; if (documentId.indexOf('local-md:') === 0) return true; var rowKind = row.getAttribute('data-row-kind') || ''; return rowKind === 'document' || rowKind === 'doc' || rowKind === 'index' || rowKind === 'markdown'; } function normalizeFileTreePageRenameTitle(value) { var normalized = String(value || '').trim(); if (/\.md$/i.test(normalized)) normalized = normalized.slice(0, -3).trim(); return normalized; } function validateFileTreeRename(row, draft) { var raw = String(draft || '').trim(); if (!raw) return '名称不能为空'; if (/[\\/:*?"<>|]/.test(raw)) return '文件名不能包含 / \\ : * ? " < > |'; if (!isFileTreePageRow(row)) return ''; var pageTitle = normalizeFileTreePageRenameTitle(raw); if (!pageTitle) return '名称不能为空'; var expectedFileName = fileTreePageTitle(pageTitle).toLocaleLowerCase(); var rowId = row.getAttribute('data-row-id') || ''; var parentId = row.getAttribute('data-parent-id') || ''; var siblings = Array.from(document.querySelectorAll('#sidebar-file-tree-root .tree-row[data-shell-mode="filetree"][data-row-kind="document"], #sidebar-file-tree-root .tree-row[data-shell-mode="filetree"][data-row-kind="doc"], #sidebar-file-tree-root .tree-row[data-shell-mode="filetree"][data-row-kind="markdown"]')); var duplicate = siblings.some(function(sibling) { if (!(sibling instanceof HTMLElement)) return false; if ((sibling.getAttribute('data-row-id') || '') === rowId) return false; if ((sibling.getAttribute('data-parent-id') || '') !== parentId) return false; return fileTreePageTitle(normalizeFileTreePageRenameTitle(rowTitle(sibling))).toLocaleLowerCase() === expectedFileName; }); return duplicate ? '同级已存在同名页面' : ''; } function documentIdFromDelta(data) { return String(data && (data.documentId || data.id || (data.document && data.document.id) || (data.node && data.node.id) || (data.args && data.args.documentId)) || '').trim(); } function parentIdFromDelta(data) { if (!data || typeof data !== 'object') return null; if (Object.prototype.hasOwnProperty.call(data, 'parentId')) return data.parentId ? String(data.parentId).trim() : null; if (Object.prototype.hasOwnProperty.call(data, 'parent_id')) return data.parent_id ? String(data.parent_id).trim() : null; if (data.args && Object.prototype.hasOwnProperty.call(data.args, 'parentId')) return data.args.parentId ? String(data.args.parentId).trim() : null; return null; } function treeRootForMode(mode) { var id = mode === 'filetree' ? 'sidebar-file-tree-root' : 'sidebar-tree-root'; return document.querySelector('#' + id + ' .tree-root'); } function rowSelectorForDocument(mode, documentId) { var escaped = cssEscape(documentId); if (mode === 'filetree') { return '.tree-row[data-shell-mode="filetree"][data-doc-id="' + escaped + '"], .tree-row[data-shell-mode="filetree"][data-document-id="' + escaped + '"]'; } return '.tree-row[data-shell-mode="page"][data-node-id="' + escaped + '"]'; } function ensureTreeChildren(parentRow) { var parentNode = parentRow ? parentRow.closest('.tree-node') : null; if (!parentNode) return null; var children = parentNode.querySelector(':scope > .tree-children'); if (!children) { children = document.createElement('ul'); children.className = 'tree-children'; parentNode.appendChild(children); } children.classList.remove('tree-children--collapsed'); parentRow.setAttribute('aria-expanded', 'true'); var toggle = parentRow.querySelector('[data-rust-action="toggle"]'); if (toggle) toggle.setAttribute('aria-expanded', 'true'); return children; } function removeDocumentRowForMode(mode, documentId) { var row = document.querySelector(rowSelectorForDocument(mode, documentId)); var node = row ? row.closest('.tree-node') : null; if (!node || !node.parentElement) return false; node.parentElement.removeChild(node); return true; } function commandDocumentId(result, fallback) { var value = result && ( (result.execution && (result.execution.documentId || result.execution.id || result.execution.nodeId)) || result.documentId || result.id || result.nodeId || (result.document && (result.document.id || result.document.documentId)) || (result.node && (result.node.id || result.node.documentId)) || (result.payload && result.payload.documentId) ); return String(value || fallback || '').trim(); } function commandDocumentTitle(result, fallback) { var value = result && ( (result.execution && result.execution.title) || result.title || (result.document && result.document.title) || (result.node && result.node.title) || (result.payload && result.payload.title) ); return String(value || fallback || '新页面').trim() || '新页面'; } function normalizeDocumentRowId(value) { return String(value || '').trim().replace(/^doc:/, '').replace(/^index:/, ''); } function appendRenderedTreeNode(container, html) { if (!container || !html) return false; var empty = container.querySelector(':scope > .tree-empty'); if (empty && empty.parentElement) empty.parentElement.removeChild(empty); var template = document.createElement('template'); template.innerHTML = html; var node = template.content.firstElementChild; if (!node) return false; container.appendChild(node); return true; } function localPageInsertDepth(parentId) { if (!parentId) return 0; var parentRow = document.querySelector(rowSelectorForDocument('page', parentId)); var depth = parentRow ? Number(parentRow.getAttribute('data-depth') || 0) : 0; return Number.isFinite(depth) ? depth + 1 : 1; } function upsertPageDocumentRow(documentId, parentId, title) { if (!documentId) return false; var existing = document.querySelector(rowSelectorForDocument('page', documentId)); if (existing instanceof HTMLElement) { updateTitleEverywhere(documentId, title); moveDocumentRowForMode('page', documentId, parentId || null); return true; } var root = treeRootForMode('page'); if (!root) return false; var targetContainer = root; if (parentId) { var parentRow = document.querySelector(rowSelectorForDocument('page', parentId)); targetContainer = ensureTreeChildren(parentRow); if (!targetContainer) targetContainer = root; } var grouped = new Map(); grouped.set(parentId || '', [{ id: documentId, nodeId: documentId, documentId: documentId, parentNodeId: parentId || '', rowKind: 'document', title: title, expandable: false, childCount: 0 }]); return appendRenderedTreeNode(targetContainer, renderPageRows(parentId || '', grouped, currentDocumentId(), localPageInsertDepth(parentId))); } function fileTreeParentContainer(parentId) { var root = treeRootForMode('filetree'); if (!root) return null; if (!parentId) return root; var parentRow = document.querySelector('.tree-row[data-shell-mode="filetree"][data-row-id="' + cssEscape('doc:' + parentId) + '"]'); var children = ensureTreeChildren(parentRow); return children || root; } function localFileInsertDepth(parentId) { if (!parentId) return 0; var parentRow = document.querySelector('.tree-row[data-shell-mode="filetree"][data-row-id="' + cssEscape('doc:' + parentId) + '"]'); var level = parentRow ? Number(parentRow.getAttribute('aria-level') || 1) : 1; return Number.isFinite(level) ? level : 1; } function upsertFileDocumentRows(documentId, parentId, title) { if (!documentId) return false; var existing = document.querySelector('.tree-row[data-shell-mode="filetree"][data-row-id="' + cssEscape('doc:' + documentId) + '"]'); if (existing instanceof HTMLElement) { updateTitleEverywhere(documentId, title); moveDocumentRowForMode('filetree', documentId, parentId || null); return true; } var targetContainer = fileTreeParentContainer(parentId); if (!targetContainer) return false; var parentNodeId = parentId ? 'doc:' + parentId : ''; var docNodeId = 'doc:' + documentId; var depth = localFileInsertDepth(parentId); var grouped = new Map(); grouped.set(parentNodeId, [{ id: docNodeId, nodeId: docNodeId, rowId: docNodeId, rowKind: 'document', title: fileTreePageTitle(title), documentId: documentId, parentNodeId: parentNodeId, depth: depth, expandable: false, childCount: 0 }]); return appendRenderedTreeNode(targetContainer, renderFileRows(parentNodeId, grouped, currentDocumentId())); } function applyCreatedDocumentLocally(result, parentId, fallbackTitle) { var documentId = commandDocumentId(result, null); if (!documentId) return false; var normalizedParentId = normalizeDocumentRowId(parentId); var title = commandDocumentTitle(result, fallbackTitle); var pageChanged = upsertPageDocumentRow(documentId, normalizedParentId, title); var fileChanged = upsertFileDocumentRows(documentId, normalizedParentId, title); if (pageChanged || fileChanged) { document.documentElement.setAttribute('data-mnote-tree-local-command-applied', 'create'); } return pageChanged || fileChanged; } function localCommandNeedsProjectionRefresh(action, result) { if (currentSourceKind() !== 'local_folder') return false; if (action === 'create' || action === 'rename' || action === 'move' || action === 'delete' || action === 'archive' || action === 'trash' || action === 'purge') { return true; } if (result && (result.previousDocumentId || result.previousRelativePath || result.relativePath || result.trashPath)) { return true; } return false; } function parentRelativePathForPath(relativePath) { var normalized = String(relativePath || '').trim().replace(/^\/+|\/+$/g, ''); if (!normalized || normalized === '.') return ''; var index = normalized.lastIndexOf('/'); return index > 0 ? normalized.slice(0, index) : ''; } function addCommandRefreshParent(parents, value) { var normalized = String(value || '').trim().replace(/^\/+|\/+$/g, ''); if (normalized === '.') normalized = ''; parents.add(normalized); } function addAffectedParentsFromCommandResult(parents, result) { var affectedParents = Array.isArray(result && result.affectedParents) ? result.affectedParents : Array.isArray(result && result.execution && result.execution.affectedParents) ? result.execution.affectedParents : null; if (!affectedParents) return false; var before = parents.size; affectedParents.forEach(function(parent) { addCommandRefreshParent(parents, parent && (parent.relativePath || parent.relative_path)); }); return parents.size > before; } function collectFileTreeRefreshParentsForCommand(result, body) { var parents = new Set(); if (!addAffectedParentsFromCommandResult(parents, result)) { document.documentElement.setAttribute('data-mnote-filetree-command-refresh-fallback', 'legacy-path-fields'); var values = [ result && (result.parentRelativePath || result.parent_relative_path), result && result.execution && (result.execution.parentRelativePath || result.execution.parent_relative_path), result && (result.relativePath || result.relative_path), result && result.execution && (result.execution.relativePath || result.execution.relative_path), result && (result.previousRelativePath || result.previous_relative_path), result && result.execution && (result.execution.previousRelativePath || result.execution.previous_relative_path), body && (body.parentRelativePath || body.parent_relative_path) ]; values.forEach(function(value) { var normalized = String(value || '').trim(); if (!normalized) return; if (normalized.indexOf('/') >= 0 || /\.[^/]+$/.test(normalized)) addCommandRefreshParent(parents, parentRelativePathForPath(normalized)); else addCommandRefreshParent(parents, normalized); }); } if (!parents.size) addCommandRefreshParent(parents, currentFileTreeScope()); return parents; } function fileTreeRefreshParentsForCommand(result, body) { var parents = collectFileTreeRefreshParentsForCommand(result, body); return Promise.all(Array.from(parents).map(function(parentRelativePath) { return refreshFileTreeParent(parentRelativePath).catch(function(error) { setTreeLiveApplyError(error && error.message ? error.message : '文件树局部刷新失败'); return false; }); })); } function queueFileTreeBatchRefresh(batchId, result, body) { var normalizedBatchId = String(batchId || '').trim(); if (!normalizedBatchId) return false; var batchParents = fileTreeCommandBatchRefreshParents.get(normalizedBatchId); if (!batchParents) { batchParents = new Set(); fileTreeCommandBatchRefreshParents.set(normalizedBatchId, batchParents); } collectFileTreeRefreshParentsForCommand(result, body).forEach(function(parent) { batchParents.add(parent); }); document.documentElement.setAttribute('data-mnote-filetree-batch-refresh-pending', normalizedBatchId); return true; } function flushFileTreeBatchRefresh(batchId) { var normalizedBatchId = String(batchId || '').trim(); if (!normalizedBatchId) return false; var parents = fileTreeCommandBatchRefreshParents.get(normalizedBatchId); fileTreeCommandBatchRefreshParents.delete(normalizedBatchId); if (!parents || !parents.size) return false; document.documentElement.setAttribute('data-mnote-filetree-batch-refresh-applied', normalizedBatchId); void Promise.all(Array.from(parents).map(function(parentRelativePath) { return refreshFileTreeParent(parentRelativePath).catch(function(error) { setTreeLiveApplyError(error && error.message ? error.message : '文件树批量刷新失败'); return false; }); })); return true; } function applyLocalFolderWatchBatch(payload) { var batch = payload && (payload.payload || payload); if (batch && (batch.fallbackResync === true || batch.requiresResync === true)) { document.documentElement.setAttribute('data-mnote-local-folder-watch-batch-fallback', String(batch.revision || 'resync')); void refreshLocalFolderSidebarSnapshot(); return true; } var affectedParents = Array.isArray(batch && batch.affectedParents) ? batch.affectedParents : Array.isArray(batch && batch.affected_parents) ? batch.affected_parents : []; if (!affectedParents.length) { var changedPaths = Array.isArray(batch && batch.changedPaths) ? batch.changedPaths : Array.isArray(batch && batch.changed_paths) ? batch.changed_paths : []; affectedParents = changedPaths.map(function(item) { var relativePath = String(item && (item.relativePath || item.relative_path) || '').trim(); return { relativePath: parentRelativePathForPath(relativePath), reason: 'derived-from-changed-path' }; }).filter(function(parent, index, list) { return index === list.findIndex(function(candidate) { return candidate.relativePath === parent.relativePath; }); }); if (affectedParents.length) { document.documentElement.setAttribute('data-mnote-local-folder-watch-batch-derived-parents', String(affectedParents.length)); } } if (!affectedParents.length) { setTreeLiveApplyError('local_folder_watch_batch_missing_affected_parents'); return false; } var parents = new Set(); affectedParents.forEach(function(parent) { addCommandRefreshParent(parents, parent && (parent.relativePath || parent.relative_path)); }); document.documentElement.setAttribute('data-mnote-local-folder-watch-batch-applied', String(batch.revision || 'true')); void Promise.all(Array.from(parents).map(function(parentRelativePath) { return refreshFileTreeParent(parentRelativePath).catch(function(error) { setTreeLiveApplyError(error && error.message ? error.message : '文件树 watch batch 刷新失败'); return false; }); })).then(function() { markLocalFolderWatchApplied('watch_batch'); }); return true; } function refreshLocalFolderAfterCommand(action, result, body) { if (!localCommandNeedsProjectionRefresh(action, result)) return Promise.resolve(false); if (body && body.batchId) { queueFileTreeBatchRefresh(body.batchId, result, body); return Promise.resolve(true); } return fileTreeRefreshParentsForCommand(result, body); } function sortOrderFromDelta(data) { var raw = data && (data.sortOrder ?? data.sort_order); var value = Number(raw); return Number.isFinite(value) && value >= 0 ? Math.floor(value) : null; } function insertTreeNodeAtSortOrder(targetContainer, node, sortOrder) { if (!targetContainer || !node) return false; if (sortOrder === null || sortOrder === undefined) { targetContainer.appendChild(node); return true; } var siblings = Array.from(targetContainer.querySelectorAll(':scope > .tree-node')).filter(function(candidate) { return candidate !== node; }); var targetIndex = Math.max(0, Math.min(Number(sortOrder), siblings.length)); var referenceNode = siblings[targetIndex] || null; if (referenceNode) targetContainer.insertBefore(node, referenceNode); else targetContainer.appendChild(node); return true; } function moveDocumentRowForMode(mode, documentId, parentId, sortOrder) { var row = document.querySelector(rowSelectorForDocument(mode, documentId)); var node = row ? row.closest('.tree-node') : null; var root = treeRootForMode(mode); if (!row || !node || !root) return false; var targetContainer = root; if (parentId) { var parentRow = document.querySelector(rowSelectorForDocument(mode, parentId)); targetContainer = ensureTreeChildren(parentRow); if (!targetContainer) return false; row.setAttribute('data-parent-id', parentId); } else { row.removeAttribute('data-parent-id'); } return insertTreeNodeAtSortOrder(targetContainer, node, sortOrder); } function applyMoveDocumentDelta(data) { var documentId = documentIdFromDelta(data); if (!documentId) return false; var parentId = parentIdFromDelta(data); var sortOrder = sortOrderFromDelta(data); var movedPage = moveDocumentRowForMode('page', documentId, parentId, sortOrder); var movedFile = moveDocumentRowForMode('filetree', documentId, parentId, sortOrder); return movedPage || movedFile; } function applyRemoveDocumentDelta(data) { var documentId = documentIdFromDelta(data); if (!documentId) return false; var removedPage = removeDocumentRowForMode('page', documentId); var removedFile = removeDocumentRowForMode('filetree', documentId); return removedPage || removedFile; } function readProjection(value) { var runtimeFn = fileTreeRuntimeFunction('readProjection'); if (runtimeFn) return runtimeFn(value); if (!value || typeof value !== 'object') return null; if (value.result && typeof value.result === 'object') return value.result; if (value.snapshot && value.snapshot.tree) return value.snapshot.tree; if (value.data && value.data.tree) return value.data.tree; if (value.tree && typeof value.tree === 'object') return value.tree; return value; } function readSidebarDataset(value) { var runtimeFn = fileTreeRuntimeFunction('readSidebarDataset'); if (runtimeFn) return runtimeFn(value); if (!value || typeof value !== 'object') return null; if (value.snapshot && value.snapshot.dataset && typeof value.snapshot.dataset === 'object') return value.snapshot.dataset; if (value.data && value.data.dataset && typeof value.data.dataset === 'object') return value.data.dataset; if (value.dataset && typeof value.dataset === 'object') return value.dataset; if (value.sidebar && typeof value.sidebar === 'object') return value.sidebar; return null; } function readDatasetProjection(value, snakeCaseKey, camelCaseKey) { var runtimeFn = fileTreeRuntimeFunction('readDatasetProjection'); if (runtimeFn) return runtimeFn(value, snakeCaseKey, camelCaseKey); var dataset = readSidebarDataset(value); if (!dataset || typeof dataset !== 'object') return null; if (dataset[snakeCaseKey] && typeof dataset[snakeCaseKey] === 'object') return dataset[snakeCaseKey]; if (dataset[camelCaseKey] && typeof dataset[camelCaseKey] === 'object') return dataset[camelCaseKey]; return null; } function setTreeLiveApplyError(reason) { document.documentElement.setAttribute('data-mnote-tree-live-apply-error', String(reason || 'tree_live_apply_failed')); } function projectionItems(projection) { var runtimeFn = fileTreeRuntimeFunction('projectionItems'); if (runtimeFn) return runtimeFn(projection); var resolved = readProjection(projection); return resolved && Array.isArray(resolved.items) ? resolved.items : []; } function hasProjectionItems(projection) { var runtimeFn = fileTreeRuntimeFunction('hasProjectionItems'); if (runtimeFn) return runtimeFn(projection); var resolved = readProjection(projection); return Boolean(resolved && Array.isArray(resolved.items)); } function nodeIdOf(item) { var runtimeFn = fileTreeRuntimeFunction('nodeIdOf'); if (runtimeFn) return runtimeFn(item); return String(item && (item.nodeId || item.id || item.documentId) || '').trim(); } function rowIdOf(item) { var runtimeFn = fileTreeRuntimeFunction('rowIdOf'); if (runtimeFn) return runtimeFn(item); return String(item && (item.rowId || item.nodeId || item.id) || '').trim(); } function parentIdOf(item) { var runtimeFn = fileTreeRuntimeFunction('parentIdOf'); if (runtimeFn) return runtimeFn(item); return String(item && (item.parentNodeId || item.parentId || '') || '').trim(); } function titleOf(item) { var runtimeFn = fileTreeRuntimeFunction('titleOf'); if (runtimeFn) return runtimeFn(item); return String(item && item.title || '无标题').trim() || '无标题'; } function fileWorkspaceRelativePath(item) { var runtimeFn = fileTreeRuntimeFunction('fileWorkspaceRelativePath'); if (runtimeFn) return runtimeFn(item); var meta = item && item.resourceMeta && typeof item.resourceMeta === 'object' ? item.resourceMeta : {}; var workspacePath = meta.workspacePath && typeof meta.workspacePath === 'object' ? meta.workspacePath : {}; var fromWorkspacePath = String(workspacePath.relativePath || '').trim(); if (fromWorkspacePath) return fromWorkspacePath; var extra = meta.extra && typeof meta.extra === 'object' ? meta.extra : {}; var source = extra.source && typeof extra.source === 'object' ? extra.source : {}; var fromSource = String(source.relativePath || '').trim(); if (fromSource) return fromSource; return String(item && (item.relativePath || item.rootRelativePath) || '').trim(); } function normalizeFileTreeRelativePath(value) { var normalized = String(value || '').trim().replace(/^\/+|\/+$/g, ''); return normalized === '.' ? '' : normalized; } function fileTreeRowByRelativePath(relativePath) { var normalized = normalizeFileTreeRelativePath(relativePath); if (!normalized) return null; return document.querySelector('#sidebar-file-tree-root .tree-row[data-shell-mode="filetree"][data-local-relative-path="' + cssEscape(normalized) + '"]'); } function groupRowsByParent(rows) { var runtimeFn = fileTreeRuntimeFunction('groupRowsByParent'); if (runtimeFn) return runtimeFn(rows); var ids = new Set(rows.map(nodeIdOf).filter(Boolean)); var grouped = new Map(); rows.forEach(function(item) { var parentId = parentIdOf(item); if (!ids.has(parentId)) parentId = ''; if (!grouped.has(parentId)) grouped.set(parentId, []); grouped.get(parentId).push(item); }); return grouped; } function fileTreeParentKey(rootUri, parentRelativePath) { return String(rootUri || '').trim() + '\n' + String(parentRelativePath || '').trim(); } function currentFileTreeParentKey(parentRelativePath) { return fileTreeParentKey(currentRootUri(), parentRelativePath); } function stableTreeViewStateHash(value) { var hash = 0xcbf29ce484222325n; var prime = 0x100000001b3n; var text = String(value || '').trim(); for (var index = 0; index < text.length; index += 1) { hash ^= BigInt(text.charCodeAt(index) & 0xff); hash = (hash * prime) & 0xffffffffffffffffn; } return hash.toString(16).padStart(16, '0'); } function currentActorStorageId() { var body = document.body instanceof HTMLElement ? document.body : null; var fromBody = body ? String(body.getAttribute('data-mnote-actor-id') || '').trim() : ''; if (fromBody) return fromBody; var match = document.cookie.match(/(?:^|;\s*)mnote_actor_id=([^;]+)/); if (match) { try { return decodeURIComponent(match[1]); } catch (_) { return match[1] || ''; } } return 'anonymous'; } function sidebarTreeViewScope(treeKind) { var normalizedTreeKind = String(treeKind || '').trim() === 'pagetree' ? 'pagetree' : 'filetree'; var rootUri = String(currentRootUri() || '').trim(); var scope = currentFileTreeScope() || 'root'; return { userId: currentActorStorageId(), workspaceId: String(currentWorkspaceId() || '').trim() || (rootUri ? 'local:' + rootUri.replace(/^file:\/\//, '').replace(/[^A-Za-z0-9]+/g, '_') : 'default'), sourceKind: String(currentSourceKind() || 'local_folder').trim() || 'local_folder', treeKind: normalizedTreeKind, rootUri: rootUri, scope: scope }; } function sidebarTreeViewStateMapKey(scope) { return [ scope.userId, scope.workspaceId, scope.sourceKind, scope.treeKind, scope.rootUri, scope.scope ].join('\n'); } function sidebarTreeViewLocalStorageKey(scope) { return SIDEBAR_TREE_VIEW_STATE_KEY .replace('{userId}', encodeURIComponent(scope.userId || 'anonymous')) .replace('{workspaceId}', encodeURIComponent(scope.workspaceId || 'default')) .replace('{sourceKind}', encodeURIComponent(scope.sourceKind || 'local_folder')) .replace('{treeKind}', encodeURIComponent(scope.treeKind || 'filetree')) .replace('{rootUriHash}', stableTreeViewStateHash(scope.rootUri || '')) .replace('{scopeHash}', stableTreeViewStateHash(scope.scope || 'root')); } function normalizeSidebarTreeViewState(treeKind, value, source) { var scope = sidebarTreeViewScope(treeKind); var state = value && typeof value === 'object' ? value : {}; return { schemaVersion: 1, treeKind: scope.treeKind, rootUri: scope.rootUri, scope: scope.scope, expandedIds: new Set(Array.isArray(state.expandedIds) ? state.expandedIds.map(String).filter(Boolean) : []), expandedRelativePaths: new Set(Array.isArray(state.expandedRelativePaths) ? state.expandedRelativePaths.map(normalizeFileTreeRelativePath).filter(Boolean) : []), selectedId: String(state.selectedId || '').trim(), focusedId: String(state.focusedId || '').trim(), activeId: String(state.activeId || '').trim(), scrollTop: Math.max(0, Number(state.scrollTop || 0) || 0), updatedAtMs: Number(state.updatedAtMs || 0) || 0, hasUserState: source === 'sqlite' || source === 'local' || source === 'legacy', source: source || 'default' }; } function serializeSidebarTreeViewState(state) { return { schemaVersion: 1, treeKind: state.treeKind, rootUri: state.rootUri, scope: state.scope, expandedIds: Array.from(state.expandedIds || []).slice(0, 512), expandedRelativePaths: Array.from(state.expandedRelativePaths || []).slice(0, 512), selectedId: String(state.selectedId || ''), focusedId: String(state.focusedId || ''), activeId: String(state.activeId || ''), scrollTop: Math.max(0, Number(state.scrollTop || 0) || 0), updatedAtMs: Number(state.updatedAtMs || 0) || Date.now() }; } function sidebarTreeViewStateFor(treeKind) { var scope = sidebarTreeViewScope(treeKind); var key = sidebarTreeViewStateMapKey(scope); var state = sidebarTreeViewStates.get(key); if (!state) { var localValue = null; try { if (window.localStorage) { localValue = JSON.parse(window.localStorage.getItem(sidebarTreeViewLocalStorageKey(scope)) || 'null'); } } catch (_) { localValue = null; } state = normalizeSidebarTreeViewState(scope.treeKind, localValue, localValue ? 'local' : 'default'); sidebarTreeViewStates.set(key, state); void loadSidebarTreeViewState(scope.treeKind); } if (scope.treeKind === 'filetree') { fileTreeViewState.expandedParents = state.expandedRelativePaths; fileTreeExpandedRelativePaths = state.expandedRelativePaths; } return state; } function loadSidebarTreeViewState(treeKind) { var scope = sidebarTreeViewScope(treeKind); var key = sidebarTreeViewStateMapKey(scope); if (sidebarTreeViewStateRequests.has(key)) return sidebarTreeViewStateRequests.get(key); var url = new URL('/api/tree/view-state', window.location.origin); url.searchParams.set('workspaceId', scope.workspaceId); url.searchParams.set('sourceKind', scope.sourceKind); url.searchParams.set('treeKind', scope.treeKind); if (scope.rootUri) url.searchParams.set('rootUri', scope.rootUri); url.searchParams.set('scope', scope.scope); var promise = fetch(url.toString(), { credentials: 'include', cache: 'no-store', headers: { accept: 'application/json' } }).then(function(response) { return response.json().catch(function() { return null; }).then(function(payload) { if (!response.ok) return null; var result = payload && payload.result ? payload.result : null; if (!result || !result.state) return null; var latestScope = sidebarTreeViewScope(scope.treeKind); if (sidebarTreeViewStateMapKey(latestScope) !== key) return null; var loaded = normalizeSidebarTreeViewState(scope.treeKind, result.state, result.source === 'sqlite' ? 'sqlite' : 'default'); sidebarTreeViewStates.set(key, loaded); applySidebarTreeViewState(scope.treeKind, loaded); return loaded; }); }).catch(function(error) { document.documentElement.setAttribute('data-mnote-sidebar-tree-view-state-load-error', String(error && error.message || error || 'load_failed')); return null; }).finally(function() { sidebarTreeViewStateRequests.delete(key); }); sidebarTreeViewStateRequests.set(key, promise); return promise; } function persistSidebarTreeViewState(treeKind, options) { options = options || {}; var scope = sidebarTreeViewScope(treeKind); var key = sidebarTreeViewStateMapKey(scope); var state = sidebarTreeViewStateFor(scope.treeKind); state.hasUserState = true; state.source = state.source === 'legacy' ? 'legacy' : 'local'; state.updatedAtMs = Date.now(); var serialized = serializeSidebarTreeViewState(state); try { if (window.localStorage) { window.localStorage.setItem(sidebarTreeViewLocalStorageKey(scope), JSON.stringify(serialized)); } } catch (_) {} var flush = function() { sidebarTreeViewStateSaveTimers.delete(key); var latestScope = sidebarTreeViewScope(scope.treeKind); if (sidebarTreeViewStateMapKey(latestScope) !== key) return; fetch('/api/tree/view-state', { method: 'PUT', credentials: 'include', cache: 'no-store', headers: { accept: 'application/json', 'content-type': 'application/json' }, body: JSON.stringify({ workspaceId: scope.workspaceId, sourceKind: scope.sourceKind, treeKind: scope.treeKind, rootUri: scope.rootUri, scope: scope.scope, state: serialized }) }).then(function(response) { return response.json().catch(function() { return null; }).then(function(payload) { if (!response.ok) throw new Error(payload && (payload.error || payload.message) || 'tree_view_state_save_failed_' + response.status); document.documentElement.setAttribute('data-mnote-sidebar-tree-view-state-saved', scope.treeKind + ':' + scope.scope); return payload; }); }).catch(function(error) { document.documentElement.setAttribute('data-mnote-sidebar-tree-view-state-save-error', String(error && error.message || error || 'save_failed')); }); }; if (options.flush) { if (sidebarTreeViewStateSaveTimers.has(key)) { window.clearTimeout(sidebarTreeViewStateSaveTimers.get(key)); sidebarTreeViewStateSaveTimers.delete(key); } flush(); return; } if (sidebarTreeViewStateSaveTimers.has(key)) window.clearTimeout(sidebarTreeViewStateSaveTimers.get(key)); sidebarTreeViewStateSaveTimers.set(key, window.setTimeout(flush, SIDEBAR_TREE_VIEW_STATE_SAVE_DELAY_MS)); } function flushPendingSidebarTreeViewState(treeKind) { var scope = sidebarTreeViewScope(treeKind); var key = sidebarTreeViewStateMapKey(scope); if (!sidebarTreeViewStateSaveTimers.has(key)) return; persistSidebarTreeViewState(scope.treeKind, { flush: true }); } function applySidebarTreeViewState(treeKind, state) { if (String(treeKind || '').trim() === 'pagetree') { applyPageTreeExpansionState(state); return; } fileTreeExpandedRelativePaths = state.expandedRelativePaths; fileTreeViewState.expandedParents = state.expandedRelativePaths; restorePersistedFileTreeExpansionState(); } function applyPageTreeExpansionState(state) { if (!state || !state.hasUserState) return false; var changed = false; document.querySelectorAll('#sidebar-tree-root .tree-row[data-shell-mode="page"]').forEach(function(row) { if (!(row instanceof HTMLElement)) return; var nodeId = String(row.getAttribute('data-node-id') || '').trim(); var button = row.querySelector('[data-rust-action="toggle"]'); var node = row.closest('.tree-node'); var children = node ? node.querySelector(':scope > .tree-children') : null; if (!nodeId || !button || !(children instanceof HTMLElement)) return; var expanded = state.expandedIds.has(nodeId); row.setAttribute('aria-expanded', String(expanded)); button.setAttribute('aria-expanded', String(expanded)); children.classList.toggle('tree-children--collapsed', !expanded); changed = true; }); if (changed) document.documentElement.setAttribute('data-mnote-page-tree-view-state-applied', state.scope || 'root'); return changed; } function pageTreeActiveParentIds(grouped, activeId) { var parentsById = new Map(); grouped.forEach(function(items) { items.forEach(function(item) { parentsById.set(nodeIdOf(item), parentIdOf(item)); }); }); var parents = new Set(); var cursor = String(activeId || '').trim(); var guard = 0; while (cursor && parentsById.has(cursor) && guard < 512) { cursor = String(parentsById.get(cursor) || '').trim(); if (cursor) parents.add(cursor); guard += 1; } return parents; } function projectionParentRelativePath(projection) { var resolved = readProjection(projection); return String(resolved && (resolved.parentRelativePath || resolved.parent_relative_path) || '').trim(); } function isFileTreeRootProjectionParent(parentRelativePath) { return normalizeFileTreeRelativePath(parentRelativePath) === normalizeFileTreeRelativePath(currentFileTreeScope()); } function rememberFileTreeProjection(parentRelativePath, rows, projection) { var key = currentFileTreeParentKey(parentRelativePath); fileTreeState.rowsByParent.set(key, rows); fileTreeState.loadedParents.add(key); fileTreeState.dirtyParents.delete(key); fileTreeState.staleParents.delete(key); var resolved = readProjection(projection); var watchRevision = resolved && (resolved.watchRevision || resolved.watch_revision); if (watchRevision) fileTreeState.revisionByParent.set(key, watchRevision); } function cachedFileTreeRows(parentRelativePath) { return fileTreeState.rowsByParent.get(currentFileTreeParentKey(parentRelativePath)) || []; } function beginFileTreeRequest(key) { fileTreeState.requestGeneration += 1; fileTreeState.latestGenerationByParent.set(key, fileTreeState.requestGeneration); return fileTreeState.requestGeneration; } function isLatestFileTreeRequest(key, generation) { return fileTreeState.latestGenerationByParent.get(key) === generation; } function markFileTreeParentStale(key) { fileTreeState.staleParents.add(key); fileTreeState.dirtyParents.add(key); } function beginPageTreeRequest() { pageTreeState.pageTreeRequestGeneration += 1; return pageTreeState.pageTreeRequestGeneration; } function isLatestPageTreeRequest(generation) { return generation === pageTreeState.pageTreeRequestGeneration; } function yieldForPageTreeRender() { return new Promise(function(resolve) { if (typeof window !== 'undefined' && typeof window.requestIdleCallback === 'function') { window.requestIdleCallback(function() { resolve(); }, { timeout: 120 }); return; } if (typeof window !== 'undefined' && typeof window.requestAnimationFrame === 'function') { window.requestAnimationFrame(function() { resolve(); }); return; } setTimeout(resolve, 0); }); } function pageTreeChevronSvg() { return ''; } function renderPageRows(parentId, grouped, activeId, inheritedDepth) { var computedDepth = Number(inheritedDepth || 0); var pageTreeStateView = sidebarTreeViewStateFor('pagetree'); var pageTreeExpandedIds = pageTreeStateView.expandedIds; var activeParentIds = pageTreeActiveParentIds(grouped, activeId); return (grouped.get(parentId) || []).map(function(item) { var nodeId = nodeIdOf(item); var title = titleOf(item); var depth = computedDepth; var parent = parentIdOf(item); var children = grouped.get(nodeId) || []; var expandable = Boolean(item.expandable || item.childCount > 0 || children.length); var expanded = expandable && ( pageTreeExpandedIds.has(nodeId) || (!pageTreeStateView.hasUserState && (activeParentIds.has(nodeId) || item.expandedByDefault !== false)) ); var meta = item && item.resourceMeta && typeof item.resourceMeta === 'object' ? item.resourceMeta : {}; var openable = Boolean(meta.documentId || item.documentId || !String(nodeId).startsWith('local-dir:')); var toggle = expandable ? '' : ''; var childHtml = expandable ? '
' : ''; var currentAttr = nodeId === activeId ? ' aria-current="page" aria-selected="true"' : ' aria-selected="false"'; return '