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/VideoRecordingButton.tsx

@@ -0,0 +1,101 @@
+/**
+ * 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, {Component} from 'react';
+import BaseDevice from '../devices/BaseDevice';
+import {Button, Glyph, colors} from '../ui';
+import path from 'path';
+import os from 'os';
+
+type OwnProps = {
+  recordingFinished: (path: string | null) => void;
+};
+
+type StateFromProps = {
+  selectedDevice: BaseDevice | null | undefined;
+};
+
+type DispatchFromProps = {};
+
+type State = {
+  recording: boolean;
+  recordingEnabled: boolean;
+};
+type Props = OwnProps & StateFromProps & DispatchFromProps;
+
+export default class VideoRecordingButton extends Component<Props, State> {
+  state: State = {
+    recording: false,
+    recordingEnabled: true,
+  };
+
+  startRecording = async () => {
+    const {selectedDevice} = this.props;
+    if (!selectedDevice) {
+      return;
+    }
+
+    const flipperDirectory = path.join(os.homedir(), '.flipper');
+    const fileName = `screencap-${new Date()
+      .toISOString()
+      .replace(/:/g, '')}.mp4`;
+    const videoPath = path.join(flipperDirectory, fileName);
+    this.setState({
+      recording: true,
+    });
+    selectedDevice.startScreenCapture(videoPath).catch((e) => {
+      console.error('Screen recording failed:', e);
+      this.setState({
+        recording: false,
+      });
+    });
+  };
+
+  stopRecording = async () => {
+    const {selectedDevice} = this.props;
+    if (!selectedDevice) {
+      return;
+    }
+    const path = await selectedDevice.stopScreenCapture();
+    this.setState({
+      recording: false,
+    });
+    this.props.recordingFinished(path);
+  };
+
+  onRecordingClicked = () => {
+    if (this.state.recording) {
+      this.stopRecording();
+    } else {
+      this.startRecording();
+    }
+  };
+  render() {
+    const {recordingEnabled} = this.state;
+    const {selectedDevice} = this.props;
+    return (
+      <Button
+        compact
+        onClick={this.onRecordingClicked}
+        pulse={this.state.recording}
+        selected={this.state.recording}
+        title="Make Screen Recording"
+        disabled={!selectedDevice || !recordingEnabled}
+        type={this.state.recording ? 'danger' : 'primary'}>
+        <Glyph
+          name={this.state.recording ? 'stop-playback' : 'camcorder'}
+          color={this.state.recording ? colors.red : colors.white}
+          variant="filled"
+          style={{marginRight: 8}}
+        />
+        {this.state.recording ? 'Recording...' : 'Start Recording'}
+      </Button>
+    );
+  }
+}