2015-08-27 07:02:07 +00:00
|
|
|
$(document).ready(function() {
|
2015-11-20 05:51:38 +00:00
|
|
|
const common = window.common;
|
|
|
|
const { Observable } = window.Rx;
|
|
|
|
const { challengeName, challengeType, challengeTypes } = common;
|
2015-09-10 01:59:56 +00:00
|
|
|
|
2015-09-27 22:58:59 +00:00
|
|
|
common.init.forEach(function(init) {
|
|
|
|
init($);
|
|
|
|
});
|
|
|
|
|
2015-11-24 22:27:32 +00:00
|
|
|
if (common.editor.getValue) {
|
|
|
|
const code$ = common.editorKeyUp$
|
|
|
|
.debounce(750)
|
|
|
|
.map(() => common.editor.getValue())
|
|
|
|
.distinctUntilChanged()
|
|
|
|
.shareReplay();
|
2015-11-24 07:47:14 +00:00
|
|
|
|
2015-11-24 22:27:32 +00:00
|
|
|
// update storage
|
|
|
|
code$.subscribe(
|
|
|
|
code => {
|
|
|
|
common.codeStorage.updateStorage(common.challengeName, code);
|
|
|
|
common.codeUri.querify(code);
|
|
|
|
},
|
|
|
|
err => console.error(err)
|
|
|
|
);
|
2015-11-20 05:51:38 +00:00
|
|
|
|
2015-11-24 22:27:32 +00:00
|
|
|
code$
|
|
|
|
.flatMap(code => {
|
|
|
|
if (common.hasJs(code)) {
|
|
|
|
return common.detectUnsafeCode$(code)
|
|
|
|
.flatMap(code => common.detectLoops$(code))
|
|
|
|
.flatMap(
|
|
|
|
({ err }) => err ? Observable.throw(err) : Observable.just(code)
|
|
|
|
);
|
2015-11-24 07:47:14 +00:00
|
|
|
}
|
2015-11-24 22:27:32 +00:00
|
|
|
return Observable.just(code);
|
|
|
|
})
|
|
|
|
.flatMap(code => common.updatePreview$(code))
|
|
|
|
.catch(err => Observable.just({ err }))
|
|
|
|
.subscribe(
|
|
|
|
({ err }) => {
|
|
|
|
if (err) {
|
|
|
|
return console.error(err);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
err => console.error(err)
|
|
|
|
);
|
|
|
|
}
|
2015-11-24 07:47:14 +00:00
|
|
|
|
2015-11-20 05:51:38 +00:00
|
|
|
common.resetBtn$
|
|
|
|
.doOnNext(() => {
|
|
|
|
common.editor.setValue(common.replaceSafeTags(common.seed));
|
|
|
|
})
|
|
|
|
.flatMap(() => {
|
|
|
|
return common.executeChallenge$();
|
|
|
|
})
|
|
|
|
.subscribe(
|
|
|
|
({ output, original }) => {
|
|
|
|
common.codeStorage.updateStorage(challengeName, original);
|
|
|
|
common.updateOutputDisplay('' + output);
|
|
|
|
},
|
|
|
|
({ err }) => {
|
2015-11-22 04:56:05 +00:00
|
|
|
if (err.stack) {
|
|
|
|
console.error(err);
|
|
|
|
}
|
2015-11-20 05:51:38 +00:00
|
|
|
common.updateOutputDisplay('' + err);
|
|
|
|
}
|
|
|
|
);
|
|
|
|
|
2015-11-22 03:48:24 +00:00
|
|
|
Observable.merge(
|
|
|
|
common.editorExecute$,
|
|
|
|
common.submitBtn$
|
|
|
|
)
|
2015-11-20 05:51:38 +00:00
|
|
|
.flatMap(() => {
|
2015-11-22 03:48:24 +00:00
|
|
|
common.appendToOutputDisplay('\n// testing challenge...');
|
2015-11-22 04:56:05 +00:00
|
|
|
return common.executeChallenge$()
|
|
|
|
.map(({ tests, ...rest }) => {
|
|
|
|
const solved = tests.every(test => !test.err);
|
|
|
|
return { ...rest, tests, solved };
|
|
|
|
})
|
|
|
|
.catch(err => Observable.just(err));
|
2015-11-22 03:48:24 +00:00
|
|
|
})
|
2015-11-20 05:51:38 +00:00
|
|
|
.subscribe(
|
2015-11-22 04:56:05 +00:00
|
|
|
({ err, solved, output, tests }) => {
|
|
|
|
if (err) {
|
|
|
|
console.error(err);
|
2015-11-24 01:50:09 +00:00
|
|
|
if (common.challengeType === common.challengeTypes.HTML) {
|
|
|
|
return common.updatePreview$(`
|
|
|
|
<h1>${err}</h1>
|
|
|
|
`).subscribe(() => {});
|
|
|
|
}
|
2015-11-22 04:56:05 +00:00
|
|
|
return common.updateOutputDisplay('' + err);
|
|
|
|
}
|
2015-11-20 05:51:38 +00:00
|
|
|
common.updateOutputDisplay(output);
|
2015-11-21 22:44:33 +00:00
|
|
|
common.displayTestResults(tests);
|
2015-11-22 03:48:24 +00:00
|
|
|
if (solved) {
|
|
|
|
common.showCompletion();
|
|
|
|
}
|
2015-11-22 04:56:05 +00:00
|
|
|
},
|
2015-11-24 01:50:09 +00:00
|
|
|
({ err }) => {
|
2015-11-22 04:56:05 +00:00
|
|
|
console.error(err);
|
|
|
|
common.updateOutputDisplay('' + err);
|
2015-11-20 05:51:38 +00:00
|
|
|
}
|
|
|
|
);
|
|
|
|
|
2015-11-24 21:48:14 +00:00
|
|
|
// initial challenge run to populate tests
|
2015-11-23 03:42:53 +00:00
|
|
|
if (challengeType === challengeTypes.HTML) {
|
|
|
|
var $preview = $('#preview');
|
|
|
|
return Observable.fromCallback($preview.ready, $preview)()
|
|
|
|
.delay(500)
|
|
|
|
.flatMap(() => common.executeChallenge$())
|
2015-11-24 21:48:14 +00:00
|
|
|
.catch(err => Observable.just({ err }))
|
2015-11-23 03:42:53 +00:00
|
|
|
.subscribe(
|
2015-11-24 01:50:09 +00:00
|
|
|
({ err, tests }) => {
|
|
|
|
if (err) {
|
|
|
|
console.error(err);
|
|
|
|
if (common.challengeType === common.challengeTypes.HTML) {
|
|
|
|
return common.updatePreview$(`
|
|
|
|
<h1>${err}</h1>
|
|
|
|
`).subscribe(() => {});
|
|
|
|
}
|
|
|
|
return common.updateOutputDisplay('' + err);
|
|
|
|
}
|
2015-11-23 03:42:53 +00:00
|
|
|
common.displayTestResults(tests);
|
|
|
|
},
|
|
|
|
({ err }) => {
|
|
|
|
console.error(err);
|
|
|
|
}
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (
|
|
|
|
challengeType === challengeTypes.BONFIRE &&
|
|
|
|
challengeType === challengeTypes.JS
|
2015-11-09 04:04:43 +00:00
|
|
|
) {
|
2015-11-22 05:17:39 +00:00
|
|
|
Observable.just({})
|
|
|
|
.delay(500)
|
|
|
|
.flatMap(() => common.executeChallenge$())
|
2015-11-20 05:51:38 +00:00
|
|
|
.subscribe(
|
2015-11-22 03:48:24 +00:00
|
|
|
({ original, tests }) => {
|
2015-11-20 05:51:38 +00:00
|
|
|
common.codeStorage.updateStorage(challengeName, original);
|
2015-11-22 03:48:24 +00:00
|
|
|
common.displayTestResults(tests);
|
2015-11-20 05:51:38 +00:00
|
|
|
},
|
|
|
|
({ err }) => {
|
|
|
|
if (err.stack) {
|
|
|
|
console.error(err);
|
|
|
|
}
|
|
|
|
common.updateOutputDisplay('' + err);
|
|
|
|
}
|
|
|
|
);
|
2015-08-27 07:15:13 +00:00
|
|
|
}
|
2015-08-23 20:59:29 +00:00
|
|
|
});
|