2020-01-12 19:48:17 +08:00
|
|
|
import server from "./server.js";
|
2020-01-16 04:36:01 +08:00
|
|
|
import treeCache from "./tree_cache.js";
|
2020-01-20 04:12:53 +08:00
|
|
|
import bundleService from "./bundle.js";
|
2020-01-21 05:35:52 +08:00
|
|
|
import DialogEventComponent from "./dialog_events.js";
|
2020-01-22 05:54:16 +08:00
|
|
|
import Entrypoints from "./entrypoints.js";
|
2020-02-06 05:08:45 +08:00
|
|
|
import options from "./options.js";
|
2020-02-03 05:32:44 +08:00
|
|
|
import utils from "./utils.js";
|
2020-02-06 05:08:45 +08:00
|
|
|
import ZoomService from "./zoom.js";
|
2020-02-07 04:47:31 +08:00
|
|
|
import Layout from "../widgets/layout.js";
|
2020-02-08 04:08:55 +08:00
|
|
|
import TabManager from "./tab_manager.js";
|
2020-02-10 04:13:05 +08:00
|
|
|
import treeService from "./tree.js";
|
2020-01-12 04:19:56 +08:00
|
|
|
|
2020-01-12 16:57:28 +08:00
|
|
|
class AppContext {
|
2020-02-07 04:47:31 +08:00
|
|
|
constructor(layout) {
|
|
|
|
this.layout = layout;
|
2020-02-08 04:08:55 +08:00
|
|
|
this.tabManager = new TabManager(this);
|
2020-02-09 03:53:07 +08:00
|
|
|
this.components = [];
|
2020-01-13 02:05:09 +08:00
|
|
|
}
|
|
|
|
|
2020-02-06 05:08:45 +08:00
|
|
|
async start() {
|
|
|
|
options.load(await server.get('options'));
|
|
|
|
|
2020-02-03 05:04:28 +08:00
|
|
|
this.showWidgets();
|
|
|
|
|
2020-02-08 04:08:55 +08:00
|
|
|
this.tabManager.loadTabs();
|
2020-02-03 05:32:44 +08:00
|
|
|
|
2020-02-03 05:04:28 +08:00
|
|
|
bundleService.executeStartupBundles();
|
|
|
|
}
|
2020-01-13 02:05:09 +08:00
|
|
|
|
2020-02-03 05:04:28 +08:00
|
|
|
showWidgets() {
|
2020-02-07 04:47:31 +08:00
|
|
|
const rootContainer = this.layout.getRootWidget(this);
|
2020-01-15 04:23:32 +08:00
|
|
|
|
2020-02-07 04:16:02 +08:00
|
|
|
$("body").append(rootContainer.render());
|
2020-02-06 05:08:45 +08:00
|
|
|
|
2020-01-21 05:35:52 +08:00
|
|
|
this.components = [
|
2020-02-09 03:53:07 +08:00
|
|
|
this.tabManager,
|
2020-02-07 04:16:02 +08:00
|
|
|
rootContainer,
|
2020-02-08 04:43:02 +08:00
|
|
|
new Entrypoints(this),
|
2020-02-07 04:16:02 +08:00
|
|
|
new DialogEventComponent(this)
|
2020-01-14 04:48:44 +08:00
|
|
|
];
|
2020-02-06 05:08:45 +08:00
|
|
|
|
|
|
|
if (utils.isElectron()) {
|
|
|
|
this.components.push(new ZoomService(this));
|
|
|
|
|
|
|
|
import("./spell_check.js").then(spellCheckService => spellCheckService.initSpellCheck());
|
|
|
|
}
|
2020-02-07 04:16:02 +08:00
|
|
|
|
|
|
|
this.trigger('initialRenderComplete');
|
2020-01-12 04:19:56 +08:00
|
|
|
}
|
|
|
|
|
2020-01-20 03:18:02 +08:00
|
|
|
trigger(name, data, sync = false) {
|
2020-01-13 06:03:55 +08:00
|
|
|
this.eventReceived(name, data);
|
|
|
|
|
2020-01-22 05:54:16 +08:00
|
|
|
for (const component of this.components) {
|
|
|
|
component.eventReceived(name, data, sync);
|
2020-01-16 04:36:01 +08:00
|
|
|
}
|
2020-01-12 04:19:56 +08:00
|
|
|
}
|
|
|
|
|
2020-01-20 03:18:02 +08:00
|
|
|
async eventReceived(name, data, sync) {
|
2020-01-13 06:03:55 +08:00
|
|
|
const fun = this[name + 'Listener'];
|
|
|
|
|
|
|
|
if (typeof fun === 'function') {
|
2020-01-20 03:18:02 +08:00
|
|
|
await fun.call(this, data, sync);
|
2020-01-13 06:03:55 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-02-02 05:29:32 +08:00
|
|
|
async protectedSessionStartedListener() {
|
|
|
|
await treeCache.loadInitialTree();
|
|
|
|
|
|
|
|
this.trigger('treeCacheReloaded');
|
|
|
|
}
|
2020-01-13 02:05:09 +08:00
|
|
|
}
|
|
|
|
|
2020-02-07 04:47:31 +08:00
|
|
|
const layout = new Layout();
|
|
|
|
|
|
|
|
const appContext = new AppContext(layout);
|
2020-01-12 19:48:17 +08:00
|
|
|
|
2020-02-02 17:41:43 +08:00
|
|
|
// we should save all outstanding changes before the page/app is closed
|
|
|
|
$(window).on('beforeunload', () => {
|
|
|
|
appContext.trigger('beforeUnload');
|
|
|
|
});
|
|
|
|
|
2020-02-04 03:07:34 +08:00
|
|
|
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()) {
|
2020-02-10 04:13:05 +08:00
|
|
|
const [notePath, tabId] = treeService.getHashValueFromAddress();
|
2020-02-04 03:07:34 +08:00
|
|
|
|
2020-02-09 03:53:07 +08:00
|
|
|
appContext.tabManager.switchToTab(tabId, notePath);
|
2020-02-04 03:07:34 +08:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2020-01-12 16:57:28 +08:00
|
|
|
export default appContext;
|