Make A JavaScript Formatter with V8 and jsbeautifier http://www.sencha.com/blog/make-a-javascript-formatter-with-v8-and-jsbeautifier Ariya Hidayat explains how to use a handy online tool called JSBeautifier which automatically reformats and reindents your JavaScript code (or JSON snippets) based on spacing, packing, and other configureable options. en-us ariya@sencha.com Copyright 2010 2010-10-21T15:00:31+00:00 Comment by Ashton thanks for the tool. I am just starting javascript and its good to have this tool at this early. thanks for the tool. I am just starting javascript and its good to have this tool at this early.

]]> Fri, 16 Sep 2011 14:36 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:27214#date:14:36 Comment by Spike At last! Someone who undrestands! Thanks for posting! At last! Someone who undrestands! Thanks for posting!

]]> Mon, 06 Jun 2011 00:42 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:22480#date:00:42 Comment by jlbfalcao ... and a Textmate bundle. http://github.com/jlbfalcao/js-beautify-v8.tmbundle ... and a Textmate bundle.

http://github.com/jlbfalcao/js-beautify-v8.tmbundle

]]> Sun, 31 Oct 2010 17:21 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16449#date:17:21 Comment by jlbfalcao My homebrew formula http://github.com/jlbfalcao/homebrew/commit/a10a73e0f54c21aa38329cdfe0f2f8e331aa3712 My homebrew formula

http://github.com/jlbfalcao/homebrew/commit/a10a73e0f54c21aa38329cdfe0f2f8e331aa3712

]]> Sun, 31 Oct 2010 14:44 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16448#date:14:44 Comment by Sergiu Or you can use Aptana -  CTRL-SHIFT-F Or you can use Aptana -  CTRL-SHIFT-F

]]> Tue, 26 Oct 2010 07:21 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16447#date:07:21 Comment by Animal @Ariya, loving your self-restraint! @Ariya, loving your self-restraint!

]]> Sat, 23 Oct 2010 07:49 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16446#date:07:49 Comment by Ariya Hidayat @Enc. Thanks for the feedback! This is not the last blog post in this series and we’ll cover more advanced and useful stuff (and yes, I’ve done syntax tree-related stuff as well) as we go along. @Enc. Thanks for the feedback! This is not the last blog post in this series and we’ll cover more advanced and useful stuff (and yes, I’ve done syntax tree-related stuff as well) as we go along.

]]> Fri, 22 Oct 2010 14:14 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16445#date:14:14 Comment by Mischa Kroon Rhino (javascript engine used by java) seems like the easier option, allthough it probably has quite a bit of overhead. Rhino (javascript engine used by java) seems like the easier option, allthough it probably has quite a bit of overhead.

]]> Fri, 22 Oct 2010 11:01 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16444#date:11:01 Comment by Enc I would like to respectfully disagree with anyone who thinks that this article is in any way close to “cool”. A _cool_ article or, in other words, a useful, informative and insightful article, would actually contain information that is more useful than a stub page on Wikipedia. This article teaches ‘JavaScript’ developers who supposedly don’t know any better or are not that good with C++ that it’s not such a bad idea to create a command line tool in C++ that embeds a JavaScript interpreter written in C++ to run a JavaScript parser script written in JavaScript to format JavaScript code. Well, I have news for you: that is not in any way _cool_ or useful. In fact, it’s redundant, unnecessary, a misuse of jsbeautifier and a waste of resources. To see why, let’s take this article even further in ridiculousness. So far we’ve got a command line tool embedding V8 to run a JS script that parses JS code and outputs the result. Now, create a virtual machine to virtualize this tool and host the VM on Amazon, provide a REST API for your users to POST their code with curl and pipe the XML output to an XSLT processor which will use an XSL stylesheet to format the XML and transform it back to properly indented and colorized JavaScript. If you still think that the above is _cool_ and not outrageous, then you have failed. Obviously, one might argue that the goal was to show how to embed V8 and run some JavaScript code in it. In that case, I still question the usefulness of this article, since it could have been simply reduced to the following sentence: “RTFM @ http://code.google.com/apis/v8/embed.html”. A more useful article for creating a command-line JavaScript “beautifier” using V8 would have been one that explains how to reuse functionality from V8 (mainly the parse tree I imagine it must construct) to print properly indented and highlighted JavaScript code, without actually wasting resources on interpreting any of it. Overall, I say 100/100 for the good intentions and initiative, but a 50/100 for the content. I would like to respectfully disagree with anyone who thinks that this article is in any way close to “cool”.
A _cool_ article or, in other words, a useful, informative and insightful article, would actually contain information that is more useful than a stub page on Wikipedia.

