Limit how much log output is shown/kept about guppy

[joshwcomeau]

React-Virtualized could help with this. The screenshot in the README shows that soft wrapping doesn’t occur, so how would each entry be of unknown height?

Each log entry is a DIV containing 1 or more lines:

We could probably work around this by splitting each log entry around newlines and sticking each one in its own div, so it's not unsolvable.

Also, I think I do want the output to line-wrap; the reason it doesn't right now is I couldn't find a quick way to wrap lines and preserve whitespace (as seen in the URL portion of the screenshot above, whitespace is often used for positioning, and things don't align nicely with the default behaviour of reducing multiple whitespace chars into a single one). Although linewrapping might also break some layouts... so I'm actually not sure what the best approach there is.

For now, I think having a "clear" button (#57) will solve the immediate need, so I'm removing the "top priority" label.

[joshwcomeau]

Setting this as "top priority" because Guppy becomes unusably slow after moderate usage with the current logging.

[j-f1]

Another slightly trickier solution could be to virtualize the offscreen content (tricky since each log entry is of unknown height).

React-Virtualized could help with this. The screenshot in the README shows that soft wrapping doesn’t occur, so how would each entry be of unknown height?