github: add a reproduction environment to the issue template

[agilgur5]

Summary

Add a repro env to the issue template to get people to make more repros!

• Follow-up to "Next Steps" from github: add troubleshooting steps to the issue template #350
• Should hopefully help solve one of the patterns of lack of repros I noticed in fix(github): improve formatting of issue template spoilers #311 (comment)

Details

• this should help make reproductions easier as it gives a quick starting point requiring no boilerplate and is easily accessible from a browser too

• decided to go with StackBlitz over CodeSandbox and repl.it as it's WebContainer tech allows for running Node projects entirely inside the browser (via WebAssembly)

  • meaning that unlike CodeSandbox and repl.it, their platform doesn't need to spin up and connect to a container on the backend
  • so it's much more efficient, performant, and cost-effective
  • and, importantly, it means you don't need an account to get started with a Node project; you only need an account to save your work etc
    • this makes a noticeable UX difference, since user funnels generally decrease the more steps you take (especially a larger one like creating an account)
      • and we want reproductions to be as easy as possible to create (so that people actually create them), so optimizing this flow is important
  • that being said, CodeSandbox and repl.it have much stronger OSS presences and have open-sourced most of their core technology
    • and Rollup and rollup/plugins use repl.it for reproductions: https://replit.com/@rollup/rollup-plugin-repro
    • so wanted to use those, but the UX difference was pretty significant
    • repl.it also didn't have as good a DX IMO

• StackBlitz: https://stackblitz.com/edit/rpt2-repro

• GitHub: https://github.com/agilgur5/rpt2-repro

  • Note that I added a README with directions there as well as in the index.ts file 🙂

References

Have already made several reproductions of issues using this environment as well, so can confirm that it works well!

• semantic error TS2339: Property 'write' does not exist on type 'Clipboard' -- can't repro #306 (comment)
• type check error with rpt2 but not tsc -- can't repro, Vite misconfiguration #305 (comment)
• semantic error TS2339: Property 'name' does not exist on type 'User' with rpt2 but not tsc when using Vite -- can't repro #297 (comment)
• Did not get 1 of 2 expected type errors during a fatal error #272 (comment)
• syntax error TS1068: Unexpected token. A constructor, method, accessor, or property was expected. -- can't repro #247 (comment)
• @ts-nocheck not working on .tsx file -- needs TS 3.7+ #223 (comment)