JSBeautifier.js 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766
  1. /*
  2. The MIT License (MIT)
  3. Copyright (c) 2007-2013 Einar Lielmanis and contributors.
  4. Permission is hereby granted, free of charge, to any person
  5. obtaining a copy of this software and associated documentation files
  6. (the "Software"), to deal in the Software without restriction,
  7. including without limitation the rights to use, copy, modify, merge,
  8. publish, distribute, sublicense, and/or sell copies of the Software,
  9. and to permit persons to whom the Software is furnished to do so,
  10. subject to the following conditions:
  11. The above copyright notice and this permission notice shall be
  12. included in all copies or substantial portions of the Software.
  13. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  14. EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  15. MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
  16. NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
  17. BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
  18. ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
  19. CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  20. SOFTWARE.
  21. JS Beautifier
  22. ---------------
  23. */
  24. function trim(s) {
  25. return s.replace(/^\s+|\s+$/g, '');
  26. }
  27. function ltrim(s) {
  28. return s.replace(/^\s+/g, '');
  29. }
  30. function style_html(html_source, options) {
  31. //Wrapper function to invoke all the necessary constructors and deal with the output.
  32. var multi_parser,
  33. indent_inner_html,
  34. indent_size,
  35. indent_character,
  36. wrap_line_length,
  37. brace_style,
  38. unformatted,
  39. preserve_newlines,
  40. max_preserve_newlines;
  41. options = options || {};
  42. // backwards compatibility to 1.3.4
  43. if ((options.wrap_line_length === undefined || parseInt(options.wrap_line_length, 10) === 0) &&
  44. (options.max_char === undefined || parseInt(options.max_char, 10) === 0)) {
  45. options.wrap_line_length = options.max_char;
  46. }
  47. indent_inner_html = options.indent_inner_html || false;
  48. indent_size = parseInt(options.indent_size || 4, 10);
  49. indent_character = options.indent_char || ' ';
  50. brace_style = options.brace_style || 'collapse';
  51. wrap_line_length = parseInt(options.wrap_line_length, 10) === 0 ? 32786 : parseInt(options.wrap_line_length || 250, 10);
  52. unformatted = options.unformatted || ['a', 'span', 'bdo', 'em', 'strong', 'dfn', 'code', 'samp', 'kbd', 'var', 'cite', 'abbr', 'acronym', 'q', 'sub', 'sup', 'tt', 'i', 'b', 'big', 'small', 'u', 's', 'strike', 'font', 'ins', 'del', 'pre', 'address', 'dt', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
  53. preserve_newlines = options.preserve_newlines || true;
  54. max_preserve_newlines = preserve_newlines ? parseInt(options.max_preserve_newlines || 32786, 10) : 0;
  55. indent_handlebars = options.indent_handlebars || false;
  56. function Parser() {
  57. this.pos = 0; //Parser position
  58. this.token = '';
  59. this.current_mode = 'CONTENT'; //reflects the current Parser mode: TAG/CONTENT
  60. this.tags = { //An object to hold tags, their position, and their parent-tags, initiated with default values
  61. parent: 'parent1',
  62. parentcount: 1,
  63. parent1: ''
  64. };
  65. this.tag_type = '';
  66. this.token_text = this.last_token = this.last_text = this.token_type = '';
  67. this.newlines = 0;
  68. this.indent_content = indent_inner_html;
  69. this.Utils = { //Uilities made available to the various functions
  70. whitespace: "\n\r\t ".split(''),
  71. single_token: 'br,input,link,meta,!doctype,basefont,base,area,hr,wbr,param,img,isindex,?xml,embed,?php,?,?='.split(','), //all the single tags for HTML
  72. extra_liners: 'head,body,/html'.split(','), //for tags that need a line of whitespace before them
  73. in_array: function(what, arr) {
  74. for (var i = 0; i < arr.length; i++) {
  75. if (what === arr[i]) {
  76. return true;
  77. }
  78. }
  79. return false;
  80. }
  81. };
  82. this.traverse_whitespace = function() {
  83. var input_char = '';
  84. input_char = this.input.charAt(this.pos);
  85. if (this.Utils.in_array(input_char, this.Utils.whitespace)) {
  86. this.newlines = 0;
  87. while (this.Utils.in_array(input_char, this.Utils.whitespace)) {
  88. if (preserve_newlines && input_char === '\n' && this.newlines <= max_preserve_newlines) {
  89. this.newlines += 1;
  90. }
  91. this.pos++;
  92. input_char = this.input.charAt(this.pos);
  93. }
  94. return true;
  95. }
  96. return false;
  97. };
  98. this.get_content = function() { //function to capture regular content between tags
  99. var input_char = '',
  100. content = [],
  101. space = false; //if a space is needed
  102. while (this.input.charAt(this.pos) !== '<') {
  103. if (this.pos >= this.input.length) {
  104. return content.length ? content.join('') : ['', 'TK_EOF'];
  105. }
  106. if (this.traverse_whitespace()) {
  107. if (content.length) {
  108. space = true;
  109. }
  110. continue; //don't want to insert unnecessary space
  111. }
  112. if (indent_handlebars) {
  113. // Handlebars parsing is complicated.
  114. // {{#foo}} and {{/foo}} are formatted tags.
  115. // {{something}} should get treated as content, except:
  116. // {{else}} specifically behaves like {{#if}} and {{/if}}
  117. var peek3 = this.input.substr(this.pos, 3);
  118. if (peek3 === '{{#' || peek3 === '{{/') {
  119. // These are tags and not content.
  120. break;
  121. } else if (this.input.substr(this.pos, 2) === '{{') {
  122. if (this.get_tag(true) === '{{else}}') {
  123. break;
  124. }
  125. }
  126. }
  127. input_char = this.input.charAt(this.pos);
  128. this.pos++;
  129. if (space) {
  130. if (this.line_char_count >= this.wrap_line_length) { //insert a line when the wrap_line_length is reached
  131. this.print_newline(false, content);
  132. this.print_indentation(content);
  133. } else {
  134. this.line_char_count++;
  135. content.push(' ');
  136. }
  137. space = false;
  138. }
  139. this.line_char_count++;
  140. content.push(input_char); //letter at-a-time (or string) inserted to an array
  141. }
  142. return content.length ? content.join('') : '';
  143. };
  144. this.get_contents_to = function(name) { //get the full content of a script or style to pass to js_beautify
  145. if (this.pos === this.input.length) {
  146. return ['', 'TK_EOF'];
  147. }
  148. var input_char = '';
  149. var content = '';
  150. var reg_match = new RegExp('</' + name + '\\s*>', 'igm');
  151. reg_match.lastIndex = this.pos;
  152. var reg_array = reg_match.exec(this.input);
  153. var end_script = reg_array ? reg_array.index : this.input.length; //absolute end of script
  154. if (this.pos < end_script) { //get everything in between the script tags
  155. content = this.input.substring(this.pos, end_script);
  156. this.pos = end_script;
  157. }
  158. return content;
  159. };
  160. this.record_tag = function(tag) { //function to record a tag and its parent in this.tags Object
  161. if (this.tags[tag + 'count']) { //check for the existence of this tag type
  162. this.tags[tag + 'count']++;
  163. this.tags[tag + this.tags[tag + 'count']] = this.indent_level; //and record the present indent level
  164. } else { //otherwise initialize this tag type
  165. this.tags[tag + 'count'] = 1;
  166. this.tags[tag + this.tags[tag + 'count']] = this.indent_level; //and record the present indent level
  167. }
  168. this.tags[tag + this.tags[tag + 'count'] + 'parent'] = this.tags.parent; //set the parent (i.e. in the case of a div this.tags.div1parent)
  169. this.tags.parent = tag + this.tags[tag + 'count']; //and make this the current parent (i.e. in the case of a div 'div1')
  170. };
  171. this.retrieve_tag = function(tag) { //function to retrieve the opening tag to the corresponding closer
  172. if (this.tags[tag + 'count']) { //if the openener is not in the Object we ignore it
  173. var temp_parent = this.tags.parent; //check to see if it's a closable tag.
  174. while (temp_parent) { //till we reach '' (the initial value);
  175. if (tag + this.tags[tag + 'count'] === temp_parent) { //if this is it use it
  176. break;
  177. }
  178. temp_parent = this.tags[temp_parent + 'parent']; //otherwise keep on climbing up the DOM Tree
  179. }
  180. if (temp_parent) { //if we caught something
  181. this.indent_level = this.tags[tag + this.tags[tag + 'count']]; //set the indent_level accordingly
  182. this.tags.parent = this.tags[temp_parent + 'parent']; //and set the current parent
  183. }
  184. delete this.tags[tag + this.tags[tag + 'count'] + 'parent']; //delete the closed tags parent reference...
  185. delete this.tags[tag + this.tags[tag + 'count']]; //...and the tag itself
  186. if (this.tags[tag + 'count'] === 1) {
  187. delete this.tags[tag + 'count'];
  188. } else {
  189. this.tags[tag + 'count']--;
  190. }
  191. }
  192. };
  193. this.indent_to_tag = function(tag) {
  194. // Match the indentation level to the last use of this tag, but don't remove it.
  195. if (!this.tags[tag + 'count']) {
  196. return;
  197. }
  198. var temp_parent = this.tags.parent;
  199. while (temp_parent) {
  200. if (tag + this.tags[tag + 'count'] === temp_parent) {
  201. break;
  202. }
  203. temp_parent = this.tags[temp_parent + 'parent'];
  204. }
  205. if (temp_parent) {
  206. this.indent_level = this.tags[tag + this.tags[tag + 'count']];
  207. }
  208. };
  209. this.get_tag = function(peek) { //function to get a full tag and parse its type
  210. var input_char = '',
  211. content = [],
  212. comment = '',
  213. space = false,
  214. tag_start, tag_end,
  215. tag_start_char,
  216. orig_pos = this.pos,
  217. orig_line_char_count = this.line_char_count;
  218. peek = peek !== undefined ? peek : false;
  219. do {
  220. if (this.pos >= this.input.length) {
  221. if (peek) {
  222. this.pos = orig_pos;
  223. this.line_char_count = orig_line_char_count;
  224. }
  225. return content.length ? content.join('') : ['', 'TK_EOF'];
  226. }
  227. input_char = this.input.charAt(this.pos);
  228. this.pos++;
  229. if (this.Utils.in_array(input_char, this.Utils.whitespace)) { //don't want to insert unnecessary space
  230. space = true;
  231. continue;
  232. }
  233. if (input_char === "'" || input_char === '"') {
  234. input_char += this.get_unformatted(input_char);
  235. space = true;
  236. }
  237. if (input_char === '=') { //no space before =
  238. space = false;
  239. }
  240. if (content.length && content[content.length - 1] !== '=' && input_char !== '>' && space) {
  241. //no space after = or before >
  242. if (this.line_char_count >= this.wrap_line_length) {
  243. this.print_newline(false, content);
  244. this.print_indentation(content);
  245. } else {
  246. content.push(' ');
  247. this.line_char_count++;
  248. }
  249. space = false;
  250. }
  251. if (indent_handlebars && tag_start_char === '<') {
  252. // When inside an angle-bracket tag, put spaces around
  253. // handlebars not inside of strings.
  254. if ((input_char + this.input.charAt(this.pos)) === '{{') {
  255. input_char += this.get_unformatted('}}');
  256. if (content.length && content[content.length - 1] !== ' ' && content[content.length - 1] !== '<') {
  257. input_char = ' ' + input_char;
  258. }
  259. space = true;
  260. }
  261. }
  262. if (input_char === '<' && !tag_start_char) {
  263. tag_start = this.pos - 1;
  264. tag_start_char = '<';
  265. }
  266. if (indent_handlebars && !tag_start_char) {
  267. if (content.length >= 2 && content[content.length - 1] === '{' && content[content.length - 2] == '{') {
  268. if (input_char === '#' || input_char === '/') {
  269. tag_start = this.pos - 3;
  270. } else {
  271. tag_start = this.pos - 2;
  272. }
  273. tag_start_char = '{';
  274. }
  275. }
  276. this.line_char_count++;
  277. content.push(input_char); //inserts character at-a-time (or string)
  278. if (content[1] && content[1] === '!') { //if we're in a comment, do something special
  279. // We treat all comments as literals, even more than preformatted tags
  280. // we just look for the appropriate close tag
  281. content = [this.get_comment(tag_start)];
  282. break;
  283. }
  284. if (indent_handlebars && tag_start_char === '{' && content.length > 2 && content[content.length - 2] === '}' && content[content.length - 1] === '}') {
  285. break;
  286. }
  287. } while (input_char !== '>');
  288. var tag_complete = content.join('');
  289. var tag_index;
  290. var tag_offset;
  291. if (tag_complete.indexOf(' ') !== -1) { //if there's whitespace, thats where the tag name ends
  292. tag_index = tag_complete.indexOf(' ');
  293. } else if (tag_complete[0] === '{') {
  294. tag_index = tag_complete.indexOf('}');
  295. } else { //otherwise go with the tag ending
  296. tag_index = tag_complete.indexOf('>');
  297. }
  298. if (tag_complete[0] === '<' || !indent_handlebars) {
  299. tag_offset = 1;
  300. } else {
  301. tag_offset = tag_complete[2] === '#' ? 3 : 2;
  302. }
  303. var tag_check = tag_complete.substring(tag_offset, tag_index).toLowerCase();
  304. if (tag_complete.charAt(tag_complete.length - 2) === '/' ||
  305. this.Utils.in_array(tag_check, this.Utils.single_token)) { //if this tag name is a single tag type (either in the list or has a closing /)
  306. if (!peek) {
  307. this.tag_type = 'SINGLE';
  308. }
  309. } else if (indent_handlebars && tag_complete[0] === '{' && tag_check === 'else') {
  310. if (!peek) {
  311. this.indent_to_tag('if');
  312. this.tag_type = 'HANDLEBARS_ELSE';
  313. this.indent_content = true;
  314. this.traverse_whitespace();
  315. }
  316. } else if (tag_check === 'script') { //for later script handling
  317. if (!peek) {
  318. this.record_tag(tag_check);
  319. this.tag_type = 'SCRIPT';
  320. }
  321. } else if (tag_check === 'style') { //for future style handling (for now it justs uses get_content)
  322. if (!peek) {
  323. this.record_tag(tag_check);
  324. this.tag_type = 'STYLE';
  325. }
  326. } else if (this.is_unformatted(tag_check, unformatted)) { // do not reformat the "unformatted" tags
  327. comment = this.get_unformatted('</' + tag_check + '>', tag_complete); //...delegate to get_unformatted function
  328. content.push(comment);
  329. // Preserve collapsed whitespace either before or after this tag.
  330. if (tag_start > 0 && this.Utils.in_array(this.input.charAt(tag_start - 1), this.Utils.whitespace)) {
  331. content.splice(0, 0, this.input.charAt(tag_start - 1));
  332. }
  333. tag_end = this.pos - 1;
  334. if (this.Utils.in_array(this.input.charAt(tag_end + 1), this.Utils.whitespace)) {
  335. content.push(this.input.charAt(tag_end + 1));
  336. }
  337. this.tag_type = 'SINGLE';
  338. } else if (tag_check.charAt(0) === '!') { //peek for <! comment
  339. // for comments content is already correct.
  340. if (!peek) {
  341. this.tag_type = 'SINGLE';
  342. this.traverse_whitespace();
  343. }
  344. } else if (!peek) {
  345. if (tag_check.charAt(0) === '/') { //this tag is a double tag so check for tag-ending
  346. this.retrieve_tag(tag_check.substring(1)); //remove it and all ancestors
  347. this.tag_type = 'END';
  348. this.traverse_whitespace();
  349. } else { //otherwise it's a start-tag
  350. this.record_tag(tag_check); //push it on the tag stack
  351. if (tag_check.toLowerCase() !== 'html') {
  352. this.indent_content = true;
  353. }
  354. this.tag_type = 'START';
  355. // Allow preserving of newlines after a start tag
  356. this.traverse_whitespace();
  357. }
  358. if (this.Utils.in_array(tag_check, this.Utils.extra_liners)) { //check if this double needs an extra line
  359. this.print_newline(false, this.output);
  360. if (this.output.length && this.output[this.output.length - 2] !== '\n') {
  361. this.print_newline(true, this.output);
  362. }
  363. }
  364. }
  365. if (peek) {
  366. this.pos = orig_pos;
  367. this.line_char_count = orig_line_char_count;
  368. }
  369. return content.join(''); //returns fully formatted tag
  370. };
  371. this.get_comment = function(start_pos) { //function to return comment content in its entirety
  372. // this is will have very poor perf, but will work for now.
  373. var comment = '',
  374. delimiter = '>',
  375. matched = false;
  376. this.pos = start_pos;
  377. input_char = this.input.charAt(this.pos);
  378. this.pos++;
  379. while (this.pos <= this.input.length) {
  380. comment += input_char;
  381. // only need to check for the delimiter if the last chars match
  382. if (comment[comment.length - 1] === delimiter[delimiter.length - 1] &&
  383. comment.indexOf(delimiter) !== -1) {
  384. break;
  385. }
  386. // only need to search for custom delimiter for the first few characters
  387. if (!matched && comment.length < 10) {
  388. if (comment.indexOf('<![if') === 0) { //peek for <![if conditional comment
  389. delimiter = '<![endif]>';
  390. matched = true;
  391. } else if (comment.indexOf('<![cdata[') === 0) { //if it's a <[cdata[ comment...
  392. delimiter = ']]>';
  393. matched = true;
  394. } else if (comment.indexOf('<![') === 0) { // some other ![ comment? ...
  395. delimiter = ']>';
  396. matched = true;
  397. } else if (comment.indexOf('<!--') === 0) { // <!-- comment ...
  398. delimiter = '-->';
  399. matched = true;
  400. }
  401. }
  402. input_char = this.input.charAt(this.pos);
  403. this.pos++;
  404. }
  405. return comment;
  406. };
  407. this.get_unformatted = function(delimiter, orig_tag) { //function to return unformatted content in its entirety
  408. if (orig_tag && orig_tag.toLowerCase().indexOf(delimiter) !== -1) {
  409. return '';
  410. }
  411. var input_char = '';
  412. var content = '';
  413. var min_index = 0;
  414. var space = true;
  415. do {
  416. if (this.pos >= this.input.length) {
  417. return content;
  418. }
  419. input_char = this.input.charAt(this.pos);
  420. this.pos++;
  421. if (this.Utils.in_array(input_char, this.Utils.whitespace)) {
  422. if (!space) {
  423. this.line_char_count--;
  424. continue;
  425. }
  426. if (input_char === '\n' || input_char === '\r') {
  427. content += '\n';
  428. /* Don't change tab indention for unformatted blocks. If using code for html editing, this will greatly affect <pre> tags if they are specified in the 'unformatted array'
  429. for (var i=0; i<this.indent_level; i++) {
  430. content += this.indent_string;
  431. }
  432. space = false; //...and make sure other indentation is erased
  433. */
  434. this.line_char_count = 0;
  435. continue;
  436. }
  437. }
  438. content += input_char;
  439. this.line_char_count++;
  440. space = true;
  441. if (indent_handlebars && input_char === '{' && content.length && content[content.length - 2] === '{') {
  442. // Handlebars expressions in strings should also be unformatted.
  443. content += this.get_unformatted('}}');
  444. // These expressions are opaque. Ignore delimiters found in them.
  445. min_index = content.length;
  446. }
  447. } while (content.toLowerCase().indexOf(delimiter, min_index) === -1);
  448. return content;
  449. };
  450. this.get_token = function() { //initial handler for token-retrieval
  451. var token;
  452. if (this.last_token === 'TK_TAG_SCRIPT' || this.last_token === 'TK_TAG_STYLE') { //check if we need to format javascript
  453. var type = this.last_token.substr(7);
  454. token = this.get_contents_to(type);
  455. if (typeof token !== 'string') {
  456. return token;
  457. }
  458. return [token, 'TK_' + type];
  459. }
  460. if (this.current_mode === 'CONTENT') {
  461. token = this.get_content();
  462. if (typeof token !== 'string') {
  463. return token;
  464. } else {
  465. return [token, 'TK_CONTENT'];
  466. }
  467. }
  468. if (this.current_mode === 'TAG') {
  469. token = this.get_tag();
  470. if (typeof token !== 'string') {
  471. return token;
  472. } else {
  473. var tag_name_type = 'TK_TAG_' + this.tag_type;
  474. return [token, tag_name_type];
  475. }
  476. }
  477. };
  478. this.get_full_indent = function(level) {
  479. level = this.indent_level + level || 0;
  480. if (level < 1) {
  481. return '';
  482. }
  483. return Array(level + 1).join(this.indent_string);
  484. };
  485. this.is_unformatted = function(tag_check, unformatted) {
  486. //is this an HTML5 block-level link?
  487. if (!this.Utils.in_array(tag_check, unformatted)) {
  488. return false;
  489. }
  490. if (tag_check.toLowerCase() !== 'a' || !this.Utils.in_array('a', unformatted)) {
  491. return true;
  492. }
  493. //at this point we have an tag; is its first child something we want to remain
  494. //unformatted?
  495. var next_tag = this.get_tag(true /* peek. */ );
  496. // test next_tag to see if it is just html tag (no external content)
  497. var tag = (next_tag || "").match(/^\s*<\s*\/?([a-z]*)\s*[^>]*>\s*$/);
  498. // if next_tag comes back but is not an isolated tag, then
  499. // let's treat the 'a' tag as having content
  500. // and respect the unformatted option
  501. if (!tag || this.Utils.in_array(tag, unformatted)) {
  502. return true;
  503. } else {
  504. return false;
  505. }
  506. };
  507. this.printer = function(js_source, indent_character, indent_size, wrap_line_length, brace_style) { //handles input/output and some other printing functions
  508. this.input = js_source || ''; //gets the input for the Parser
  509. this.output = [];
  510. this.indent_character = indent_character;
  511. this.indent_string = '';
  512. this.indent_size = indent_size;
  513. this.brace_style = brace_style;
  514. this.indent_level = 0;
  515. this.wrap_line_length = wrap_line_length;
  516. this.line_char_count = 0; //count to see if wrap_line_length was exceeded
  517. for (var i = 0; i < this.indent_size; i++) {
  518. this.indent_string += this.indent_character;
  519. }
  520. this.print_newline = function(force, arr) {
  521. this.line_char_count = 0;
  522. if (!arr || !arr.length) {
  523. return;
  524. }
  525. if (force || (arr[arr.length - 1] !== '\n')) { //we might want the extra line
  526. arr.push('\n');
  527. }
  528. };
  529. this.print_indentation = function(arr) {
  530. for (var i = 0; i < this.indent_level; i++) {
  531. arr.push(this.indent_string);
  532. this.line_char_count += this.indent_string.length;
  533. }
  534. };
  535. this.print_token = function(text) {
  536. if (text || text !== '') {
  537. if (this.output.length && this.output[this.output.length - 1] === '\n') {
  538. this.print_indentation(this.output);
  539. text = ltrim(text);
  540. }
  541. }
  542. this.print_token_raw(text);
  543. };
  544. this.print_token_raw = function(text) {
  545. if (text && text !== '') {
  546. if (text.length > 1 && text[text.length - 1] === '\n') {
  547. // unformatted tags can grab newlines as their last character
  548. this.output.push(text.slice(0, -1));
  549. this.print_newline(false, this.output);
  550. } else {
  551. this.output.push(text);
  552. }
  553. }
  554. for (var n = 0; n < this.newlines; n++) {
  555. this.print_newline(n > 0, this.output);
  556. }
  557. this.newlines = 0;
  558. };
  559. this.indent = function() {
  560. this.indent_level++;
  561. };
  562. this.unindent = function() {
  563. if (this.indent_level > 0) {
  564. this.indent_level--;
  565. }
  566. };
  567. };
  568. return this;
  569. }
  570. /*_____________________--------------------_____________________*/
  571. multi_parser = new Parser(); //wrapping functions Parser
  572. multi_parser.printer(html_source, indent_character, indent_size, wrap_line_length, brace_style); //initialize starting values
  573. while (true) {
  574. var t = multi_parser.get_token();
  575. multi_parser.token_text = t[0];
  576. multi_parser.token_type = t[1];
  577. if (multi_parser.token_type === 'TK_EOF') {
  578. break;
  579. }
  580. switch (multi_parser.token_type) {
  581. case 'TK_TAG_START':
  582. multi_parser.print_newline(false, multi_parser.output);
  583. multi_parser.print_token(multi_parser.token_text);
  584. if (multi_parser.indent_content) {
  585. multi_parser.indent();
  586. multi_parser.indent_content = false;
  587. }
  588. multi_parser.current_mode = 'CONTENT';
  589. break;
  590. case 'TK_TAG_STYLE':
  591. case 'TK_TAG_SCRIPT':
  592. multi_parser.print_newline(false, multi_parser.output);
  593. multi_parser.print_token(multi_parser.token_text);
  594. multi_parser.current_mode = 'CONTENT';
  595. break;
  596. case 'TK_TAG_END':
  597. //Print new line only if the tag has no content and has child
  598. if (multi_parser.last_token === 'TK_CONTENT' && multi_parser.last_text === '') {
  599. var tag_name = multi_parser.token_text.match(/\w+/)[0];
  600. var tag_extracted_from_last_output = null;
  601. if (multi_parser.output.length) {
  602. tag_extracted_from_last_output = multi_parser.output[multi_parser.output.length - 1].match(/(?:<|{{#)\s*(\w+)/);
  603. }
  604. if (tag_extracted_from_last_output === null ||
  605. tag_extracted_from_last_output[1] !== tag_name) {
  606. multi_parser.print_newline(false, multi_parser.output);
  607. }
  608. }
  609. multi_parser.print_token(multi_parser.token_text);
  610. multi_parser.current_mode = 'CONTENT';
  611. break;
  612. case 'TK_TAG_SINGLE':
  613. // Don't add a newline before elements that should remain unformatted.
  614. var tag_check = multi_parser.token_text.match(/^\s*<([a-z]+)/i);
  615. if (!tag_check || !multi_parser.Utils.in_array(tag_check[1], unformatted)) {
  616. multi_parser.print_newline(false, multi_parser.output);
  617. }
  618. multi_parser.print_token(multi_parser.token_text);
  619. multi_parser.current_mode = 'CONTENT';
  620. break;
  621. case 'TK_TAG_HANDLEBARS_ELSE':
  622. multi_parser.print_token(multi_parser.token_text);
  623. if (multi_parser.indent_content) {
  624. multi_parser.indent();
  625. multi_parser.indent_content = false;
  626. }
  627. multi_parser.current_mode = 'CONTENT';
  628. break;
  629. case 'TK_CONTENT':
  630. multi_parser.print_token(multi_parser.token_text);
  631. multi_parser.current_mode = 'TAG';
  632. break;
  633. case 'TK_STYLE':
  634. case 'TK_SCRIPT':
  635. if (multi_parser.token_text !== '') {
  636. multi_parser.print_newline(false, multi_parser.output);
  637. var text = multi_parser.token_text,
  638. _beautifier,
  639. script_indent_level = 1;
  640. if (multi_parser.token_type === 'TK_SCRIPT') {
  641. _beautifier = typeof js_beautify === 'function' && js_beautify;
  642. } else if (multi_parser.token_type === 'TK_STYLE') {
  643. _beautifier = typeof css_beautify === 'function' && css_beautify;
  644. }
  645. if (options.indent_scripts === "keep") {
  646. script_indent_level = 0;
  647. } else if (options.indent_scripts === "separate") {
  648. script_indent_level = -multi_parser.indent_level;
  649. }
  650. var indentation = multi_parser.get_full_indent(script_indent_level);
  651. if (_beautifier) {
  652. // call the Beautifier if avaliable
  653. text = _beautifier(text.replace(/^\s*/, indentation), options);
  654. } else {
  655. // simply indent the string otherwise
  656. var white = text.match(/^\s*/)[0];
  657. var _level = white.match(/[^\n\r]*$/)[0].split(multi_parser.indent_string).length - 1;
  658. var reindent = multi_parser.get_full_indent(script_indent_level - _level);
  659. text = text.replace(/^\s*/, indentation)
  660. .replace(/\r\n|\r|\n/g, '\n' + reindent)
  661. .replace(/\s+$/, '');
  662. }
  663. if (text) {
  664. multi_parser.print_token_raw(indentation + trim(text));
  665. multi_parser.print_newline(false, multi_parser.output);
  666. }
  667. }
  668. multi_parser.current_mode = 'TAG';
  669. break;
  670. }
  671. multi_parser.last_token = multi_parser.token_type;
  672. multi_parser.last_text = multi_parser.token_text;
  673. }
  674. return multi_parser.output.join('');
  675. }