62 lines
1.9 KiB
JavaScript
62 lines
1.9 KiB
JavaScript
const PropTypes = require("prop-types");
|
|
|
|
const e = require("./utils/createElement");
|
|
const x = require("./utils/createScript");
|
|
|
|
function MainPage({ title, description, scripts, styles, content }) {
|
|
return e(
|
|
"html",
|
|
{ lang: "en" },
|
|
e(
|
|
"head",
|
|
null,
|
|
e("meta", { charSet: "utf-8" }),
|
|
e("title", null, title),
|
|
e("meta", { httpEquiv: "X-UA-Compatible", content: "IE=edge,chrome=1" }),
|
|
e("meta", { name: "description", content: description }),
|
|
e("meta", {
|
|
name: "viewport",
|
|
content: "width=device-width,initial-scale=1,maximum-scale=1"
|
|
}),
|
|
e("meta", { name: "timestamp", content: new Date().toISOString() }),
|
|
e("link", { rel: "shortcut icon", href: "/favicon.ico" }),
|
|
x(
|
|
"window.Promise || document.write('\\x3Cscript src=\"/_polyfills/es6-promise.min.js\">\\x3C/script>\\x3Cscript>ES6Promise.polyfill()\\x3C/script>')"
|
|
),
|
|
x(
|
|
"window.fetch || document.write('\\x3Cscript src=\"/_polyfills/fetch.min.js\">\\x3C/script>')"
|
|
),
|
|
e("script", { src: "/react@16.4.1/umd/react.production.min.js" }),
|
|
e("script", { src: "/react-dom@16.4.1/umd/react-dom.production.min.js" }),
|
|
e("script", {
|
|
src: "/react-router-dom@4.3.1/umd/react-router-dom.min.js"
|
|
}),
|
|
styles.map(s => e("link", { key: s, rel: "stylesheet", href: s }))
|
|
),
|
|
e(
|
|
"body",
|
|
null,
|
|
e("div", { id: "root", dangerouslySetInnerHTML: { __html: content } }),
|
|
scripts.map(s => e("script", { key: s, src: s }))
|
|
)
|
|
);
|
|
}
|
|
|
|
MainPage.propTypes = {
|
|
title: PropTypes.string,
|
|
description: PropTypes.string,
|
|
scripts: PropTypes.arrayOf(PropTypes.string),
|
|
styles: PropTypes.arrayOf(PropTypes.string),
|
|
content: PropTypes.string
|
|
};
|
|
|
|
MainPage.defaultProps = {
|
|
title: "UNPKG",
|
|
description: "The CDN for everything on npm",
|
|
scripts: [],
|
|
styles: [],
|
|
content: ""
|
|
};
|
|
|
|
module.exports = MainPage;
|