Introduce pluginKey

Summary: Exposed the `pluginKey` to sandy plugins (which we will use later for storing table preferences per plugin). And a little moving code around because circular deps problem roared its ugly head again.

Reviewed By: nikoant

Differential Revision: D27009721

fbshipit-source-id: 7ad29e72ff8028c9daae270c4749b657bd8ff049

desktop/app/src/Client.tsx

@@ -7,12 +7,7 @@
  * @format
  */
 
-import {
-  PluginDefinition,
-  isSandyPlugin,
-  FlipperPlugin,
-  FlipperDevicePlugin,
-} from './plugin';
+import {PluginDefinition, FlipperPlugin, FlipperDevicePlugin} from './plugin';
 import BaseDevice, {OS} from './devices/BaseDevice';
 import {Logger} from './fb-interfaces/Logger';
 import {Store} from './reducers/index';
@@ -30,6 +25,7 @@ import invariant from 'invariant';
 import {
   getPluginKey,
   defaultEnabledBackgroundPlugins,
+  isSandyPlugin,
 } from './utils/pluginUtils';
 import {processMessagesLater} from './utils/messageQueue';
 import {emitBytesReceived} from './dispatcher/tracking';
@@ -260,6 +256,7 @@ export default class Client extends EventEmitter {
             _getFlipperLibImplementation(),
             plugin,
             this,
+            getPluginKey(this.id, {serial: this.query.device_id}, plugin.id),
             initialStates[pluginId],
           ),
         );
@@ -306,7 +303,12 @@ export default class Client extends EventEmitter {
       // TODO: needs to be wrapped in error tracking T68955280
       this.sandyPluginStates.set(
         plugin.id,
-        new _SandyPluginInstance(_getFlipperLibImplementation(), plugin, this),
+        new _SandyPluginInstance(
+          _getFlipperLibImplementation(),
+          plugin,
+          this,
+          getPluginKey(this.id, {serial: this.query.device_id}, plugin.id),
+        ),
       );
     }
   }

desktop/app/src/PluginContainer.tsx

@@ -12,7 +12,6 @@ import {
   FlipperDevicePlugin,
   Props as PluginProps,
   PluginDefinition,
-  isSandyPlugin,
 } from './plugin';
 import {Logger} from './fb-interfaces/Logger';
 import BaseDevice from './devices/BaseDevice';
@@ -47,7 +46,7 @@ import {IdlerImpl} from './utils/Idler';
 import {processMessageQueue} from './utils/messageQueue';
 import {ToggleButton, SmallText, Layout} from './ui';
 import {theme, TrackingScope, _SandyPluginRenderer} from 'flipper-plugin';
-import {isDevicePluginDefinition} from './utils/pluginUtils';
+import {isDevicePluginDefinition, isSandyPlugin} from './utils/pluginUtils';
 import {ContentContainer} from './sandy-chrome/ContentContainer';
 import {Alert, Typography} from 'antd';
 import {InstalledPluginDetails} from 'plugin-lib';

desktop/app/src/devices/BaseDevice.tsx

@@ -242,6 +242,12 @@ export default class BaseDevice {
           _getFlipperLibImplementation(),
           plugin,
           this,
+          // break circular dep, one of those days again...
+          require('../utils/pluginUtils').getPluginKey(
+            undefined,
+            {serial: this.serial},
+            plugin.id,
+          ),
           initialState,
         ),
       );

desktop/app/src/dispatcher/notifications.tsx

@@ -10,7 +10,7 @@
 import {Store} from '../reducers/index';
 import {Logger} from '../fb-interfaces/Logger';
 import {PluginNotification} from '../reducers/notifications';
