Move app/src (mostly) to flipper-ui-core/src

Summary:
This diff moves all UI code from app/src to app/flipper-ui-core. That is now slightly too much (e.g. node deps are not removed yet), but from here it should be easier to move things out again, as I don't want this diff to be open for too long to avoid too much merge conflicts.

* But at least flipper-ui-core is Electron free :)
* Killed all cross module imports as well, as they where now even more in the way
* Some unit test needed some changes, most not too big (but emotion hashes got renumbered in the snapshots, feel free to ignore that)
* Found some files that were actually meaningless (tsconfig in plugins, WatchTools files, that start generating compile errors, removed those

Follow up work:
* make flipper-ui-core configurable, and wire up flipper-server-core in Electron instead of here
* remove node deps (aigoncharov)
* figure out correct place to load GKs, plugins, make intern requests etc., and move to the correct module
* clean up deps

Reviewed By: aigoncharov

Differential Revision: D32427722

fbshipit-source-id: 14fe92e1ceb15b9dcf7bece367c8ab92df927a70

desktop/flipper-ui-core/src/chrome/UpdateIndicator.tsx

@@ -0,0 +1,136 @@
+/**
+ * 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 {notification, Typography} from 'antd';
+import isProduction from '../utils/isProduction';
+import {reportPlatformFailures} from 'flipper-common';
+import React, {useEffect, useState} from 'react';
+import fbConfig from '../fb-stubs/config';
+import {useStore} from '../utils/useStore';
+import {getAppVersion} from '../utils/info';
+import {checkForUpdate} from '../fb-stubs/checkForUpdate';
+import ReleaseChannel from '../ReleaseChannel';
+
+export type VersionCheckResult =
+  | {
+      kind: 'update-available';
+      url: string;
+      version: string;
+    }
+  | {
+      kind: 'up-to-date';
+    }
+  | {
+      kind: 'error';
+      msg: string;
+    };
+
+export default function UpdateIndicator() {
+  const [versionCheckResult, setVersionCheckResult] =
+    useState<VersionCheckResult>({kind: 'up-to-date'});
+  const launcherMsg = useStore((state) => state.application.launcherMsg);
+
+  // Effect to show notification if details change
+  useEffect(() => {
+    switch (versionCheckResult.kind) {
+      case 'up-to-date':
+        break;
+      case 'update-available':
+        console.log(
+          `Flipper update available: ${versionCheckResult.version} at ${versionCheckResult.url}`,
+        );
+        notification.info({
+          placement: 'bottomLeft',
+          key: 'flipperupdatecheck',
+          message: 'Update available',
+          description: getUpdateAvailableMessage(versionCheckResult),
+          duration: null, // no auto close
+        });
+        break;
+      case 'error':
+        console.warn(
+          `Failed to check for Flipper update: ${versionCheckResult.msg}`,
+        );
+        break;
+    }
+  }, [versionCheckResult]);
+
+  // trigger the update check, unless there is a launcher message already
+  useEffect(() => {
+    const version = getAppVersion();
+    if (launcherMsg && launcherMsg.message) {
+      if (launcherMsg.severity === 'error') {
+        notification.error({
+          placement: 'bottomLeft',
+          key: 'launchermsg',
+          message: 'Launch problem',
+          description: launcherMsg.message,
+          duration: null,
+        });
+      } else {
+        notification.warning({
+          placement: 'bottomLeft',
+          key: 'launchermsg',
+          message: 'Flipper version warning',
+          description: launcherMsg.message,
+          duration: null,
+        });
+      }
+    } else if (version && isProduction()) {
+      reportPlatformFailures(
+        checkForUpdate(version).then((res) => {
+          if (res.kind === 'error') {
+            console.warn('Version check failure: ', res);
+            setVersionCheckResult({
+              kind: 'error',
+              msg: res.msg,
+            });
+          } else {
+            setVersionCheckResult(res);
+          }
+        }),
+        'publicVersionCheck',
+      );
+    }
+  }, [launcherMsg]);
+
+  return null;
+}
+
+export function getUpdateAvailableMessage(versionCheckResult: {
+  url: string;
+  version: string;
+}): React.ReactNode {
+  return (
+    <>
+      Flipper version {versionCheckResult.version} is now available.
+      {fbConfig.isFBBuild ? (
+        fbConfig.getReleaseChannel() === ReleaseChannel.INSIDERS ? (
+          <> Restart Flipper to update to the latest version.</>
+        ) : (
+          <>
+            {' '}
+            Run <code>arc pull</code> (optionally with <code>--latest</code>) in{' '}
+            <code>~/fbsource</code> and restart Flipper to update to the latest
+            version.
+          </>
+        )
+      ) : (
+        <>
+          {' '}
+          Click to{' '}
+          <Typography.Link href={versionCheckResult.url}>
+            download
+          </Typography.Link>
+          .
+        </>
+      )}
+    </>
+  );
+}