import contextMenuWidget from './context_menu.js'; import treeContextMenuService from './tree_context_menu.js'; import dragAndDropSetup from './drag_and_drop.js'; import linkService from './link.js'; import messagingService from './messaging.js'; import noteDetailService from './note_detail.js'; import protectedSessionHolder from './protected_session_holder.js'; import treeUtils from './tree_utils.js'; import utils from './utils.js'; import server from './server.js'; import treeCache from './tree_cache.js'; import infoService from "./info.js"; import treeBuilder from "./tree_builder.js"; import treeKeyBindings from "./tree_keybindings.js"; import Branch from '../entities/branch.js'; import NoteShort from '../entities/note_short.js'; import hoistedNoteService from '../services/hoisted_note.js'; import confirmDialog from "../dialogs/confirm.js"; const $tree = $("#tree"); const $createTopLevelNoteButton = $("#create-top-level-note-button"); const $collapseTreeButton = $("#collapse-tree-button"); const $scrollToCurrentNoteButton = $("#scroll-to-current-note-button"); const $notePathList = $("#note-path-list"); const $notePathCount = $("#note-path-count"); let startNotePath = null; // focused & not active node can happen during multiselection where the node is selected but not activated // (its content is not displayed in the detail) function getFocusedNode() { const tree = $tree.fancytree("getTree"); return tree.getFocusNode(); } // note that if you want to access data like noteId or isProtected, you need to go into "data" property function getCurrentNode() { return $tree.fancytree("getActiveNode"); } function getActiveNotePath() { const node = getCurrentNode(); return treeUtils.getNotePath(node); } async function getNodesByBranchId(branchId) { utils.assertArguments(branchId); const branch = await treeCache.getBranch(branchId); return getNodesByNoteId(branch.noteId).filter(node => node.data.branchId === branchId); } function getNodesByNoteId(noteId) { utils.assertArguments(noteId); const list = getTree().getNodesByRef(noteId); return list ? list : []; // if no nodes with this refKey are found, fancy tree returns null } async function setPrefix(branchId, prefix) { utils.assertArguments(branchId); const branch = await treeCache.getBranch(branchId); branch.prefix = prefix; for (const node of await getNodesByBranchId(branchId)) { await setNodeTitleWithPrefix(node); } } async function setNodeTitleWithPrefix(node) { const noteTitle = await treeUtils.getNoteTitle(node.data.noteId); const branch = await treeCache.getBranch(node.data.branchId); const prefix = branch.prefix; const title = (prefix ? (prefix + " - ") : "") + noteTitle; node.setTitle(utils.escapeHtml(title)); } function getNode(childNoteId, parentNoteId) { return getNodesByNoteId(childNoteId).find(node => !parentNoteId || node.data.parentNoteId === parentNoteId); } async function expandToNote(notePath, expandOpts) { utils.assertArguments(notePath); const runPath = await getRunPath(notePath); const noteId = treeUtils.getNoteIdFromNotePath(notePath); const hoistedNoteId = await hoistedNoteService.getHoistedNoteId(); let hoistedNoteFound = false; let parentNoteId = null; for (const childNoteId of runPath) { if (childNoteId === hoistedNoteId) { hoistedNoteFound = true; } // we expand only after hoisted note since before then nodes are not actually present in the tree if (hoistedNoteFound) { // for first node (!parentNoteId) it doesn't matter which node is found let node = getNode(childNoteId, parentNoteId); if (!node && parentNoteId) { const parents = getNodesByNoteId(parentNoteId); for (const parent of parents) { // force load parents. This is useful when fancytree doesn't contain recently created notes yet. await parent.load(true); } node = getNode(childNoteId, parentNoteId); } if (!node) { console.error(`Can't find node for noteId=${childNoteId} with parentNoteId=${parentNoteId}`); } if (childNoteId === noteId) { return node; } else { await node.setExpanded(true, expandOpts); } } parentNoteId = childNoteId; } } async function activateNote(notePath, noteLoadedListener) { utils.assertArguments(notePath); // notePath argument can contain only noteId which is not good when hoisted since // then we need to check the whole note path const runNotePath = await getRunPath(notePath); const hoistedNoteId = await hoistedNoteService.getHoistedNoteId(); if (hoistedNoteId !== 'root' && !runNotePath.includes(hoistedNoteId)) { if (!await confirmDialog.confirm("Requested note is outside of hoisted note subtree. Do you want to unhoist?")) { return; } // unhoist so we can activate the note await hoistedNoteService.unhoist(); } if (glob.activeDialog) { glob.activeDialog.modal('hide'); } const node = await expandToNote(notePath); if (noteLoadedListener) { noteDetailService.addDetailLoadedListener(node.data.noteId, noteLoadedListener); } // we use noFocus because when we reload the tree because of background changes // we don't want the reload event to steal focus from whatever was focused before await node.setActive(true, { noFocus: true }); clearSelectedNodes(); return node; } /** * Accepts notePath and tries to resolve it. Part of the path might not be valid because of note moving (which causes * path change) or other corruption, in that case this will try to get some other valid path to the correct note. */ async function getRunPath(notePath) { utils.assertArguments(notePath); const path = notePath.split("/").reverse(); if (!path.includes("root")) { path.push('root'); } const hoistedNoteId = await hoistedNoteService.getHoistedNoteId(); const effectivePath = []; let childNoteId = null; let i = 0; while (true) { if (i >= path.length) { break; } const parentNoteId = path[i++]; if (childNoteId !== null) { const child = await treeCache.getNote(childNoteId); if (!child) { console.log("Can't find " + childNoteId); } const parents = await child.getParentNotes(); if (!parents) { messagingService.logError("No parents found for " + childNoteId); return; } if (!parents.some(p => p.noteId === parentNoteId)) { console.debug(utils.now(), "Did not find parent " + parentNoteId + " for child " + childNoteId); if (parents.length > 0) { console.debug(utils.now(), "Available parents:", parents); const someNotePath = await getSomeNotePath(parents[0]); if (someNotePath) { // in case it's root the path may be empty const pathToRoot = someNotePath.split("/").reverse(); for (const noteId of pathToRoot) { effectivePath.push(noteId); } effectivePath.push('root'); } break; } else { messagingService.logError("No parents, can't activate node."); return; } } } effectivePath.push(parentNoteId); childNoteId = parentNoteId; if (parentNoteId === hoistedNoteId) { break; } } return effectivePath.reverse(); } async function addPath(notePath, isCurrent) { const title = await treeUtils.getNotePathTitle(notePath); const noteLink = await linkService.createNoteLink(notePath, title); noteLink .addClass("no-tooltip-preview") .addClass("dropdown-item"); if (isCurrent) { noteLink.addClass("current"); } $notePathList.append(noteLink); } async function showPaths(noteId, node) { utils.assertArguments(noteId, node); const note = await treeCache.getNote(noteId); if (note.noteId === 'root') { // root doesn't have any parent, but it's still technically 1 path $notePathCount.html("1 path"); $notePathList.empty(); await addPath('root', true); } else { const parents = await note.getParentNotes(); $notePathCount.html(parents.length + " path" + (parents.length > 1 ? "s" : "")); $notePathList.empty(); for (const parentNote of parents) { const parentNotePath = await getSomeNotePath(parentNote); // this is to avoid having root notes leading '/' const notePath = parentNotePath ? (parentNotePath + '/' + noteId) : noteId; const isCurrent = node.getParent().data.noteId === parentNote.noteId; await addPath(notePath, isCurrent); } } } async function getSomeNotePath(note) { utils.assertArguments(note); const path = []; let cur = note; while (cur.noteId !== 'root') { path.push(cur.noteId); const parents = await cur.getParentNotes(); if (!parents.length) { infoService.throwError("Can't find parents for " + cur); } cur = parents[0]; } return path.reverse().join('/'); } async function setExpandedToServer(branchId, isExpanded) { utils.assertArguments(branchId); const expandedNum = isExpanded ? 1 : 0; await server.put('branches/' + branchId + '/expanded/' + expandedNum); } function addRecentNote(branchId, notePath) { setTimeout(async () => { // we include the note into recent list only if the user stayed on the note at least 5 seconds if (notePath && notePath === getActiveNotePath()) { await server.post('recent-notes', { branchId, notePath }); } }, 1500); } function setCurrentNotePathToHash(node) { utils.assertArguments(node); const activeNotePath = treeUtils.getNotePath(node); const currentBranchId = node.data.branchId; document.location.hash = activeNotePath; addRecentNote(currentBranchId, activeNotePath); } function getSelectedNodes(stopOnParents = false) { return getTree().getSelectedNodes(stopOnParents); } function clearSelectedNodes() { for (const selectedNode of getSelectedNodes()) { selectedNode.setSelected(false); } const currentNode = getCurrentNode(); if (currentNode) { currentNode.setSelected(true); } } async function treeInitialized() { // - is used in mobile to indicate that we don't want to activate any note after load if (startNotePath === '-') { return; } const noteId = treeUtils.getNoteIdFromNotePath(startNotePath); if (!await treeCache.getNote(noteId)) { // note doesn't exist so don't try to activate it startNotePath = null; } if (startNotePath) { const node = await activateNote(startNotePath); // looks like this this doesn't work when triggered immediatelly after activating node // so waiting a second helps setTimeout(() => node.makeVisible({scrollIntoView: true}), 1000); } } function initFancyTree(tree) { utils.assertArguments(tree); $tree.fancytree({ autoScroll: true, keyboard: false, // we takover keyboard handling in the hotkeys plugin extensions: ["hotkeys", "dnd5", "clones"], source: tree, scrollParent: $tree, minExpandLevel: 2, // root can't be collapsed click: (event, data) => { const targetType = data.targetType; const node = data.node; if (targetType === 'title' || targetType === 'icon') { if (!event.ctrlKey) { node.setActive(); node.setSelected(true); clearSelectedNodes(); } else { node.setSelected(!node.isSelected()); } return false; } }, activate: (event, data) => { const node = data.node; const noteId = node.data.noteId; setCurrentNotePathToHash(node); noteDetailService.switchToNote(noteId); showPaths(noteId, node); }, expand: (event, data) => setExpandedToServer(data.node.data.branchId, true), collapse: (event, data) => setExpandedToServer(data.node.data.branchId, false), init: (event, data) => treeInitialized(), // don't collapse to short form hotkeys: { keydown: treeKeyBindings }, dnd5: dragAndDropSetup, lazyLoad: function(event, data) { const noteId = data.node.data.noteId; data.result = treeCache.getNote(noteId).then(note => treeBuilder.prepareBranch(note)); }, clones: { highlightActiveClones: true }, enhanceTitle: async function (event, data) { const node = data.node; const $span = $(node.span); if (node.data.noteId !== 'root' && node.data.noteId === await hoistedNoteService.getHoistedNoteId() && $span.find('.unhoist-button').length === 0) { const unhoistButton = $('  (unhoist)'); $span.append(unhoistButton); } }, // this is done to automatically lazy load all expanded search notes after tree load loadChildren: function(event, data) { data.node.visit(function(subNode){ // Load all lazy/unloaded child nodes // (which will trigger `loadChildren` recursively) if( subNode.isUndefined() && subNode.isExpanded() ) { subNode.load(); } }); } }); $tree.on('contextmenu', '.fancytree-node', function(e) { treeContextMenuService.getContextMenuItems(e).then(contextMenuItemContainer => { contextMenuWidget.initContextMenu(e, contextMenuItemContainer, treeContextMenuService.selectContextMenuItem); }); return false; // blocks default browser right click menu }); } function getTree() { return $tree.fancytree('getTree'); } async function reload() { const notes = await loadTree(); // this will also reload the note content await getTree().reload(notes); } function isNotePathInAddress() { return getHashValueFromAddress().startsWith("root"); } function getHashValueFromAddress() { return document.location.hash ? document.location.hash.substr(1) : ""; // strip initial # } async function loadTree() { const resp = await server.get('tree'); startNotePath = resp.startNotePath; if (isNotePathInAddress()) { startNotePath = getHashValueFromAddress(); } return await treeBuilder.prepareTree(resp.notes, resp.branches, resp.relations); } async function collapseTree(node = null) { if (!node) { const hoistedNoteId = await hoistedNoteService.getHoistedNoteId(); node = getNodesByNoteId(hoistedNoteId)[0]; } node.setExpanded(false); node.visit(node => node.setExpanded(false)); } function scrollToCurrentNote() { const node = getCurrentNode(); if (node) { node.makeVisible({scrollIntoView: true}); node.setFocus(); } } function setBranchBackgroundBasedOnProtectedStatus(noteId) { getNodesByNoteId(noteId).map(node => node.toggleClass("protected", node.data.isProtected)); } function setProtected(noteId, isProtected) { getNodesByNoteId(noteId).map(node => node.data.isProtected = isProtected); setBranchBackgroundBasedOnProtectedStatus(noteId); } async function setNoteTitle(noteId, title) { utils.assertArguments(noteId); const note = await treeCache.getNote(noteId); note.title = title; for (const clone of getNodesByNoteId(noteId)) { await setNodeTitleWithPrefix(clone); } } async function createNewTopLevelNote() { const hoistedNoteId = await hoistedNoteService.getHoistedNoteId(); const rootNode = getNodesByNoteId(hoistedNoteId)[0]; await createNote(rootNode, hoistedNoteId, "into", false); } async function createNote(node, parentNoteId, target, isProtected, saveSelection = false) { utils.assertArguments(node, parentNoteId, target); // if isProtected isn't available (user didn't enter password yet), then note is created as unencrypted // but this is quite weird since user doesn't see WHERE the note is being created so it shouldn't occur often if (!isProtected || !protectedSessionHolder.isProtectedSessionAvailable()) { isProtected = false; } if (noteDetailService.getActiveNoteType() !== 'text') { saveSelection = false; } else { // just disable this feature altogether - there's a problem that note containing image or table at the beginning // of the content will be auto-selected by CKEditor and then CTRL-P with no user interaction will automatically save // the selection - see https://github.com/ckeditor/ckeditor5/issues/1384 saveSelection = false; } let title, content; if (saveSelection) { [title, content] = parseSelectedHtml(window.cutToNote.getSelectedHtml()); } const newNoteName = title || "new note"; const {note, branch} = await server.post('notes/' + parentNoteId + '/children', { title: newNoteName, content: content, target: target, target_branchId: node.data.branchId, isProtected: isProtected }); if (saveSelection) { // we remove the selection only after it was saved to server to make sure we don't lose anything window.cutToNote.removeSelection(); } await noteDetailService.saveNoteIfChanged(); noteDetailService.addDetailLoadedListener(note.noteId, noteDetailService.focusAndSelectTitle); const noteEntity = new NoteShort(treeCache, note); const branchEntity = new Branch(treeCache, branch); treeCache.add(noteEntity, branchEntity); const newNode = { title: newNoteName, noteId: branchEntity.noteId, parentNoteId: parentNoteId, refKey: branchEntity.noteId, branchId: branchEntity.branchId, isProtected: isProtected, extraClasses: await treeBuilder.getExtraClasses(noteEntity), icon: await treeBuilder.getIcon(noteEntity) }; if (target === 'after') { await node.appendSibling(newNode).setActive(true); } else if (target === 'into') { if (!node.getChildren() && node.isFolder()) { await node.setExpanded(); } else { node.addChildren(newNode); } await node.getLastChild().setActive(true); const parentNoteEntity = await treeCache.getNote(node.data.noteId); node.folder = true; node.icon = await treeBuilder.getIcon(parentNoteEntity); // icon might change into folder node.renderTitle(); } else { infoService.throwError("Unrecognized target: " + target); } clearSelectedNodes(); // to unmark previously active node return {note, branch}; } /* If first element is heading, parse it out and use it as a new heading. */ function parseSelectedHtml(selectedHtml) { const dom = $.parseHTML(selectedHtml); if (dom.length > 0 && dom[0].tagName && dom[0].tagName.match(/h[1-6]/i)) { const title = $(dom[0]).text(); // remove the title from content (only first occurence) const content = selectedHtml.replace(dom[0].outerHTML, ""); return [title, content]; } else { return [null, selectedHtml]; } } async function sortAlphabetically(noteId) { await server.put('notes/' + noteId + '/sort'); await reload(); } async function showTree() { const tree = await loadTree(); initFancyTree(tree); } messagingService.subscribeToMessages(message => { if (message.type === 'refresh-tree') { reload(); } }); messagingService.subscribeToSyncMessages(syncData => { if (syncData.some(sync => sync.entityName === 'branches') || syncData.some(sync => sync.entityName === 'notes')) { console.log(utils.now(), "Reloading tree because of background changes"); reload(); } }); utils.bindShortcut('ctrl+o', async () => { const node = getCurrentNode(); const parentNoteId = node.data.parentNoteId; const isProtected = treeUtils.getParentProtectedStatus(node); if (node.data.noteId === 'root' || node.data.noteId === await hoistedNoteService.getHoistedNoteId()) { return; } createNote(node, parentNoteId, 'after', isProtected, true); }); function createNoteInto() { const node = getCurrentNode(); createNote(node, node.data.noteId, 'into', node.data.isProtected, true); } window.glob.createNoteInto = createNoteInto; utils.bindShortcut('ctrl+p', createNoteInto); utils.bindShortcut('ctrl+.', scrollToCurrentNote); $(window).bind('hashchange', function() { if (isNotePathInAddress()) { const notePath = getHashValueFromAddress(); if (notePath !== '-' && getActiveNotePath() !== notePath) { console.debug("Switching to " + notePath + " because of hash change"); activateNote(notePath); } } }); utils.bindShortcut('alt+c', () => collapseTree()); // don't use shortened form since collapseTree() accepts argument $collapseTreeButton.click(() => collapseTree()); $createTopLevelNoteButton.click(createNewTopLevelNote); $scrollToCurrentNoteButton.click(scrollToCurrentNote); export default { reload, collapseTree, scrollToCurrentNote, setBranchBackgroundBasedOnProtectedStatus, setProtected, expandToNote, activateNote, getFocusedNode, getCurrentNode, getActiveNotePath, setCurrentNotePathToHash, setNoteTitle, setPrefix, createNewTopLevelNote, createNote, createNoteInto, getSelectedNodes, clearSelectedNodes, sortAlphabetically, showTree, loadTree, treeInitialized, setExpandedToServer, getHashValueFromAddress };