trilium/src/public/javascripts/services/tree.js

950 lines
28 KiB
JavaScript
Raw Normal View History

import contextMenuWidget from './context_menu.js';
import dragAndDropSetup from './drag_and_drop.js';
2019-08-27 02:21:43 +08:00
import ws from './ws.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';
2019-10-20 16:00:18 +08:00
import toastService from "./toast.js";
2018-03-27 11:18:50 +08:00
import treeBuilder from "./tree_builder.js";
import treeKeyBindings from "./tree_keybindings.js";
2018-03-26 11:25:17 +08:00
import Branch from '../entities/branch.js';
2018-04-01 10:23:40 +08:00
import NoteShort from '../entities/note_short.js';
2018-12-13 03:39:56 +08:00
import hoistedNoteService from '../services/hoisted_note.js';
import optionsService from "../services/options.js";
2019-05-04 02:27:38 +08:00
import TreeContextMenu from "./tree_context_menu.js";
import bundle from "./bundle.js";
const $tree = $("#tree");
const $createTopLevelNoteButton = $("#create-top-level-note-button");
const $collapseTreeButton = $("#collapse-tree-button");
const $scrollToActiveNoteButton = $("#scroll-to-active-note-button");
let setFrontendAsLoaded;
const frontendLoaded = new Promise(resolve => { setFrontendAsLoaded = resolve; });
2019-10-20 19:09:00 +08:00
/**
* focused & not active node can happen during multiselection where the node is selected but not activated
* (its content is not displayed in the detail)
* @return {FancytreeNode|null}
*/
function getFocusedNode() {
const tree = $tree.fancytree("getTree");
return tree.getFocusNode();
}
2019-10-20 19:09:00 +08:00
/**
* note that if you want to access data like noteId or isProtected, you need to go into "data" property
* @return {FancytreeNode|null}
*/
function getActiveNode() {
return $tree.fancytree("getActiveNode");
}
2017-11-24 09:12:39 +08:00
2019-10-20 19:09:00 +08:00
/** @return {FancytreeNode[]} */
async function getNodesByBranchId(branchId) {
utils.assertArguments(branchId);
2017-11-28 23:17:30 +08:00
const branch = treeCache.getBranch(branchId);
return getNodesByNoteId(branch.noteId).filter(node => node.data.branchId === branchId);
}
2017-11-24 09:12:39 +08:00
2019-10-20 19:09:00 +08:00
/** @return {FancytreeNode[]} */
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
}
2017-11-28 23:17:30 +08:00
async function setPrefix(branchId, prefix) {
utils.assertArguments(branchId);
2017-11-28 23:17:30 +08:00
const branch = treeCache.getBranch(branchId);
2018-03-13 11:14:09 +08:00
branch.prefix = prefix;
for (const node of await getNodesByBranchId(branchId)) {
await setNodeTitleWithPrefix(node);
}
}
2018-03-13 11:14:09 +08:00
async function setNodeTitleWithPrefix(node) {
const noteTitle = await treeUtils.getNoteTitle(node.data.noteId);
const branch = treeCache.getBranch(node.data.branchId);
2018-03-13 11:14:09 +08:00
const prefix = branch.prefix;
2017-11-28 23:17:30 +08:00
const title = (prefix ? (prefix + " - ") : "") + noteTitle;
node.setTitle(utils.escapeHtml(title));
}
2018-03-25 22:06:14 +08:00
2019-10-20 19:09:00 +08:00
/** @return {FancytreeNode} */
async function expandToNote(notePath, expandOpts) {
return await getNodeFromPath(notePath, true, expandOpts);
}
2019-10-20 19:09:00 +08:00
/** @return {FancytreeNode} */
2019-05-20 00:21:29 +08:00
function findChildNode(parentNode, childNoteId) {
let foundChildNode = null;
for (const childNode of parentNode.getChildren()) {
if (childNode.data.noteId === childNoteId) {
foundChildNode = childNode;
break;
}
}
2019-10-20 19:09:00 +08:00
2019-05-20 00:21:29 +08:00
return foundChildNode;
}
2019-10-20 19:09:00 +08:00
/** @return {FancytreeNode} */
async function getNodeFromPath(notePath, expand = false, expandOpts = {}) {
utils.assertArguments(notePath);
const hoistedNoteId = await hoistedNoteService.getHoistedNoteId();
2019-10-20 19:09:00 +08:00
/** @var {FancytreeNode} */
let parentNode = null;
2017-12-04 06:46:56 +08:00
2019-10-19 06:11:07 +08:00
const runPath = await getRunPath(notePath);
if (!runPath) {
console.error("Could not find run path for notePath:", notePath);
return;
}
for (const childNoteId of runPath) {
if (childNoteId === hoistedNoteId) {
// there must be exactly one node with given hoistedNoteId
parentNode = getNodesByNoteId(childNoteId)[0];
continue;
}
// we expand only after hoisted note since before then nodes are not actually present in the tree
if (parentNode) {
checkFolderStatus(parentNode);
if (!parentNode.isLoaded()) {
await parentNode.load();
}
2017-12-04 06:46:56 +08:00
if (expand) {
parentNode.setExpanded(true, expandOpts);
}
2019-05-20 00:21:29 +08:00
let foundChildNode = findChildNode(parentNode, childNoteId);
2019-05-20 00:21:29 +08:00
if (!foundChildNode) { // note might be recently created so we'll force reload and try again
await parentNode.load(true);
2019-05-20 00:21:29 +08:00
foundChildNode = findChildNode(parentNode, childNoteId);
if (!foundChildNode) {
2019-08-27 02:21:43 +08:00
ws.logError(`Can't find node for child node of noteId=${childNoteId} for parent of noteId=${parentNode.data.noteId} and hoistedNoteId=${hoistedNoteId}, requested path is ${notePath}`);
2019-05-20 00:21:29 +08:00
return;
}
}
parentNode = foundChildNode;
}
}
return parentNode;
}
2019-10-20 19:09:00 +08:00
/** @return {FancytreeNode} */
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);
2019-05-15 04:29:47 +08:00
if (!runNotePath) {
console.log("Cannot activate " + notePath);
return;
}
const hoistedNoteId = await hoistedNoteService.getHoistedNoteId();
if (hoistedNoteId !== 'root' && !runNotePath.includes(hoistedNoteId)) {
const confirmDialog = await import('../dialogs/confirm.js');
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
2018-12-16 03:29:08 +08:00
await hoistedNoteService.unhoist();
}
utils.closeActiveDialog();
const node = await expandToNote(notePath);
if (noteLoadedListener) {
noteDetailService.addDetailLoadedListener(node.data.noteId, noteLoadedListener);
2018-08-14 19:50:04 +08:00
}
// 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;
}
2017-12-04 06:46:56 +08:00
/**
* Accepts notePath which might or might not be valid and returns an existing path as close to the original
* notePath as possible.
2019-10-20 19:09:00 +08:00
* @return {string|null}
*/
async function resolveNotePath(notePath) {
const runPath = await getRunPath(notePath);
2019-05-15 04:29:47 +08:00
return runPath ? runPath.join("/") : null;
}
/**
* 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.
2019-10-20 19:09:00 +08:00
*
* @return {string[]}
*/
async function getRunPath(notePath) {
utils.assertArguments(notePath);
notePath = notePath.split("-")[0].trim();
if (notePath.length === 0) {
return;
}
const path = notePath.split("/").reverse();
2018-05-27 04:16:34 +08:00
if (!path.includes("root")) {
path.push('root');
}
2017-11-19 21:47:22 +08:00
2018-12-13 03:39:56 +08:00
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);
2018-11-13 06:34:22 +08:00
if (!child) {
2019-05-15 04:29:47 +08:00
console.log("Can't find note " + childNoteId);
return;
2018-11-13 06:34:22 +08:00
}
const parents = await child.getParentNotes();
if (!parents) {
2019-08-27 02:21:43 +08:00
ws.logError("No parents found for " + childNoteId);
return;
}
2017-11-27 10:00:42 +08:00
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');
}
2017-11-19 21:47:22 +08:00
break;
}
else {
2019-08-27 02:21:43 +08:00
ws.logError("No parents, can't activate node.");
return;
}
2017-11-19 21:47:22 +08:00
}
}
2017-12-04 06:46:56 +08:00
2018-12-13 03:39:56 +08:00
effectivePath.push(parentNoteId);
childNoteId = parentNoteId;
if (parentNoteId === hoistedNoteId) {
break;
}
2017-11-19 21:47:22 +08:00
}
return effectivePath.reverse();
}
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) {
2019-10-20 16:00:18 +08:00
toastService.throwError(`Can't find parents for note ${cur.noteId}`);
2019-05-20 00:21:29 +08:00
return;
}
cur = parents[0];
}
return path.reverse().join('/');
}
2017-11-05 07:28:49 +08:00
async function setExpandedToServer(branchId, isExpanded) {
utils.assertArguments(branchId);
2017-11-05 07:28:49 +08:00
const expandedNum = isExpanded ? 1 : 0;
2018-04-02 08:33:10 +08:00
await server.put('branches/' + branchId + '/expanded/' + expandedNum);
}
2019-10-20 19:09:00 +08:00
/** @return {FancytreeNode[]} */
function getSelectedNodes(stopOnParents = false) {
return getTree().getSelectedNodes(stopOnParents);
}
2019-10-20 19:09:00 +08:00
/** @return {FancytreeNode[]} */
function getSelectedOrActiveNodes(node) {
let notes = getSelectedNodes(true);
if (notes.length === 0) {
notes.push(node);
}
return notes;
}
function clearSelectedNodes() {
for (const selectedNode of getSelectedNodes()) {
selectedNode.setSelected(false);
}
}
2017-11-05 07:28:49 +08:00
async function treeInitialized() {
if (noteDetailService.getTabContexts().length > 0) {
// this is just tree reload - tabs are already in place
return;
}
const options = await optionsService.waitForOptions();
2019-05-11 03:43:40 +08:00
const openTabs = options.getJson('openTabs') || [];
2019-05-11 03:43:40 +08:00
// if there's notePath in the URL, make sure it's open and active
// (useful, among others, for opening clipped notes from clipper)
if (location.hash) {
const notePath = location.hash.substr(1);
const noteId = treeUtils.getNoteIdFromNotePath(notePath);
if (await treeCache.noteExists(noteId)) {
for (const tab of openTabs) {
tab.active = false;
}
const foundTab = openTabs.find(tab => noteId === treeUtils.getNoteIdFromNotePath(tab.notePath));
if (foundTab) {
foundTab.active = true;
}
else {
openTabs.push({
notePath: notePath,
active: true
});
}
}
}
let filteredTabs = [];
2019-05-11 03:43:40 +08:00
for (const openTab of openTabs) {
const noteId = treeUtils.getNoteIdFromNotePath(openTab.notePath);
2019-05-11 03:43:40 +08:00
if (await treeCache.noteExists(noteId)) {
// note doesn't exist so don't try to open tab for it
filteredTabs.push(openTab);
}
}
if (utils.isMobile()) {
// mobile frontend doesn't have tabs so show only the active tab
filteredTabs = filteredTabs.filter(tab => tab.active);
}
2019-05-11 03:43:40 +08:00
if (filteredTabs.length === 0) {
filteredTabs.push({
notePath: 'root',
active: true
});
}
2019-04-14 04:10:16 +08:00
2019-05-15 04:29:47 +08:00
if (!filteredTabs.find(tab => tab.active)) {
filteredTabs[0].active = true;
}
2019-05-11 03:43:40 +08:00
for (const tab of filteredTabs) {
await noteDetailService.loadNoteDetail(tab.notePath, {
state: tab,
2019-05-11 03:43:40 +08:00
newTab: true,
activate: tab.active,
async: true // faster initial load
2019-05-11 03:43:40 +08:00
});
}
2019-05-11 03:43:40 +08:00
// previous opening triggered task to save tab changes but these are bogus changes (this is init)
// so we'll cancel it
noteDetailService.clearOpenTabsTask();
setFrontendAsLoaded();
}
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,
2018-04-08 21:25:35 +08:00
scrollParent: $tree,
2018-05-27 04:16:34 +08:00
minExpandLevel: 2, // root can't be collapsed
click: (event, data) => {
const targetType = data.targetType;
const node = data.node;
if (targetType === 'title' || targetType === 'icon') {
2019-05-09 01:10:45 +08:00
if (event.shiftKey) {
node.setSelected(!node.isSelected());
node.setFocus(true);
2019-05-09 01:10:45 +08:00
}
else if (event.ctrlKey) {
2019-05-11 03:43:40 +08:00
noteDetailService.loadNoteDetail(node.data.noteId, { newTab: true });
2019-05-09 01:10:45 +08:00
}
else {
node.setActive();
clearSelectedNodes();
}
return false;
}
},
activate: async (event, data) => {
// click event won't propagate so let's close context menu manually
contextMenuWidget.hideContextMenu();
const notePath = await treeUtils.getNotePath(data.node);
2019-05-09 02:14:41 +08:00
noteDetailService.switchToNote(notePath);
},
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;
2018-08-15 04:50:05 +08:00
2018-03-27 11:18:50 +08:00
data.result = treeCache.getNote(noteId).then(note => treeBuilder.prepareBranch(note));
},
clones: {
highlightActiveClones: true
2018-12-16 03:29:08 +08:00
},
enhanceTitle: async function (event, data) {
2018-12-16 03:29:08 +08:00
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) {
2018-12-16 03:29:08 +08:00
const unhoistButton = $('<span>&nbsp; (<a class="unhoist-button">unhoist</a>)</span>');
$span.append(unhoistButton);
2018-12-16 03:29:08 +08:00
}
const note = await treeCache.getNote(node.data.noteId);
if (note.type === 'search' && $span.find('.refresh-search-button').length === 0) {
const refreshSearchButton = $('<span>&nbsp; <span class="refresh-search-button bx bx-recycle" title="Refresh saved search results"></span></span>');
$span.append(refreshSearchButton);
}
},
// this is done to automatically lazy load all expanded search notes after tree load
loadChildren: (event, data) => {
data.node.visit((subNode) => {
// Load all lazy/unloaded child nodes
// (which will trigger `loadChildren` recursively)
if (subNode.isUndefined() && subNode.isExpanded()) {
subNode.load();
}
});
}
});
2017-11-05 07:28:49 +08:00
$tree.on('contextmenu', '.fancytree-node', function(e) {
2019-05-04 02:27:38 +08:00
const node = $.ui.fancytree.getNode(e);
contextMenuWidget.initContextMenu(e, new TreeContextMenu(node));
return false; // blocks default browser right click menu
});
}
2019-10-20 19:09:00 +08:00
/** @return {Fancytree} */
function getTree() {
return $tree.fancytree('getTree');
}
2018-03-13 11:14:09 +08:00
async function reload() {
const notes = await loadTree();
2018-03-13 11:14:09 +08:00
const activeNotePath = getActiveNode() !== null ? await treeUtils.getNotePath(getActiveNode()) : null;
await getTree().reload(notes);
// reactivate originally activated node, but don't trigger note loading
if (activeNotePath) {
const node = await getNodeFromPath(activeNotePath, true);
await node.setActive(true, {noEvents: true});
}
}
function isNotePathInAddress() {
2019-05-15 04:29:47 +08:00
const [notePath, tabId] = getHashValueFromAddress();
return notePath.startsWith("root")
// empty string is for empty/uninitialized tab
|| (notePath === '' && !!tabId);
}
function getHashValueFromAddress() {
2019-05-15 04:29:47 +08:00
const str = document.location.hash ? document.location.hash.substr(1) : ""; // strip initial #
return str.split("-");
}
async function loadTree() {
const resp = await server.get('tree');
treeCache.load(resp.notes, resp.branches);
return await treeBuilder.prepareTree();
}
async function collapseTree(node = null) {
if (!node) {
const hoistedNoteId = await hoistedNoteService.getHoistedNoteId();
node = getNodesByNoteId(hoistedNoteId)[0];
}
node.setExpanded(false);
2017-11-05 07:28:49 +08:00
node.visit(node => node.setExpanded(false));
}
2017-11-05 07:28:49 +08:00
function focusTree() {
getTree().setFocus();
}
async function scrollToActiveNote() {
const activeContext = noteDetailService.getActiveTabContext();
if (activeContext && activeContext.notePath) {
focusTree();
const node = await expandToNote(activeContext.notePath);
await node.makeVisible({scrollIntoView: true});
node.setFocus();
2017-11-05 07:28:49 +08:00
}
}
2017-11-05 07:28:49 +08:00
function setProtected(noteId, isProtected) {
2019-10-20 18:29:34 +08:00
getNodesByNoteId(noteId).map(node => {
node.data.isProtected = isProtected;
node.toggleClass("protected", isProtected);
});
}
2017-11-05 07:28:49 +08:00
async function setNoteTitle(noteId, title) {
utils.assertArguments(noteId);
2018-03-26 10:37:02 +08:00
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");
}
async function createNote(node, parentNoteId, target, extraOptions = {}) {
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 (!extraOptions.isProtected || !protectedSessionHolder.isProtectedSessionAvailable()) {
extraOptions.isProtected = false;
}
2019-10-20 18:29:34 +08:00
if (noteDetailService.getActiveTabNoteType() !== 'text') {
extraOptions.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
extraOptions.saveSelection = false;
}
if (extraOptions.saveSelection) {
[extraOptions.title, extraOptions.content] = parseSelectedHtml(window.cutToNote.getSelectedHtml());
}
const newNoteName = extraOptions.title || "new note";
2018-03-25 12:20:55 +08:00
2018-04-01 23:42:12 +08:00
const {note, branch} = await server.post('notes/' + parentNoteId + '/children', {
title: newNoteName,
content: extraOptions.content,
target: target,
target_branchId: node.data.branchId,
isProtected: extraOptions.isProtected,
type: extraOptions.type
});
2018-03-25 12:20:55 +08:00
if (extraOptions.saveSelection) {
// we remove the selection only after it was saved to server to make sure we don't lose anything
window.cutToNote.removeSelection();
}
2019-05-02 04:19:29 +08:00
await noteDetailService.saveNotesIfChanged();
noteDetailService.addDetailLoadedListener(note.noteId, noteDetailService.focusAndSelectTitle);
2018-11-01 01:21:58 +08:00
2019-10-26 15:51:08 +08:00
const noteEntity = await treeCache.getNote(note.noteId);
const branchEntity = treeCache.getBranch(branch.branchId);
let newNode = {
title: newNoteName,
2018-04-01 23:42:12 +08:00
noteId: branchEntity.noteId,
parentNoteId: parentNoteId,
2018-04-01 23:42:12 +08:00
refKey: branchEntity.noteId,
branchId: branchEntity.branchId,
isProtected: extraOptions.isProtected,
type: noteEntity.type,
2018-11-14 15:42:00 +08:00
extraClasses: await treeBuilder.getExtraClasses(noteEntity),
icon: await treeBuilder.getIcon(noteEntity),
folder: extraOptions.type === 'search',
2019-06-28 03:24:25 +08:00
lazy: true,
key: utils.randomString(12) // this should prevent some "duplicate key" errors
};
if (target === 'after') {
await node.appendSibling(newNode).setActive(true);
}
else if (target === 'into') {
if (!node.getChildren() && node.isFolder()) {
// folder is not loaded - load will bring up the note since it was already put into cache
await node.load(true);
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 {
2019-10-20 16:00:18 +08:00
toastService.throwError("Unrecognized target: " + target);
}
clearSelectedNodes(); // to unmark previously active node
// need to refresh because original doesn't have methods like .getParent()
newNode = getNodesByNoteId(branchEntity.noteId)[0];
// following for cycle will make sure that also clones of a parent are refreshed
for (const newParentNode of getNodesByNoteId(parentNoteId)) {
if (newParentNode.key === newNode.getParent().key) {
// we've added a note into this one so no need to refresh
continue;
}
await newParentNode.load(true); // force reload to show up new note
await checkFolderStatus(newParentNode);
}
2018-10-16 05:45:37 +08:00
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();
2018-09-07 16:26:23 +08:00
// 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();
}
2017-12-19 12:41:13 +08:00
async function showTree() {
const tree = await loadTree();
initFancyTree(tree);
}
2019-08-27 02:21:43 +08:00
ws.subscribeToMessages(message => {
if (message.type === 'refresh-tree') {
reload();
}
2019-06-23 19:25:00 +08:00
else if (message.type === 'open-note') {
noteDetailService.activateOrOpenNote(message.noteId);
2019-06-23 19:25:00 +08:00
if (utils.isElectron()) {
const currentWindow = require("electron").remote.getCurrentWindow();
currentWindow.show();
}
}
});
// this is a synchronous handler - it returns only once the data has been updated
ws.subscribeToOutsideSyncMessages(async syncData => {
2019-10-20 19:09:00 +08:00
const noteIdsToRefresh = new Set();
2019-10-20 18:29:34 +08:00
2019-10-20 19:09:00 +08:00
// this has the problem that the former parentNoteId might not be invalidated
// and the former location of the branch/note won't be removed.
syncData.filter(sync => sync.entityName === 'branches').forEach(sync => noteIdsToRefresh.add(sync.parentNoteId));
syncData.filter(sync => sync.entityName === 'notes').forEach(sync => noteIdsToRefresh.add(sync.entityId));
2019-10-20 19:09:00 +08:00
syncData.filter(sync => sync.entityName === 'note_reordering').forEach(sync => noteIdsToRefresh.add(sync.entityId));
2019-10-20 18:29:34 +08:00
syncData.filter(sync => sync.entityName === 'attributes').forEach(sync => {
const note = treeCache.notes[sync.noteId];
if (note && note.attributeCache) {
noteIdsToRefresh.add(sync.entityId);
}
});
if (noteIdsToRefresh.size > 0) {
await reloadNotes(Array.from(noteIdsToRefresh));
}
});
utils.bindGlobalShortcut('ctrl+o', async () => {
const node = getActiveNode();
const parentNoteId = node.data.parentNoteId;
const isProtected = await treeUtils.getParentProtectedStatus(node);
2017-12-19 12:41:13 +08:00
if (node.data.noteId === 'root' || node.data.noteId === await hoistedNoteService.getHoistedNoteId()) {
return;
}
await createNote(node, parentNoteId, 'after', {
isProtected: isProtected,
saveSelection: true
});
});
2017-12-19 12:41:13 +08:00
async function createNoteInto() {
const node = getActiveNode();
2017-12-19 12:41:13 +08:00
if (node) {
await createNote(node, node.data.noteId, 'into', {
isProtected: node.data.isProtected,
saveSelection: true
});
}
}
async function checkFolderStatus(node) {
const note = await treeCache.getNote(node.data.noteId);
node.folder = note.type === 'search' || note.getChildNoteIds().length > 0;
node.icon = await treeBuilder.getIcon(note);
2019-10-27 02:48:56 +08:00
node.extraClasses = await treeBuilder.getExtraClasses(note);
node.renderTitle();
}
async function reloadNotes(noteIds, activateNotePath = null) {
if (noteIds.length === 0) {
return;
}
2019-10-26 15:51:08 +08:00
await treeCache.reloadNotes(noteIds);
2019-10-20 18:29:34 +08:00
if (!activateNotePath) {
activateNotePath = noteDetailService.getActiveTabNotePath();
}
2019-04-14 04:10:16 +08:00
2019-10-20 18:29:34 +08:00
for (const noteId of noteIds) {
for (const node of getNodesByNoteId(noteId)) {
const branch = treeCache.getBranch(node.data.branchId, true);
if (!branch) {
node.remove();
}
else {
await node.load(true);
await checkFolderStatus(node);
}
2019-10-20 18:29:34 +08:00
}
}
if (activateNotePath) {
const node = await getNodeFromPath(activateNotePath);
2019-10-20 18:29:34 +08:00
if (node) {
2019-10-28 02:17:32 +08:00
await node.setActive(true);
2019-10-20 18:29:34 +08:00
}
}
}
window.glob.createNoteInto = createNoteInto;
utils.bindGlobalShortcut('ctrl+p', createNoteInto);
utils.bindGlobalShortcut('ctrl+.', scrollToActiveNote);
$(window).bind('hashchange', async function() {
if (isNotePathInAddress()) {
2019-05-15 04:29:47 +08:00
const [notePath, tabId] = getHashValueFromAddress();
2019-05-22 02:24:40 +08:00
noteDetailService.switchToTab(tabId, notePath);
}
});
// fancytree doesn't support middle click so this is a way to support it
$tree.on('mousedown', '.fancytree-title', e => {
if (e.which === 2) {
const node = $.ui.fancytree.getNode(e);
treeUtils.getNotePath(node).then(notePath => {
if (notePath) {
noteDetailService.openInTab(notePath);
}
});
e.stopPropagation();
e.preventDefault();
}
});
2019-10-19 18:36:16 +08:00
async function duplicateNote(noteId, parentNoteId) {
const {note} = await server.post(`notes/${noteId}/duplicate/${parentNoteId}`);
await reload();
await activateNote(note.noteId);
const origNote = await treeCache.getNote(noteId);
2019-10-20 16:00:18 +08:00
toastService.showMessage(`Note "${origNote.title}" has been duplicated`);
2019-10-19 18:36:16 +08:00
}
utils.bindGlobalShortcut('alt+c', () => collapseTree()); // don't use shortened form since collapseTree() accepts argument
2018-04-14 07:22:12 +08:00
$collapseTreeButton.click(() => collapseTree());
2018-03-27 10:11:45 +08:00
$createTopLevelNoteButton.click(createNewTopLevelNote);
$scrollToActiveNoteButton.click(scrollToActiveNote);
frontendLoaded.then(bundle.executeStartupBundles);
export default {
reload,
collapseTree,
setProtected,
2018-08-23 18:55:45 +08:00
activateNote,
getFocusedNode,
getActiveNode,
setNoteTitle,
setPrefix,
createNote,
createNoteInto,
getSelectedNodes,
getSelectedOrActiveNodes,
clearSelectedNodes,
sortAlphabetically,
showTree,
loadTree,
treeInitialized,
setExpandedToServer,
getNodesByNoteId,
checkFolderStatus,
2019-10-20 18:29:34 +08:00
reloadNotes,
expandToNote,
getNodeFromPath,
2019-05-20 00:21:29 +08:00
resolveNotePath,
getSomeNotePath,
focusTree,
2019-10-19 18:36:16 +08:00
scrollToActiveNote,
duplicateNote
};