js-beautify

For a recent personal project, I wanted to format the generated HTML. My first stab at it used Prettier. But, I was very underwhelmed with the processing speed. I then gave js-beautify[1] a try, which I found to be much, much faster. [1] https://github.com/beautify-web/js-beautify

The human style format reminds me of the default format of js-beautify [1]. We use it to get the "human-style" instead of the "One Line Per Node" for a project where we store json files in a git repo. That way the git diff is pretty easy to read and not bloated. Too bad, not many tools have the "human-style" option. [1] https://github.com/beautify-web/js-beautify

gofmt helped drive the demand and popularity for prettier, but people have been trying to build something like it for JS since before Go existed [0]. Prettier has succeeded largely due to a better algorithm, which actually came from the haskell community, via Wadler's paper A Prettier Printer [1] (with an implementation available at [2]). [0] js-beautify had its first commit in 2007: https://github.com/beautify-web/js-beautify/commit/e1ddc28b2... [1] https://homepages.inf.ed.ac.uk/wadler/papers/prettier/pretti... [PDF] [2] https://hackage.haskell.org/package/wl-pprint

How does Prettier compare to https://github.com/millermedeiros/esformatter, https://github.com/beautify-web/js-beautify, https://github.com/jedmao/codepainter, https://github.com/rdio/jsfmt, etc.? Personally, I use TSLint with the tslint.autoFixOnSave VSCode setting, and couldn't be happier.

Looking at both github repos, jsbeautifier looks more complicated (as a project), and I don't think it uses the AST or at least I did not see anything that looked like it would create one. Looking at some of the code I saw `string.replace(...)` so it seems to be string-manipulation. It also is for HTML and CSS too it seems, while the project discussed here is just JS, so more targeted, and the approach to go through the AST seems intriguing to me. PS: This seems to be the code for the JS beautifier in jsbeautifier: https://github.com/beautify-web/js-beautify/blob/master/js/l...

How is it different from jsbeautifier[1] other than enforcing its own style rules? [1] https://github.com/beautify-web/js-beautify

We have been using for some time js-beautify [1] together with a pre-commit hook to enforce the style of our JS code. This doesn't seem much different, am I missing something ? [1] https://github.com/beautify-web/js-beautify

The textmate editor executes a small python script when you select the 'reformat Javascript' menu item. https://github.com/beautify-web/js-beautify test only http://jsbeautifier.org/