Move plugins to "sonar/desktop/plugins"

Summary:
Plugins moved from "sonar/desktop/src/plugins" to "sonar/desktop/plugins".

Fixed all the paths after moving.

New "desktop" folder structure:
- `src` - Flipper desktop app JS code executing in Electron Renderer (Chrome) process.
- `static` - Flipper desktop app JS code executing in Electron Main (Node.js) process.
- `plugins` - Flipper desktop JS plugins.
- `pkg` - Flipper packaging lib and CLI tool.
- `doctor` - Flipper diagnostics lib and CLI tool.
- `scripts` - Build scripts for Flipper desktop app.
- `headless` - Headless version of Flipper desktop app.
- `headless-tests` - Integration tests running agains Flipper headless version.

Reviewed By: mweststrate

Differential Revision: D20344186

fbshipit-source-id: d020da970b2ea1e001f9061a8782bfeb54e31ba0

desktop/plugins/sandbox/index.tsx

@@ -0,0 +1,139 @@
+/**
+ * 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 {FlipperPlugin} from 'flipper';
+import {FlexColumn} from 'flipper';
+import {ButtonGroup, Button, styled, colors} from 'flipper';
+import React, {ChangeEvent} from 'react';
+
+export type Sandbox = {
+  name: string;
+  value: string;
+};
+
+type SandboxState = {
+  sandboxes: Array<Sandbox>;
+  customSandbox: string;
+  showFeedback: boolean;
+};
+
+const BigButton = styled(Button)({
+  flexGrow: 1,
+  fontSize: 24,
+  padding: 20,
+});
+
+const ButtonContainer = styled(FlexColumn)({
+  alignItems: 'center',
+  padding: 20,
+});
+
+export default class SandboxView extends FlipperPlugin<
+  SandboxState,
+  any,
+  unknown
+> {
+  state: SandboxState = {
+    sandboxes: [],
+    customSandbox: '',
+    showFeedback: false,
+  };
+
+  static TextInput = styled.input({
+    border: `1px solid ${colors.light10}`,
+    fontSize: '1em',
+    padding: '0 5px',
+    borderRight: 0,
+    borderTopLeftRadius: 4,
+    borderBottomLeftRadius: 4,
+    flexGrow: 1,
+  });
+
+  static FeedbackMessage = styled.span({
+    fontSize: '1.2em',
+    paddingTop: '10px',
+    color: 'green',
+  });
+
+  static TextInputLayout = styled(FlexColumn)({
+    float: 'left',
+    justifyContent: 'center',
+    flexGrow: 1,
+    borderRadius: 4,
+    marginRight: 15,
+    marginTop: 15,
+    marginLeft: 15,
+  });
+
+  init() {
+    this.client.call('getSandbox', {}).then((results: Array<Sandbox>) => {
+      this.dispatchAction({results, type: 'UpdateSandboxes'});
+    });
+  }
+
+  onSendSandboxEnvironment = (sandbox: string) => {
+    this.client
+      .call('setSandbox', {
+        sandbox: sandbox,
+      })
+      .then((result: {result: boolean}) => {
+        setTimeout(() => {
+          this.setState({showFeedback: false});
+        }, 3000);
+        this.setState({showFeedback: result.result});
+      });
+  };
+
+  onChangeSandbox = (e: ChangeEvent<HTMLInputElement>) => {
+    this.setState({customSandbox: e.target.value});
+  };
+
+  render() {
+    return (
+      <FlexColumn>
+        <SandboxView.TextInputLayout>
+          <ButtonGroup>
+            <SandboxView.TextInput
+              type="text"
+              placeholder="Sandbox URL (e.g. unixname.sb.facebook.com)"
+              key="sandbox-url"
+              onChange={this.onChangeSandbox}
+              onKeyPress={event => {
+                if (event.key === 'Enter') {
+                  this.onSendSandboxEnvironment(this.state.customSandbox);
+                }
+              }}
+            />
+            <Button
+              key="sandbox-send"
+              icon="download"
+              onClick={() =>
+                this.onSendSandboxEnvironment(this.state.customSandbox)
+              }
+              disabled={this.state.customSandbox == null}
+            />
+          </ButtonGroup>
+          <SandboxView.FeedbackMessage
+            hidden={this.state.showFeedback == false}>
+            Success!
+          </SandboxView.FeedbackMessage>
+        </SandboxView.TextInputLayout>
+        {this.state.sandboxes.map(sandbox => (
+          <ButtonContainer>
+            <BigButton
+              key={sandbox.value}
+              onClick={() => this.onSendSandboxEnvironment(sandbox.value)}>
+              {sandbox.name}
+            </BigButton>
+          </ButtonContainer>
+        ))}
+      </FlexColumn>
+    );
+  }
+}

desktop/plugins/sandbox/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "Sandbox",
+  "title": "Sandbox",
+  "version": "1.0.0",
+  "main": "index.tsx",
+  "license": "MIT",
+  "keywords": ["flipper-plugin"],
+  "icon": "translate",
+  "bugs": {
+    "email": "edoardo@fb.com"
+  }
+}

desktop/plugins/sandbox/yarn.lock

@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+