Yarn workspaces

Summary:
1) moved "sonar/desktop/src" to "sonar/desktop/app/src", so "app" is now a separate package containing the core Flipper app code
2) Configured yarn workspaces with the root in "sonar/desktop": app, static, pkg, doctor, headless-tests. Plugins are not included for now, I plan to do this later.

Reviewed By: jknoxville

Differential Revision: D20535782

fbshipit-source-id: 600b2301960f37c7d72166e0d04eba462bec9fc1

desktop/app/src/App.tsx

@@ -0,0 +1,197 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import React from 'react';
+import {FlexColumn, FlexRow, styled} from 'flipper';
+import {connect} from 'react-redux';
+import TitleBar from './chrome/TitleBar';
+import MainSidebar2 from './chrome/mainsidebar/MainSidebar2';
+import BugReporterDialog from './chrome/BugReporterDialog';
+import ErrorBar from './chrome/ErrorBar';
+import DoctorBar from './chrome/DoctorBar';
+import ShareSheetExportUrl from './chrome/ShareSheetExportUrl';
+import SignInSheet from './chrome/SignInSheet';
+import ExportDataPluginSheet from './chrome/ExportDataPluginSheet';
+import ShareSheetExportFile from './chrome/ShareSheetExportFile';
+import JSEmulatorLauncherSheet from './chrome/JSEmulatorLauncherSheet';
+import PluginContainer from './PluginContainer';
+import Sheet from './chrome/Sheet';
+import {ipcRenderer, remote} from 'electron';
+import {
+  ActiveSheet,
+  ShareType,
+  ACTIVE_SHEET_BUG_REPORTER,
+  ACTIVE_SHEET_PLUGINS,
+  ACTIVE_SHEET_SHARE_DATA,
+  ACTIVE_SHEET_SIGN_IN,
+  ACTIVE_SHEET_SETTINGS,
+  ACTIVE_SHEET_DOCTOR,
+  ACTIVE_SHEET_SHARE_DATA_IN_FILE,
+  ACTIVE_SHEET_SELECT_PLUGINS_TO_EXPORT,
+  ACTIVE_SHEET_PLUGIN_SHEET,
+  ACTIVE_SHEET_JS_EMULATOR_LAUNCHER,
+  ACTIVE_SHEET_CHANGELOG,
+  setActiveSheet,
+  ACTIVE_SHEET_CHANGELOG_RECENT_ONLY,
+} from './reducers/application';
+import {Logger} from './fb-interfaces/Logger';
+import BugReporter from './fb-stubs/BugReporter';
+import {State as Store} from './reducers/index';
+import {StaticView, FlipperError} from './reducers/connections';
+import PluginManager from './chrome/plugin-manager/PluginManager';
+import StatusBar from './chrome/StatusBar';
+import SettingsSheet from './chrome/SettingsSheet';
+import DoctorSheet from './chrome/DoctorSheet';
+import ChangelogSheet, {hasNewChangesToShow} from './chrome/ChangelogSheet';
+
+const version = remote.app.getVersion();
+
+type OwnProps = {
+  logger: Logger;
+  bugReporter: BugReporter;
+};
+
+type StateFromProps = {
+  leftSidebarVisible: boolean;
+  errors: FlipperError[];
+  activeSheet: ActiveSheet;
+  share: ShareType | null;
+  staticView: StaticView;
+};
+
+type DispatchProps = {
+  setActiveSheet: typeof setActiveSheet;
+};
+
+const MainContent = styled(FlexRow)({
+  height: 'calc(100vh - 38px)',
+});
+MainContent.displayName = 'App:MainContent';
+
+type Props = StateFromProps & OwnProps & DispatchProps;
+
+export class App extends React.Component<Props> {
+  componentDidMount() {
+    // track time since launch
+    const [s, ns] = process.hrtime();
+    const launchEndTime = s * 1e3 + ns / 1e6;
+    ipcRenderer.on('getLaunchTime', (_: any, launchStartTime: number) => {
+      this.props.logger.track(
+        'performance',
+        'launchTime',
+        launchEndTime - launchStartTime,
+      );
+    });
+    ipcRenderer.send('getLaunchTime');
+    ipcRenderer.send('componentDidMount');
+
+    if (hasNewChangesToShow(window.localStorage)) {
+      this.props.setActiveSheet(ACTIVE_SHEET_CHANGELOG_RECENT_ONLY);
+    }
+  }
+
+  getSheet = (onHide: () => any) => {
+    const {activeSheet} = this.props;
+    switch (activeSheet) {
+      case ACTIVE_SHEET_BUG_REPORTER:
+        return (
+          <BugReporterDialog
+            bugReporter={this.props.bugReporter}
+            onHide={onHide}
+          />
+        );
+      case ACTIVE_SHEET_PLUGINS:
+        return <PluginManager onHide={onHide} />;
+      case ACTIVE_SHEET_SIGN_IN:
+        return <SignInSheet onHide={onHide} />;
+      case ACTIVE_SHEET_SETTINGS:
+        return <SettingsSheet platform={process.platform} onHide={onHide} />;
+      case ACTIVE_SHEET_DOCTOR:
+        return <DoctorSheet onHide={onHide} />;
+      case ACTIVE_SHEET_CHANGELOG:
+        return <ChangelogSheet onHide={onHide} />;
+      case ACTIVE_SHEET_CHANGELOG_RECENT_ONLY:
+        return <ChangelogSheet onHide={onHide} recent />;
+      case ACTIVE_SHEET_SELECT_PLUGINS_TO_EXPORT:
+        return <ExportDataPluginSheet onHide={onHide} />;
+      case ACTIVE_SHEET_SHARE_DATA:
+        return (
+          <ShareSheetExportUrl
+            onHide={onHide}
+            logger={this.props.logger}
+            closeOnFinish={
+              this.props.share != null && this.props.share.closeOnFinish
+            }
+          />
+        );
+      case ACTIVE_SHEET_SHARE_DATA_IN_FILE:
+        return this.props.share && this.props.share.type === 'file' ? (
+          <ShareSheetExportFile
+            onHide={onHide}
+            file={this.props.share.file}
+            logger={this.props.logger}
+          />
+        ) : (
+          (() => {
+            console.error('No file provided when calling share sheet.');
+            return null;
+          })()
+        );
+      case ACTIVE_SHEET_PLUGIN_SHEET:
+        // Currently unused.
+        return null;
+      case ACTIVE_SHEET_JS_EMULATOR_LAUNCHER:
+        return <JSEmulatorLauncherSheet onHide={onHide} />;
+      default:
+        return null;
+    }
+  };
+
+  render() {
+    return (
+      <FlexColumn grow={true}>
+        <TitleBar version={version} />
+        <DoctorBar />
+        <ErrorBar />
+        <Sheet>{this.getSheet}</Sheet>
+        <MainContent>
+          {this.props.leftSidebarVisible && <MainSidebar2 />}
+          {this.props.staticView != null ? (
+            React.createElement(this.props.staticView, {
+              logger: this.props.logger,
+            })
+          ) : (
+            <PluginContainer logger={this.props.logger} />
+          )}
+          <div
+            id="flipper-out-of-contents-container"
+            style={{width: '100%', display: 'none'}}
+          />
+        </MainContent>
+        <StatusBar />
+      </FlexColumn>
+    );
+  }
+}
+
+export default connect<StateFromProps, DispatchProps, OwnProps, Store>(
+  ({
+    application: {leftSidebarVisible, activeSheet, share},
+    connections: {errors, staticView},
+  }) => ({
+    leftSidebarVisible,
+    activeSheet,
+    share: share,
+    errors,
+    staticView,
+  }),
+  {
+    setActiveSheet,
+  },
+)(App);