-import {PluginDefinition, isSandyPlugin} from '../plugin';
+import {PluginDefinition} from '../plugin';
 import {setStaticView} from '../reducers/connections';
 import {ipcRenderer, IpcRendererEvent} from 'electron';
 import {
@@ -22,7 +22,7 @@ import {textContent} from '../utils/index';
 import GK from '../fb-stubs/GK';
 import {deconstructPluginKey} from '../utils/clientUtils';
 import NotificationScreen from '../chrome/NotificationScreen';
-import {getPluginTitle} from '../utils/pluginUtils';
+import {getPluginTitle, isSandyPlugin} from '../utils/pluginUtils';
 import {sideEffect} from '../utils/sideEffect';
 
 type NotificationEvents = 'show' | 'click' | 'close' | 'reply' | 'action';

desktop/app/src/plugin.tsx

@@ -36,12 +36,6 @@ export type ClientPluginDefinition =
 export type ClientPluginMap = Map<string, ClientPluginDefinition>;
 export type DevicePluginMap = Map<string, DevicePluginDefinition>;
 
-export function isSandyPlugin(
-  plugin?: PluginDefinition | null,
-): plugin is _SandyPluginDefinition {
-  return plugin instanceof _SandyPluginDefinition;
-}
-
 // This function is intended to be called from outside of the plugin.
 // If you want to `call` from the plugin use, this.client.call
 export function callClient(

desktop/app/src/utils/exportData.tsx

@@ -25,7 +25,6 @@ import {
   PluginDefinition,
   DevicePluginMap,
   ClientPluginMap,
-  isSandyPlugin,
 } from '../plugin';
 import {default as BaseDevice} from '../devices/BaseDevice';
 import {default as ArchivedDevice} from '../devices/ArchivedDevice';
@@ -46,7 +45,7 @@ import {setSelectPluginsToExportActiveSheet} from '../reducers/application';
 import {deconstructClientId, deconstructPluginKey} from '../utils/clientUtils';
 import {performance} from 'perf_hooks';
 import {processMessageQueue} from './messageQueue';
-import {getPluginTitle} from './pluginUtils';
+import {getPluginTitle, isSandyPlugin} from './pluginUtils';
 import {capture} from './screenshot';
 import {uploadFlipperMedia} from '../fb-stubs/user';
 import {Idler} from 'flipper-plugin';

desktop/app/src/utils/messageQueue.tsx

@@ -8,7 +8,7 @@
  */
 
 import {PersistedStateReducer, FlipperDevicePlugin} from '../plugin';
-import {State, MiddlewareAPI} from '../reducers/index';
+import type {State, MiddlewareAPI} from '../reducers/index';
 import {setPluginState} from '../reducers/pluginStates';
 import {
   clearMessageQueue,

desktop/app/src/utils/onRegisterDevice.tsx

@@ -7,16 +7,15 @@
  * @format
  */
 
-import {Store} from '../reducers/index';
-import {
+import type {Store} from '../reducers/index';
+import type {
   ClientPluginMap,
   DevicePluginMap,
   PluginDefinition,
-  isSandyPlugin,
 } from '../plugin';
 import {setPluginState} from '../reducers/pluginStates';
-import BaseDevice from '../devices/BaseDevice';
-import {getPersistedState} from '../utils/pluginUtils';
+import type BaseDevice from '../devices/BaseDevice';
+import {getPersistedState, isSandyPlugin} from '../utils/pluginUtils';
 
 export function registerDeviceCallbackOnPlugins(
   store: Store,

desktop/app/src/utils/pluginUtils.tsx

@@ -12,7 +12,6 @@ import {
   FlipperBasePlugin,
   PluginDefinition,
   DevicePluginDefinition,
-  isSandyPlugin,
   ClientPluginDefinition,
 } from '../plugin';
 import type {State} from '../reducers';
@@ -54,6 +53,12 @@ export function getPluginKey(
   return `unknown#${pluginID}`;
 }
 
+export function isSandyPlugin(
+  plugin?: PluginDefinition | null,
+): plugin is _SandyPluginDefinition {
+  return plugin instanceof _SandyPluginDefinition;
+}
+
 export function getPersistedState<PersistedState>(
   pluginKey: string,
   persistingPlugin: typeof FlipperBasePlugin | null,