chore(website): [playground] use languageService for linting code

[armano2]

PR Checklist

• Addresses an existing open issue: fixes #000
• That issue was marked as accepting prs
• Steps in Contributing were taken

Overview

extracted from #6656

• migrate custom program creation to languageService
• correct issues with race conditions and double lint
• use tsvfs in broader scope to create program, store and sync files content
• create clear boundaries between editor, linter and parser

[typescript-eslint]

Thanks for the PR, @armano2!

typescript-eslint is a 100% community driven project, and we are incredibly grateful that you are contributing to that community.

The core maintainers work on this in their personal time, so please understand that it may not be possible for them to review your work immediately.

Thanks again!

---

🙏 Please, if you or your company is finding typescript-eslint valuable, help us sustain the project by sponsoring it transparently on https://opencollective.com/typescript-eslint.

[netlify]

✅ Deploy Preview for typescript-eslint ready!

Name	Link
🔨 Latest commit	f04f533
🔍 Latest deploy log	https://app.netlify.com/sites/typescript-eslint/deploys/642d9ae943a5070008995f82
😎 Deploy Preview	https://deploy-preview-6806--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.

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit f04f533. 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 30 targets

• Node 18 - nx test eslint-plugin
• Node 14 - nx test eslint-plugin --coverage=false
• nx run-many --target=build --projects=website-eslint,website
• nx run-many --target=lint --parallel
• Node 18 - nx test typescript-estree
• Node 18 - nx test scope-manager
• Node 18 - nx test type-utils
• Node 18 - nx test visitor-keys
• Node 18 - nx run types:build
• nx run types:build
• Node 18 - nx test utils
• nx run-many --target=typecheck --parallel
• Node 18 - nx test repo-tools
• Node 18 - nx test parser
• Node 18 - nx test eslint-plugin-tslint
• nx run integration-tests:test
• Node 14 - nx test typescript-estree --coverage=false
• Node 14 - nx test type-utils --coverage=false
• Node 14 - nx test scope-manager --coverage=false
• Node 18 - nx test eslint-plugin-internal
• Node 14 - nx test visitor-keys --coverage=false
• Node 14 - nx run types:build
• Node 14 - nx test eslint-plugin-internal --coverage=false
• Node 14 - nx test eslint-plugin-tslint --coverage=false
• Node 18 - nx test ast-spec
• Node 14 - nx test parser --coverage=false
• Node 14 - nx test ast-spec --coverage=false
• Node 14 - nx test utils --coverage=false
• Node 14 - nx test repo-tools --coverage=false
• nx run-many --target=build --parallel --exclude=website --exclude=website-eslint

---

Sent with 💌 from NxCloud.

[bradzacher]

I wonder if we should make it easier to integrate the vfs into our parser by adding a new API?

[armano2]

I wonder if we should make it easier to integrate the vfs into our parser by adding a new API?

that could work, but in our case we actually have to get ast from parser witch currently is done during parsing

https://github.com/typescript-eslint/typescript-eslint/pull/6806/files#diff-d05a371466c38384729239098e16a3a40108ecf9bff740757faca055e308f6edR27-R28

https://github.com/typescript-eslint/typescript-eslint/pull/6806/files#diff-ce4bea04942123f7add4111ea7ee55b67313bcea7257fb247423c82d0fcd59b3R81-R86

[JoshuaKGoldberg]

Ok I'll admit, this is a lot of TS API -intense stuff that I'm not super familiar with. I'm digging into it now and it all seems good... but I'm in a bit of a rush and can't do a full "read and learn all the things and their context" review 😞. So consider this a medium-level-informed LGTM. Assuming I'm not missing any non-obvious gotchas, the code looks great! Awesome! 🔥