Files
freeCodeCamp/client/commonFramework/update-preview.js
Berkeley Martinez 6638412cc3 Preview tests now run correctly
Pulling jQuery from the parent frame
2015-11-29 16:28:32 -08:00

58 lines
1.5 KiB
JavaScript

window.common = (function(global) {
const {
Rx: { Observable },
common = { init: [] }
} = global;
var libraryIncludes = `
<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'
/>
<script src='https://cdn.jsdelivr.net/jquery/1.9.0/jquery.js'></script>
<style>
body { padding: 0px 3px 0px 3px; }
</style>
`;
const iFrameScript$ =
common.getScriptContent$('/js/iFrameScripts.js').shareReplay();
// runPreviewTests$ should be set up in the preview window
common.runPreviewTests$ =
() => Observable.throw({ err: new Error('run preview not enabled') });
common.updatePreview$ = function updatePreview$(code = '') {
const previewFrame = document.getElementById('preview');
const preview = previewFrame.contentDocument ||
previewFrame.contentWindow.document;
if (!preview) {
return Observable.just(code);
}
return iFrameScript$
.map(script => `<script>${script}</script>`)
.flatMap(script => {
preview.open();
preview.write(libraryIncludes + code + script);
preview.close();
return Observable.fromCallback($(preview).ready, $(preview))()
.first()
// delay is need here for first initial run
.delay(50);
})
.map(() => code);
};
return common;
}(window));