Files
standardnotes-app-web/app/assets/javascripts/app.tsx
2022-03-15 13:53:29 -05:00

80 lines
2.0 KiB
TypeScript

'use strict';
declare global {
interface Window {
dashboardUrl?: string;
defaultSyncServer: string;
devAccountEmail?: string;
devAccountPassword?: string;
devAccountServer?: string;
enabledUnfinishedFeatures: boolean;
plansUrl?: string;
purchaseUrl?: string;
startApplication?: StartApplication;
websocketUrl: string;
}
}
import { IsWebPlatform, WebAppVersion } from '@/version';
import { Runtime, SNLog } from '@standardnotes/snjs';
import { render } from 'preact';
import { ApplicationGroupView } from './components/ApplicationGroupView';
import { Bridge } from './services/bridge';
import { BrowserBridge } from './services/browserBridge';
import { StartApplication } from './startApplication';
import { ApplicationGroup } from './ui_models/application_group';
import { isDev } from './utils';
const startApplication: StartApplication = async function startApplication(
defaultSyncServerHost: string,
bridge: Bridge,
enableUnfinishedFeatures: boolean,
webSocketUrl: string
) {
SNLog.onLog = console.log;
SNLog.onError = console.error;
const mainApplicationGroup = new ApplicationGroup(
defaultSyncServerHost,
bridge,
enableUnfinishedFeatures ? Runtime.Dev : Runtime.Prod,
webSocketUrl
);
if (isDev) {
Object.defineProperties(window, {
application: {
get: () => mainApplicationGroup.primaryApplication,
},
});
}
const renderApp = () => {
render(
<ApplicationGroupView mainApplicationGroup={mainApplicationGroup} />,
document.body.appendChild(document.createElement('div'))
);
};
const domReady =
document.readyState === 'complete' || document.readyState === 'interactive';
if (domReady) {
renderApp();
} else {
window.addEventListener('DOMContentLoaded', () => {
renderApp();
});
}
};
if (IsWebPlatform) {
startApplication(
window.defaultSyncServer,
new BrowserBridge(WebAppVersion),
window.enabledUnfinishedFeatures,
window.websocketUrl
);
} else {
window.startApplication = startApplication;
}