MediaWiki:Gadget-coliru compiler.js

/*   Copyright (C) 2013  Povilas Kanapickas 

This file is part of cppreference.com

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by   the Free Software Foundation, either version 2 of the License, or    (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.

String.prototype.trim = function { return this.replace(/^\s+|\s+$/g, ""); };

/* We add two new divs for the live editor and the program output. The divs are inserted after the geshi code and output respectively. This way the ACE editor and the compilation output are independent from the static geshi text. We can easily switch between the live editor and the static version. function Editor(root) {

var cmd_info_cxx = { cc: [ { title: 'GCC 4.9 (C++98)', cmd: 'g++-4.9 -std=c++98 ' }, { title: 'GCC 4.9 (C++11)', cmd: 'g++-4.9 -std=c++11 ', opt_suff: ' -latomic ' }, { title: 'GCC 4.9 (C++14)', cmd: 'g++-4.9 -std=c++14 ', opt_suff: ' -latomic ' }, { title: 'GCC 5.2 (C++98)', cmd: 'g++-5.2 -std=c++98 ' }, { title: 'GCC 5.2 (C++11)', cmd: 'g++-5.2 -std=c++11 ', opt_suff: ' -latomic ' }, { title: 'GCC 5.2 (C++14)', cmd: 'g++-5.2 -std=c++14 ', opt_suff: ' -latomic ' }, { title: 'GCC 5.2 (C++17)', cmd: 'g++-5.2 -std=c++1z ', opt_suff: ' -latomic ' }, { title: 'GCC 12.1 (C++98)', cmd: 'g++ -std=c++98 ' }, { title: 'GCC 12.1 (C++11)', cmd: 'g++ -std=c++11 ', opt_suff: ' -latomic ' }, { title: 'GCC 12.1 (C++14)', cmd: 'g++ -std=c++14 ', opt_suff: ' -latomic ' }, { title: 'GCC 12.1 (C++17)', cmd: 'g++ -std=c++17 ', opt_suff: ' -latomic ' }, { title: 'GCC 12.1 (C++20)', cmd: 'g++ -std=c++20 ', opt_suff: ' -latomic ' }, { title: 'GCC 12.1 (C++23)', cmd: 'g++ -std=c++23 ', opt_suff: ' -latomic ' }, { title: 'clang 5.0 (C++98)', cmd: 'clang++ -std=c++98 -stdlib=libc++ ' }, { title: 'clang 5.0 (C++11)', cmd: 'clang++ -std=c++11 -stdlib=libc++ ', opt_suff: ' -latomic -lsupc++ ' },           { title: 'clang 5.0 (C++14)', cmd: 'clang++ -std=c++14 -stdlib=libc++ ', opt_suff: ' -latomic -lsupc++ ' },           { title: 'clang 5.0 (C++17)', cmd: 'clang++ -std=c++17 -stdlib=libc++ ', opt_suff: ' -latomic -lsupc++ ' }       ],        default_id: 12, // => GCC 12.1 (C++23) opt: ' -O2 -Wall -Wextra -pedantic -pthread -pedantic-errors main.cpp -lm ', }

var cmd_info_c = { cc: [ { title: 'GCC 4.9 (C89)', cmd: 'gcc-4.9 -x c -std=c89 ' }, { title: 'GCC 4.9 (C99)', cmd: 'g++-4.9 -x c -std=c99 ' }, { title: 'GCC 4.9 (C11)', cmd: 'g++-4.9 -x c -std=c11 ', opt_suff: ' -latomic ' }, { title: 'GCC 5.2 (C89)', cmd: 'g++-5.2 -x c -std=c89 ' }, { title: 'GCC 5.2 (C99)', cmd: 'g++-5.2 -x c -std=c99 ' }, { title: 'GCC 5.2 (C11)', cmd: 'g++-5.2 -x c -std=c11 ', opt_suff: ' -latomic ' }, { title: 'GCC 12.1 (C89)', cmd: 'g++ -x c -std=c89 ' }, { title: 'GCC 12.1 (C99)', cmd: 'g++ -x c -std=c99 ' }, { title: 'GCC 12.1 (C11)', cmd: 'g++ -x c -std=c11 ', opt_suff: ' -latomic ' }, { title: 'GCC 12.1 (C17)', cmd: 'g++ -x c -std=c17 ', opt_suff: ' -latomic ' }, { title: 'clang 5.0 (C89)', cmd: 'clang -x c -std=c89 -Wno-newline-eof ' }, { title: 'clang 5.0 (C99)', cmd: 'clang++ -x c -std=c99 -Wno-newline-eof '}, { title: 'clang 5.0 (C11)', cmd: 'clang++ -x c -std=c11 -Wno-newline-eof ', opt_suff: ' -latomic '} ],       default_id: 9, // => GCC 12.1 (C17) opt: ' -O2 -Wall -Wextra -pedantic -pthread -pedantic-errors main.cpp -lm ', }

this.check_is_cxx = function { if (mw.config.get('wgTitle').indexOf('c/') == 0) { return false; } else { return true; }   };

if (this.check_is_cxx) { this.cmd_info = cmd_info_cxx; } else { this.cmd_info = cmd_info_c; }

this.cmd_run_normal = ' 2>&1 | sed "s/^/☘/"; if [ -x a.out ]; then ./a.out | sed "s/^/☢/"; fi' this.cmd_run_share = ' && ./a.out';

this.el = {}; this.el.root = root; this.is_orig = true;

this.el.action_bar = this.el.root.children('.t-example-live-link:first');

// initialize the action bar this.el.run_init_btn = this.el.action_bar.children('.coliru-btn-run-init'); this.el.run_btn = $(' Run ') .addClass('coliru-btn coliru-btn-run') .hide.appendTo(this.el.action_bar); this.el.share_btn = $(' Share ') .addClass('coliru-btn coliru-btn-share') .hide.appendTo(this.el.action_bar); this.el.exit_btn = $(' Exit ') .addClass('coliru-btn coliru-btn-exit') .hide.appendTo(this.el.action_bar);

this.el.cc_select_div = $(' ') .addClass('coliru-select-compiler') .hide.appendTo(this.el.action_bar); this.el.cc_select = $(' ').appendTo(this.el.cc_select_div);

for (var i = 0; i < this.cmd_info.cc.length; ++i) { var cmd = this.cmd_info.cc[i]; $(' ').text(cmd.title).attr('value', i.toString) .appendTo(this.el.cc_select); }   this.el.cc_select.val(this.cmd_info.default_id.toString);

this.el.pwr = $(' Powered by Coliru online compiler ') .addClass('coliru-powered') .hide.appendTo(this.el.action_bar);

// find and store the original code and output divs orig_code = this.el.root.children('.mw-geshi:first'); if (orig_code.length > 0) { this.has_orig_code = true; this.el.orig_code = orig_code.first; } else { this.has_orig_code = false; this.el.orig_code = $(' ').hide.insertAfter(this.el.action_bar); }

orig_output = this.el.root.children('.mw-geshi:last'); if (orig_output.length > 0 && !orig_output.is(orig_code)) { this.has_orig_output = true; this.el.orig_output = orig_output.first; } else { this.has_orig_output = false; this.el.output_p = $(' Output: ').hide.insertAfter(this.el.orig_code); this.el.orig_output = $(' ').hide.insertAfter(this.el.output_p); }

if (this.has_orig_code) { this.source_code = this.el.orig_code.text.replace(/\u00a0/g, " "); } else { this.source_code = ''; }

// initialize the editor this.el.edited_code = $(' ').addClass('t-example-code mw-geshi') .hide.insertAfter(this.el.orig_code); this.el.editor_div = $(' ').addClass('ace_editor ace-tm') .appendTo(this.el.edited_code); this.editor = ace.edit(this.el.editor_div.get(0)); this.editor.setTheme("ace/theme/textmate"); this.editor.getSession.setMode("ace/mode/c_cpp");

this.editor.commands.bindKeys({"Ctrl-l":null}); this.editor.commands.bindKeys({"Ctrl-t":null}); this.editor.commands.bindKeys({"Command-l":null}); this.editor.commands.addCommand({       name: 'Build and run',        bindKey: {win: 'Ctrl-B', mac: 'Command-B'},        exec: function(editor) { this.compile_now; },        readOnly: true    }); this.editor.commands.addCommand({       name: 'Disable Ctrl-S',        bindKey: {win: 'Ctrl-S', mac: 'Command-S'},        exec: function(editor) {},        readOnly: true    });

this.editor.getSession.setValue(this.source_code);

// create compiler output block this.el.compiler_output_p = $(' Compiler messages: ') .hide.insertAfter(this.el.edited_code); this.el.compiler_output = $(' ').addClass('coliru-output coliru-output-compiler mw-geshi') .hide.insertAfter(this.el.compiler_output_p); this.el.compiler_output_div = $(' ').appendTo(this.el.compiler_output);

// create output block this.el.edited_output = $(' ').addClass('coliru-output coliru-output-program mw-geshi') .hide.insertAfter(this.el.orig_output); this.el.output_div = $(' ').appendTo(this.el.edited_output);

this.reset_editor = function { this.editor.getSession.setValue(this.source_code); };

this.el.run_btn.click(function {       if (!this.el.run_btn.hasClass('coliru-btn-disabled')) {            this.compile_now;        }    }.bind(this)); this.el.share_btn.click(function {       if (!this.el.share_btn.hasClass('coliru-btn-disabled')) {            this.share;        }    }.bind(this)); this.el.exit_btn.click(function {       if (!this.el.exit_btn.hasClass('coliru-btn-disabled')) {            this.restore_orig;        }    }.bind(this));

this.enable_ui = function(value) { this.editor.setReadOnly(!value);

if (value) { this.el.run_btn.removeClass('coliru-btn-disabled'); this.el.share_btn.removeClass('coliru-btn-disabled'); this.el.exit_btn.removeClass('coliru-btn-disabled'); } else { this.el.run_btn.addClass('coliru-btn-disabled'); this.el.share_btn.addClass('coliru-btn-disabled'); this.el.exit_btn.addClass('coliru-btn-disabled'); }   };

this.send = function(location, cmd, src, f) { this.enable_ui(false);

// Avoid trailing newline errors if (src.lastIndexOf('\n') !== src.length - 1) { src += '\n'; }

var http_request = new XMLHttpRequest; http_request.open("POST",                         "https://coliru.stacked-crooked.com/" + location, true); var parent = this; http_request.onreadystatechange = function { if (http_request.readyState == 4) { parent.enable_ui(true); if (http_request.status == 200) { parent.last_result = http_request.responseText.trim; f({src: parent.editor.getValue,                      cmd: parent.cmd,                       output: parent.last_result}); }           }        };        var post_data = JSON.stringify({            "cmd" : cmd, "src" : src        }); http_request.send(post_data); };

this.compile_now = function { var parent = this; this.editor.getSession.clearAnnotations; this.el.compiler_output_p.fadeOut('fast'); this.el.compiler_output.fadeOut('fast');

this.el.output_div.html('Building and running...');

var cmd = this.get_cmd(false); var src = this.editor.getValue;

this.send("compile", cmd, src, function(obj) {           var lines = obj.output.split(/\n/);

// analyze the compiler output var annotations = []; var annotation_lines = [];

var program_output = ''; var compiler_output = '';

for (var i = 0; i !== lines.length; ++i) { var line = lines[i];

var is_compile_output = false; var is_shell_output = false;

if (line.indexOf('☘') == 0) { is_compile_output = true; line = line.substring(1); } else if (line.indexOf('☢') == 0) { line = line.substring(1); } else { // everything else comes from the shell. Presumably, this // indicates a serious error in the program // (e.g. it segfaults). // FIXME: probably need a better API is_shell_output = true; }

if (line !== '') {

line = line.replace(//g, '&gt');

if (is_compile_output) { // check if line contains an error var has_error = false, has_any_error = false; var error_lineno = 0; var error_text = "";

var match = line.match(/^main.cpp:(\d+):\d+:(.*)/); if (match) { has_error = true; error_lineno = parseInt(match[1]); error_text = match[2].trim; }

// add annotation if possible if (has_error) { if (annotation_lines.indexOf(error_lineno) === -1) { var error_type = 'error'; if (error_text.match(/^warning:/)) { error_type = 'warning'; }

annotation_lines.push(error_lineno); annotations.push({row: error_lineno-1, column: 0,                                               text: error_text, type:error_type}); }                       }

// highlight the output line if possible pre_open = ''; pre_close = ' '; compiler_output += pre_open + line + pre_close; } else if (is_shell_output) { pre_open = ''; pre_close = ' '; program_output += pre_open + line + pre_close; } else { pre_open = ''; pre_close = ' '; program_output += pre_open + line + pre_close; }               } else { program_output += ' '; }           }

parent.el.output_div.html(program_output);

if (compiler_output !== '') { parent.el.compiler_output_div.html(compiler_output); parent.el.compiler_output_p.fadeIn('fast'); parent.el.compiler_output.fadeIn('fast'); }

// mark the errors in the code window.setTimeout(function {               parent.editor.getSession.setAnnotations(annotations);            }, 100); });   };

this.share = function { var cmd = this.get_cmd(true); var src = this.editor.getValue;

this.send("share", cmd, src, function (obj) {           var url = "https://coliru.stacked-crooked.com/view?id=" + obj.output;            window.open(url, '_blank');        }) };

this.get_cmd = function(is_shared) { var val = this.el.cc_select.val; var cc = this.cmd_info.cc[parseInt(val)].cmd; cc = cc + this.cmd_info.opt if (this.cmd_info.cc[parseInt(val)].opt_suff !== undefined) { cc = cc + this.cmd_info.cc[parseInt(val)].opt_suff; }       if (is_shared) { return cc + this.cmd_run_share; } else { return cc + this.cmd_run_normal; }   };

this.replace_orig = function { if (!this.is_orig) { return; // already replaced }

this.el.root.height(this.el.root.height);

var parent = this; this.el.run_init_btn.fadeOut("fast", function {           parent.el.run_btn.fadeIn("fast").css("display","inline-block");            parent.el.share_btn.fadeIn("fast").css("display","inline-block");            parent.el.exit_btn.fadeIn("fast").css("display","inline-block");            parent.el.cc_select_div.fadeIn("fast").css("display","inline-block");            parent.el.pwr.fadeIn("fast").css("display","inline-block");        });

this.el.orig_code.fadeOut("fast", function {           parent.el.edited_code.fadeIn("fast");        }); this.el.orig_output.fadeOut("fast", function {           if (!parent.has_orig_output) {                parent.el.output_p.fadeIn('fast');            }            parent.el.edited_output.fadeIn("fast", function { parent.el.root.height('auto'); });       });

this.is_orig = false; };

this.restore_orig = function { if (this.is_orig) { return; // already replaced }

this.el.root.height(this.el.root.height);

var parent = this;

this.el.run_btn.fadeOut("fast", function {           parent.el.run_init_btn.fadeIn("fast").css("display","inline-block");        }); this.el.share_btn.fadeOut("fast"); this.el.exit_btn.fadeOut("fast"); this.el.cc_select_div.fadeOut("fast"); this.el.pwr.fadeOut("fast");

this.el.edited_code.fadeOut("fast", function {           parent.el.orig_code.fadeIn("fast");        });

this.el.compiler_output_p.fadeOut('fast'); this.el.compiler_output.fadeOut('fast');

if (!this.has_orig_output) { this.el.output_p.fadeOut('fast'); }

var parent = this; this.el.edited_output.fadeOut("fast", function {           parent.el.orig_output.fadeIn("fast", function { parent.el.root.height('auto'); });       });

this.is_orig = true; };

this.enable_ui(true); };

function get_script_cached(url, callback) { return $.ajax({           type: "GET",            url: url,            success: callback,            dataType: "script",            cache: true    }); };

window.highlight_error = function(node, b) { node.style.cursor = b ? 'pointer' : 'auto'; };

window.jump_to_error = function(node, lineno) { var root = $(node).parents('.t-example'); if (root.length > 0) { for (var i = 0; i < editors.length; ++i) { if (editors[i].el.root.is(root)) { var editor = editors[i]; editor.editor.gotoLine(lineno, 0, true); editor.editor.focus; }       }    } };

var editors = [];

$.when(   get_script_cached('https://cdn.jsdelivr.net/ace/1.2.4/noconflict/ace.js') ).done(function {    $.when( get_script_cached('https://cdn.jsdelivr.net/ace/1.2.4/noconflict/mode-c_cpp.js'), $.Deferred(function(deferred) {           $(deferred.resolve);        }) ).done(function { $('.t-example-live-link > a').each(function {           $(this).replaceWith(' Run this code ');        }); $('.t-example > .mw-geshi:first').each(function {           $(this).addClass('t-example-code');        });

$('.coliru-btn-run-init').click(function {           var root = $(this).parent.parent;

// find the editor for this root element var i;           for (i = 0; i < editors.length; ++i) { if (editors[i].el.root.is(root)) { break; }           }            if (i == editors.length) { editors[i] = new Editor(root); }

var editor = editors[i]; editor.replace_orig; editor.compile_now; });   }); });