Thanks to visit codestin.com
Credit goes to github.com

Skip to content

chore(website): update config editor and add tabs to playground #5088

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 19 commits into from
May 30, 2022

Conversation

armano2
Copy link
Collaborator

@armano2 armano2 commented May 27, 2022

PR Checklist

Overview

  • configs are displayed as tabs

  • reduce computation complexity when updating codeFixers

  • In case of fatal parsing error fallback to error list, this unifies how errors are displayed between screens

    Old:
    image

    New:
    image

  • ensure that all proper libs are download for specified typescript versions

  • typescript errors markers are going to be now printed only for user provided file with exclusion to externally provided files

    Old:
    image

    New:
    image

  • small adjustments to mobile version

    image

  • any config provided by user will be saved but may not be used if validation/parsing fails for it

  • we are currently using only compilerOptions and rules field from configs provided by user

  • modal with visual config has been moved to right side after selecting tab
    image

  • autocompletion for eslintrc and tsconfig has been added
    image

  • json parsing errors are displayed live from monaco
    image

  • url format has changed tsconfig and eslintrc are now used instead of rules and tsConfig, backward compatibility layer is in place

  • correct bug with event missing in monaco for ts <= 4.0.5 Add onDidChangeModelMarkers to IEditor interface microsoft/monaco-editor#313

@armano2 armano2 added the package: website Issues related to the @typescript-eslint website label May 27, 2022
@nx-cloud

This comment was marked as resolved.

@typescript-eslint

This comment was marked as resolved.

@netlify
Copy link

netlify bot commented May 27, 2022

Deploy Preview for typescript-eslint ready!

Name Link
🔨 Latest commit 1b8d493
🔍 Latest deploy log https://app.netlify.com/sites/typescript-eslint/deploys/6293f15a7a52310008f03cbe
😎 Deploy Preview https://deploy-preview-5088--typescript-eslint.netlify.app
📱 Preview on mobile
Toggle QR Code...

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

This comment was marked as resolved.

@armano2 armano2 added the RFC label May 28, 2022
@armano2 armano2 changed the title POC: playground tabs chore(website): update config editor and add tabs to playground May 29, 2022
@armano2 armano2 marked this pull request as ready for review May 29, 2022 16:00
@armano2 armano2 removed the RFC label May 29, 2022
Copy link
Member

@JoshuaKGoldberg JoshuaKGoldberg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! Feels better than always using a modal.

Requesting changes for the accessibility of the buttons. Long term we probably will want to set up a design system using some accessible base system to make tab components and the like easier. But for now this is a great start.

@JoshuaKGoldberg JoshuaKGoldberg added the awaiting response Issues waiting for a reply from the OP or another party label May 29, 2022
@armano2 armano2 removed the awaiting response Issues waiting for a reply from the OP or another party label May 29, 2022
Copy link
Member

@JoshuaKGoldberg JoshuaKGoldberg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:shipit: !

@bradzacher bradzacher merged commit 52e539d into main May 30, 2022
@bradzacher bradzacher deleted the feat/poc-playground-tabs branch May 30, 2022 07:23
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jun 30, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
package: website Issues related to the @typescript-eslint website
Projects
No open projects
Development

Successfully merging this pull request may close these issues.

3 participants