chore(website): [playground] allow to choose file extensions

[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

This change replaces jsx checkbox with dropdown of supported file extensions

ref #5449

[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	c5d359b
🔍 Latest deploy log	https://app.netlify.com/sites/typescript-eslint/deploys/6429d2b86f5eb200089bc8e3
😎 Deploy Preview	https://deploy-preview-6785--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 c5d359b. 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 utils
• Node 18 - nx test visitor-keys
• Node 18 - nx run types:build
• Node 14 - nx test typescript-estree --coverage=false
• Node 18 - nx test type-utils
• Node 18 - nx test eslint-plugin-internal
• Node 18 - nx test parser
• Node 18 - nx test repo-tools
• nx run-many --target=typecheck --parallel
• Node 18 - nx test eslint-plugin-tslint
• nx run integration-tests:test
• Node 14 - nx test eslint-plugin-tslint --coverage=false
• Node 14 - nx test type-utils --coverage=false
• Node 14 - nx run types:build
• Node 14 - nx test repo-tools --coverage=false
• nx run types:build
• Node 14 - nx test scope-manager --coverage=false
• Node 14 - nx test visitor-keys --coverage=false
• Node 14 - nx test eslint-plugin-internal --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
• nx run-many --target=build --parallel --exclude=website --exclude=website-eslint

---

Sent with 💌 from NxCloud.

[bradzacher]

could this be Object.values(ts.Extension) instead?

[armano2]

when this variable is initialized playground and typescript is not loaded yet and we can't wait for playground to load because this is needed to define file name that is used by playground

[armano2]

fallback cases to test:

• old url without jsx - should select ts
  https://deploy-preview-6785--typescript-eslint.netlify.app/play/#ts=5.0.2&sourceType=module&showAST=ts&eslintrc=N4KABGBEBOCuA2BTAzpAXGYBfEWg&tsconfig=N4KABGBEDGD2C2AHAlgGwKYCcDyiAuysAdgM6QBcYoEEkJemy0eAcgK6qoDCAFutAGsylBm3TgwAXxCSgA
• old url with jsx - should select tsx
  https://deploy-preview-6785--typescript-eslint.netlify.app/play/#ts=5.0.2&jsx=true&sourceType=module&showAST=ts&eslintrc=N4KABGBEBOCuA2BTAzpAXGYBfEWg&tsconfig=N4KABGBEDGD2C2AHAlgGwKYCcDyiAuysAdgM6QBcYoEEkJemy0eAcgK6qoDCAFutAGsylBm3TgwAXxCSgA
• empty url - should select tsx
  https://deploy-preview-6785--typescript-eslint.netlify.app/play/
• url with extension ts - should select ts
  https://deploy-preview-6785--typescript-eslint.netlify.app/play/#ts=5.0.2&showAST=ts&fileType=.ts&code=&eslintrc=N4KABGBEBOCuA2BTAzpAXGYBfEWg&tsconfig=N4KABGBEDGD2C2AHAlgGwKYCcDyiAuysAdgM6QBcYoEEkJemy0eAcgK6qoDCAFutAGsylBm3TgwAXxCSgA
• url with extension cts - should select cts
  https://deploy-preview-6785--typescript-eslint.netlify.app/play/#ts=5.0.2&fileType=.cts&code=&eslintrc=N4KABGBEBOCuA2BTAzpAXGYBfEWg&tsconfig=N4KABGBEDGD2C2AHAlgGwKYCcDyiAuysAdgM6QBcYoEEkJemy0eAcgK6qoDCAFutAGsylBm3TgwAXxCSgA

[JoshuaKGoldberg]

🔥