mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
Oliver Eyton-Williams
45 lines
1.4 KiB
TypeScript
45 lines
1.4 KiB
TypeScript
import { template as _template } from 'lodash-es';
|
|
|
|
interface ConcatHTMLOptions {
|
|
required?: { src?: string; link?: string }[];
|
|
template?: string;
|
|
contents?: string;
|
|
testRunner?: string;
|
|
}
|
|
|
|
export function concatHtml({
|
|
required = [],
|
|
template,
|
|
contents
|
|
}: ConcatHTMLOptions): string {
|
|
const embedSource = template
|
|
? _template(template)
|
|
: ({ source }: { source: ConcatHTMLOptions['contents'] }) => source;
|
|
const head = required
|
|
.map(({ link, src }) => {
|
|
if (link && src) {
|
|
throw new Error(`
|
|
A required file can not have both a src and a link: src = ${src}, link = ${link}
|
|
`);
|
|
}
|
|
if (src) {
|
|
return `<script src='${src}' type='text/javascript'></script>`;
|
|
}
|
|
if (link) {
|
|
return `<link href='${link}' rel='stylesheet' />`;
|
|
}
|
|
return '';
|
|
})
|
|
.join('\n');
|
|
|
|
return `<head>${head}</head>${embedSource({ source: contents }) || ''}`;
|
|
}
|
|
|
|
export function createPythonTerminal(pythonRunnerSrc: string): string {
|
|
const head =
|
|
'<head><style>#terminal { margin-top: 10px; width: 100%; height: 350px; background-color: #000; color: #00ff00; padding: 5px; overflow: auto; border: 1px solid #ccc; border-radius: 3px; }</style></head>';
|
|
|
|
const body = `<body><div id='terminal'></div><script src='${pythonRunnerSrc}' type='text/javascript'></script></body>`;
|
|
return `<html>${head}${body}</html>`;
|
|
}
|