mirror of
https://github.com/zadam/trilium.git
synced 2024-09-30 12:35:59 +08:00
151 lines
3.8 KiB
JavaScript
151 lines
3.8 KiB
JavaScript
import server from "./server.js";
|
|
import treeCache from "./tree_cache.js";
|
|
import bundleService from "./bundle.js";
|
|
import DialogCommandExecutor from "./dialog_command_executor.js";
|
|
import Entrypoints from "./entrypoints.js";
|
|
import options from "./options.js";
|
|
import utils from "./utils.js";
|
|
import ZoomService from "./zoom.js";
|
|
import Layout from "../widgets/layout.js";
|
|
import TabManager from "./tab_manager.js";
|
|
import treeService from "./tree.js";
|
|
|
|
class AppContext {
|
|
constructor(layout) {
|
|
this.layout = layout;
|
|
this.tabManager = new TabManager(this);
|
|
this.components = [];
|
|
this.executors = [];
|
|
this.idToComponent = {};
|
|
}
|
|
|
|
async start() {
|
|
options.load(await server.get('options'));
|
|
|
|
this.showWidgets();
|
|
|
|
this.tabManager.loadTabs();
|
|
|
|
bundleService.executeStartupBundles();
|
|
}
|
|
|
|
showWidgets() {
|
|
const rootContainer = this.layout.getRootWidget(this);
|
|
const $renderedWidget = rootContainer.render();
|
|
|
|
$("body").append($renderedWidget);
|
|
|
|
$renderedWidget.on('click', "[data-trigger-event]", e => {
|
|
const eventName = $(e.target).attr('data-trigger-event');
|
|
|
|
this.trigger(eventName);
|
|
});
|
|
|
|
this.components = [
|
|
this.tabManager,
|
|
rootContainer,
|
|
new Entrypoints(this)
|
|
];
|
|
|
|
this.executors = [
|
|
new DialogCommandExecutor(this, this)
|
|
];
|
|
|
|
if (utils.isElectron()) {
|
|
this.components.push(new ZoomService(this, this));
|
|
|
|
import("./spell_check.js").then(spellCheckService => spellCheckService.initSpellCheck());
|
|
}
|
|
|
|
this.trigger('initialRenderComplete');
|
|
}
|
|
|
|
registerComponent(componentId, component) {
|
|
this.idToComponent[componentId] = component;
|
|
}
|
|
|
|
findComponentById(componentId) {
|
|
return this.idToComponent[componentId];
|
|
}
|
|
|
|
getComponentByEl(el) {
|
|
return $(el).closest(".component").prop('component');
|
|
}
|
|
|
|
async trigger(name, data) {
|
|
this.eventReceived(name, data);
|
|
|
|
const promises = [];
|
|
|
|
for (const component of this.components) {
|
|
promises.push(component.eventReceived(name, data));
|
|
}
|
|
|
|
await Promise.all(promises);
|
|
}
|
|
|
|
async eventReceived(name, data) {
|
|
const fun = this[name + 'Listener'];
|
|
|
|
if (typeof fun === 'function') {
|
|
await fun.call(this, data);
|
|
}
|
|
}
|
|
|
|
async protectedSessionStartedListener() {
|
|
await treeCache.loadInitialTree();
|
|
|
|
this.trigger('treeCacheReloaded');
|
|
}
|
|
|
|
async triggerCommand(name, data) {
|
|
for (const executor of this.executors) {
|
|
const fun = executor[name + 'Command'];
|
|
|
|
const called = await this.callMethod(executor, fun, data);
|
|
|
|
if (called) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
console.error(`Unhandled command ${name}`);
|
|
}
|
|
|
|
async callMethod(thiz, fun, data) {
|
|
if (typeof fun !== 'function') {
|
|
return false;
|
|
}
|
|
|
|
await fun.call(thiz, data);
|
|
|
|
return true;
|
|
}
|
|
}
|
|
|
|
const layout = new Layout();
|
|
|
|
const appContext = new AppContext(layout);
|
|
|
|
// we should save all outstanding changes before the page/app is closed
|
|
$(window).on('beforeunload', () => {
|
|
appContext.trigger('beforeUnload');
|
|
});
|
|
|
|
function isNotePathInAddress() {
|
|
const [notePath, tabId] = getHashValueFromAddress();
|
|
|
|
return notePath.startsWith("root")
|
|
// empty string is for empty/uninitialized tab
|
|
|| (notePath === '' && !!tabId);
|
|
}
|
|
|
|
$(window).on('hashchange', function() {
|
|
if (isNotePathInAddress()) {
|
|
const [notePath, tabId] = treeService.getHashValueFromAddress();
|
|
|
|
appContext.tabManager.switchToTab(tabId, notePath);
|
|
}
|
|
});
|
|
|
|
export default appContext; |