Convert plugin.js to plugin.tsx

Summary:
* Deletes plugin.js
* Adds plugin.tsx
* Adds plugin flow-typed module that has the old flow types

Reviewed By: passy

Differential Revision: D16668067

fbshipit-source-id: b2f0ce47c4cf7125b4e352821e921b97675d12a9

src/plugins/TableNativePlugin.js

@@ -19,7 +19,7 @@ import {
 import ErrorBlock from '../ui/components/ErrorBlock';
 import FlexColumn from '../ui/components/FlexColumn';
 import DetailSidebar from '../chrome/DetailSidebar';
-import {FlipperPlugin} from '../plugin';
+import {FlipperPlugin} from '../plugin.tsx';
 import SearchableTable from '../ui/components/searchable/SearchableTable';
 import textContent from '../utils/textContent.js';
 import createPaste from '../fb-stubs/createPaste.js';

src/plugins/crash_reporter/index.js

@@ -32,7 +32,7 @@ import fs from 'fs';
 import os from 'os';
 import util from 'util';
 import path from 'path';
-import type {Notification} from '../../plugin';
+import type {Notification} from '../../plugin.tsx';
 import type {Store, DeviceLogEntry, OS, Props} from 'flipper';
 import {Component} from 'react';
 

src/plugins/databases/ClientProtocol.js

@@ -5,7 +5,7 @@
  * @format
  */
 
-import type {PluginClient} from '../../plugin';
+import type {PluginClient} from '../../plugin.tsx';
 import type {Value} from '../../ui/components/table/TypeBasedValueRenderer';
 
 type ClientCall<Params, Response> = Params => Promise<Response>;

src/plugins/example/index.js

@@ -7,7 +7,7 @@
  */
 
 import {Button, Input, FlipperPlugin, FlexColumn, styled, Text} from 'flipper';
-import type {Notification} from '../../plugin';
+import type {Notification} from '../../plugin.tsx';
 type DisplayMessageResponse = {
   greeting: string,
 };

src/plugins/fresco/__tests__/index.node.js

@@ -9,7 +9,7 @@ import FrescoPlugin from '../index.js';
 import type {PersistedState, ImageEventWithId} from '../index.js';
 import type {AndroidCloseableReferenceLeakEvent} from '../api.js';
 import type {MetricType} from 'flipper';
-import type {Notification} from '../../../plugin';
+import type {Notification} from '../../../plugin.tsx';
 
 function mockPersistedState(
   imageSizes: Array<{

src/plugins/fresco/index.js

@@ -31,7 +31,7 @@ import {
 } from 'flipper';
 import ImagesSidebar from './ImagesSidebar.js';
 import ImagePool from './ImagePool.js';
-import type {Notification} from '../../plugin';
+import type {Notification} from '../../plugin.tsx';
 
 export type ImageEventWithId = ImageEvent & {eventId: number};
 

src/plugins/logs/index.js

@@ -13,7 +13,7 @@ import type {
 } from 'flipper';
 import type {Counter} from './LogWatcher.js';
 import type {DeviceLogEntry} from '../../devices/BaseDevice.js';
-import type {Props as PluginProps} from '../../plugin';
+import type {Props as PluginProps} from '../../plugin.tsx';
 
 import {
   Text,

src/plugins/network/index.js

@@ -35,7 +35,7 @@ import {
 import RequestDetails from './RequestDetails.js';
 import {clipboard} from 'electron';
 import {URL} from 'url';
-import type {Notification} from '../../plugin';
+import type {Notification} from '../../plugin.tsx';
 
 type PersistedState = {|
   requests: {[id: RequestId]: Request},