📏 atom-auto-prettier

An Atom package that semantically reformats Javascript based on the window size.

Powered by prettier and inspired by refmt for Reason.

🎥 Demo

Without auto-prettier:

Notice how Atom simply breaks lines at whitespace characters:

With auto-prettier:

Notice how prettier breaks lines at Javascript-specific boundaries, such as blocks, object properties, and function arguments:

Does this package modify my source code?

Yes, in the author of prettier’s words: “[Prettier] removes all original styling and ensures that all outputted JavaScript conforms to a consistent style”.

💾 Install

atom-auto-prettier depends on prettier-atom

Install both atom-auto-prettier and prettier-atom via Atom’s Install view or via apm:

apm install atom-auto-prettier prettier-atom

💻 Usage

Use Atom’s command palette to toggle auto-prettier on/off or use the CTRL+ALT+SHIFT+F shortcut.

👍 Contributing

See the Atom contributing guidelines

Workflow

• Fork this repo
• Clone your fork
  • git clone https://github.com/[YOUR_NAME]/atom-auto-prettier.git && cd atom-auto-prettier
• Install dependencies
  • npm install
• Link your repo (which installs this local version of the package and allows you to test changes in Atom)
  • apm link
• Reload Atom to test changes
  • Atom Command Palette > “Window: Reload”
• Submit a pull request!