Improve terminal console outputs

[rjnrohit]

Improve compilation logs formatting and styling in the Remix terminal console.

• See trace of UI actions, eg: "Compile started...", "Compile finished.", etc.)
• Better formatting of outputs (from declare/deploy, transaction invoke, etc.) (eg. similar to Solidity compiler outputs).

[shabbiryk]

I would love to take this!

[rjnrohit]

yeah sure @shabbiryk

[rjnrohit]

lemme know if you need any help with this issue

[shabbiryk]

I did the local setup and managed to get it run. I have a query in regards with the first task of trace of UI actions: it is regarding the backend trace that needs to be well formatted? Because I couldn't find the provided example "Compile started..." in remix console while compiling the cairo file.
The second task is fine and i have started working on it. :)

[shabbiryk]

@rjnrohit following up :)

[rjnrohit]

As of now just work on the second part , first one is not that important . But the idea was to reflect the actions we do on the UI side in the terminal , like when user click on the compile button, it should write a text all the steps like compilation has started , compiling file and compilation finished.

[shabbiryk]

Hi @rjnrohit ,
I tried the second part but rendering the HTML inside the terminal is a known issue ethereum/remix-plugin#425.
I tried the way the author of the issue did remixClient.call('terminal', 'logHtml', {type: 'html', value: ...}) but the logHtml can't be assigned to param type of log. I tried the way described in the API docs remixClient.call('terminal', 'log', {type: 'html', value:

...
}) still the HTML is rendered as text