Deprecate flipper plugin rn performance android (#29)

* docs: fix whoopsy

* docs(native): add dialog for deprecated package

* v0.5.0

Author: Almouro

README.md

@@ -81,7 +81,7 @@ You also need to run these steps:
 Uninstall the package:
 
 ```
-yarn remove --dev react-native-flipper-performance-plugin
+yarn remove --dev flipper-plugin-rn-performance-android
 ```
 
 Then **remove** those lines in `./android/settings.gradle`:

flipper-desktop/package.json

@@ -2,7 +2,7 @@
   "$schema": "https://fbflipper.com/schemas/plugin-package/v2.json",
   "name": "flipper-plugin-rn-perf-monitor",
   "id": "rn-perf-monitor",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "main": "dist/bundle.js",
   "flipperBundlerEntry": "src/index.tsx",
   "license": "MIT",

flipper-desktop/src/index.tsx

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import { createState, PluginClient, usePlugin, useValue } from "flipper-plugin";
 import { Measure } from "./types/Measure";
 import { PerfMonitorView } from "./PerfMonitorView";
+import { openMigrationDialog } from "./openMigrationDialog";
 
 type Events = {
   addRecord: Measure;
@@ -18,6 +19,13 @@ export function plugin(client: PluginClient<Events, Methods>) {
   });
 
   client.onMessage("addRecord", (measure) => {
+    // This happens only if users have the previous Android plugin installed
+    // @ts-ignore
+    if (measure.expected !== undefined) {
+      stopMeasuring();
+      openMigrationDialog();
+      return;
+    }
     measures.update((draft) => {
       draft.push(measure);
     });

flipper-desktop/src/openMigrationDialog.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { Dialog } from "flipper-plugin";
+
+const MIGRATION_LINK =
+  "https://github.com/bamlab/react-native-performance#install-androidios-plugin";
+
+export const openMigrationDialog = () =>
+  Dialog.show({
+    defaultValue: false,
+    children: () => (
+      <div>
+        This version of the Performance Android plugin is now <b>deprecated</b>.
+        <br />
+        <br />
+        Please migrate to the <a href={MIGRATION_LINK}>new native plugin</a>,
+        which features:
+        <ul>
+          <li> • iOS support 🎉</li>
+          <li> • easier installation</li>
+          <li> • more accurate reporting</li>
+        </ul>
+      </div>
+    ),
+    title: "Migrate to new plugin",
+    okText: "See how to migrate",
+    onConfirm: () => require("electron").shell.openExternal(MIGRATION_LINK),
+  });