chore(website): [playground] parse eslint module config on paste and improve visual editor

[armano2]

PR Checklist

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

Overview

• additional properties will no longer be removed when editing config in visual editor
• pasting config that starts with module.exports is going to try to parse it to json
• applied fixers are correctly added to undo stack now
• when changing to/from jsx tab editor is not going to be forcefully displaying code tab

---

test case: try pasting, in eslintrc,

module.exports = {
  parser: '@typescript-eslint/parser',
  parserOptions: {
    project: './tsconfig.json'
  },
  plugins: ['@typescript-eslint'],
  rules: {
    "@typescript-eslint/no-non-null-asserted-optional-chain": "error"
  }
}

and in visual editor try to modify any options

---

this should ease creating repro with actual configs (eg. #2521 (comment))

[nx-cloud]

☁️ Nx Cloud Report

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

• Node 18 - nx test @typescript-eslint/utils
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx test @typescript-eslint/visitor-keys
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx test @typescript-eslint/type-utils
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx test @typescript-eslint/typescript-estree
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• nx run-many --target=build --all --parallel --exclude website
• nx run-many --target=typecheck --all --parallel
• Node 12 - nx test @typescript-eslint/ast-spec --coverage=false
• Node 12 - nx test @typescript-eslint/scope-manager --coverage=false
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx test @typescript-eslint/eslint-plugin-tslint
• Node 12 - nx test @typescript-eslint/eslint-plugin --coverage=false
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx test @typescript-eslint/eslint-plugin
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx test @typescript-eslint/ast-spec
• nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx test @typescript-eslint/eslint-plugin-internal
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12 - nx test @typescript-eslint/utils --coverage=false
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12 - nx test @typescript-eslint/typescript-estree --coverage=false
• Node 12 - nx test @typescript-eslint/eslint-plugin-tslint --coverage=false
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12 - nx test @typescript-eslint/parser --coverage=false
• Node 18 - nx test @typescript-eslint/scope-manager
• Node 12 - nx test @typescript-eslint/visitor-keys --coverage=false
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx test @typescript-eslint/parser
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 18 - nx run-many --target=build --all --parallel --exclude website --exclude website
• nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12 - nx test @typescript-eslint/type-utils --coverage=false
• Node 12 - nx test @typescript-eslint/eslint-plugin-internal --coverage=false
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• Node 12 - nx run-many --target=build --all --parallel --exclude website --exclude website
• nx run-many --target=build --all --parallel --exclude website --exclude website

---

Sent with 💌 from NxCloud.

[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. As a thank you, your profile/company logo will be added to our main README which receives thousands of unique visitors per day.

[netlify]

✅ Deploy Preview for typescript-eslint ready!

Name	Link
🔨 Latest commit	c699453
🔍 Latest deploy log	https://app.netlify.com/sites/typescript-eslint/deploys/629ce84585a2280008aa2c1a
😎 Deploy Preview	https://deploy-preview-5112--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.

[codecov]

Codecov Report

Merging #5112 (c699453) into main (8698e80) will decrease coverage by 2.50%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##             main    #5112      +/-   ##
==========================================
- Coverage   93.83%   91.32%   -2.51%     
==========================================
  Files         286      132     -154     
  Lines        9839     1487    -8352     
  Branches     2940      224    -2716     
==========================================
- Hits         9232     1358    -7874     
+ Misses        328       65     -263     
+ Partials      279       64     -215     

Flag	Coverage Δ
unittest	91.32% <ø> (-2.51%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...es/eslint-plugin/src/configs/eslint-recommended.ts
...plugin/src/rules/no-redundant-type-constituents.ts
packages/eslint-plugin/src/rules/require-await.ts
...-plugin/src/rules/naming-convention-utils/index.ts
...int-plugin/src/rules/consistent-type-assertions.ts
...es/eslint-plugin/src/rules/no-array-constructor.ts
...plugin/src/rules/no-unnecessary-type-constraint.ts
...gin/src/rules/naming-convention-utils/validator.ts
.../eslint-plugin/src/rules/method-signature-style.ts
...es/eslint-plugin/src/rules/no-loss-of-precision.ts
... and 144 more

[bradzacher]

LGTM!