feat(www): playground

[magurotuna]

This implements a playground to lint.deno.land where we can write random source code and see the diagnostics right away.

Currently the wasm file and its glue code are generated locally and committed to the repo, which means that we need to run the manual updating process (just running deno task wasmbuild) every time we make changes to the linter. We could automate it by moving this process inside CI, but this isn't done here because that would require changing build settings in Deno Deploy too. Instead, we add a step to CI to check if the wasm files committed to the repo are up-to-date.

You can try it out at https://deno-lint--playground.deno.dev/playground

Demo

https://github.com/denoland/deno_lint/assets/23649474/c926d65b-df57-4f6b-aae4-55bb35535590

[sigmaSd]

That's cool!

Couple of remarks:

• Deno apis seems to be not understood by the lsp / same thing with top level awaits
• Can we have an option to use all rules

[sigmaSd]

• the editor doesn't react to theme changes (I need to refresh the page) Screencast from 2023-09-01 08-14-57.webm

[magurotuna]

@sigmaSd Thanks for the feedback. What do you mean by "not understood by the lsp"? Like there's no completion options showing up when you put Deno. in the editor part of the playground?

[sigmaSd]

It looks like this

[magurotuna]

I made several updates and I think now it's ready for review again. PR description has been updated too, but here's a quick summary:

• Add language select box specifically to support JSX(TSX) syntax
• Add checkbox to enable all rules (default is recommended rules only)
• Update color theme in monaco dynamically on users' preference (see the last part of the demo movie)