Feature proposal: report syntax errors in the web page

[osteele]

Problem: Frequently while running jekyll serve --watch and editing a file, I'll introduce a syntax error and not notice, because I'm just looking back and forth between the editor and the browser, and don't have the terminal in my field of view.

One solution, that requires modifying user behavior, is for the user to have all three panes up and scan them all.

Another is to implement a “syntax error overlay”. The create-react-app project reports syntax errors in the web page, as well as on the console. This PR begins with a screenshot that illustrates this.

This would be a nice feature for Jekyll too. It could look something like this:

(This particular screenshot is from a Jekyll clone. That's why the error message is different from what Jekyll would report. I've found it helpful there. If anyone wants to take this on, you are of course welcome to use the clone's CSS and Liquid template.)

[pathawks]

This would be pretty cool, so long as it only happened in the dev environment. 👍

[ashmaroli]

now that we have core support for livereload, in theory we could achieve this by having a websocket load an /error.html template instead of the actual page at that url..

[nickskalkin]

I want to try to implement this feature, but I'm completely new to jekyll. Can someone give me some advices? :)