2011-06-06 18:33:45 +00:00
# JS Beautifier
2013-03-20 08:32:39 +00:00
[![Build Status ](https://secure.travis-ci.org/einars/js-beautify.png?branch=master )](http://travis-ci.org/einars/js-beautify)
2013-03-20 23:05:51 +00:00
[![NPM version ](https://badge.fury.io/js/js-beautify.png )](http://badge.fury.io/js/js-beautify)
2011-06-06 18:33:45 +00:00
This little beautifier will reformat and reindent bookmarklets, ugly
JavaScript, unpack scripts packed by Dean Edward’ s popular packer,
as well as deobfuscate scripts processed by
[javascriptobfuscator.com ](http://javascriptobfuscator.com/ ).
2013-04-08 04:36:59 +00:00
# Usage
You can beautify javascript using JS Beautifier in your web browser, or on the command-line using node.js or python.
## Web Browser
Open [jsbeautifier.org ](http://jsbeautifier.org/ ). Options are available via the UI.
2012-07-16 18:05:11 +00:00
2013-04-08 04:36:59 +00:00
## Python
To beautify using python:
2012-07-16 18:05:11 +00:00
2013-04-08 04:36:59 +00:00
```bash
$ pip install jsbeautifier
$ js-beautify file.js
```
2011-06-06 18:33:45 +00:00
2013-04-08 04:36:59 +00:00
Beautified output goes to `stdout` .
2011-09-05 12:48:27 +00:00
To use `jsbeautifier` as a library is simple:
2011-06-06 18:33:45 +00:00
``` python
import jsbeautifier
res = jsbeautifier.beautify('your javascript string')
res = jsbeautifier.beautify_file('some_file.js')
```
...or, to specify some options:
``` python
opts = jsbeautifier.default_options()
opts.indent_size = 2
res = jsbeautifier.beautify('some javascript', opts)
```
2013-04-08 04:36:59 +00:00
## JavaScript
2012-07-16 18:05:11 +00:00
2012-07-16 21:18:35 +00:00
As an alternative to the Python script, you may install the NPM package `js-beautify` . When installed globally, it provides an executable `js-beautify` script. As with the Python script, the beautified result is sent to `stdout` unless otherwise configured.
2012-07-16 18:05:11 +00:00
2012-07-16 21:37:24 +00:00
```bash
$ npm -g install js-beautify
$ js-beautify foo.js
2012-07-16 18:05:11 +00:00
```
2012-07-16 21:37:24 +00:00
You can also use `js-beautify` as a `node` library (install locally, the `npm` default):
```bash
$ npm install js-beautify
```
2012-07-16 18:05:11 +00:00
```js
var beautify = require('js-beautify').js_beautify,
fs = require('fs');
fs.readFile('foo.js', 'utf8', function (err, data) {
if (err) {
throw err;
}
console.log(beautify(data, { indent_size: 2 }));
});
```
2013-04-08 04:36:59 +00:00
## Options
2012-07-16 18:05:11 +00:00
These are the command-line flags for both Python and JS scripts:
2012-12-06 22:02:05 +00:00
```text
2012-12-06 21:56:34 +00:00
CLI Options:
-f, --file Input file(s) (Pass '-' for stdin). These can also be passed directly.
-r, --replace Write output in-place, replacing input
-o, --outfile Write output to file (default stdout)
--config Path to config file
2013-03-18 18:53:41 +00:00
--type [js|css|html] ["js"]
2013-03-15 19:00:14 +00:00
-q, --quiet Suppress logging to stdout
2012-12-06 21:56:34 +00:00
-v, --version Show the version
-h, --help Show this help
Beautifier Options:
-s, --indent-size Indentation size [4]
-c, --indent-char Indentation character [" "]
-l, --indent-level Initial indentation level [0]
-t, --indent-with-tabs Indent with tabs, overrides -s and -c
-p, --preserve-newlines Preserve existing line-breaks (--no-preserve-newlines disables)
-m, --max-preserve-newlines Maximum number of line-breaks to be preserved in one chunk [10]
-j, --jslint-happy Enable jslint-stricter mode
-b, --brace-style [collapse|expand|end-expand|expand-strict] ["collapse"]
-B, --break-chained-methods Break chained method calls across subsequent lines
-k, --keep-array-indentation Preserve array indentation
-x, --unescape-strings Decode printable characters encoded in xNN notation
2013-03-15 17:30:43 +00:00
-w, --wrap-line-length Wrap lines at next opportunity after N characters [0]
--good-stuff Warm the cockles of Crockford's heart
2012-12-06 21:56:34 +00:00
```
These largely correspond to the underscored option keys for both library interfaces, which have these defaults:
```json
{
"indent_size": 4,
"indent_char": " ",
"indent_level": 0,
"indent_with_tabs": false,
"preserve_newlines": true,
"max_preserve_newlines": 10,
"jslint_happy": false,
"brace_style": "collapse",
"keep_array_indentation": false,
"keep_function_indentation": false,
"space_before_conditional": true,
"break_chained_methods": false,
"eval_code": false,
2013-03-15 17:30:43 +00:00
"unescape_strings": false,
"wrap_line_length": 0
2012-12-06 21:56:34 +00:00
}
```
In addition to CLI arguments, you may pass config to the JS executable via:
* any `jsbeautify_` -prefixed environment variables
* a `JSON` -formatted file indicated by the `--config` parameter
* a `.jsbeautifyrc` file containing `JSON` data at any level of the filesystem above `$PWD`
Configuration sources provided earlier in this stack will override later ones.
2012-07-16 18:05:11 +00:00
2012-07-16 21:33:12 +00:00
You might notice that the CLI options and defaults hash aren't 100% correlated. Historically, the Python and JS APIs have not been 100% identical. For example, `space_before_conditional` is currently JS-only, and not addressable from the CLI script. There are a few other additional cases keeping us from 100% API-compatibility. Patches welcome!
2013-04-08 04:36:59 +00:00
### CSS & HTML
2013-03-18 19:48:28 +00:00
In addition to the `js-beautify` executable, `css-beautify` and `html-beautify` are also provided as an easy interface into those scripts. Alternatively, `js-beautify --css` or `js-beautify --html` will accomplish the same thing, respectively.
```js
// Programmatic access
var beautify_js = require('js-beautify'); // also available under "js" export
var beautify_css = require('js-beautify').css;
var beautify_html = require('js-beautify').html;
// All methods accept two arguments, the string to be beautified, and an options object.
```
The CSS & HTML beautifiers are much simpler in scope, and possess far fewer options.
2013-03-18 20:30:07 +00:00
```text
CSS Beautifier Options:
-s, --indent-size Indentation size [4]
-c, --indent-char Indentation character [" "]
HTML Beautifier Options:
-s, --indent-size Indentation size [4]
-c, --indent-char Indentation character [" "]
-b, --brace-style [collapse|expand|end-expand] ["collapse"]
-S, --indent-scripts [keep|separate|normal] ["normal"]
-W, --max-char Maximum characters per line (0 disables) [250]
-U, --unformatted List of tags (defaults to inline) that should not be reformatted
```
2013-04-08 04:36:59 +00:00
# License
2012-07-16 18:05:11 +00:00
2011-06-06 18:33:45 +00:00
You are free to use this in any way you want, in case you find this
2013-04-01 17:55:22 +00:00
useful or working for you but you must keep the copyright notice and license. (MIT)
2011-06-06 18:33:45 +00:00
2013-04-08 04:36:59 +00:00
# Credits
2012-07-16 18:05:11 +00:00
2013-03-29 00:16:54 +00:00
* Written by Einar Lielmanis, < einar @ jsbeautifier . org >
* Python version flourished by Stefano Sanfilippo < a.little.coder @ gmail . com >
* General maintenance and expansion by Liam Newman < bitwiseman @ gmail . com >
* Command-line for node.js by Daniel Stockman < daniel.stockman @ gmail . com >
2011-06-06 18:33:45 +00:00
2013-03-29 00:16:54 +00:00
Thanks also to Jason Diamond, Patrick Hof, Nochum Sossonko, Andreas Schneider, Dave
2011-12-05 07:58:26 +00:00
Vasilevsky, Vital Batmanov, Ron Baldwin, Gabriel Harrison, Chris J. Shull,
2012-06-25 14:43:06 +00:00
Mathias Bynens, Vittorio Gambaletta and others.