Reactotron: Feature Request: Search bar in the state tab

[Eyesonly88]

I would like the ability to search in the State tab. The search bar itself is available in the Timeline tab which is very useful but the State tab doesn't have it.

The scenario is subscribing to the entire state tree and hence seeing lots of data. Being able to search makes it easy to locate the item we're interested in.

For example:

value: {
  device: {
    metadata: {
      api: {
         name: "",
         key: "",
      }
    }
  }
}

I want to find the metadata key so I search for metadata and Reactotron only shows the metadata part of the tree.

This could be solved by subscribing to more than one part of the tree. However, it means subscribing to a key everytime we want to find something, which is not ideal.

Happy New Year!
Thanks 👍

[rmevans9]

This seems like a reasonable request. I would accept something like this being added to reactotron but as you point out there is technically a workaround currently so this is probably not something I will take on in the short term. If anyone else wants to take it on I would gladly review it.

[KevinHu2014]

@rmevans9 I would like to try to implement this feature 🙂
Could you give some hint on how I should start ?
Thanks 🙏

[rmevans9]

Sure, You can see how we do the search bar on the timeline page. Once you get the UI in place the filtering should be something done in the page probably on the fly.

[KevinHu2014]

@rmevans9 Thanks for the hint 🙂