#159 Adds Console Component for rendering of output

[dafrie]

Uses console-feed for rendering of output and allows searching, filtering and ordering of output. Resolves #159

TODO:

• Linting/formatting
• Reset output on integration change and add clear button
• Resolve ordering issue
• Resolve resubmission of warning messages upon ordering change

[corradio]

Looks cool! Ping me when you want me to review.

[dafrie]

@corradio should now be ready for review. Could do further improvements, e.g. storing selected filter categories in LocalStorage? Or maybe later once requirements of #160 is more clear?

[corradio]

I'll review asap

[corradio]

Hi @dafrie,

Here's a first suggestion:

Instead of using a hook on console.log, I suggest using a prop or expose a logger class that is hooked to
https://github.com/tmrowco/tmrowapp-contrib/blob/master/playground/server/index.js#L77-L81
That will make the interface cleaner and more robust.

[dafrie]

Yep makes sense! I will go the props way. Expanding the main app state was actually my first shot at it, but then decided to have only within the console component - Did not look careful enough at the runLogs listener!

[corradio]

is it possible to sort ASC by default and show all output by default (i.e. warn and debug by default?)

[dafrie]

is it possible to sort ASC by default and show all output by default (i.e. warn and debug by default?)

Like so? In the ASC case however, then probably it should always scroll to bottom, so the whole console output should be wrapped in a scrollable container?

[corradio]

This looks good for now! I suggest we merge and then we can make additional UX changes later on.
Thank you so much!