docs(website): load typescript libs in playground

[armano2]

PR Checklist

• Addresses an existing issue: fixes Playground: incorrect type causing false negatives #4493
• That issue was marked as accepting prs
• Steps in CONTRIBUTING.md were taken

Overview

Logic used to load requested libs from cdn and parse them in compiler

Repro

Playground Playground 2

---

this solution is not ideal, as libs are loaded once during editor initialization and can't be changed without reload, for now this is not an issue as there is no way to specify libs

---

note: dynamic typescript config is and was not taken into account in eslint, this should be adjusted in latter PR

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 271530a. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 43 targets

• Node 12.x - nx run-many --target=typecheck --all --parallel
• Node 12.x - nx run-many --target=build --all --parallel --exclude website
• Node 14.x - nx test @typescript-eslint/eslint-plugin-tslint
• Node 14.x - nx test @typescript-eslint/eslint-plugin
• Node 14.x - nx test @typescript-eslint/parser
• Node 14.x - nx test @typescript-eslint/type-utils
• Node 14.x - nx test @typescript-eslint/utils
• Node 14.x - nx test @typescript-eslint/scope-manager
• Node 14.x - nx test @typescript-eslint/visitor-keys
• Node 14.x - nx test @typescript-eslint/typescript-estree
• Node 14.x - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12.x - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12.x - nx run-many --target=build --all --parallel --exclude website
• Node 16.x - nx test @typescript-eslint/eslint-plugin-tslint
• Node 12.x - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 16.x - nx test @typescript-eslint/eslint-plugin
• Node 16.x - nx test @typescript-eslint/parser
• Node 12.x - nx test @typescript-eslint/eslint-plugin-internal
• Node 12.x - nx test @typescript-eslint/eslint-plugin-tslint
• Node 16.x - nx test @typescript-eslint/type-utils
• Node 12.x - nx test @typescript-eslint/eslint-plugin
• Node 12.x - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12.x - nx test @typescript-eslint/eslint-plugin-tslint
• Node 16.x - nx test @typescript-eslint/utils
• Node 12.x - nx test @typescript-eslint/parser
• Node 12.x - nx test @typescript-eslint/eslint-plugin
• Node 12.x - nx test @typescript-eslint/type-utils
• Node 16.x - nx test @typescript-eslint/scope-manager
• Node 12.x - nx test @typescript-eslint/parser
• Node 12.x - nx test @typescript-eslint/utils
• Node 12.x - nx test @typescript-eslint/type-utils
• Node 16.x - nx test @typescript-eslint/visitor-keys
• Node 12.x - nx test @typescript-eslint/scope-manager
• Node 12.x - nx test @typescript-eslint/utils
• Node 12.x - nx test @typescript-eslint/visitor-keys
• Node 16.x - nx test @typescript-eslint/typescript-estree
• Node 12.x - nx test @typescript-eslint/scope-manager
• Node 12.x - nx test @typescript-eslint/typescript-estree
• Node 16.x - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12.x - nx test @typescript-eslint/visitor-keys
• Node 12.x - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12.x - nx test @typescript-eslint/typescript-estree
• Node 12.x - nx run-many --target=build --all --parallel --exclude website --exclude website

---

Sent with 💌 from NxCloud.

[netlify]

✅ Deploy Preview for typescript-eslint ready!

Name	Link
🔨 Latest commit	271530a
🔍 Latest deploy log	https://app.netlify.com/sites/typescript-eslint/deploys/6244d9713d3f70000853de4a
😎 Deploy Preview	https://deploy-preview-4765--typescript-eslint.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[armano2]

ideally we would like to use watch compiler host, but that can come latter

[bradzacher]

As an aside - should we be converting website-eslint to TS? Seems like we're adding more and more code, so the safety would probably be a good thing to have.

---

LGTM - thanks so much for working and fixing this!
This is a huge win for setting up issue repros!

[bradzacher]

Hmmm @armano2 - it looks like this didn't quite fix it.

https://typescript-eslint.io/play/#ts=4.6.2&sourceType=module&code=CYUwxgNghgTiAEAzArgOzAFwJYHtXwDcctgB5GABRhwFssBnEAClgHMAueJpgSngF4AfIWLA+AHy68BwqrQYgAPERKCePTiuABuIA&rules=N4XyA&tsConfig=N4XyA

Cannot find name 'Promise'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later.(2583)

[armano2]

that's weird, if i run test on this branch this seem to be working correctly

https://deploy-preview-4765--typescript-eslint.netlify.app/play/#ts=4.6.2&sourceType=module&code=PQKgsAUApgzgNgSwHYBdIAJPoEQAEUCeADrAMYBOCRKAtLIqsEgPY0BmczAhisgOY0i5ZgFsEMWNgBc6ANoByKOWHl5AXQA0GLHkIkYFKrXrIUTVmJgBXCQBNBwy5JkKlK9VohYc+YmUrUdPCm5jRWSDZQ9gBuXOQw0nKKysyqapAgwJCQtlCkcHFQ6GzhpLzMSOjRzAi2APLkAAqO4lAAFHF8Mm1tAJToALwAfFU1tv0APug9-cPozaKtADzVtUO9vTKrtgDcQA&rules=N4XyA&tsConfig=N4XyA

[bradzacher]

Super strange! I'm not sure why the two environments would differ!

[armano2]

ok i found issue, setCompilerSettings is not playing well with lib option, this was introduced in
https://github.com/typescript-eslint/typescript-eslint/pull/4768/files#diff-33270f45a22222a850f0e991bf7064abddec50370ec23ec17049010a272d72f7R146

I'm going to submit PR with this

[armano2]

As an aside - should we be converting website-eslint to TS? Seems like we're adding more and more code, so the safety would probably be a good thing to have.

@bradzacher generally i will like to get rid of js code from this package, and move weblinter to website, initially i created it to process eslint, typescript and tseslint to version usable by browser, but it grew a little, when i find some time i'm going to to some refactoring, but for now my work is keeping me to "bussy"