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/databases/ButtonNavigation.js

@@ -0,0 +1,48 @@
+/**
+ * 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 {Button, ButtonGroup, Glyph, colors} from 'flipper';
+
+export default function ButtonNavigation(props: {|
+  /** Back button is enabled */
+  canGoBack: boolean,
+  /** Forwards button is enabled */
+  canGoForward: boolean,
+  /** Callback when back button is clicked */
+  onBack: () => void,
+  /** Callback when forwards button is clicked */
+  onForward: () => void,
+|}) {
+  return (
+    <ButtonGroup>
+      <Button disabled={!props.canGoBack} onClick={props.onBack}>
+        <Glyph
+          name="chevron-left"
+          size={16}
+          color={
+            props.canGoBack
+              ? colors.macOSTitleBarIconActive
+              : colors.macOSTitleBarIconBlur
+          }
+        />
+      </Button>
+      <Button disabled={!props.canGoForward} onClick={props.onForward}>
+        <Glyph
+          name="chevron-right"
+          size={16}
+          color={
+            props.canGoForward
+              ? colors.macOSTitleBarIconActive
+              : colors.macOSTitleBarIconBlur
+          }
+        />
+      </Button>
+    </ButtonGroup>
+  );
+}

desktop/plugins/databases/ClientProtocol.js

@@ -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 type {PluginClient, Value} from 'flipper';
+
+type ClientCall<Params, Response> = Params => Promise<Response>;
+
+type DatabaseListRequest = {};
+
+type DatabaseListResponse = Array<{
+  id: number,
+  name: string,
+  tables: Array<string>,
+}>;
+
+type QueryTableRequest = {
+  databaseId: number,
+  table: string,
+  order?: string,
+  reverse: boolean,
+  start: number,
+  count: number,
+};
+
+type QueryTableResponse = {
+  columns: Array<string>,
+  values: Array<Array<Value>>,
+  start: number,
+  count: number,
+  total: number,
+};
+
+type GetTableStructureRequest = {
+  databaseId: number,
+  table: string,
+};
+
+type GetTableStructureResponse = {
+  structureColumns: Array<string>,
+  structureValues: Array<Array<Value>>,
+  indexesColumns: Array<string>,
+  indexesValues: Array<Array<Value>>,
+  definition: string,
+};
+
+type ExecuteSqlRequest = {
+  databaseId: number,
+  value: string,
+};
+
+type ExecuteSqlResponse = {
+  type: string,
+  columns: Array<string>,
+  values: Array<Array<Value>>,
+  insertedId: number,
+  affectedCount: number,
+};
+
+type GetTableInfoRequest = {
+  databaseId: number,
+  table: string,
+};
+
+type GetTableInfoResponse = {
+  definition: string,
+};
+
+export class DatabaseClient {
+  client: PluginClient;
+
+  constructor(pluginClient: PluginClient) {
+    this.client = pluginClient;
+  }
+
+  getDatabases: ClientCall<
+    DatabaseListRequest,
+    DatabaseListResponse,
+  > = params => this.client.call('databaseList', {});
+
+  getTableData: ClientCall<QueryTableRequest, QueryTableResponse> = params =>
+    this.client.call('getTableData', params);
+
+  getTableStructure: ClientCall<
+    GetTableStructureRequest,
+    GetTableStructureResponse,
+  > = params => this.client.call('getTableStructure', params);
+
+  getExecution: ClientCall<ExecuteSqlRequest, ExecuteSqlResponse> = params =>
+    this.client.call('execute', params);
+
+  getTableInfo: ClientCall<
+    GetTableInfoRequest,
+    GetTableInfoResponse,
+  > = params => this.client.call('getTableInfo', params);
+}

desktop/plugins/databases/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "Databases",
+  "version": "1.0.0",
+  "title": "Databases",
+  "icon": "internet",
+  "main": "index.js",
+  "license": "MIT",
+  "keywords": ["flipper-plugin"],
+  "dependencies": {
+    "sql-formatter": "^2.3.3",
+    "dateformat": "^3.0.3"
+  },
+  "bugs": {
+    "email": "oncall+flipper@xmail.facebook.com",
+    "url": "https://fb.workplace.com/groups/flippersupport/"
+  }
+}

desktop/plugins/databases/yarn.lock

@@ -0,0 +1,20 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+dateformat@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
+  integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
+
+lodash@^4.16.0:
+  version "4.17.14"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.14.tgz#9ce487ae66c96254fe20b599f21b6816028078ba"
+  integrity sha512-mmKYbW3GLuJeX+iGP+Y7Gp1AiGHGbXHCOh/jZmrawMmsE7MS4znI3RL2FsjbqOyMayHInjOeykW7PEajUk1/xw==
+
+sql-formatter@^2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/sql-formatter/-/sql-formatter-2.3.3.tgz#910ef484fbb988a5e510bea4161157e3b80b2f62"
+  integrity sha512-m6pqVXwsm9GkCHC/+gdPvNowI7PNoVTT6OZMWKwXJoP2MvfntfhcfyliIf4/QX6t+DirSJ6XDSiSS70YvZ87Lw==
+  dependencies:
+    lodash "^4.16.0"