1031 lines
49 KiB
JavaScript
1031 lines
49 KiB
JavaScript
export const createSidebarTreeLiveApplyRuntime = (dependencies = {}) => {
|
|
const {
|
|
activeSidebarTreeMode,
|
|
cssEscape,
|
|
currentDocumentId,
|
|
currentFileTreeActiveRowId,
|
|
currentRootUri,
|
|
currentSourceKind,
|
|
currentWorkspaceId,
|
|
escapeHtml,
|
|
fileTreeRuntimeFunction,
|
|
localFilePathFromAssetId,
|
|
navigateToDocument,
|
|
refreshEditorLocalAttachmentExistence,
|
|
restoreSidebarTreeTab,
|
|
rowTitle,
|
|
schedulePendingLocalFolderRestoreFocus,
|
|
shortMindmapFileName,
|
|
syncSidebarFileTreeSelection,
|
|
} = dependencies;
|
|
var fileTreeLazyChildrenCache = new Map();
|
|
var fileTreeExpandedRelativePaths = new Set();
|
|
var fileTreeLazyCacheRootUri = '';
|
|
|
|
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 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 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 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 pageTreeChevronSvg() {
|
|
return '<svg class="tree-toggle-icon" viewBox="0 0 20 20" width="20" height="20" aria-hidden="true" focusable="false"><path d="M7.84 14.955c.206 0 .37-.07.505-.21l4.277-4.179a.79.79 0 0 0 .264-.574.78.78 0 0 0-.258-.574L8.35 5.24a.7.7 0 0 0-.51-.21.721.721 0 0 0-.498 1.247l3.814 3.721-3.814 3.709a.721.721 0 0 0 .498 1.248"></path></svg>';
|
|
}
|
|
|
|
function renderPageRows(parentId, grouped, activeId, inheritedDepth) {
|
|
var computedDepth = Number(inheritedDepth || 0);
|
|
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 && 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
|
|
? '<button type="button" class="tree-toggle" data-testid="tree-node-toggle" data-rust-action="toggle" data-node-id="' + escapeHtml(nodeId) + '" aria-label="' + (expanded ? '折叠 ' : '展开 ') + escapeHtml(title) + '" aria-expanded="' + String(expanded) + '">' + pageTreeChevronSvg() + '</button>'
|
|
: '<span class="tree-spacer" aria-hidden="true"></span>';
|
|
var childHtml = expandable
|
|
? '<ul class="tree-children' + (expanded ? '' : ' tree-children--collapsed') + '">' + renderPageRows(nodeId, grouped, activeId, depth + 1) + '</ul>'
|
|
: '';
|
|
var currentAttr = nodeId === activeId ? ' aria-current="page" aria-selected="true"' : ' aria-selected="false"';
|
|
return '<li class="tree-node" data-node-id="' + escapeHtml(nodeId) + '"><div class="tree-row" role="treeitem" aria-level="' + (depth + 1) + '" aria-expanded="' + String(expandable && expanded) + '" data-rust-rendered-row="page" data-testid="wolai-sidebar-row" data-tree-testid="tree-node-open" data-node-id="' + escapeHtml(nodeId) + '"' + (parent ? ' data-parent-id="' + escapeHtml(parent) + '"' : '') + ' data-depth="' + depth + '" data-shell-mode="page" data-active="' + String(nodeId === activeId) + '"' + currentAttr + ' data-focused="false" data-page-openable="' + String(openable) + '" data-draggable="true" draggable="true" tabindex="-1">' + toggle + '<button type="button" class="tree-link" data-testid="tree-node-open" data-rust-action="open" data-node-id="' + escapeHtml(nodeId) + '" data-page-openable="' + String(openable) + '" title="' + escapeHtml(title) + '"><span class="tree-link-title" title="' + escapeHtml(title) + '">' + escapeHtml(title) + '</span></button><div class="tree-actions"><button type="button" class="tree-action" data-testid="tree-action-menu" data-rust-action="menu" data-node-id="' + escapeHtml(nodeId) + '" aria-label="更多操作">…</button><button type="button" class="tree-action" data-testid="tree-action-create" data-rust-action="create" data-node-id="' + escapeHtml(nodeId) + '" aria-label="新建子页面">+</button></div></div>' + childHtml + '</li>';
|
|
}).join('');
|
|
}
|
|
|
|
function renderPageProjection(projection) {
|
|
var tree = document.getElementById('sidebar-tree-root');
|
|
if (!tree) return false;
|
|
var rows = projectionItems(projection).filter(function(item) {
|
|
return String(item.rowKind || 'document') === 'document';
|
|
});
|
|
var activeId = currentDocumentId();
|
|
var activeRowId = currentFileTreeActiveRowId();
|
|
tree.innerHTML = '<ul class="tree-root" role="tree" data-rust-page-renderer="initial_v1">' + (rows.length ? renderPageRows('', groupRowsByParent(rows), activeId, 0) : '') + '</ul>';
|
|
return true;
|
|
}
|
|
|
|
function fileDocumentId(item) {
|
|
var meta = item && item.resourceMeta && typeof item.resourceMeta === 'object' ? item.resourceMeta : {};
|
|
if (meta.documentId) return String(meta.documentId).trim();
|
|
if (item && item.documentId) return String(item.documentId).trim();
|
|
if (item && item.rowKind === 'document') return nodeIdOf(item);
|
|
if (item && item.rowKind === 'index') return nodeIdOf(item).replace(/^index:/, '');
|
|
return '';
|
|
}
|
|
|
|
function fileAssetId(item) {
|
|
var meta = item && item.resourceMeta && typeof item.resourceMeta === 'object' ? item.resourceMeta : {};
|
|
if (meta.assetId) return String(meta.assetId).trim();
|
|
if (item && item.assetId) return String(item.assetId).trim();
|
|
if (item && item.rowKind === 'asset') return nodeIdOf(item).replace(/^asset:/, '');
|
|
return '';
|
|
}
|
|
|
|
function fileObjectIdentity(item) {
|
|
var meta = item && item.resourceMeta && typeof item.resourceMeta === 'object' ? item.resourceMeta : {};
|
|
// Phase A1: workspacePath 优先于旧猜测逻辑
|
|
var wp = meta.workspacePath;
|
|
if (wp && typeof wp === 'object' && wp.objectIdentity && typeof wp.objectIdentity === 'object') {
|
|
return wp.objectIdentity;
|
|
}
|
|
if (meta.objectIdentity && typeof meta.objectIdentity === 'object') return meta.objectIdentity;
|
|
var rowKind = String(item && item.rowKind || '');
|
|
var documentId = fileDocumentId(item) || null;
|
|
var assetId = fileAssetId(item) || null;
|
|
var iconKind = iconKindOf(item);
|
|
var objectKind = rowKind === 'document' ? 'page' : rowKind === 'index' ? 'index' : iconKind === 'mindmap' ? 'mindmap' : 'attachment';
|
|
return { objectKind: objectKind, documentId: documentId, blockId: null, assetId: assetId };
|
|
}
|
|
|
|
function fileOwnerDocumentId(item, fallbackDocumentId, objectIdentity) {
|
|
var identity = objectIdentity && typeof objectIdentity === 'object' ? objectIdentity : fileObjectIdentity(item);
|
|
var owner = String(identity && identity.documentId || '').trim();
|
|
if (owner) return owner;
|
|
var assetId = fileAssetId(item);
|
|
var localPath = localFilePathFromAssetId(assetId);
|
|
if (localPath && localPath.indexOf('/') > 0) {
|
|
var parts = localPath.split('/');
|
|
var bundleName = parts[0] || '';
|
|
if (bundleName) return 'local-md:' + bundleName + '~2F' + bundleName + '.md';
|
|
}
|
|
return String(fallbackDocumentId || '').trim();
|
|
}
|
|
|
|
function objectIdentityAttr(identity) {
|
|
try {
|
|
return JSON.stringify(identity || {});
|
|
} catch (_error) {
|
|
return '';
|
|
}
|
|
}
|
|
|
|
function iconKindOf(item) {
|
|
return String(item && (item.iconHint || item.rowKind || 'file') || 'file').trim() || 'file';
|
|
}
|
|
|
|
function fileCapabilitiesAttr(item) {
|
|
try {
|
|
return JSON.stringify(Array.isArray(item && item.capabilities) ? item.capabilities : []);
|
|
} catch (_error) {
|
|
return '[]';
|
|
}
|
|
}
|
|
|
|
function isFileTreeProjectionPageRow(rowKind, assetId) {
|
|
if (assetId) return false;
|
|
return rowKind === 'document' || rowKind === 'doc' || rowKind === 'markdown';
|
|
}
|
|
|
|
function normalizeMindmapFileTreeTitle(rawTitle, assetId, iconKind, objectIdentity) {
|
|
var title = String(rawTitle || '').trim();
|
|
var isMindmap = iconKind === 'mindmap' || String(objectIdentity && objectIdentity.objectKind || '') === 'mindmap';
|
|
if (!isMindmap) return title || '无标题';
|
|
return title || shortMindmapFileName(assetId);
|
|
}
|
|
|
|
function renderFileRows(parentId, grouped, activeId, activeRowId) {
|
|
return (grouped.get(parentId) || []).map(function(item) {
|
|
var nodeId = nodeIdOf(item);
|
|
var rowId = rowIdOf(item);
|
|
var rowKind = String(item.rowKind || 'document');
|
|
var rawTitle = titleOf(item);
|
|
var depth = Number(item.depth || 0);
|
|
var parent = parentIdOf(item);
|
|
var documentId = fileDocumentId(item);
|
|
var assetId = fileAssetId(item);
|
|
var relativePath = fileWorkspaceRelativePath(item);
|
|
var objectIdentity = fileObjectIdentity(item);
|
|
var ownerDocumentId = fileOwnerDocumentId(item, documentId, objectIdentity);
|
|
var iconKind = iconKindOf(item);
|
|
var cachedChildren = relativePath ? (fileTreeLazyChildrenCache.get(relativePath) || []) : [];
|
|
var title = isFileTreeProjectionPageRow(rowKind, assetId)
|
|
? fileTreePageTitle(rawTitle)
|
|
: normalizeMindmapFileTreeTitle(rawTitle, assetId, iconKind, objectIdentity);
|
|
var children = grouped.get(nodeId) || [];
|
|
var expandable = Boolean(item.expandable || item.childCount > 0 || children.length || cachedChildren.length);
|
|
var expanded = expandable && (fileTreeExpandedRelativePaths.has(relativePath) || item.expandedByDefault !== false);
|
|
var selected = activeRowId ? rowId === activeRowId : rowId === 'doc:' + activeId;
|
|
var testId = rowKind === 'document' ? 'filetree-doc-row' : rowKind === 'index' ? 'filetree-index-row' : 'filetree-asset-row';
|
|
var toggle = expandable
|
|
? '<button type="button" class="tree-toggle" data-testid="filetree-toggle" data-rust-action="toggle" data-row-id="' + escapeHtml(rowId) + '" aria-label="' + (expanded ? '折叠 ' : '展开 ') + escapeHtml(title) + '">' + (expanded ? '▾' : '▸') + '</button>'
|
|
: '<span class="tree-spacer" aria-hidden="true"></span>';
|
|
var createAction = rowKind === 'document'
|
|
? '<button type="button" class="tree-action" data-testid="filetree-create" data-rust-action="create" data-row-id="' + escapeHtml(rowId) + '" data-node-id="' + escapeHtml(documentId || nodeId) + '" aria-label="新建子页面">+</button>'
|
|
: '';
|
|
var childRowsHtml = children.length
|
|
? renderFileRows(nodeId, grouped, activeId, activeRowId)
|
|
: cachedChildren.length
|
|
? renderFileRows('', groupRowsByParent(cachedChildren), activeId, activeRowId)
|
|
: '';
|
|
var childHtml = expandable && expanded && childRowsHtml
|
|
? '<ul class="tree-children">' + childRowsHtml + '</ul>'
|
|
: '';
|
|
return '<li class="tree-node" data-node-id="' + escapeHtml(nodeId) + '"><div class="tree-row" role="treeitem" aria-level="' + (depth + 1) + '" aria-expanded="' + String(expandable && expanded) + '" data-rust-rendered-row="filetree" data-testid="' + testId + '" data-row-id="' + escapeHtml(rowId) + '" data-row-kind="' + escapeHtml(rowKind) + '" data-node-id="' + escapeHtml(nodeId) + '"' + (parent ? ' data-parent-id="' + escapeHtml(parent) + '"' : '') + ' data-document-id="' + escapeHtml(documentId) + '" data-doc-id="' + escapeHtml(documentId) + '" data-owner-document-id="' + escapeHtml(ownerDocumentId) + '" data-asset-id="' + escapeHtml(assetId) + '" data-local-relative-path="' + escapeHtml(relativePath) + '" data-object-identity="' + escapeHtml(objectIdentityAttr(objectIdentity)) + '" data-object-kind="' + escapeHtml(String(objectIdentity.objectKind || '')) + '" data-capabilities="' + escapeHtml(fileCapabilitiesAttr(item)) + '" data-shell-mode="filetree" data-selected="' + String(selected) + '" data-active="false" draggable="true">' + toggle + '<span class="tree-kind-badge" data-kind="' + escapeHtml(iconKind) + '" aria-hidden="true"></span><button type="button" class="tree-link" data-rust-action="open" data-row-id="' + escapeHtml(rowId) + '" data-document-id="' + escapeHtml(documentId) + '" data-owner-document-id="' + escapeHtml(ownerDocumentId) + '" data-asset-id="' + escapeHtml(assetId) + '" data-local-relative-path="' + escapeHtml(relativePath) + '" title="' + escapeHtml(title) + '"><span class="tree-link-title" title="' + escapeHtml(title) + '">' + escapeHtml(title) + '</span></button><div class="tree-actions">' + createAction + '<button type="button" class="tree-action" data-testid="filetree-action-menu" data-rust-action="menu" data-row-id="' + escapeHtml(rowId) + '" aria-label="更多操作">…</button></div></div>' + childHtml + '</li>';
|
|
}).join('');
|
|
}
|
|
|
|
function ensureFileTreeLazyCacheScope() {
|
|
var rootUri = currentRootUri();
|
|
if (rootUri === fileTreeLazyCacheRootUri) return;
|
|
fileTreeLazyCacheRootUri = rootUri;
|
|
fileTreeLazyChildrenCache.clear();
|
|
fileTreeExpandedRelativePaths.clear();
|
|
}
|
|
|
|
function rememberFileTreeExpansionState() {
|
|
document.querySelectorAll('#sidebar-file-tree-root .tree-row[data-shell-mode="filetree"]').forEach(function(row) {
|
|
if (!(row instanceof HTMLElement)) return;
|
|
var relativePath = localFileTreeRelativePathFromRow(row);
|
|
if (!relativePath) return;
|
|
if (row.getAttribute('aria-expanded') === 'true') {
|
|
fileTreeExpandedRelativePaths.add(relativePath);
|
|
} else {
|
|
fileTreeExpandedRelativePaths.delete(relativePath);
|
|
}
|
|
});
|
|
}
|
|
|
|
function renderFileProjection(projection) {
|
|
var tree = document.getElementById('sidebar-file-tree-root');
|
|
if (!tree) return false;
|
|
ensureFileTreeLazyCacheScope();
|
|
rememberFileTreeExpansionState();
|
|
var rows = projectionItems(projection);
|
|
var activeId = currentDocumentId();
|
|
var activeRowId = currentFileTreeActiveRowId();
|
|
tree.innerHTML = '<ul class="tree-root" role="tree" data-rust-filetree-renderer="initial_v1">' + (rows.length ? renderFileRows('', groupRowsByParent(rows), activeId, activeRowId) : '') + '</ul>';
|
|
return true;
|
|
}
|
|
|
|
function renderSidebarSnapshot(payload) {
|
|
var renderedPage = hasProjectionItems(payload) ? renderPageProjection(payload) : false;
|
|
var fileProjection = readDatasetProjection(payload, 'kernel_file_tree_projection', 'kernelFileTreeProjection');
|
|
var renderedFile = fileProjection && hasProjectionItems(fileProjection) ? renderFileProjection(fileProjection) : false;
|
|
return renderedPage || renderedFile;
|
|
}
|
|
|
|
function replaceSidebarTreeFromDocument(nextDocument, rootId) {
|
|
var runtimeFn = fileTreeRuntimeFunction('replaceSidebarTreeFromDocument');
|
|
if (runtimeFn) return runtimeFn(nextDocument, rootId);
|
|
var current = document.getElementById(rootId);
|
|
var next = nextDocument ? nextDocument.getElementById(rootId) : null;
|
|
if (!(current instanceof HTMLElement) || !(next instanceof HTMLElement)) return false;
|
|
current.innerHTML = next.innerHTML;
|
|
Array.from(next.attributes || []).forEach(function(attr) {
|
|
current.setAttribute(attr.name, attr.value);
|
|
});
|
|
return true;
|
|
}
|
|
|
|
function applyLocalFolderSidebarSnapshot(nextDocument, options) {
|
|
var runtimeFn = fileTreeRuntimeFunction('applyLocalFolderSidebarSnapshot');
|
|
if (runtimeFn) return runtimeFn(nextDocument, options);
|
|
options = options || {};
|
|
var pageRootId = String(options.pageRootId || 'sidebar-tree-root');
|
|
var fileRootId = String(options.fileRootId || 'sidebar-file-tree-root');
|
|
var appliedPage = replaceSidebarTreeFromDocument(nextDocument, pageRootId);
|
|
var appliedFile = replaceSidebarTreeFromDocument(nextDocument, fileRootId);
|
|
var applied = appliedPage || appliedFile;
|
|
if (applied && typeof options.onApplied === 'function') options.onApplied({
|
|
pageRootApplied: appliedPage,
|
|
fileRootApplied: appliedFile
|
|
});
|
|
return applied;
|
|
}
|
|
|
|
function markLocalFolderWatchApplied(value) {
|
|
var runtimeFn = fileTreeRuntimeFunction('markLocalFolderWatchApplied');
|
|
if (runtimeFn) return runtimeFn(value);
|
|
var appliedValue = String(value || 'projection');
|
|
document.documentElement.setAttribute('data-mnote-local-folder-watch-applied', appliedValue);
|
|
return true;
|
|
}
|
|
|
|
async function refreshLocalFolderSidebarSnapshot() {
|
|
var workspaceId = currentWorkspaceId();
|
|
var rootUri = currentRootUri();
|
|
var currentId = currentDocumentId();
|
|
if (!workspaceId || !rootUri) return false;
|
|
|
|
var sidebarUrl = new URL('/api/tree/projections/sidebar', window.location.origin);
|
|
sidebarUrl.searchParams.set('workspaceId', workspaceId);
|
|
sidebarUrl.searchParams.set('sourceKind', 'local_folder');
|
|
sidebarUrl.searchParams.set('rootUri', rootUri);
|
|
if (currentId) sidebarUrl.searchParams.set('rootNodeId', currentId);
|
|
var fileUrl = new URL('/api/tree/projections/file', window.location.origin);
|
|
fileUrl.searchParams.set('workspaceId', workspaceId);
|
|
fileUrl.searchParams.set('sourceKind', 'local_folder');
|
|
fileUrl.searchParams.set('rootUri', rootUri);
|
|
if (currentId) fileUrl.searchParams.set('rootNodeId', currentId);
|
|
|
|
var responses = await Promise.all([
|
|
fetch(sidebarUrl.toString(), { headers: { accept: 'application/json' } }),
|
|
fetch(fileUrl.toString(), { headers: { accept: 'application/json' } })
|
|
]);
|
|
if (!responses[0].ok && !responses[1].ok) return false;
|
|
|
|
var sidebarPayload = responses[0].ok ? await responses[0].json().catch(function() { return null; }) : null;
|
|
var filePayload = responses[1].ok ? await responses[1].json().catch(function() { return null; }) : null;
|
|
var renderedPage = sidebarPayload ? renderSidebarSnapshot(sidebarPayload.result || sidebarPayload) : false;
|
|
var renderedFile = filePayload ? renderFileProjection(filePayload.result || filePayload) : false;
|
|
if (!renderedPage && !renderedFile) return false;
|
|
syncSidebarFileTreeSelection();
|
|
schedulePendingLocalFolderRestoreFocus();
|
|
restoreSidebarTreeTab();
|
|
refreshEditorLocalAttachmentExistence();
|
|
markLocalFolderWatchApplied('projection');
|
|
return true;
|
|
}
|
|
|
|
function startLocalFolderSidebarWatch() {
|
|
if (currentSourceKind() !== 'local_folder') return;
|
|
var rootUri = currentRootUri();
|
|
if (!rootUri) return;
|
|
var revision = '';
|
|
var refreshTimer = 0;
|
|
var scheduleRefresh = function() {
|
|
if (refreshTimer) return;
|
|
refreshTimer = window.setTimeout(function() {
|
|
refreshTimer = 0;
|
|
void refreshLocalFolderSidebarSnapshot();
|
|
}, 180);
|
|
};
|
|
var poll = async function() {
|
|
if (document.hidden) return;
|
|
// If tree live SSE transport is active for local_folder, skip polling (fallback)
|
|
var treeTransport = document.documentElement.getAttribute('data-mnote-tree-live-transport') || '';
|
|
if (treeTransport === 'local-folder-events') return;
|
|
var url = new URL('/api/tree/local-folder-watch', window.location.origin);
|
|
url.searchParams.set('rootUri', rootUri);
|
|
var response = await fetch(url.toString(), { headers: { accept: 'application/json' } });
|
|
if (!response.ok) return;
|
|
var payload = await response.json();
|
|
var nextRevision = payload && payload.result && typeof payload.result.revision === 'string'
|
|
? payload.result.revision
|
|
: '';
|
|
if (!nextRevision) return;
|
|
if (!revision) {
|
|
revision = nextRevision;
|
|
return;
|
|
}
|
|
if (nextRevision !== revision) {
|
|
revision = nextRevision;
|
|
scheduleRefresh();
|
|
}
|
|
};
|
|
window.setInterval(function() {
|
|
void poll();
|
|
}, 1200);
|
|
void poll();
|
|
}
|
|
|
|
function isTitleOnlyDocumentPatch(candidate) {
|
|
if (!candidate || typeof candidate !== 'object') return false;
|
|
var allowedKeys = {
|
|
id: true,
|
|
documentId: true,
|
|
title: true,
|
|
updatedAt: true,
|
|
updated_at: true
|
|
};
|
|
return Object.keys(candidate).every(function(key) {
|
|
return allowedKeys[key] === true;
|
|
});
|
|
}
|
|
|
|
function deltaNeedsProjectionRefresh(payload) {
|
|
var data = payload && (payload.data || payload.delta || payload);
|
|
var op = data && typeof data.op === 'string' ? String(data.op).trim() : '';
|
|
if (!op || op === 'noop') return false;
|
|
if (op === 'upsert_document') {
|
|
return !isTitleOnlyDocumentPatch(data.node || data.document || null);
|
|
}
|
|
if (op === 'upsert_documents') {
|
|
var documents = Array.isArray(data.upsertDocuments) ? data.upsertDocuments : Array.isArray(data.upsert_documents) ? data.upsert_documents : [];
|
|
if (documents.length > 0 && documents.every(isTitleOnlyDocumentPatch)) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function localFileTreeRelativePathFromRow(row) {
|
|
if (!(row instanceof HTMLElement)) return '';
|
|
var direct = String(row.getAttribute('data-local-relative-path') || '').trim();
|
|
if (direct) return direct;
|
|
var runtimeFn = fileTreeRuntimeFunction('fileTreeRowLocalRelativePath');
|
|
if (runtimeFn) {
|
|
try {
|
|
return String(runtimeFn(row, { localFilePathFromAssetId: localFilePathFromAssetId }) || '').trim();
|
|
} catch (_) {}
|
|
}
|
|
var rowId = String(row.getAttribute('data-row-id') || '').trim();
|
|
var nodeId = String(row.getAttribute('data-node-id') || '').trim();
|
|
if (rowId.indexOf('local:folder:') === 0) return rowId.slice('local:folder:'.length);
|
|
if (rowId.indexOf('local:markdown:') === 0) return rowId.slice('local:markdown:'.length);
|
|
if (rowId.indexOf('local:asset:') === 0) return rowId.slice('local:asset:'.length);
|
|
if (nodeId.indexOf('local:node:') === 0) return nodeId.slice('local:node:'.length);
|
|
return '';
|
|
}
|
|
|
|
function setTreeRowExpanded(row, button, expanded) {
|
|
row.setAttribute('aria-expanded', expanded ? 'true' : 'false');
|
|
if (button) {
|
|
button.setAttribute('aria-expanded', expanded ? 'true' : 'false');
|
|
button.textContent = expanded ? '▾' : '▸';
|
|
}
|
|
var relativePath = localFileTreeRelativePathFromRow(row);
|
|
if (!relativePath) return;
|
|
if (expanded) fileTreeExpandedRelativePaths.add(relativePath);
|
|
else fileTreeExpandedRelativePaths.delete(relativePath);
|
|
}
|
|
|
|
function renderCachedFileTreeChildren(row, button, relativePath) {
|
|
var cachedRows = fileTreeLazyChildrenCache.get(relativePath) || [];
|
|
if (!cachedRows.length) return false;
|
|
var node = row.closest('.tree-node');
|
|
if (!node) return false;
|
|
var children = node.querySelector(':scope > .tree-children');
|
|
if (!children) {
|
|
children = document.createElement('ul');
|
|
children.className = 'tree-children';
|
|
node.appendChild(children);
|
|
}
|
|
children.innerHTML = renderFileRows('', groupRowsByParent(cachedRows), currentDocumentId(), currentFileTreeActiveRowId());
|
|
children.classList.remove('tree-children--collapsed');
|
|
row.setAttribute('data-filetree-children-loaded', 'true');
|
|
setTreeRowExpanded(row, button, true);
|
|
syncSidebarFileTreeSelection();
|
|
return true;
|
|
}
|
|
|
|
async function loadFileTreeChildren(row, button) {
|
|
if (!(row instanceof HTMLElement)) return false;
|
|
if (row.getAttribute('data-shell-mode') !== 'filetree') return false;
|
|
if (currentSourceKind() !== 'local_folder') return false;
|
|
ensureFileTreeLazyCacheScope();
|
|
var relativePath = localFileTreeRelativePathFromRow(row);
|
|
if (relativePath && renderCachedFileTreeChildren(row, button, relativePath)) return true;
|
|
if (row.getAttribute('data-filetree-children-loaded') === 'true') return false;
|
|
if (row.getAttribute('data-filetree-children-loading') === 'true') return true;
|
|
var rootUri = currentRootUri();
|
|
if (!rootUri || !relativePath) return false;
|
|
row.setAttribute('data-filetree-children-loading', 'true');
|
|
try {
|
|
var url = new URL('/api/tree/projections/file/children', window.location.origin);
|
|
var workspaceId = currentWorkspaceId();
|
|
if (workspaceId) url.searchParams.set('workspaceId', workspaceId);
|
|
url.searchParams.set('sourceKind', 'local_folder');
|
|
url.searchParams.set('rootUri', rootUri);
|
|
url.searchParams.set('parentRelativePath', relativePath);
|
|
var response = await fetch(url.toString(), { headers: { accept: 'application/json' } });
|
|
var payload = await response.json().catch(function() { return null; });
|
|
if (!response.ok) throw new Error(payload && (payload.error || payload.message) || 'filetree_children_failed_' + response.status);
|
|
var projection = readProjection(payload && (payload.result || payload));
|
|
var rows = projectionItems(projection);
|
|
fileTreeLazyChildrenCache.set(relativePath, rows);
|
|
if (!rows.length) {
|
|
row.setAttribute('data-filetree-children-loaded', 'true');
|
|
setTreeRowExpanded(row, button, true);
|
|
return true;
|
|
}
|
|
return renderCachedFileTreeChildren(row, button, relativePath);
|
|
} catch (error) {
|
|
setTreeLiveApplyError(error && error.message ? error.message : '文件树子目录加载失败');
|
|
return false;
|
|
} finally {
|
|
row.removeAttribute('data-filetree-children-loading');
|
|
}
|
|
}
|
|
|
|
function toggleChildren(row, button) {
|
|
var li = row && row.parentElement;
|
|
var children = li ? li.querySelector(':scope > .tree-children') : null;
|
|
if (!children) {
|
|
void loadFileTreeChildren(row, button);
|
|
return;
|
|
}
|
|
children.classList.toggle('tree-children--collapsed');
|
|
var collapsed = children.classList.contains('tree-children--collapsed');
|
|
setTreeRowExpanded(row, button, !collapsed);
|
|
}
|
|
|
|
|
|
function installTreeLiveApplyEventListeners() {
|
|
window.addEventListener('tree:title-updated', function(event) {
|
|
var detail = event.detail || {};
|
|
var previousDocumentId = detail.previousDocumentId || (detail.payload && detail.payload.result && detail.payload.result.previousDocumentId) || '';
|
|
if (previousDocumentId && previousDocumentId !== detail.documentId) {
|
|
removeDocumentRowForMode('page', previousDocumentId);
|
|
removeDocumentRowForMode('filetree', previousDocumentId);
|
|
if (currentDocumentId() === previousDocumentId) {
|
|
navigateToDocument(detail.documentId, detail.workspaceId || currentWorkspaceId(), { treeView: activeSidebarTreeMode() });
|
|
}
|
|
}
|
|
updateTitleEverywhere(detail.documentId, detail.title);
|
|
if (currentSourceKind() === 'local_folder') void refreshLocalFolderSidebarSnapshot();
|
|
document.documentElement.setAttribute('data-mnote-title-local-applied', 'true');
|
|
});
|
|
|
|
window.addEventListener('tree:local-command', function(event) {
|
|
var detail = event.detail || {};
|
|
var body = detail.body || {};
|
|
var action = String(body.action || '').trim();
|
|
var result = detail.result || {};
|
|
if (action === 'create') {
|
|
applyCreatedDocumentLocally(result, body.parentId || null, body.title || '新页面');
|
|
if (localCommandNeedsProjectionRefresh(action, result)) void refreshLocalFolderSidebarSnapshot();
|
|
return;
|
|
}
|
|
if (action === 'rename' && body.documentId && body.title) {
|
|
var newDocumentId = commandDocumentId(result, body.documentId);
|
|
if (newDocumentId && newDocumentId !== body.documentId) {
|
|
removeDocumentRowForMode('page', body.documentId);
|
|
removeDocumentRowForMode('filetree', body.documentId);
|
|
if (currentDocumentId() === body.documentId) {
|
|
navigateToDocument(newDocumentId, body.workspaceId || currentWorkspaceId(), { treeView: activeSidebarTreeMode() });
|
|
}
|
|
} else {
|
|
updateTitleEverywhere(body.documentId, body.title);
|
|
}
|
|
if (localCommandNeedsProjectionRefresh(action, result)) void refreshLocalFolderSidebarSnapshot();
|
|
document.documentElement.setAttribute('data-mnote-tree-local-command-applied', 'rename');
|
|
return;
|
|
}
|
|
if (action === 'move' && body.documentId) {
|
|
if (applyMoveDocumentDelta({ documentId: body.documentId, parentId: body.parentId || null, sortOrder: body.sortOrder })) {
|
|
document.documentElement.setAttribute('data-mnote-tree-local-command-applied', 'move');
|
|
}
|
|
if (localCommandNeedsProjectionRefresh(action, result)) void refreshLocalFolderSidebarSnapshot();
|
|
return;
|
|
}
|
|
if ((action === 'purge' || action === 'delete' || action === 'archive') && body.documentId) {
|
|
if (applyRemoveDocumentDelta({ documentId: body.documentId })) {
|
|
document.documentElement.setAttribute('data-mnote-tree-local-command-applied', 'remove');
|
|
}
|
|
if (localCommandNeedsProjectionRefresh(action, result)) void refreshLocalFolderSidebarSnapshot();
|
|
}
|
|
});
|
|
|
|
window.addEventListener('tree:snapshot', function(event) {
|
|
var payload = event.detail && event.detail.payload ? event.detail.payload : event.detail;
|
|
if (renderSidebarSnapshot(payload)) {
|
|
document.documentElement.setAttribute('data-mnote-tree-live-applied', 'snapshot');
|
|
return;
|
|
}
|
|
setTreeLiveApplyError('tree_snapshot_missing_projection_payload');
|
|
});
|
|
|
|
window.addEventListener('tree:delta', function(event) {
|
|
var payload = event.detail && event.detail.payload ? event.detail.payload : event.detail;
|
|
var data = payload && (payload.data || payload.delta || payload);
|
|
var documentPatch = data && (data.document || data.node);
|
|
if (data && data.op === 'upsert_document' && documentPatch) {
|
|
updateTitleEverywhere(documentPatch.id || documentPatch.documentId, documentPatch.title || '无标题');
|
|
}
|
|
if (data && data.op === 'move_document' && applyMoveDocumentDelta(data)) {
|
|
document.documentElement.setAttribute('data-mnote-tree-live-applied', 'delta');
|
|
return;
|
|
}
|
|
if (data && data.op === 'remove_document' && applyRemoveDocumentDelta(data)) {
|
|
document.documentElement.setAttribute('data-mnote-tree-live-applied', 'delta');
|
|
return;
|
|
}
|
|
var documents = data && (data.upsertDocuments || data.upsert_documents);
|
|
if (Array.isArray(documents)) {
|
|
documents.forEach(function(doc) {
|
|
updateTitleEverywhere(doc.id || doc.documentId, doc.title || '无标题');
|
|
});
|
|
}
|
|
if (renderSidebarSnapshot(payload)) {
|
|
document.documentElement.setAttribute('data-mnote-tree-live-applied', 'delta');
|
|
return;
|
|
}
|
|
document.documentElement.setAttribute('data-mnote-tree-live-applied', 'delta');
|
|
if (deltaNeedsProjectionRefresh(payload)) {
|
|
setTreeLiveApplyError('tree_delta_missing_projection_payload');
|
|
}
|
|
});
|
|
|
|
window.addEventListener('tree:resync', function(event) {
|
|
var payload = event.detail && event.detail.payload ? event.detail.payload : event.detail;
|
|
if (renderSidebarSnapshot(payload)) {
|
|
refreshEditorLocalAttachmentExistence();
|
|
document.documentElement.setAttribute('data-mnote-tree-live-applied', 'resync');
|
|
return;
|
|
}
|
|
document.documentElement.setAttribute('data-mnote-tree-live-applied', 'resync');
|
|
setTreeLiveApplyError('tree_resync_missing_projection_payload');
|
|
});
|
|
}
|
|
|
|
return {
|
|
applyCreatedDocumentLocally,
|
|
applyMoveDocumentDelta,
|
|
applyRemoveDocumentDelta,
|
|
commandDocumentId,
|
|
commandDocumentTitle,
|
|
deltaNeedsProjectionRefresh,
|
|
fileTreePageTitle,
|
|
installTreeLiveApplyEventListeners,
|
|
isFileTreePageRow,
|
|
localCommandNeedsProjectionRefresh,
|
|
normalizeFileTreePageRenameTitle,
|
|
objectIdentityAttr,
|
|
refreshLocalFolderSidebarSnapshot,
|
|
removeDocumentRowForMode,
|
|
renderSidebarSnapshot,
|
|
setTreeLiveApplyError,
|
|
startLocalFolderSidebarWatch,
|
|
toggleChildren,
|
|
updateTitleEverywhere,
|
|
validateFileTreeRename,
|
|
};
|
|
};
|