Tree sitter demo

[peconia]

This is a proof of concept PR, absolutely not ready to merge 😅

This adds web-tree-sitter library with python language .wasm to use a tree sitter to analyze any python code for errors, and show a "friendly" error message for some common issues. The wasm files are served from this server so had to edit webpack config slightly. We could get these from a CDN or somewhere else too, just for this demo it seemed simpler to serve them from the same project.

The benefit of tree sitter is that it is very fast, as it only evaluates the new code as you type rather than has to redo the whole thing. the negative is that parsing a clean looking error message is not that straightforward, and can be brittle.

error.highlight.demo.mp4

TODO:

• make all the messages translatable and make them more helpful to learners
• cover more error scenarios and improve which parts of code get highlighted
• clean up vibe code 😂