1511 lines
44 KiB
JavaScript
1511 lines
44 KiB
JavaScript
var common = (function() {
|
|
// common namespace
|
|
// all classes should be stored here
|
|
var common = window.common || {
|
|
// init is an array of functions that are
|
|
// called at the beginning of dom ready
|
|
init: []
|
|
};
|
|
|
|
common.challengeName = common.challengeName || window.challenge_Name || '';
|
|
|
|
common.challengeType = common.challengeType || window.challengeType || 0;
|
|
|
|
common.challengeId = common.challengeId || window.challenge_Id;
|
|
|
|
common.challengeSeed = common.challengeSeed || window.challengeSeed || [];
|
|
|
|
common.head = common.head || '';
|
|
common.tail = common.tail || '';
|
|
|
|
common.arrayToNewLineString = function arrayToNewLineString(seedData) {
|
|
seedData = Array.isArray(seedData) ? seedData : [seedData];
|
|
return seedData.reduce(function(seed, line) {
|
|
return '' + seed + line + '\n';
|
|
}, '');
|
|
};
|
|
|
|
common.seed = common.arrayToNewLineString(common.challengeSeed);
|
|
|
|
common.replaceScriptTags = function replaceScriptTags(value) {
|
|
return value
|
|
.replace(/<script>/gi, 'fccss')
|
|
.replace(/<\/script>/gi, 'fcces');
|
|
};
|
|
|
|
common.replaceSafeTags = function replaceSafeTags(value) {
|
|
return value
|
|
.replace(/fccss/gi, '<script>')
|
|
.replace(/fcces/gi, '</script>');
|
|
};
|
|
|
|
common.replaceFormActionAttr = function replaceFormAction(value) {
|
|
return value.replace(/<form[^>]*>/, function(val) {
|
|
return val.replace(/action(\s*?)=/, 'fccfaa$1=');
|
|
});
|
|
};
|
|
|
|
common.replaceFccfaaAttr = function replaceFccfaaAttr(value) {
|
|
return value.replace(/<form[^>]*>/, function(val) {
|
|
return val.replace(/fccfaa(\s*?)=/, 'action$1=');
|
|
});
|
|
};
|
|
|
|
return common;
|
|
})();
|
|
|
|
// store code in the URL
|
|
common.codeUri = (function(common, encode, decode, location, history) {
|
|
var replaceScriptTags = common.replaceScriptTags;
|
|
var replaceSafeTags = common.replaceSafeTags;
|
|
var replaceFormActionAttr = common.replaceFormActionAttr;
|
|
var replaceFccfaaAttr = common.replaceFccfaaAttr;
|
|
|
|
function encodeFcc(val) {
|
|
return replaceScriptTags(replaceFormActionAttr(val));
|
|
}
|
|
|
|
function decodeFcc(val) {
|
|
return replaceSafeTags(replaceFccfaaAttr(val));
|
|
}
|
|
|
|
var codeUri = {
|
|
encode: function(code) {
|
|
return encode(code);
|
|
},
|
|
decode: function(code) {
|
|
try {
|
|
return decode(code);
|
|
} catch (ignore) {
|
|
return null;
|
|
}
|
|
},
|
|
isInQuery: function(query) {
|
|
var decoded = codeUri.decode(query);
|
|
if (!decoded || typeof decoded.split !== 'function') {
|
|
return false;
|
|
}
|
|
return decoded
|
|
.split('?')
|
|
.splice(1)
|
|
.reduce(function(found, param) {
|
|
var key = param.split('=')[0];
|
|
if (key === 'solution') {
|
|
return true;
|
|
}
|
|
return found;
|
|
}, false);
|
|
},
|
|
isAlive: function() {
|
|
return codeUri.enabled &&
|
|
codeUri.isInQuery(location.search) ||
|
|
codeUri.isInQuery(location.hash);
|
|
},
|
|
parse: function() {
|
|
if (!codeUri.enabled) {
|
|
return null;
|
|
}
|
|
var query;
|
|
if (location.search && codeUri.isInQuery(location.search)) {
|
|
query = location.search.replace(/^\?/, '');
|
|
if (history && typeof history.replaceState === 'function') {
|
|
history.replaceState(
|
|
history.state,
|
|
null,
|
|
location.href.split('?')[0]
|
|
);
|
|
location.hash = '#?' + encodeFcc(query);
|
|
}
|
|
} else {
|
|
query = location.hash.replace(/^\#\?/, '');
|
|
}
|
|
if (!query) {
|
|
return null;
|
|
}
|
|
|
|
return query
|
|
.split('&')
|
|
.reduce(function(solution, param) {
|
|
var key = param.split('=')[0];
|
|
var value = param.split('=')[1];
|
|
if (key === 'solution') {
|
|
return decodeFcc(codeUri.decode(value || ''));
|
|
}
|
|
return solution;
|
|
}, null);
|
|
},
|
|
querify: function(solution) {
|
|
if (!codeUri.enabled) {
|
|
return null;
|
|
}
|
|
if (history && typeof history.replaceState === 'function') {
|
|
history.replaceState(
|
|
history.state,
|
|
null,
|
|
'?solution=' + codeUri.encode(encodeFcc(solution))
|
|
);
|
|
} else {
|
|
location.hash = '?solution=' +
|
|
codeUri.encode(encodeFcc(solution));
|
|
}
|
|
|
|
return solution;
|
|
},
|
|
enabled: true
|
|
};
|
|
|
|
common.init.push(function() {
|
|
codeUri.parse();
|
|
});
|
|
|
|
return codeUri;
|
|
}(common, encodeURIComponent, decodeURIComponent, location, history));
|
|
|
|
// codeStorage
|
|
common.codeStorageFactory = (function($, localStorage, codeUri) {
|
|
|
|
var CodeStorageProps = {
|
|
version: 0.01,
|
|
keyVersion: 'saveVersion',
|
|
keyValue: null,
|
|
updateWait: 2000,
|
|
updateTimeoutId: null
|
|
};
|
|
|
|
var CodeStorage = {
|
|
hasSaved: function() {
|
|
return this.updateTimeoutId === null;
|
|
},
|
|
|
|
onSave: function(func) {
|
|
this.eventArray.push(func);
|
|
},
|
|
|
|
setSaveKey: function(key) {
|
|
this.keyValue = key + 'Val';
|
|
},
|
|
|
|
getStoredValue: function() {
|
|
return '' + localStorage.getItem(this.keyValue);
|
|
},
|
|
|
|
setEditor: function(editor) {
|
|
this.editor = editor;
|
|
},
|
|
|
|
isAlive: function() {
|
|
var val = this.getStoredValue();
|
|
return val !== 'null' &&
|
|
val !== 'undefined' &&
|
|
(val && val.length > 0);
|
|
},
|
|
|
|
updateStorage: function() {
|
|
if (typeof localStorage !== 'undefined') {
|
|
var value = this.editor.getValue();
|
|
// store in localStorage
|
|
localStorage.setItem(this.keyValue, value);
|
|
// also store code in URL
|
|
codeUri.querify(value);
|
|
} else {
|
|
console.log('no web storage');
|
|
}
|
|
this.updateTimeoutId = null;
|
|
}
|
|
};
|
|
|
|
function codeStorageFactory(editor, challengeName) {
|
|
var codeStorage = Object.create(CodeStorage);
|
|
$.extend(codeStorage, CodeStorageProps);
|
|
codeStorage.setEditor(editor);
|
|
codeStorage.setSaveKey(challengeName);
|
|
return codeStorage;
|
|
}
|
|
|
|
var savedVersion = localStorage.getItem(CodeStorageProps.keyVersion);
|
|
if (savedVersion === null) {
|
|
localStorage.setItem(
|
|
CodeStorageProps.keyVersion,
|
|
CodeStorageProps.version
|
|
);
|
|
}
|
|
|
|
return codeStorageFactory;
|
|
}($, localStorage, common.codeUri));
|
|
|
|
common.codeOutput = (function(CodeMirror, document, challengeType) {
|
|
if (!CodeMirror) {
|
|
return {};
|
|
}
|
|
if (
|
|
challengeType === '0' ||
|
|
challengeType === '7'
|
|
) {
|
|
return {};
|
|
}
|
|
var codeOutput = CodeMirror.fromTextArea(
|
|
document.getElementById('codeOutput'),
|
|
{
|
|
lineNumbers: false,
|
|
mode: 'text',
|
|
theme: 'monokai',
|
|
readOnly: 'nocursor',
|
|
lineWrapping: true
|
|
}
|
|
);
|
|
|
|
codeOutput.setValue(
|
|
'/**\n' +
|
|
' * Your output will go here.\n' +
|
|
' * Console.log() -type statements\n' +
|
|
' * will appear in your browser\'s\n' +
|
|
' * DevTools JavaScript console.\n' +
|
|
' */'
|
|
);
|
|
|
|
codeOutput.setSize('100%', '100%');
|
|
|
|
return codeOutput;
|
|
}(window.CodeMirror, window.document, common.challengeType || 0));
|
|
|
|
var sandBox = (function(jailed, codeOutput) {
|
|
if (!jailed) {
|
|
return {};
|
|
}
|
|
var plugin = null;
|
|
|
|
var sandBox = {
|
|
};
|
|
|
|
var printCallback;
|
|
|
|
// sends the input to the plugin for evaluation
|
|
function submit(code, callback) {
|
|
printCallback = callback;
|
|
|
|
// postpone the evaluation until the plugin is initialized
|
|
plugin.whenConnected(function() {
|
|
if (requests === 0) {
|
|
startLoading();
|
|
}
|
|
|
|
requests++;
|
|
plugin.remote.run(code);
|
|
});
|
|
}
|
|
|
|
// puts the message on the terminal
|
|
var print = function(cls, msg) {
|
|
printCallback(cls, msg);
|
|
};
|
|
|
|
|
|
// will restart the plugin if it does not respond
|
|
var disconnectTimeout = null;
|
|
var startLoading = function() {
|
|
disconnectTimeout = setTimeout(disconnect, 3000);
|
|
};
|
|
|
|
var endLoading = function() {
|
|
clearTimeout(disconnectTimeout);
|
|
};
|
|
|
|
var disconnect = function() {
|
|
plugin.disconnect();
|
|
};
|
|
|
|
|
|
// interface provided to the plugin
|
|
var api = {
|
|
output: function(data) {
|
|
endLoading();
|
|
// print('input', data.input);
|
|
|
|
if (data.error) {
|
|
print('Error', data);
|
|
reset();
|
|
} else {
|
|
print(null, data);
|
|
reset();
|
|
}
|
|
}
|
|
};
|
|
|
|
|
|
// obtaining absolute path of this script
|
|
var scripts = document.getElementsByTagName('script');
|
|
var path = scripts[scripts.length - 1].src
|
|
.split('?')[0]
|
|
.split('/')
|
|
.slice(0, -1)
|
|
.join('/') + '/';
|
|
|
|
var requests;
|
|
|
|
// (re)initializes the plugin
|
|
var reset = function() {
|
|
requests = 0;
|
|
plugin = new jailed.Plugin(path + 'plugin.js', api);
|
|
plugin.whenDisconnected( function() {
|
|
// give some time to handle the last responce
|
|
setTimeout( function() {
|
|
endLoading();
|
|
console.log('resetting on fatal plugin error');
|
|
|
|
if (common.challengeType === 0) {
|
|
codeOutput.setValue(
|
|
'Sorry, your code is either too slow, has a fatal error, ' +
|
|
'or contains an infinite loop.'
|
|
);
|
|
}
|
|
reset();
|
|
}, 10);
|
|
});
|
|
};
|
|
reset();
|
|
sandBox.submit = submit;
|
|
return sandBox;
|
|
}(window.jailed, common.codeOutput));
|
|
|
|
var BDDregex = new RegExp(
|
|
'(expect(\\s+)?\\(.*\\;)|' +
|
|
'(assert(\\s+)?\\(.*\\;)|' +
|
|
'(assert\\.\\w.*\\;)|' +
|
|
'(.*\\.should\\..*\\;)/'
|
|
);
|
|
|
|
var isInitRun = false;
|
|
var initPreview = true;
|
|
|
|
var editor = (function(CodeMirror, emmetCodeMirror, common) {
|
|
var codeStorageFactory = common.codeStorageFactory;
|
|
if (!CodeMirror) {
|
|
return {};
|
|
}
|
|
|
|
var editor = CodeMirror.fromTextArea(document.getElementById('codeEditor'), {
|
|
lint: true,
|
|
lineNumbers: true,
|
|
mode: 'javascript',
|
|
theme: 'monokai',
|
|
runnable: true,
|
|
matchBrackets: true,
|
|
autoCloseBrackets: true,
|
|
scrollbarStyle: 'null',
|
|
lineWrapping: true,
|
|
gutters: ['CodeMirror-lint-markers']
|
|
});
|
|
|
|
editor.setSize('100%', 'auto');
|
|
|
|
var codeStorage = common.codeStorage =
|
|
codeStorageFactory(editor, common.challengeName);
|
|
|
|
editor.on('keyup', function() {
|
|
clearTimeout(codeStorage.updateTimeoutId);
|
|
codeStorage.updateTimeoutId = setTimeout(
|
|
codeStorage.updateStorage.bind(codeStorage),
|
|
codeStorage.updateWait
|
|
);
|
|
});
|
|
|
|
// Initialize CodeMirror editor with a nice html5 canvas demo.
|
|
editor.on('keyup', function() {
|
|
clearTimeout(delay);
|
|
delay = setTimeout(updatePreview, 300);
|
|
});
|
|
|
|
editor.setOption('extraKeys', {
|
|
Tab: function(cm) {
|
|
if (cm.somethingSelected()) {
|
|
cm.indentSelection('add');
|
|
} else {
|
|
var spaces = Array(cm.getOption('indentUnit') + 1).join(' ');
|
|
cm.replaceSelection(spaces);
|
|
}
|
|
},
|
|
'Shift-Tab': function(cm) {
|
|
if (cm.somethingSelected()) {
|
|
cm.indentSelection('subtract');
|
|
} else {
|
|
var spaces = Array(cm.getOption('indentUnit') + 1).join(' ');
|
|
cm.replaceSelection(spaces);
|
|
}
|
|
},
|
|
'Ctrl-Enter': function() {
|
|
isInitRun = false;
|
|
bonfireExecute(true);
|
|
return false;
|
|
},
|
|
'Cmd-Enter': function() {
|
|
isInitRun = false;
|
|
bonfireExecute(true);
|
|
return false;
|
|
}
|
|
});
|
|
|
|
|
|
var info = editor.getScrollInfo();
|
|
|
|
var after = editor.charCoords({
|
|
line: editor.getCursor().line + 1,
|
|
ch: 0
|
|
}, 'local').top;
|
|
|
|
if (info.top + info.clientHeight < after) {
|
|
editor.scrollTo(null, after - info.clientHeight + 3);
|
|
}
|
|
|
|
if (emmetCodeMirror) {
|
|
emmetCodeMirror(
|
|
editor,
|
|
{
|
|
'Cmd-E': 'emmet.expand_abbreviation',
|
|
Tab: 'emmet.expand_abbreviation_with_tab',
|
|
Enter: 'emmet.insert_formatted_line_break_only'
|
|
}
|
|
);
|
|
}
|
|
common.init.push(function() {
|
|
var editorValue;
|
|
if (common.codeUri.isAlive()) {
|
|
editorValue = common.codeUri.parse();
|
|
} else {
|
|
editorValue = codeStorage.isAlive() ?
|
|
codeStorage.getStoredValue() :
|
|
common.seed;
|
|
}
|
|
|
|
editor.setValue(common.replaceSafeTags(editorValue));
|
|
editor.refresh();
|
|
});
|
|
|
|
return editor;
|
|
}(window.CodeMirror, window.emmetCodeMirror, common));
|
|
|
|
|
|
var tests = common.tests || [];
|
|
|
|
var libraryIncludes =
|
|
"<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'>" +
|
|
'</script>' +
|
|
"<script src='/js/lib/chai/chai.js'></script>" +
|
|
"<script src='/js/lib/chai/chai-jquery.js'></script>" +
|
|
"<script src='//cdnjs.cloudflare.com/ajax/libs/lodash.js/" +
|
|
"2.4.1/lodash.min.js'></script>" +
|
|
"<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/" +
|
|
"libs/animate.css/3.2.0/animate.min.css'/>" +
|
|
"<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/" +
|
|
"bootstrap/3.3.1/css/bootstrap.min.css'/>" +
|
|
"<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/" +
|
|
"font-awesome/4.2.0/css/font-awesome.min.css'/>" +
|
|
'<style>body { padding: 0px 3px 0px 3px; }</style>' +
|
|
'<script>var expect = chai.expect; var should = ' +
|
|
'chai.should(); var assert = chai.assert;</script>';
|
|
|
|
var editorValueForIFrame;
|
|
var iFrameScript = "<script src='/js/iFrameScripts.js'></script>";
|
|
var delay;
|
|
|
|
function workerError(error) {
|
|
var display = $('.runTimeError');
|
|
var housing = $('#testSuite');
|
|
if (display.html() !== error) {
|
|
display.remove();
|
|
|
|
housing.prepend(
|
|
'<div class="runTimeError" style="font-size: 18px;"><code>' +
|
|
error
|
|
.replace(/j\$/gi, '$')
|
|
.replace(/jdocument/gi, 'document')
|
|
.replace(/jjQuery/gi, 'jQuery') +
|
|
'</code></div>'
|
|
);
|
|
|
|
display.hide().fadeIn(function() {
|
|
setTimeout(function() {
|
|
display.fadeOut(function() {
|
|
display.remove();
|
|
});
|
|
}, 1000);
|
|
});
|
|
}
|
|
}
|
|
|
|
function scopejQuery(str) {
|
|
return str
|
|
.replace(/\$/gi, 'j$')
|
|
.replace(/document/gi, 'jdocument')
|
|
.replace(/jQuery/gi, 'jjQuery');
|
|
}
|
|
|
|
function safeHTMLRun(test) {
|
|
var codeStorage = common.codeStorage;
|
|
if (common.challengeType === '0') {
|
|
var previewFrame = document.getElementById('preview');
|
|
|
|
var preview = previewFrame.contentDocument ||
|
|
previewFrame.contentWindow.document;
|
|
|
|
if (editor.getValue().match(/\<script\>/gi) !== null) {
|
|
var s = editor
|
|
.getValue()
|
|
.split(/\<\s?script\s?\>/gi)[1]
|
|
.split(/\<\s?\/\s?script\s?\>/gi)[0];
|
|
|
|
// add feuxQuery
|
|
s = 'var document = ""; ' +
|
|
'var $ = function() {' +
|
|
'return new function() { this.add=function() { return this; };' +
|
|
'this.addBack=function() {return this; };' +
|
|
'this.addClass=function() {return this; };' +
|
|
'this.after=function() {return this; };' +
|
|
'this.ajaxComplete=function() {return this; };' +
|
|
'this.ajaxError=function() {return this; };' +
|
|
'this.ajaxSend=function() {return this; };' +
|
|
'this.ajaxStart=function() {return this; };' +
|
|
'this.ajaxStop=function() {return this; };' +
|
|
'this.ajaxSuccess=function() {return this; };' +
|
|
'this.andSelf=function() {return this; };' +
|
|
'this.animate=function() {return this; };' +
|
|
'this.append=function() {return this; };' +
|
|
'this.appendTo=function() {return this; };' +
|
|
'this.attr=function() {return this; };' +
|
|
'this.before=function() {return this; };' +
|
|
'this.bind=function() {return this; };' +
|
|
'this.blur=function() {return this; };' +
|
|
'this.callbacksadd=function() {return this; };' +
|
|
'this.callbacksdisable=function() {return this; };' +
|
|
'this.callbacksdisabled=function() {return this; };' +
|
|
'this.callbacksempty=function() {return this; };' +
|
|
'this.callbacksfire=function() {return this; };' +
|
|
'this.callbacksfired=function() {return this; };' +
|
|
'this.callbacksfireWith=function() {return this; };' +
|
|
'this.callbackshas=function() {return this; };' +
|
|
'this.callbackslock=function() {return this; };' +
|
|
'this.callbackslocked=function() {return this; };' +
|
|
'this.callbacksremove=function() {return this; };' +
|
|
'this.change=function() {return this; };' +
|
|
'this.children=function() {return this; };' +
|
|
'this.clearQueue=function() {return this; };' +
|
|
'this.click=function() {return this; };' +
|
|
'this.clone=function() {return this; };' +
|
|
'this.closest=function() {return this; };' +
|
|
'this.contents=function() {return this; };' +
|
|
'this.context=function() {return this; };' +
|
|
'this.css=function() {return this; };' +
|
|
'this.data=function() {return this; };' +
|
|
'this.dblclick=function() {return this; };' +
|
|
'this.delay=function() {return this; };' +
|
|
'this.delegate=function() {return this; };' +
|
|
'this.dequeue=function() {return this; };' +
|
|
'this.detach=function() {return this; };' +
|
|
'this.die=function() {return this; };' +
|
|
'this.each=function() {return this; };' +
|
|
'this.empty=function() {return this; };' +
|
|
'this.end=function() {return this; };' +
|
|
'this.eq=function() {return this; };' +
|
|
'this.error=function() {return this; };' +
|
|
'this.fadeIn=function() {return this; };' +
|
|
'this.fadeOut=function() {return this; };' +
|
|
'this.fadeTo=function() {return this; };' +
|
|
'this.fadeToggle=function() {return this; };' +
|
|
'this.filter=function() {return this; };' +
|
|
'this.find=function() {return this; };' +
|
|
'this.finish=function() {return this; };' +
|
|
'this.first=function() {return this; };' +
|
|
'this.focus=function() {return this; };' +
|
|
'this.focusin=function() {return this; };' +
|
|
'this.focusout=function() {return this; };' +
|
|
'this.get=function() {return this; };' +
|
|
'this.has=function() {return this; };' +
|
|
'this.hasClass=function() {return this; };' +
|
|
'this.height=function() {return this; };' +
|
|
'this.hide=function() {return this; };' +
|
|
'this.hover=function() {return this; };' +
|
|
'this.html=function() {return this; };' +
|
|
'this.index=function() {return this; };' +
|
|
'this.innerHeight=function() {return this; };' +
|
|
'this.innerWidth=function() {return this; };' +
|
|
'this.insertAfter=function() {return this; };' +
|
|
'this.insertBefore=function() {return this; };' +
|
|
'this.is=function() {return this; };' +
|
|
'this.jQuery=function() {return this; };' +
|
|
'this.jquery=function() {return this; };' +
|
|
'this.keydown=function() {return this; };' +
|
|
'this.keypress=function() {return this; };' +
|
|
'this.keyup=function() {return this; };' +
|
|
'this.last=function() {return this; };' +
|
|
'this.length=function() {return this; };' +
|
|
'this.live=function() {return this; };' +
|
|
'this.load=function() {return this; };' +
|
|
'this.load=function() {return this; };' +
|
|
'this.map=function() {return this; };' +
|
|
'this.mousedown=function() {return this; };' +
|
|
'this.mouseenter=function() {return this; };' +
|
|
'this.mouseleave=function() {return this; };' +
|
|
'this.mousemove=function() {return this; };' +
|
|
'this.mouseout=function() {return this; };' +
|
|
'this.mouseover=function() {return this; };' +
|
|
'this.mouseup=function() {return this; };' +
|
|
'this.next=function() {return this; };' +
|
|
'this.nextAll=function() {return this; };' +
|
|
'this.nextUntil=function() {return this; };' +
|
|
'this.not=function() {return this; };' +
|
|
'this.off=function() {return this; };' +
|
|
'this.offset=function() {return this; };' +
|
|
'this.offsetParent=function() {return this; };' +
|
|
'this.on=function() {return this; };' +
|
|
'this.one=function() {return this; };' +
|
|
'this.outerHeight=function() {return this; };' +
|
|
'this.outerWidth=function() {return this; };' +
|
|
'this.parent=function() {return this; };' +
|
|
'this.parents=function() {return this; };' +
|
|
'this.parentsUntil=function() {return this; };' +
|
|
'this.position=function() {return this; };' +
|
|
'this.prepend=function() {return this; };' +
|
|
'this.prependTo=function() {return this; };' +
|
|
'this.prev=function() {return this; };' +
|
|
'this.prevAll=function() {return this; };' +
|
|
'this.prevUntil=function() {return this; };' +
|
|
'this.promise=function() {return this; };' +
|
|
'this.prop=function() {return this; };' +
|
|
'this.pushStack=function() {return this; };' +
|
|
'this.queue=function() {return this; };' +
|
|
'this.ready=function() {return this; };' +
|
|
'this.remove=function() {return this; };' +
|
|
'this.removeAttr=function() {return this; };' +
|
|
'this.removeClass=function() {return this; };' +
|
|
'this.removeData=function() {return this; };' +
|
|
'this.removeProp=function() {return this; };' +
|
|
'this.replaceAll=function() {return this; };' +
|
|
'this.replaceWith=function() {return this; };' +
|
|
'this.resize=function() {return this; };' +
|
|
'this.scroll=function() {return this; };' +
|
|
'this.scrollLeft=function() {return this; };' +
|
|
'this.scrollTop=function() {return this; };' +
|
|
'this.select=function() {return this; };' +
|
|
'this.selector=function() {return this; };' +
|
|
'this.serialize=function() {return this; };' +
|
|
'this.serializeArray=function() {return this; };' +
|
|
'this.show=function() {return this; };' +
|
|
'this.siblings=function() {return this; };' +
|
|
'this.size=function() {return this; };' +
|
|
'this.slice=function() {return this; };' +
|
|
'this.slideDown=function() {return this; };' +
|
|
'this.slideToggle=function() {return this; };' +
|
|
'this.slideUp=function() {return this; };' +
|
|
'this.stop=function() {return this; };' +
|
|
'this.submit=function() {return this; };' +
|
|
'this.text=function() {return this; };' +
|
|
'this.toArray=function() {return this; };' +
|
|
'this.toggle=function() {return this; };' +
|
|
'this.toggle=function() {return this; };' +
|
|
'this.toggleClass=function() {return this; };' +
|
|
'this.trigger=function() {return this; };' +
|
|
'this.triggerHandler=function() {return this; };' +
|
|
'this.unbind=function() {return this; };' +
|
|
'this.undelegate=function() {return this; };' +
|
|
'this.unload=function() {return this; };' +
|
|
'this.unwrap=function() {return this; };' +
|
|
'this.val=function() {return this; };' +
|
|
'this.width=function() {return this; };' +
|
|
'this.wrap=function() {return this; };' +
|
|
'this.wrapAll=function() {return this; };' +
|
|
'this.wrapInner=function() {return this; };};};' +
|
|
'$.ajax=function() {return $;};' +
|
|
'$.ajaxPrefilter=function() {return $; };' +
|
|
'$.ajaxSetup=function() {return $; };' +
|
|
'$.ajaxTransport=function() {return $; };' +
|
|
'$.boxModel=function() {return $; };' +
|
|
'$.browser=function() {return $; };' +
|
|
'$.Callbacks=function() {return $; };' +
|
|
'$.contains=function() {return $; };' +
|
|
'$.cssHooks=function() {return $; };' +
|
|
'$.cssNumber=function() {return $; };' +
|
|
'$.data=function() {return $; };' +
|
|
'$.Deferred=function() {return $; };' +
|
|
'$.dequeue=function() {return $; };' +
|
|
'$.each=function() {return $; };' +
|
|
'$.error=function() {return $; };' +
|
|
'$.extend=function() {return $; };' +
|
|
'$.fnextend=function() {return $; };' +
|
|
'$.fxinterval=function() {return $; };' +
|
|
'$.fxoff=function() {return $; };' +
|
|
'$.get=function() {return $; };' +
|
|
'$.getJSON=function() {return $; };' +
|
|
'$.getScript=function() {return $; };' +
|
|
'$.globalEval=function() {return $; };' +
|
|
'$.grep=function() {return $; };' +
|
|
'$.hasData=function() {return $; };' +
|
|
'$.holdReady=function() {return $; };' +
|
|
'$.inArray=function() {return $; };' +
|
|
'$.isArray=function() {return $; };' +
|
|
'$.isEmptyObject=function() {return $; };' +
|
|
'$.isFunction=function() {return $; };' +
|
|
'$.isNumeric=function() {return $; };' +
|
|
'$.isPlainObject=function() {return $; };' +
|
|
'$.isWindow=function() {return $; };' +
|
|
'$.isXMLDoc=function() {return $; };' +
|
|
'$.makeArray=function() {return $; };' +
|
|
'$.map=function() {return $; };' +
|
|
'$.merge=function() {return $; };' +
|
|
'$.noConflict=function() {return $; };' +
|
|
'$.noop=function() {return $; };' +
|
|
'$.now=function() {return $; };' +
|
|
'$.param=function() {return $; };' +
|
|
'$.parseHTML=function() {return $; };' +
|
|
'$.parseJSON=function() {return $; };' +
|
|
'$.parseXML=function() {return $; };' +
|
|
'$.post=function() {return $; };' +
|
|
'$.proxy=function() {return $; };' +
|
|
'$.queue=function() {return $; };' +
|
|
'$.removeData=function() {return $; };' +
|
|
'$.sub=function() {return $; };' +
|
|
'$.support=function() {return $; };' +
|
|
'$.trim=function() {return $; };' +
|
|
'$.type=function() {return $; };' +
|
|
'$.unique=function() {return $; };' +
|
|
'$.when=function() {return $; };' +
|
|
'$.always=function() {return $; };' +
|
|
'$.done=function() {return $; };' +
|
|
'$.fail=function() {return $; };' +
|
|
'$.isRejected=function() {return $; };' +
|
|
'$.isResolved=function() {return $; };' +
|
|
'$.notify=function() {return $; };' +
|
|
'$.notifyWith=function() {return $; };' +
|
|
'$.pipe=function() {return $; };' +
|
|
'$.progress=function() {return $; };' +
|
|
'$.promise=function() {return $; };' +
|
|
'$.reject=function() {return $; };' +
|
|
'$.rejectWith=function() {return $; };' +
|
|
'$.resolve=function() {return $; };' +
|
|
'$.resolveWith=function() {return $; };' +
|
|
'$.state=function() {return $; };' +
|
|
'$.then=function() {return $; };' +
|
|
'$.currentTarget=function() {return $; };' +
|
|
'$.data=function() {return $; };' +
|
|
'$.delegateTarget=function() {return $; };' +
|
|
'$.isDefaultPrevented=function() {return $; };' +
|
|
'$.isImmediatePropagationStopped=function() {return $; };' +
|
|
'$.isPropagationStopped=function() {return $; };' +
|
|
'$.metaKey=function() {return $; };' +
|
|
'$.namespace=function() {return $; };' +
|
|
'$.pageX=function() {return $; };' +
|
|
'$.pageY=function() {return $; };' +
|
|
'$.preventDefault=function() {return $; };' +
|
|
'$.relatedTarget=function() {return $; };' +
|
|
'$.result=function() {return $; };' +
|
|
'$.stopImmediatePropagation=function() {return $; };' +
|
|
'$.stopPropagation=function() {return $; };' +
|
|
'$.target=function() {return $; };' +
|
|
'$.timeStamp=function() {return $; };' +
|
|
'$.type=function() {return $; };' +
|
|
'$.which=function() {return $; };' +
|
|
'' + s;
|
|
|
|
// add spoofigator
|
|
|
|
s = ' var navigator = ' +
|
|
'function() {' +
|
|
' this.geolocation=function() {' +
|
|
' this.getCurrentPosition=function() {' +
|
|
' this.coords = {latitude: "", longitude: ""};' +
|
|
' return this;' +
|
|
' };' +
|
|
' return this;' +
|
|
' };' +
|
|
' return this;' +
|
|
'};' + s;
|
|
|
|
sandBox.submit(scopejQuery(s), function(cls, message) {
|
|
if (cls) {
|
|
console.log(message.error);
|
|
workerError(message.error);
|
|
} else if (test) {
|
|
preview.open();
|
|
preview.write(libraryIncludes + editor.getValue() + iFrameScript);
|
|
codeStorage.updateStorage();
|
|
preview.close();
|
|
} else {
|
|
preview.open();
|
|
preview.write(libraryIncludes + editor.getValue());
|
|
codeStorage.updateStorage();
|
|
preview.close();
|
|
}
|
|
});
|
|
} else if (test) {
|
|
preview.open();
|
|
preview.write(libraryIncludes + editor.getValue() + iFrameScript);
|
|
codeStorage.updateStorage();
|
|
preview.close();
|
|
} else {
|
|
preview.open();
|
|
preview.write(libraryIncludes + editor.getValue());
|
|
codeStorage.updateStorage();
|
|
preview.close();
|
|
}
|
|
}
|
|
}
|
|
|
|
function updatePreview() {
|
|
editorValueForIFrame = editor.getValue();
|
|
var failedCommentTest = false;
|
|
var openingComments = editorValueForIFrame.match(/\<\!\-\-/gi);
|
|
var closingComments = editorValueForIFrame.match(/\-\-\>/gi);
|
|
if (
|
|
openingComments &&
|
|
(
|
|
!closingComments ||
|
|
openingComments.length > closingComments.length
|
|
)
|
|
) {
|
|
failedCommentTest = true;
|
|
}
|
|
|
|
if (failedCommentTest) {
|
|
editor.setValue(editor.getValue() + '-->');
|
|
editorValueForIFrame = editorValueForIFrame + '-->';
|
|
}
|
|
|
|
if (!editor.getValue().match(/\$\s*?\(\s*?\$\s*?\)/gi)) {
|
|
safeHTMLRun(false);
|
|
} else {
|
|
workerError('Unsafe $($)');
|
|
}
|
|
}
|
|
|
|
if (common.challengeType === '0') {
|
|
setTimeout(updatePreview, 300);
|
|
}
|
|
|
|
/**
|
|
* "post" methods
|
|
*/
|
|
|
|
/* eslint-disable no-unused-vars */
|
|
var testResults = [];
|
|
var postSuccess = function(data) {
|
|
/* eslint-enable no-unused-vars */
|
|
|
|
var testDoc = document.createElement('div');
|
|
$(testDoc).html(
|
|
"<div class='row'><div class='col-xs-2 text-center'>" +
|
|
"<i class='ion-checkmark-circled big-success-icon'></i></div>" +
|
|
"<div class='col-xs-10 test-output test-vertical-center wrappable'>" +
|
|
JSON.parse(data) +
|
|
'</div>'
|
|
);
|
|
|
|
$('#testSuite').append(testDoc);
|
|
testSuccess();
|
|
};
|
|
|
|
/* eslint-disable no-unused-vars */
|
|
var postError = function(data) {
|
|
/* eslint-enable no-unused-vars */
|
|
var testDoc = document.createElement('div');
|
|
|
|
$(testDoc).html(
|
|
"<div class='row'><div class='col-xs-2 text-center'>" +
|
|
"<i class='ion-close-circled big-error-icon'></i></div>" +
|
|
"<div class='col-xs-10 test-vertical-center test-output wrappable'>" +
|
|
JSON.parse(data) +
|
|
'</div>'
|
|
);
|
|
|
|
$('#testSuite').append(testDoc);
|
|
};
|
|
|
|
var goodTests = 0;
|
|
var testSuccess = function() {
|
|
goodTests++;
|
|
// test successful run show completion
|
|
if (goodTests === tests.length) {
|
|
return showCompletion();
|
|
}
|
|
};
|
|
|
|
function ctrlEnterClickHandler(e) {
|
|
// ctrl + enter or cmd + enter
|
|
if (e.metaKey && e.keyCode === 13 ||
|
|
e.ctrlKey && e.keyCode === 13) {
|
|
$('#complete-courseware-dialog').off('keydown', ctrlEnterClickHandler);
|
|
if ($('#submit-challenge').length > 0) {
|
|
$('#submit-challenge').click();
|
|
} else {
|
|
window.location = '/challenges/next-challenge?id=' + common.challengeId;
|
|
}
|
|
}
|
|
}
|
|
|
|
function showCompletion() {
|
|
if (isInitRun) {
|
|
isInitRun = false;
|
|
return;
|
|
}
|
|
|
|
var time = Math.floor(Date.now()) - window.started;
|
|
|
|
ga(
|
|
'send',
|
|
'event',
|
|
'Challenge',
|
|
'solved',
|
|
common.challengeName + ', Time: ' + time + ', Attempts: ' + attempts
|
|
);
|
|
var bonfireSolution = editor.getValue();
|
|
var didCompleteWith = $('#completed-with').val() || null;
|
|
|
|
$('#complete-courseware-dialog').modal('show');
|
|
$('#complete-courseware-dialog .modal-header').click();
|
|
|
|
$('#submit-challenge').click(function(e) {
|
|
e.preventDefault();
|
|
|
|
$('#submit-challenge')
|
|
.attr('disabled', 'true')
|
|
.removeClass('btn-primary')
|
|
.addClass('btn-warning disabled');
|
|
|
|
var $checkmarkContainer = $('#checkmark-container');
|
|
$checkmarkContainer.css({ height: $checkmarkContainer.innerHeight() });
|
|
|
|
$('#challenge-checkmark')
|
|
.addClass('zoomOutUp')
|
|
// .removeClass('zoomInDown')
|
|
.delay(1000)
|
|
.queue(function(next) {
|
|
$(this).replaceWith(
|
|
'<div id="challenge-spinner" ' +
|
|
'class="animated zoomInUp inner-circles-loader">' +
|
|
'submitting...</div>'
|
|
);
|
|
next();
|
|
});
|
|
|
|
$.post(
|
|
'/completed-bonfire/', {
|
|
challengeInfo: {
|
|
challengeId: common.challengeId,
|
|
challengeName: common.challengeName,
|
|
completedWith: didCompleteWith,
|
|
challengeType: common.challengeType,
|
|
solution: bonfireSolution
|
|
}
|
|
},
|
|
function(res) {
|
|
if (res) {
|
|
window.location =
|
|
'/challenges/next-challenge?id=' + common.challengeId;
|
|
}
|
|
}
|
|
);
|
|
});
|
|
}
|
|
|
|
/* eslint-disable no-unused-vars */
|
|
var resetEditor = function resetEditor() {
|
|
/* eslint-enable no-unused-vars */
|
|
|
|
editor.setValue(common.replaceSafeTags(common.seed));
|
|
$('#testSuite').empty();
|
|
bonfireExecute(true);
|
|
common.codeStorage.updateStorage();
|
|
};
|
|
|
|
var attempts = 0;
|
|
if (attempts) {
|
|
attempts = 0;
|
|
}
|
|
|
|
|
|
var userTests;
|
|
var testSalt = Math.random();
|
|
|
|
var scrapeTests = function(userJavaScript) {
|
|
|
|
// insert tests from mongo
|
|
for (var i = 0; i < tests.length; i++) {
|
|
userJavaScript += '\n' + tests[i];
|
|
}
|
|
|
|
var counter = 0;
|
|
var match = BDDregex.exec(userJavaScript);
|
|
|
|
while (match) {
|
|
var replacement = '//' + counter + testSalt;
|
|
userJavaScript = userJavaScript.substring(0, match.index) +
|
|
replacement +
|
|
userJavaScript.substring(match.index + match[0].length);
|
|
|
|
if (!userTests) {
|
|
userTests = [];
|
|
}
|
|
|
|
userTests.push({
|
|
'text': match[0],
|
|
'line': counter,
|
|
'err': null
|
|
});
|
|
|
|
counter++;
|
|
match = BDDregex.exec(userJavaScript);
|
|
}
|
|
|
|
return userJavaScript;
|
|
};
|
|
|
|
function removeComments(userJavaScript) {
|
|
var regex = new RegExp(/(\/\*[^(\*\/)]*\*\/)|([ \n]\/\/[^\n]*)/g);
|
|
return userJavaScript.replace(regex, '');
|
|
}
|
|
|
|
function removeLogs(userJavaScript) {
|
|
return userJavaScript.replace(/(console\.[\w]+\s*\(.*\;)/g, '');
|
|
}
|
|
|
|
var pushed = false;
|
|
var createTestDisplay = function() {
|
|
if (pushed) {
|
|
userTests.pop();
|
|
}
|
|
for (var i = 0; i < userTests.length; i++) {
|
|
var didTestPass = !userTests[i].err;
|
|
var testText = userTests[i].text
|
|
.split('message: ')
|
|
.pop()
|
|
.replace(/\'\);/g, '');
|
|
|
|
var testDoc = document.createElement('div');
|
|
|
|
var iconClass = didTestPass ?
|
|
'"ion-checkmark-circled big-success-icon"' :
|
|
'"ion-close-circled big-error-icon"';
|
|
|
|
$(testDoc).html(
|
|
"<div class='row'><div class='col-xs-2 text-center'><i class=" +
|
|
iconClass +
|
|
"></i></div><div class='col-xs-10 test-output wrappable'>" +
|
|
testText +
|
|
"</div><div class='ten-pixel-break'/>"
|
|
)
|
|
.appendTo($('#testSuite'));
|
|
}
|
|
};
|
|
|
|
(function(win, chai) {
|
|
if (!chai) {
|
|
return;
|
|
}
|
|
win.expect = chai.expect;
|
|
win.assert = chai.assert;
|
|
win.should = chai.should();
|
|
|
|
}(window, window.chai));
|
|
|
|
|
|
var reassembleTest = function(test, data) {
|
|
var lineNum = test.line;
|
|
var regexp = new RegExp('\/\/' + lineNum + testSalt);
|
|
return data.input.replace(regexp, test.text);
|
|
};
|
|
|
|
var runTests = function(err, data) {
|
|
var head = common.arrayToNewLineString(common.head);
|
|
var tail = common.arrayToNewLineString(common.tail);
|
|
|
|
var editorValue = head + editor.getValue() + tail;
|
|
// userTests = userTests ? null : [];
|
|
var allTestsPassed = true;
|
|
pushed = false;
|
|
$('#testSuite').children().remove();
|
|
if (err && userTests.length > 0) {
|
|
userTests = [{
|
|
text: 'Program Execution Failure',
|
|
err: 'No user tests were run.'
|
|
}];
|
|
createTestDisplay();
|
|
|
|
// Add blocks to test exploits here!
|
|
} else if (editorValue.match(/if\s\(null\)\sconsole\.log\(1\);/gi)) {
|
|
allTestsPassed = false;
|
|
userTests = [{
|
|
text: 'Program Execution Failure',
|
|
err: 'Invalid if (null) console.log(1); detected'
|
|
}];
|
|
createTestDisplay();
|
|
} else if (userTests) {
|
|
userTests.push(false);
|
|
pushed = true;
|
|
userTests.forEach(function(
|
|
chaiTestFromJSON,
|
|
indexOfTestArray,
|
|
__testArray
|
|
) {
|
|
try {
|
|
if (chaiTestFromJSON) {
|
|
/* eslint-disable no-eval, no-unused-vars */
|
|
var output = eval(reassembleTest(chaiTestFromJSON, data));
|
|
/* eslint-enable no-eval, no-unused-vars */
|
|
}
|
|
} catch (error) {
|
|
allTestsPassed = false;
|
|
__testArray[indexOfTestArray].err = error.message;
|
|
} finally {
|
|
if (!chaiTestFromJSON) {
|
|
createTestDisplay();
|
|
}
|
|
}
|
|
});
|
|
|
|
if (allTestsPassed) {
|
|
allTestsPassed = false;
|
|
showCompletion();
|
|
} else {
|
|
isInitRun = false;
|
|
}
|
|
}
|
|
};
|
|
|
|
// step challenge
|
|
common.init.push((function() {
|
|
var stepClass = '.challenge-step';
|
|
var prevBtnClass = '.challenge-step-btn-prev';
|
|
var nextBtnClass = '.challenge-step-btn-next';
|
|
var actionBtnClass = '.challenge-step-btn-action';
|
|
var finishBtnClass = '.challenge-step-btn-finish';
|
|
var submitBtnId = '#challenge-step-btn-submit';
|
|
var submitModalId = '#challenge-step-modal';
|
|
|
|
function getPreviousStep($challengeSteps) {
|
|
var $prevStep = false;
|
|
var prevStepIndex = 0;
|
|
$challengeSteps.each(function(index) {
|
|
var $step = $(this);
|
|
if (
|
|
!$step.hasClass('hidden')
|
|
) {
|
|
prevStepIndex = index - 1;
|
|
}
|
|
});
|
|
|
|
$prevStep = $challengeSteps[prevStepIndex];
|
|
|
|
return $prevStep;
|
|
}
|
|
|
|
function getNextStep($challengeSteps) {
|
|
var length = $challengeSteps.length;
|
|
var $nextStep = false;
|
|
var nextStepIndex = 0;
|
|
$challengeSteps.each(function(index) {
|
|
var $step = $(this);
|
|
if (
|
|
!$step.hasClass('hidden') &&
|
|
index + 1 !== length
|
|
) {
|
|
nextStepIndex = index + 1;
|
|
}
|
|
});
|
|
|
|
$nextStep = $challengeSteps[nextStepIndex];
|
|
|
|
return $nextStep;
|
|
}
|
|
|
|
function handlePrevStepClick(e) {
|
|
e.preventDefault();
|
|
var prevStep = getPreviousStep($(stepClass));
|
|
$(this)
|
|
.parent().parent()
|
|
.removeClass('fadeOutLeft')
|
|
.addClass('animated fadeOutRight fast-animation')
|
|
.delay(250)
|
|
.queue(function(prev) {
|
|
$(this).addClass('hidden');
|
|
if (prevStep) {
|
|
$(prevStep)
|
|
.removeClass('hidden')
|
|
.removeClass('slideInRight')
|
|
.addClass('animated slideInLeft fast-animation')
|
|
.delay(500)
|
|
.queue(function(prev) {
|
|
prev();
|
|
});
|
|
}
|
|
prev();
|
|
});
|
|
}
|
|
|
|
function handleNextStepClick(e) {
|
|
e.preventDefault();
|
|
var nextStep = getNextStep($(stepClass));
|
|
$(this)
|
|
.parent().parent()
|
|
.removeClass('fadeOutRight')
|
|
.addClass('animated fadeOutLeft fast-animation')
|
|
.delay(250)
|
|
.queue(function(next) {
|
|
$(this).addClass('hidden');
|
|
if (nextStep) {
|
|
$(nextStep)
|
|
.removeClass('hidden')
|
|
.removeClass('slideInLeft')
|
|
.addClass('animated slideInRight fast-animation')
|
|
.delay(500)
|
|
.queue(function(next) {
|
|
next();
|
|
});
|
|
}
|
|
next();
|
|
});
|
|
}
|
|
|
|
function handleActionClick(e) {
|
|
var props = common.challengeSeed[0] ||
|
|
{ stepIndex: [] };
|
|
|
|
var $el = $(this);
|
|
var index = +$el.attr('id');
|
|
var propIndex = props.stepIndex.indexOf(index);
|
|
|
|
if (propIndex === -1) {
|
|
return $el
|
|
.parent()
|
|
.find('.disabled')
|
|
.removeClass('disabled');
|
|
}
|
|
|
|
// an API action
|
|
// prevent link from opening
|
|
e.preventDefault();
|
|
var prop = props.properties[propIndex];
|
|
var api = props.apis[propIndex];
|
|
if (common[prop]) {
|
|
return $el
|
|
.parent()
|
|
.find('.disabled')
|
|
.removeClass('disabled');
|
|
}
|
|
$
|
|
.post(api)
|
|
.done(function(data) {
|
|
// assume a boolean indicates passing
|
|
if (typeof data === 'boolean') {
|
|
return $el
|
|
.parent()
|
|
.find('.disabled')
|
|
.removeClass('disabled');
|
|
}
|
|
// assume api returns string when fails
|
|
$el
|
|
.parent()
|
|
.find('.disabled')
|
|
.replaceWith('<p>' + data + '</p>');
|
|
})
|
|
.fail(function() {
|
|
console.log('failed');
|
|
});
|
|
}
|
|
|
|
function handleFinishClick(e) {
|
|
e.preventDefault();
|
|
$(submitModalId).modal('show');
|
|
$(submitModalId + '.modal-header').click();
|
|
$(submitBtnId).click(handleSubmitClick);
|
|
}
|
|
|
|
function handleSubmitClick(e) {
|
|
e.preventDefault();
|
|
|
|
$('#submit-challenge')
|
|
.attr('disabled', 'true')
|
|
.removeClass('btn-primary')
|
|
.addClass('btn-warning disabled');
|
|
|
|
var $checkmarkContainer = $('#checkmark-container');
|
|
$checkmarkContainer.css({ height: $checkmarkContainer.innerHeight() });
|
|
|
|
$('#challenge-checkmark')
|
|
.addClass('zoomOutUp')
|
|
.delay(1000)
|
|
.queue(function(next) {
|
|
$(this).replaceWith(
|
|
'<div id="challenge-spinner" ' +
|
|
'class="animated zoomInUp inner-circles-loader">' +
|
|
'submitting...</div>'
|
|
);
|
|
next();
|
|
});
|
|
|
|
$.post(
|
|
'/completed-bonfire/', {
|
|
challengeInfo: {
|
|
challengeId: common.challengeId,
|
|
challengeName: common.challengeName,
|
|
challengeType: common.challengeType
|
|
}
|
|
},
|
|
function(res) {
|
|
if (res) {
|
|
window.location =
|
|
'/challenges/next-challenge?id=' + common.challengeId;
|
|
}
|
|
}
|
|
);
|
|
}
|
|
|
|
return function($) {
|
|
$(prevBtnClass).click(handlePrevStepClick);
|
|
$(nextBtnClass).click(handleNextStepClick);
|
|
$(actionBtnClass).click(handleActionClick);
|
|
$(finishBtnClass).click(handleFinishClick);
|
|
};
|
|
}(window.$)));
|
|
|
|
function bonfireExecute(shouldTest) {
|
|
var head = common.arrayToNewLineString(common.head);
|
|
var tail = common.arrayToNewLineString(common.tail);
|
|
var codeOutput = common.codeOutput;
|
|
initPreview = false;
|
|
goodTests = 0;
|
|
attempts++;
|
|
ga('send', 'event', 'Challenge', 'ran-code', common.challengeName);
|
|
userTests = null;
|
|
$('#testSuite').empty();
|
|
|
|
if (
|
|
common.challengeType !== '0' &&
|
|
!editor.getValue().match(/\$\s*?\(\s*?\$\s*?\)/gi)
|
|
) {
|
|
var userJavaScript = head + editor.getValue() + tail;
|
|
var failedCommentTest = false;
|
|
|
|
var openingComments = userJavaScript.match(/\/\*/gi);
|
|
// checks if the number of opening comments(/*) matches the number of
|
|
// closing comments(*/)
|
|
if (
|
|
openingComments &&
|
|
openingComments.length > userJavaScript.match(/\*\//gi).length
|
|
) {
|
|
failedCommentTest = true;
|
|
}
|
|
|
|
userJavaScript = removeComments(userJavaScript);
|
|
userJavaScript = scrapeTests(userJavaScript);
|
|
// simple fix in case the user forgets to invoke their function
|
|
|
|
if (userJavaScript.match(/function/gi)) {
|
|
if (userJavaScript.match(/function\s*?\(|function\s+\w+\s*?\(/gi)) {
|
|
sandBox.submit(userJavaScript, function(cls, message) {
|
|
if (failedCommentTest) {
|
|
editor.setValue(editor.getValue() + '*/');
|
|
console.log('Caught Unfinished Comment');
|
|
codeOutput.setValue('Unfinished multi-line comment');
|
|
failedCommentTest = false;
|
|
} else if (cls) {
|
|
codeOutput.setValue(message.error);
|
|
if (shouldTest) {
|
|
runTests('Error', null);
|
|
}
|
|
} else {
|
|
codeOutput.setValue(message.output);
|
|
codeOutput.setValue(codeOutput.getValue().replace(/\\\"/gi, ''));
|
|
message.input = removeLogs(message.input);
|
|
if (shouldTest) {
|
|
runTests(null, message);
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
codeOutput.setValue('Unsafe or unfinished function declaration');
|
|
}
|
|
} else {
|
|
sandBox.submit(userJavaScript, function(cls, message) {
|
|
|
|
if (failedCommentTest) {
|
|
editor.setValue(editor.getValue() + '*/');
|
|
console.log('Caught Unfinished Comment');
|
|
codeOutput.setValue('Unfinished mulit-line comment');
|
|
failedCommentTest = false;
|
|
} else if (cls) {
|
|
codeOutput.setValue(message.error);
|
|
if (shouldTest) {
|
|
runTests('Error', null);
|
|
}
|
|
} else {
|
|
codeOutput.setValue(message.output);
|
|
codeOutput.setValue(codeOutput.getValue().replace(/\\\"/gi, ''));
|
|
message.input = removeLogs(message.input);
|
|
|
|
if (shouldTest) {
|
|
runTests(null, message);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
} else {
|
|
|
|
editorValueForIFrame = editor.getValue();
|
|
|
|
if (failedCommentTest) {
|
|
editor.setValue(editor.getValue() + '-->');
|
|
editorValueForIFrame = editorValueForIFrame + '-->';
|
|
}
|
|
if (
|
|
!editor.getValue().match(/\$\s*?\(\s*?\$\s*?\)/gi) &&
|
|
common.challengeType === '0'
|
|
) {
|
|
safeHTMLRun(shouldTest);
|
|
} else {
|
|
workerError('Unsafe $($)');
|
|
}
|
|
}
|
|
setTimeout(function() {
|
|
var $marginFix = $('.innerMarginFix');
|
|
$marginFix.css('min-height', $marginFix.height());
|
|
}, 1000);
|
|
}
|
|
|
|
$('#submitButton').on('click', function() {
|
|
isInitRun = false;
|
|
bonfireExecute(true);
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
|
|
common.init.forEach(function(init) {
|
|
init($);
|
|
});
|
|
|
|
// init modal keybindings on open
|
|
$('#complete-courseware-dialog').on('shown.bs.modal', function() {
|
|
$('#complete-courseware-dialog').keydown(ctrlEnterClickHandler);
|
|
});
|
|
|
|
// remove modal keybinds on close
|
|
$('#complete-courseware-dialog').on('hidden.bs.modal', function() {
|
|
$('#complete-courseware-dialog').off('keydown', ctrlEnterClickHandler);
|
|
});
|
|
|
|
var $preview = $('#preview');
|
|
isInitRun = true;
|
|
|
|
if (typeof $preview.html() !== 'undefined') {
|
|
$preview.load(function() {
|
|
if (initPreview) {
|
|
bonfireExecute(true);
|
|
}
|
|
});
|
|
} else if (
|
|
common.challengeType !== '2' &&
|
|
common.challengeType !== '3' &&
|
|
common.challengeType !== '4' &&
|
|
common.challengeType !== '7'
|
|
) {
|
|
bonfireExecute(true);
|
|
}
|
|
|
|
});
|