This article teaches ‘JavaScript’ developers who supposedly don’t know any better or are not that good with C++ that it’s not such a bad idea to create a command line tool in C++ that embeds a JavaScript interpreter written in C++ to run a JavaScript parser script written in JavaScript to format JavaScript code.

Well, I have news for you: that is not in any way _cool_ or useful. In fact, it’s redundant, unnecessary, a misuse of jsbeautifier and a waste of resources.

To see why, let’s take this article even further in ridiculousness. So far we’ve got a command line tool embedding V8 to run a JS script that parses JS code and outputs the result. Now, create a virtual machine to virtualize this tool and host the VM on Amazon, provide a REST API for your users to POST their code with curl and pipe the XML output to an XSLT processor which will use an XSL stylesheet to format the XML and transform it back to properly indented and colorized JavaScript.

If you still think that the above is _cool_ and not outrageous, then you have failed.

Obviously, one might argue that the goal was to show how to embed V8 and run some JavaScript code in it. In that case, I still question the usefulness of this article, since it could have been simply reduced to the following sentence: “RTFM @ http://code.google.com/apis/v8/embed.html”.

A more useful article for creating a command-line JavaScript “beautifier” using V8 would have been one that explains how to reuse functionality from V8 (mainly the parse tree I imagine it must construct) to print properly indented and highlighted JavaScript code, without actually wasting resources on interpreting any of it.

Overall, I say 100/100 for the good intentions and initiative, but a 50/100 for the content.

]]> Fri, 22 Oct 2010 04:01 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16443#date:04:01 Comment by Mango_lier I built a plugin for PSPad based on Einar’s code. You can pull in a file in the editor and select format from the menu. Download: http://www.pspad.com/files/pspad/rozsireni/181-js_beautify.zip I built a plugin for PSPad based on Einar’s code. You can pull in a file in the editor and select format from the menu.

Download: http://www.pspad.com/files/pspad/rozsireni/181-js_beautify.zip

]]> Fri, 22 Oct 2010 00:39 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16442#date:00:39 Comment by Ariya Hidayat @Bill: Pass ‘arch=x64’, i.e. use ‘scons mode=release arch=x64’ to build V8 (it’s omitted in this blog post, but somehow mentioned in the js-beautify repo’s README.txt ). @Bill: Pass ‘arch=x64’, i.e. use ‘scons mode=release arch=x64’ to build V8 (it’s omitted in this blog post, but somehow mentioned in the js-beautify repo’s README.txt ).

]]> Thu, 21 Oct 2010 19:42 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16441#date:19:42 Comment by Bill This is probably me missing something stupid, but I get this error when trying to compile the beautifer (using a MacBook Pro): ld: warning: in lib/libv8.a, file was built for unsupported file format which is not the architecture being linked (x86_64) This is probably me missing something stupid, but I get this error when trying to compile the beautifer (using a MacBook Pro):

ld: warning: in lib/libv8.a, file was built for unsupported file format which is not the architecture being linked (x86_64)

]]> Thu, 21 Oct 2010 19:05 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16440#date:19:05 Comment by Albert thanks. this is pretty cool stuff thanks. this is pretty cool stuff

]]> Thu, 21 Oct 2010 16:50 GMT http://www.sencha.com/blog//make-a-javascript-formatter-with-v8-and-jsbeautifier#id:16439#date:16:50