A visual tool for inspecting and understanding your ESLint flat configs.
![Screenshot 1](https://private-user-images.githubusercontent.com/11247099/320013935-d6551d44-445e-4f22-9d8e-ccb8042a6226.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2OTI1MzgsIm5iZiI6MTcyMzY5MjIzOCwicGF0aCI6Ii8xMTI0NzA5OS8zMjAwMTM5MzUtZDY1NTFkNDQtNDQ1ZS00ZjIyLTlkOGUtY2NiODA0MmE2MjI2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE1VDAzMjM1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE0OGMzMGQ0NzJkNDE4NzAwNzJmMTZlNjc3NjE0ODU4ZDRkMjliMjBiNTcxYTAxNmI2OWQzNmVkYjBhMTRmODUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.UfJn8Xy8mxeOW9ngoqCU3awLQc_Z3ren3GjGn_j1P48)
![Screenshot 2](https://private-user-images.githubusercontent.com/11247099/320013940-d74a057a-f674-4a8d-977f-d9b6a3cde949.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2OTI1MzgsIm5iZiI6MTcyMzY5MjIzOCwicGF0aCI6Ii8xMTI0NzA5OS8zMjAwMTM5NDAtZDc0YTA1N2EtZjY3NC00YThkLTk3N2YtZDliNmEzY2RlOTQ5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE1VDAzMjM1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRmMWQ3MjQxYzBiZGY5NWRkM2FkZDViZGY5ZWZkOTUzNWY4ZWFjYzgyM2ViOWE3N2QzZjNkYjE2ZWZkNmZlZGImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.VvwT03mA-e0bAaL-UTOaY502ej1Q15sLrglfwJZAzEY)
Go to the project root that contains eslint.config.js
and run:
npx @eslint/config-inspector
Visit http://localhost:7777/ to view and play with your ESLint config. Changes to the config file will be updated automatically.
Or play it right in your browser now:
It is also possible to build a static web app for your ESLint config:
npx @eslint/config-inspector build
This will generate a Single-Page Application (SPA) under .eslint-config-inspector
, with the snapshot of the current ESLint config. You can deploy it somewhere, or use it for comparison etc.
We operate under the ESLint Contributor Guidelines, so please be sure to read them before contributing. If you're not sure where to dig in, check out the issues.
This project uses the following stack:
- pnpm for package management
- Nuxt & Vue for the app
- APIs are served under
server/api
powered by Nitro
- APIs are served under
- UnoCSS for styling
- With attributify mode enabled
- Use ESLint for linting and formatting
To start the development server:
- Install dependencies via
pnpm install
(we highly recommend you to enablecorepack enable
first) - Run
pnpm dev
to start the development server at http://localhost:3000
To test the production build:
- Run
pnpm build
to build the app - Run
pnpm start
to start the production server at http://localhost:7777
Apache-2.0 License