feat(reactotron): Update to the latest reactotron and switch how cust…

…om commands are done (#182)

[skip ci]

boilerplate/app/services/reactotron/reactotron.ts

@@ -3,6 +3,7 @@ import { RootStore } from "../../models/root-store/root-store"
 import { onSnapshot } from "mobx-state-tree"
 import { ReactotronConfig, DEFAULT_REACTOTRON_CONFIG } from "./reactotron-config"
 import { mst } from "reactotron-mst"
+import { clear } from "../../utils/storage"
 import { commandMiddleware } from "./command-middleware"
 
 // Teach TypeScript about the bad things we want to do.
@@ -126,12 +127,30 @@ export class Reactotron {
         }),
       )
 
-      // hookup custom command middleware
-      Tron.use(commandMiddleware(() => this.rootStore))
-
       // connect to the app
       Tron.connect()
 
+      // Register Custom Commands
+      Tron.onCustomCommand({
+        title: 'Reset Root Store',
+        description: 'Resets the MST store',
+        command: 'resetStore',
+        handler: () => {
+          console.tron.log("resetting store")
+          clear()
+        },
+      })
+
+      Tron.onCustomCommand({
+        title: 'Reset Navigation Store',
+        description: 'Resets the navigation store',
+        command: 'resetNavigation',
+        handler: () => {
+          console.tron.log("resetting navigation store")
+          this.rootStore.navigationStore.reset()
+        }
+      })
+
       // clear if we should
       if (this.config.clearOnLoad) {
         Tron.clear()

boilerplate/package.json.ejs

@@ -37,8 +37,8 @@
     "react-native-keychain": "3.0.0",
     "react-native-splash-screen": "3.1.1",
     "react-navigation": "3.0.0",
-    "reactotron-mst": "^2.1.0",
-    "reactotron-react-native": "^2.1.0",
+    "reactotron-mst": "^3.1.1",
+    "reactotron-react-native": "^3.4.1",
     "validate.js": "0.12.0"
   },
   "devDependencies": {