feat(search): search obj values from display cmd

Author: frankcalise

lib/reactotron-core-ui/src/utils/filterCommands/filterCommands.test.ts

@@ -1,6 +1,31 @@
 import filterCommands, { filterSearch, filterHidden } from "./index"
 import { CommandType } from "reactotron-core-contract"
 
+const EXAMPLE_VALUE_OBJECT = {
+  id: 1,
+  lastUpdateAt: "13:44",
+  queries: [],
+  mutations: [],
+  cache: {
+    "Launch:5eb87cd9ffd86e000604b32aSEARCHCACHE": {
+      __typename: "Launch",
+      id: "5eb87cd9ffd86e000604b32a",
+      mission_name: "FalconSat",
+      launch_date_unix: 1143239400,
+      launch_success: null,
+      upcoming: false,
+    },
+    "Launch:5eb87cdaffd86e000604b32b": {
+      __typename: "Launch",
+      id: "5eb87cdaffd86e000604b32b",
+      mission_name: "DemoSat",
+      launch_date_unix: 1174439400,
+      launch_success: null,
+      upcoming: false,
+    },
+  },
+}
+
 const TEST_COMMANDS = [
   { type: "SEARCHTYPE" },
   { type: "ADUMMYOBJ", payload: { message: "SEARCHMESSAGE" } },
@@ -12,6 +37,7 @@ const TEST_COMMANDS = [
   { type: "ADUMMYOBJ", payload: { request: { url: "SEARCHURL" } } },
   { type: "log", payload: { debug: "LOGDEBUG" } },
   { type: "client.intro", payload: { connection: "SEARCHCONNECTION" } },
+  { type: "display", payload: { value: EXAMPLE_VALUE_OBJECT } },
 ]
 
 const TESTS = [
@@ -71,6 +97,23 @@ const TESTS = [
     search: "connection",
     result: [{ type: "client.intro", payload: { connection: "SEARCHCONNECTION" } }],
   },
+  {
+    name: "display => apollo client",
+    search: "FalconSat",
+    result: [
+      {
+        type: "display",
+        payload: {
+          value: EXAMPLE_VALUE_OBJECT,
+        },
+      },
+    ],
+  },
+  {
+    name: "display => apollo client",
+    search: "Falcon 9",
+    result: [],
+  },
   {
     name: "multiple results",
     search: "ADUMMYOBJ",

lib/reactotron-core-ui/src/utils/filterCommands/index.ts

@@ -23,6 +23,7 @@ const COMMON_MATCHING_PATHS = [
   path("payload", "triggerType"),
   path("payload", "description"),
   path("payload", "request", "url"),
+  path("payload", "value"),
 ]
 
 export function filterSearch(commands: any[], search: string) {
@@ -33,6 +34,8 @@ export function filterSearch(commands: any[], search: string) {
   const searchRegex = new RegExp(trimmedSearch.replace(/\s/, "."), "i")
 
   const matching = (value: string) => value && typeof value === "string" && searchRegex.test(value)
+  const matchingObj = (value: object) =>
+    value && typeof value === "object" && searchRegex.test(JSON.stringify(value))
 
   return commands.filter(
     (command) =>
@@ -44,6 +47,7 @@ export function filterSearch(commands: any[], search: string) {
         )
           return true
         if (command.type === CommandType.ClientIntro && matching("connection")) return true
+        if (command.type === CommandType.Display && matchingObj(command.payload.value)) return true
         return false
       }).length > 0
   )