https://github.com/borjamrd/prettier-playground
Tiny typescript sandbox to watch live prettier configuration settings
https://github.com/borjamrd/prettier-playground
Last synced: about 1 year ago
JSON representation
Tiny typescript sandbox to watch live prettier configuration settings
- Host: GitHub
- URL: https://github.com/borjamrd/prettier-playground
- Owner: borjamrd
- Created: 2025-01-31T17:28:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-31T17:46:22.000Z (over 1 year ago)
- Last Synced: 2025-01-31T18:31:47.090Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://prettier-playground-smoky.vercel.app/
- Size: 43 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Interactive Prettier Playground
This project provides a side-by-side interface:
Left Panel: An editable .prettierrc configuration (JSON or YAML).
Right Panel: A TypeScript code editor that formats itself in real-time based on the configuration.
# Features
Real-Time Formatting: Any changes in .prettierrc immediately reflect on the TypeScript code.
Syntax Highlighting: The TypeScript editor displays code with colored syntax.
Error Handling: Invalid .prettierrc settings trigger an error message.
Reset to Default: Quickly restore both the .prettierrc file and the TypeScript code to their initial states.
# Installation and Usage
Clone the Repository:
```bash
git clone git@github.com:borjamrd/prettier-playground.git
```
```bash
npm install
```
```bash
npm run dev
```