refactor: migrate remaining angular components to react (#833)

* refactor: menuRow directive to MenuRow component * refactor: migrate footer to react * refactor: migrate actions menu to react * refactor: migrate history menu to react * fix: click outside handler use capture to trigger event before re-render occurs which would otherwise cause node.contains to return incorrect result (specifically for the account menu) * refactor: migrate revision preview modal to react * refactor: migrate permissions modal to react * refactor: migrate password wizard to react * refactor: remove unused input modal directive * refactor: remove unused delay hide component * refactor: remove unused filechange directive * refactor: remove unused elemReady directive * refactor: remove unused sn-enter directive * refactor: remove unused lowercase directive * refactor: remove unused autofocus directive * refactor(wip): note view to react * refactor: use mutation observer to deinit textarea listeners * refactor: migrate challenge modal to react * refactor: migrate note group view to react * refactor(wip): migrate remaining classes * fix: navigation parent ref * refactor: fully remove angular assets * fix: account switcher * fix: application view state * refactor: remove unused password wizard type * fix: revision preview and permissions modal * fix: remove angular comment * refactor: react panel resizers for editor * feat: simple panel resizer * fix: use simple panel resizer everywhere * fix: simplify panel resizer state * chore: rename simple panel resizer to panel resizer * refactor: simplify column layout * fix: editor mount safety check * fix: use inline onLoad callback for iframe, as setting onload after it loads will never call it * chore: fix note view test * chore(deps): upgrade snjs
2022-01-30 19:01:30 -06:00
parent 0ecbde6bac
commit 50c92619ce
117 changed files with 4715 additions and 5309 deletions
--- a/app/assets/javascripts/app.tsx
+++ b/app/assets/javascripts/app.tsx
@@ -0,0 +1,77 @@
+'use strict';
+
+declare global {
+  interface Window {
+    // eslint-disable-next-line camelcase
+    _bugsnag_api_key?: string;
+    // eslint-disable-next-line camelcase
+    _purchase_url?: string;
+    // eslint-disable-next-line camelcase
+    _plans_url?: string;
+    // eslint-disable-next-line camelcase
+    _dashboard_url?: string;
+    // eslint-disable-next-line camelcase
+    _default_sync_server: string;
+    // eslint-disable-next-line camelcase
+    _enable_unfinished_features: boolean;
+    // eslint-disable-next-line camelcase
+    _websocket_url: string;
+    startApplication?: StartApplication;
+
+    _devAccountEmail?: string;
+    _devAccountPassword?: string;
+    _devAccountServer?: string;
+  }
+}
+
+import { IsWebPlatform, WebAppVersion } from '@/version';
+import { SNLog } from '@standardnotes/snjs';
+import { render } from 'preact';
+import { ApplicationGroupView } from './components/ApplicationGroupView';
+import { Bridge } from './services/bridge';
+import { BrowserBridge } from './services/browserBridge';
+import { startErrorReporting } from './services/errorReporting';
+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;
+  startErrorReporting();
+
+  const mainApplicationGroup = new ApplicationGroup(
+    defaultSyncServerHost,
+    bridge,
+    enableUnfinishedFeatures,
+    webSocketUrl
+  );
+
+  if (isDev) {
+    Object.defineProperties(window, {
+      application: {
+        get: () => mainApplicationGroup.primaryApplication,
+      },
+    });
+  }
+
+  render(
+    <ApplicationGroupView mainApplicationGroup={mainApplicationGroup} />,
+    document.body.appendChild(document.createElement('div'))
+  );
+};
+
+if (IsWebPlatform) {
+  startApplication(
+    window._default_sync_server,
+    new BrowserBridge(WebAppVersion),
+    window._enable_unfinished_features,
+    window._websocket_url
+  );
+} else {
+  window.startApplication = startApplication;
+}