2e410330f1
* fix(files): Decouple files from challenges * feat(server/react): Remove action logger use redux remote devtools instead! * feat(Challenges): Disable js on edit, enable on execute * feat(Challenge/Preview): Show message when js is disabled * refactor(frameEpic): Reduce code by using lodash * feat(frameEpic): Disable js in preview by state * feat(frameEpic): Colocate epic in Challenges/redux * refactor(ExecuteChallengeEpic): CoLocated with Challenges * refactor(executeChallengesEpic): Separate tests from main logic * feat(Challenge/Preview): Update main on edit * feat(frameEpuc): Replace frame on edit/execute This allows for sandbox to work properly * fix(Challenges/Utils): Require utisl * revert(frameEpic): Hoist function to mount code in frame * fix(frameEpic): Ensure new frame is given classname * feat(executeChallenge): Update main on code unlocked * fix(frameEpic): Filter out empty test message * fix(Challenge/Preview): Remove unnessary quote in classname * feat(codeStorageEpic): Separate localstorage from solutions loading * fix(fetchUser): Merge user actions into one prefer many effects from one action over one action to one effect * fix(themes): Centralize theme utils and defs * fix(entities.user): Fix user reducer namespacing * feat(frame): Refactor frameEpic to util * feat(Challenges.redux): Should not attempt to update main from storage * fix(loadPreviousChallengeEpic): Refactor for RFR * fix(Challenges.Modern): Show preview plane
61 lines
1.5 KiB
JavaScript
61 lines
1.5 KiB
JavaScript
import { Observable } from 'rx';
|
|
import { getValues } from 'redux-form';
|
|
import identity from 'lodash/identity';
|
|
|
|
import { fetchScript } from './fetch-and-cache.js';
|
|
import throwers from '../rechallenge/throwers';
|
|
import {
|
|
applyTransformers,
|
|
proxyLoggerTransformer
|
|
} from '../rechallenge/transformers';
|
|
import {
|
|
cssToHtml,
|
|
jsToHtml,
|
|
concactHtml
|
|
} from '../rechallenge/builders.js';
|
|
import {
|
|
createFileStream,
|
|
pipe
|
|
} from '../../../../utils/polyvinyl.js';
|
|
|
|
|
|
const jQuery = {
|
|
src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'
|
|
};
|
|
const frameRunner = {
|
|
src: '/js/frame-runner.js',
|
|
crossDomain: false,
|
|
cacheBreaker: true
|
|
};
|
|
const globalRequires = [
|
|
{
|
|
link: 'https://cdnjs.cloudflare.com/' +
|
|
'ajax/libs/normalize/4.2.0/normalize.min.css'
|
|
},
|
|
jQuery
|
|
];
|
|
|
|
export function buildFromFiles(files, required, shouldProxyConsole) {
|
|
const finalRequires = [...globalRequires, ...required ];
|
|
return createFileStream(files)
|
|
::pipe(throwers)
|
|
::pipe(applyTransformers)
|
|
::pipe(shouldProxyConsole ? proxyLoggerTransformer : identity)
|
|
::pipe(jsToHtml)
|
|
::pipe(cssToHtml)
|
|
::concactHtml(finalRequires, frameRunner);
|
|
}
|
|
|
|
export function buildBackendChallenge(state) {
|
|
const { solution: url } = getValues(state.form.BackEndChallenge);
|
|
return Observable.combineLatest(
|
|
fetchScript(frameRunner),
|
|
fetchScript(jQuery)
|
|
)
|
|
.map(([ frameRunner, jQuery ]) => ({
|
|
build: jQuery + frameRunner,
|
|
source: { url },
|
|
checkChallengePayload: { solution: url }
|
|
}));
|
|
}
|