Friendlier response body section

[wisnuprama]

Feature Request
Make response body section more user friendly. Mobile screen is limited and let say the response is very big, then it could hurt UX when inspecting. We can collapse the JSON value like redux-devtools.

There is also react-native-json-tree which is based on react-json-tree used by redux-devtools.

Thanks!

Additional context

  const getFullRequest = () => {
    const processedRequest = {
      ...request,
      response: responseBody ? JSON.parse(responseBody) : undefined,
      duration: request.duration,
    };
    return JSON.stringify(processedRequest, null, 2);
  };

[alexbrazier]

@wisnuprama thanks for using the library, and for the suggestion!

That library does look quite nice. I can have a look into implementing this and see what it looks like unless you or someone else wanted to have a go.

I have a couple of questions/concerns about it though that might be worth discussing just to make sure we get it right.

• At the moment the library has no dependencies, so while I'm not against adding one where it is needed, I'm slightly hesitant on adding new ones to make sure the package doesn't get too big.
  • This is because the library is currently so small you could include it in your production build behind a flag without really affecting the user experience. Once it gets too big you have to start thinking about the build process to make sure it gets excluded.
• Another thing to consider is once we start trying to process the JSON responses, do we then have to process XML and other popular formats?