mirror of
https://github.com/beautifier/js-beautify.git
synced 2024-11-28 07:00:34 +00:00
302 lines
10 KiB
JavaScript
302 lines
10 KiB
JavaScript
/*jshint strict:false, node:false */
|
|
/*exported run_tests, read_settings_from_cookie, beautify, submitIssue */
|
|
var the = {
|
|
use_codemirror: !window.location.href.match(/without-codemirror/),
|
|
beautifier_file: window.location.href.match(/debug/) ? 'beautifier' : './beautifier.min',
|
|
beautifier: null,
|
|
beautify_in_progress: false,
|
|
editor: null // codemirror editor
|
|
};
|
|
|
|
requirejs.config({
|
|
//By default load any module IDs from js/lib
|
|
baseUrl: 'js/lib',
|
|
paths: {
|
|
'beautifier': the.beautifier_file
|
|
}
|
|
});
|
|
|
|
requirejs(['beautifier'],
|
|
function(beautifier) {
|
|
the.beautifier = beautifier;
|
|
});
|
|
|
|
|
|
function any(a, b) {
|
|
return a || b;
|
|
}
|
|
|
|
function run_tests() {
|
|
$.when($.getScript("js/test/sanitytest.js"),
|
|
$.getScript("js/test/generated/beautify-javascript-tests.js"),
|
|
$.getScript("js/test/generated/beautify-css-tests.js"),
|
|
$.getScript("js/test/generated/beautify-html-tests.js"))
|
|
.done(function() {
|
|
var st = new SanityTest();
|
|
run_javascript_tests(st, Urlencoded, the.beautifier.js, the.beautifier.html, the.beautifier.css);
|
|
run_css_tests(st, Urlencoded, the.beautifier.js, the.beautifier.html, the.beautifier.css);
|
|
run_html_tests(st, Urlencoded, the.beautifier.js, the.beautifier.html, the.beautifier.css);
|
|
JavascriptObfuscator.run_tests(st);
|
|
P_A_C_K_E_R.run_tests(st);
|
|
Urlencoded.run_tests(st);
|
|
MyObfuscate.run_tests(st);
|
|
var results = st.results_raw()
|
|
.replace(/&/g, '&')
|
|
.replace(/</g, '<')
|
|
.replace(/>/g, '>')
|
|
.replace(/ /g, ' ')
|
|
.replace(/\r/g, '·')
|
|
.replace(/\n/g, '<br>');
|
|
$('#testresults').html(results).show();
|
|
});
|
|
}
|
|
|
|
function read_settings_from_cookie() {
|
|
$('#tabsize').val(any(Cookies.get('tabsize'), '4'));
|
|
$('#brace-style').val(any(Cookies.get('brace-style'), 'collapse'));
|
|
$('#detect-packers').prop('checked', Cookies.get('detect-packers') !== 'off');
|
|
$('#max-preserve-newlines').val(any(Cookies.get('max-preserve-newlines'), '5'));
|
|
$('#keep-array-indentation').prop('checked', Cookies.get('keep-array-indentation') === 'on');
|
|
$('#break-chained-methods').prop('checked', Cookies.get('break-chained-methods') === 'on');
|
|
$('#indent-scripts').val(any(Cookies.get('indent-scripts'), 'normal'));
|
|
$('#additional-options').val(any(Cookies.get('additional-options'), '{}'));
|
|
$('#space-before-conditional').prop('checked', Cookies.get('space-before-conditional') !== 'off');
|
|
$('#wrap-line-length').val(any(Cookies.get('wrap-line-length'), '0'));
|
|
$('#unescape-strings').prop('checked', Cookies.get('unescape-strings') === 'on');
|
|
$('#jslint-happy').prop('checked', Cookies.get('jslint-happy') === 'on');
|
|
$('#end-with-newline').prop('checked', Cookies.get('end-with-newline') === 'on');
|
|
$('#indent-inner-html').prop('checked', Cookies.get('indent-inner-html') === 'on');
|
|
$('#comma-first').prop('checked', Cookies.get('comma-first') === 'on');
|
|
$('#e4x').prop('checked', Cookies.get('e4x') === 'on');
|
|
$('#language').val(any(Cookies.get('language'), 'auto'));
|
|
$('#indent-empty-lines').prop('checked', Cookies.get('indent-empty-lines') === 'on');
|
|
}
|
|
|
|
function store_settings_to_cookie() {
|
|
var opts = {
|
|
expires: 360
|
|
};
|
|
Cookies.set('tabsize', $('#tabsize').val(), opts);
|
|
Cookies.set('brace-style', $('#brace-style').val(), opts);
|
|
Cookies.set('detect-packers', $('#detect-packers').prop('checked') ? 'on' : 'off', opts);
|
|
Cookies.set('max-preserve-newlines', $('#max-preserve-newlines').val(), opts);
|
|
Cookies.set('keep-array-indentation', $('#keep-array-indentation').prop('checked') ? 'on' : 'off', opts);
|
|
Cookies.set('break-chained-methods', $('#break-chained-methods').prop('checked') ? 'on' : 'off', opts);
|
|
Cookies.set('space-before-conditional', $('#space-before-conditional').prop('checked') ? 'on' : 'off',
|
|
opts);
|
|
Cookies.set('unescape-strings', $('#unescape-strings').prop('checked') ? 'on' : 'off', opts);
|
|
Cookies.set('jslint-happy', $('#jslint-happy').prop('checked') ? 'on' : 'off', opts);
|
|
Cookies.set('end-with-newline', $('#end-with-newline').prop('checked') ? 'on' : 'off', opts);
|
|
Cookies.set('wrap-line-length', $('#wrap-line-length').val(), opts);
|
|
Cookies.set('indent-scripts', $('#indent-scripts').val(), opts);
|
|
Cookies.set('additional-options', $('#additional-options').val(), opts);
|
|
Cookies.set('indent-inner-html', $('#indent-inner-html').prop('checked') ? 'on' : 'off', opts);
|
|
Cookies.set('comma-first', $('#comma-first').prop('checked') ? 'on' : 'off', opts);
|
|
Cookies.set('e4x', $('#e4x').prop('checked') ? 'on' : 'off', opts);
|
|
Cookies.set('language', $('#language').val(), opts);
|
|
Cookies.set('indent-empty-lines', $('#indent-empty-lines').prop('checked') ? 'on' : 'off', opts);
|
|
|
|
}
|
|
|
|
function unpacker_filter(source) {
|
|
var leading_comments = '',
|
|
comment = '',
|
|
unpacked = '',
|
|
found = false;
|
|
|
|
// cuts leading comments
|
|
do {
|
|
found = false;
|
|
if (/^\s*\/\*/.test(source)) {
|
|
found = true;
|
|
comment = source.substr(0, source.indexOf('*/') + 2);
|
|
source = source.substr(comment.length);
|
|
leading_comments += comment;
|
|
} else if (/^\s*\/\//.test(source)) {
|
|
found = true;
|
|
comment = source.match(/^\s*\/\/.*/)[0];
|
|
source = source.substr(comment.length);
|
|
leading_comments += comment;
|
|
}
|
|
} while (found);
|
|
leading_comments += '\n';
|
|
source = source.replace(/^\s+/, '');
|
|
|
|
var unpackers = [P_A_C_K_E_R, Urlencoded, JavascriptObfuscator /*, MyObfuscate*/ ];
|
|
for (var i = 0; i < unpackers.length; i++) {
|
|
if (unpackers[i].detect(source)) {
|
|
unpacked = unpackers[i].unpack(source);
|
|
if (unpacked !== source) {
|
|
source = unpacker_filter(unpacked);
|
|
}
|
|
}
|
|
}
|
|
|
|
return leading_comments + source;
|
|
}
|
|
|
|
|
|
function beautify() {
|
|
if (the.beautify_in_progress) {
|
|
return;
|
|
}
|
|
|
|
store_settings_to_cookie();
|
|
|
|
the.beautify_in_progress = true;
|
|
|
|
var source = the.editor ? the.editor.getValue() : $('#source').val(),
|
|
output,
|
|
opts = {};
|
|
the.lastInput = source;
|
|
|
|
var additional_options = $('#additional-options').val();
|
|
|
|
var language = $('#language').val();
|
|
the.language = $('#language option:selected').text();
|
|
|
|
opts.indent_size = $('#tabsize').val();
|
|
opts.indent_char = parseInt(opts.indent_size, 10) === 1 ? '\t' : ' ';
|
|
opts.max_preserve_newlines = $('#max-preserve-newlines').val();
|
|
opts.preserve_newlines = opts.max_preserve_newlines !== "-1";
|
|
opts.keep_array_indentation = $('#keep-array-indentation').prop('checked');
|
|
opts.break_chained_methods = $('#break-chained-methods').prop('checked');
|
|
opts.indent_scripts = $('#indent-scripts').val();
|
|
opts.brace_style = $('#brace-style').val() + ($('#brace-preserve-inline').prop('checked') ? ",preserve-inline" : "");
|
|
opts.space_before_conditional = $('#space-before-conditional').prop('checked');
|
|
opts.unescape_strings = $('#unescape-strings').prop('checked');
|
|
opts.jslint_happy = $('#jslint-happy').prop('checked');
|
|
opts.end_with_newline = $('#end-with-newline').prop('checked');
|
|
opts.wrap_line_length = $('#wrap-line-length').val();
|
|
opts.indent_inner_html = $('#indent-inner-html').prop('checked');
|
|
opts.comma_first = $('#comma-first').prop('checked');
|
|
opts.e4x = $('#e4x').prop('checked');
|
|
opts.indent_empty_lines = $('#indent-empty-lines').prop('checked');
|
|
|
|
$('#additional-options-error').hide();
|
|
$('#open-issue').hide();
|
|
|
|
if (additional_options && additional_options !== '{}') {
|
|
try {
|
|
additional_options = JSON.parse(additional_options);
|
|
opts = mergeObjects(opts, additional_options);
|
|
} catch (e) {
|
|
$('#additional-options-error').show();
|
|
}
|
|
}
|
|
|
|
var selectedOptions = JSON.stringify(opts, null, 2);
|
|
$('#options-selected').val(selectedOptions);
|
|
|
|
if (language === 'html') {
|
|
output = the.beautifier.html(source, opts);
|
|
} else if (language === 'css') {
|
|
output = the.beautifier.css(source, opts);
|
|
} else {
|
|
if ($('#detect-packers').prop('checked')) {
|
|
source = unpacker_filter(source);
|
|
}
|
|
output = the.beautifier.js(source, opts);
|
|
}
|
|
|
|
if (the.editor) {
|
|
the.editor.setValue(output);
|
|
} else {
|
|
$('#source').val(output);
|
|
}
|
|
|
|
the.lastOutput = output;
|
|
the.lastOpts = selectedOptions;
|
|
|
|
$('#open-issue').show();
|
|
|
|
the.beautify_in_progress = false;
|
|
}
|
|
|
|
function mergeObjects(allOptions, additionalOptions) {
|
|
var finalOpts = {};
|
|
var name;
|
|
|
|
for (name in allOptions) {
|
|
finalOpts[name] = allOptions[name];
|
|
}
|
|
for (name in additionalOptions) {
|
|
finalOpts[name] = additionalOptions[name];
|
|
}
|
|
return finalOpts;
|
|
}
|
|
|
|
function submitIssue() {
|
|
var url = 'https://github.com/beautify-web/js-beautify/issues/new?';
|
|
|
|
var encoded = encodeURIComponent(getSubmitIssueBody()).replace(/%20/g, "+");
|
|
if (encoded.length > 7168) {
|
|
var confirmText = [
|
|
'The sample text is too long for automatic template creation.',
|
|
'',
|
|
'Click OK to continue and create an issue starting with template defaults.',
|
|
'Click CANCEL to return to the beautifier and try beautifying a shorter sample.'
|
|
];
|
|
|
|
if (!confirm(confirmText.join('\n'))) {
|
|
$('#open-issue').hide();
|
|
return;
|
|
}
|
|
encoded = encodeURIComponent(getSubmitIssueBody(true)).replace(/%20/g, "+");
|
|
}
|
|
url += 'body=' + encoded;
|
|
|
|
console.log(url);
|
|
console.log(url.length);
|
|
|
|
window.open(url, '_blank').focus();
|
|
}
|
|
|
|
function getSubmitIssueBody(trucate) {
|
|
var input = the.lastInput;
|
|
var output = the.lastOutput;
|
|
|
|
if (trucate) {
|
|
input = '/* Your input text */';
|
|
output = '/* Output text currently returned by the beautifier */';
|
|
}
|
|
|
|
var submit_body = [
|
|
'# Description',
|
|
'<!-- Describe your scenario here -->',
|
|
'',
|
|
'## Input',
|
|
'The code looked like this before beautification:',
|
|
'```',
|
|
input,
|
|
'```',
|
|
'',
|
|
'## Current Output',
|
|
'The code actually looked like this after beautification:',
|
|
'```',
|
|
output,
|
|
'```',
|
|
'',
|
|
'## Expected Output',
|
|
'The code should have looked like this after beautification:',
|
|
'```',
|
|
'/* Your desired output text */',
|
|
'```',
|
|
'',
|
|
'# Environment',
|
|
'',
|
|
'## Browser User Agent:',
|
|
navigator.userAgent,
|
|
'',
|
|
'Language Selected:',
|
|
the.language,
|
|
'',
|
|
'## Settings',
|
|
'```json',
|
|
the.lastOpts,
|
|
'```',
|
|
''
|
|
];
|
|
return submit_body.join('\n');
|
|
}
|