2020-02-08 04:08:55 +08:00
|
|
|
import Component from "../widgets/component.js";
|
|
|
|
import SpacedUpdate from "./spaced_update.js";
|
|
|
|
import server from "./server.js";
|
|
|
|
import options from "./options.js";
|
|
|
|
import treeCache from "./tree_cache.js";
|
|
|
|
import treeService from "./tree.js";
|
|
|
|
import utils from "./utils.js";
|
|
|
|
import TabContext from "./tab_context.js";
|
|
|
|
|
|
|
|
export default class TabManager extends Component {
|
|
|
|
constructor(appContext) {
|
|
|
|
super(appContext);
|
|
|
|
|
|
|
|
this.activeTabId = null;
|
|
|
|
|
|
|
|
this.tabsUpdate = new SpacedUpdate(async () => {
|
|
|
|
const openTabs = this.tabContexts
|
|
|
|
.map(tc => tc.getTabState())
|
|
|
|
.filter(t => !!t);
|
|
|
|
|
|
|
|
await server.put('options', {
|
|
|
|
openTabs: JSON.stringify(openTabs)
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2020-02-10 04:13:05 +08:00
|
|
|
/** @type {TabContext[]} */
|
|
|
|
get tabContexts() {
|
|
|
|
return this.children;
|
|
|
|
}
|
|
|
|
|
2020-02-08 04:08:55 +08:00
|
|
|
async loadTabs() {
|
|
|
|
const openTabs = options.getJson('openTabs') || [];
|
|
|
|
|
|
|
|
await treeCache.initializedPromise;
|
|
|
|
|
|
|
|
// if there's notePath in the URL, make sure it's open and active
|
|
|
|
// (useful, among others, for opening clipped notes from clipper)
|
|
|
|
if (window.location.hash) {
|
|
|
|
const notePath = window.location.hash.substr(1);
|
|
|
|
const noteId = treeService.getNoteIdFromNotePath(notePath);
|
|
|
|
|
|
|
|
if (noteId && await treeCache.noteExists(noteId)) {
|
|
|
|
for (const tab of openTabs) {
|
|
|
|
tab.active = false;
|
|
|
|
}
|
|
|
|
|
|
|
|
const foundTab = openTabs.find(tab => noteId === treeService.getNoteIdFromNotePath(tab.notePath));
|
|
|
|
|
|
|
|
if (foundTab) {
|
|
|
|
foundTab.active = true;
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
openTabs.push({
|
|
|
|
notePath: notePath,
|
|
|
|
active: true
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
let filteredTabs = [];
|
|
|
|
|
|
|
|
for (const openTab of openTabs) {
|
|
|
|
const noteId = treeService.getNoteIdFromNotePath(openTab.notePath);
|
|
|
|
|
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (filteredTabs.length === 0) {
|
|
|
|
filteredTabs.push({
|
|
|
|
notePath: 'root',
|
|
|
|
active: true
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!filteredTabs.find(tab => tab.active)) {
|
|
|
|
filteredTabs[0].active = true;
|
|
|
|
}
|
|
|
|
|
2020-02-09 04:23:42 +08:00
|
|
|
await this.tabsUpdate.allowUpdateWithoutChange(async () => {
|
2020-02-08 04:08:55 +08:00
|
|
|
for (const tab of filteredTabs) {
|
2020-02-10 04:13:05 +08:00
|
|
|
const tabContext = this.openEmptyTab(tab.tabId);
|
2020-02-09 04:23:42 +08:00
|
|
|
await tabContext.setNote(tab.notePath);
|
2020-02-08 04:08:55 +08:00
|
|
|
|
|
|
|
if (tab.active) {
|
|
|
|
this.activateTab(tabContext.tabId);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
tabNoteSwitchedListener({tabId}) {
|
|
|
|
if (tabId === this.activeTabId) {
|
2020-02-09 04:23:42 +08:00
|
|
|
this.setCurrentNotePathToHash();
|
2020-02-08 04:08:55 +08:00
|
|
|
}
|
2020-02-09 04:23:42 +08:00
|
|
|
|
|
|
|
this.tabsUpdate.scheduleUpdate();
|
2020-02-08 04:08:55 +08:00
|
|
|
}
|
|
|
|
|
2020-02-09 04:23:42 +08:00
|
|
|
setCurrentNotePathToHash() {
|
2020-02-08 04:08:55 +08:00
|
|
|
const activeTabContext = this.getActiveTabContext();
|
|
|
|
|
2020-02-10 04:13:05 +08:00
|
|
|
if (activeTabContext
|
|
|
|
&& activeTabContext.notePath !== treeService.getHashValueFromAddress()) {
|
|
|
|
const url = '#' + (activeTabContext.notePath || "") + "-" + activeTabContext.tabId;
|
|
|
|
|
|
|
|
// using pushState instead of directly modifying document.location because it does not trigger hashchange
|
|
|
|
window.history.pushState(null, "", url);
|
|
|
|
|
|
|
|
document.title = "Trilium Notes";
|
|
|
|
|
|
|
|
if (activeTabContext.note) {
|
|
|
|
// it helps navigating in history if note title is included in the title
|
|
|
|
document.title += " - " + activeTabContext.note.title;
|
|
|
|
}
|
2020-02-08 04:08:55 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/** @return {TabContext[]} */
|
|
|
|
getTabContexts() {
|
|
|
|
return this.tabContexts;
|
|
|
|
}
|
|
|
|
|
|
|
|
/** @returns {TabContext} */
|
|
|
|
getTabContextById(tabId) {
|
|
|
|
return this.tabContexts.find(tc => tc.tabId === tabId);
|
|
|
|
}
|
|
|
|
|
|
|
|
/** @returns {TabContext} */
|
|
|
|
getActiveTabContext() {
|
|
|
|
return this.getTabContextById(this.activeTabId);
|
|
|
|
}
|
|
|
|
|
|
|
|
/** @returns {string|null} */
|
|
|
|
getActiveTabNotePath() {
|
|
|
|
const activeContext = this.getActiveTabContext();
|
|
|
|
return activeContext ? activeContext.notePath : null;
|
|
|
|
}
|
|
|
|
|
|
|
|
/** @return {NoteShort} */
|
|
|
|
getActiveTabNote() {
|
|
|
|
const activeContext = this.getActiveTabContext();
|
|
|
|
return activeContext ? activeContext.note : null;
|
|
|
|
}
|
|
|
|
|
|
|
|
/** @return {string|null} */
|
|
|
|
getActiveTabNoteId() {
|
|
|
|
const activeNote = this.getActiveTabNote();
|
|
|
|
|
|
|
|
return activeNote ? activeNote.noteId : null;
|
|
|
|
}
|
|
|
|
|
|
|
|
/** @return {string|null} */
|
|
|
|
getActiveTabNoteType() {
|
|
|
|
const activeNote = this.getActiveTabNote();
|
|
|
|
|
|
|
|
return activeNote ? activeNote.type : null;
|
|
|
|
}
|
|
|
|
|
|
|
|
async switchToTab(tabId, notePath) {
|
|
|
|
const tabContext = this.tabContexts.find(tc => tc.tabId === tabId)
|
|
|
|
|| this.openEmptyTab();
|
|
|
|
|
|
|
|
this.activateTab(tabContext.tabId);
|
|
|
|
await tabContext.setNote(notePath);
|
|
|
|
}
|
|
|
|
|
|
|
|
async openAndActivateEmptyTab() {
|
|
|
|
const tabContext = this.openEmptyTab();
|
|
|
|
|
|
|
|
await this.activateTab(tabContext.tabId);
|
|
|
|
}
|
|
|
|
|
2020-02-10 04:13:05 +08:00
|
|
|
openEmptyTab(tabId) {
|
|
|
|
const tabContext = new TabContext(this.appContext, tabId);
|
2020-02-08 04:08:55 +08:00
|
|
|
this.children.push(tabContext);
|
|
|
|
return tabContext;
|
|
|
|
}
|
|
|
|
|
|
|
|
async activateOrOpenNote(noteId) {
|
|
|
|
for (const tabContext of this.getTabContexts()) {
|
|
|
|
if (tabContext.note && tabContext.note.noteId === noteId) {
|
|
|
|
await tabContext.activate();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// if no tab with this note has been found we'll create new tab
|
|
|
|
|
|
|
|
const tabContext = this.openEmptyTab();
|
|
|
|
await tabContext.setNote(noteId);
|
|
|
|
}
|
|
|
|
|
|
|
|
activateTab(tabId) {
|
|
|
|
if (tabId === this.activeTabId) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.activeTabId = tabId;
|
|
|
|
|
2020-02-10 04:13:05 +08:00
|
|
|
this.trigger('activeTabChanged');
|
2020-02-09 04:23:42 +08:00
|
|
|
|
|
|
|
this.tabsUpdate.scheduleUpdate();
|
|
|
|
|
|
|
|
this.setCurrentNotePathToHash();
|
2020-02-08 04:08:55 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
async removeTab(tabId) {
|
2020-02-10 04:13:05 +08:00
|
|
|
const tabContextToRemove = this.getTabContextById(tabId);
|
2020-02-08 04:08:55 +08:00
|
|
|
|
|
|
|
if (!tabContextToRemove) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
await this.trigger('beforeTabRemove', {tabId}, true);
|
|
|
|
|
2020-02-10 04:13:05 +08:00
|
|
|
if (this.tabContexts.length <= 1) {
|
2020-02-08 04:08:55 +08:00
|
|
|
this.openAndActivateEmptyTab();
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
this.activateNextTabListener();
|
|
|
|
}
|
|
|
|
|
2020-02-10 04:13:05 +08:00
|
|
|
this.children = this.children.filter(tc => tc.tabId !== tabId);
|
2020-02-08 04:08:55 +08:00
|
|
|
|
|
|
|
this.trigger('tabRemoved', {tabId});
|
|
|
|
|
2020-02-09 04:23:42 +08:00
|
|
|
this.tabsUpdate.scheduleUpdate();
|
2020-02-08 04:08:55 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
tabReorderListener({tabIdsInOrder}) {
|
|
|
|
const order = {};
|
|
|
|
|
|
|
|
for (const i in tabIdsInOrder) {
|
|
|
|
order[tabIdsInOrder[i]] = i;
|
|
|
|
}
|
|
|
|
|
2020-02-10 04:13:05 +08:00
|
|
|
this.children.sort((a, b) => order[a.tabId] < order[b.tabId] ? -1 : 1);
|
2020-02-08 04:08:55 +08:00
|
|
|
|
2020-02-09 04:23:42 +08:00
|
|
|
this.tabsUpdate.scheduleUpdate();
|
2020-02-08 04:08:55 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
activateNextTabListener() {
|
|
|
|
const oldIdx = this.tabContexts.findIndex(tc => tc.tabId === this.activeTabId);
|
|
|
|
const newActiveTabId = this.tabContexts[oldIdx === this.tabContexts.length - 1 ? 0 : oldIdx + 1].tabId;
|
|
|
|
|
|
|
|
this.activateTab(newActiveTabId);
|
|
|
|
}
|
|
|
|
|
|
|
|
activatePreviousTabListener() {
|
|
|
|
const oldIdx = this.tabContexts.findIndex(tc => tc.tabId === this.activeTabId);
|
|
|
|
const newActiveTabId = this.tabContexts[oldIdx === 0 ? this.tabContexts.length - 1 : oldIdx - 1].tabId;
|
|
|
|
|
|
|
|
this.activateTab(newActiveTabId);
|
|
|
|
}
|
|
|
|
|
|
|
|
closeActiveTabListener() {
|
|
|
|
this.removeTab(this.activeTabId);
|
|
|
|
}
|
|
|
|
|
2020-02-09 03:53:07 +08:00
|
|
|
beforeUnloadListener() {
|
|
|
|
this.tabsUpdate.updateNowIfNecessary();
|
|
|
|
}
|
|
|
|
|
2020-02-08 04:08:55 +08:00
|
|
|
openNewTabListener() {
|
|
|
|
this.openAndActivateEmptyTab();
|
|
|
|
}
|
|
|
|
|
2020-02-10 04:13:05 +08:00
|
|
|
async removeAllTabsListener() {
|
|
|
|
for (const tabIdToRemove of this.tabContexts.map(tc => tc.tabId)) {
|
|
|
|
await this.removeTab(tabIdToRemove);
|
|
|
|
}
|
2020-02-08 04:08:55 +08:00
|
|
|
}
|
|
|
|
|
2020-02-10 04:13:05 +08:00
|
|
|
async removeAllTabsExceptForThisListener({tabId}) {
|
|
|
|
for (const tabIdToRemove of this.tabContexts.map(tc => tc.tabId)) {
|
|
|
|
if (tabIdToRemove !== tabId) {
|
|
|
|
await this.removeTab(tabIdToRemove);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
async hoistedNoteChangedListener({hoistedNoteId}) {
|
|
|
|
if (hoistedNoteId === 'root') {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
for (const tc of this.tabContexts.splice()) {
|
|
|
|
if (tc.notePath && !tc.notePath.split("/").includes(hoistedNoteId)) {
|
|
|
|
await this.removeTab(tc.tabId);
|
|
|
|
}
|
|
|
|
}
|
2020-02-08 04:08:55 +08:00
|
|
|
}
|
|
|
|
}
|