feature: dynamic schema/server response viewer

Current Behavior

Currently, the "Example Value" and "Server response" display section in swagger-ui 3.x are just static canvas, which works very well for small examples, for both schema, intended response (examples), and server responses.

For API's that have large inputs and/or large outputs, or for users with relatively low-resolution screens, this doesn't scale well for them

Possible Solution

We've been working on a react based replacement for our swagger-ui 2.1.4 implementation within our product; however, we're currently changing direction to baseline this as an upgrade from 2.1.4 to 3.x, and would like to port in some of the features that we've added.

Specifically for this feature request, we've built a dynamic schema/server response viewer, that has the following characteristics:

1. Great line/section copy to clipboard method, with both the inline copy (which copies either the single line or if done at a tree head, copies that section of the tree). Also has a fancy "copy" animation checkmark
2. Great formatting and stylization, Line numbers, collapsible trees, nicely stylized like common editors (like sublime text, etc)
3. Ability to take response viewer into a full-screen mode with a single click, to really dig into big responses easily, WITHOUT taking them to an external JSON parser or external tool
4. Great "show" function, where it unfolds the JSON just a little bit and tells you how many subitems are in the tree. This is VERY useful for API's that have VERY big schemas/server responses

This would replace the "Example Value" display section in swagger-ui 3 for schema and responses, which is just a static canvas now, AND should also replace the "Response body" section when using the Try It Out method.

Screenshots

I've included a few screenshots from the internal code that we have.

Posting this here to garner feedback, so that we can shape this for optimal upstream acceptance once we're done.

Start by reviewing the current Example Value, Server response, and Try It Out response-body entry points in Swagger UI, using the supplied screenshots to understand the proposed interaction. Done would mean a dynamic viewer with collapsible trees, line numbers, section or line copying, full-screen mode, and compact expansion for large schemas and responses.