186526
/
unpkg
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
unpkg/modules/client/MainPage.js

73 lines
1.9 KiB
JavaScript
Raw Normal View History

Experimental port to Firebase hosting
2019-01-06 00:50:05 +00:00
import React from 'react';
import PropTypes from 'prop-types';
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
Experimental port to Firebase hosting
2019-01-06 00:50:05 +00:00
import createHTML from './utils/createHTML';
import x from './utils/execScript';
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
Experimental port to Firebase hosting
2019-01-06 00:50:05 +00:00
export default function MainPage({
title,
description,
favicon,
scripts,
styles,
data,
content
}) {
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
return (
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" />
Experimental port to Firebase hosting
2019-01-06 00:50:05 +00:00
{description && <meta name="description" content={description} />}
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
<meta
name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1"
/>
<meta name="timestamp" content={new Date().toISOString()} />
Experimental port to Firebase hosting
2019-01-06 00:50:05 +00:00
{favicon && <link rel="shortcut icon" href={favicon} />}
Use single quotes :P
2018-12-17 17:38:05 +00:00
{styles.map(s => (
<link key={s} rel="stylesheet" href={s} />
))}
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
{x(
Use single quotes :P
2018-12-17 17:38:05 +00:00
'window.Promise || document.write(\'\\x3Cscript src="/_polyfills/es6-promise.min.js">\\x3C/script>\\x3Cscript>ES6Promise.polyfill()\\x3C/script>\')'
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
)}
{x(
Use single quotes :P
2018-12-17 17:38:05 +00:00
'window.fetch || document.write(\'\\x3Cscript src="/_polyfills/fetch.min.js">\\x3C/script>\')'
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
)}
{x(`window.__DATA__ = ${JSON.stringify(data)}`)}
<title>{title}</title>
</head>
<body>
Use special type for HTML
2018-07-31 22:34:34 +00:00
<div id="root" dangerouslySetInnerHTML={content} />
Use single quotes :P
2018-12-17 17:38:05 +00:00
{scripts.map(s => (
<script key={s} src={s} />
))}
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
</body>
</html>
);
}
Experimental port to Firebase hosting
2019-01-06 00:50:05 +00:00
MainPage.defaultProps = {
title: 'UNPKG',
description: 'The CDN for everything on npm',
favicon: '/favicon.ico',
scripts: [],
styles: [],
data: {},
content: createHTML('')
};
Use special type for HTML
2018-07-31 22:34:34 +00:00
const htmlType = PropTypes.shape({
__html: PropTypes.string
});
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
MainPage.propTypes = {
title: PropTypes.string,
description: PropTypes.string,
Experimental port to Firebase hosting
2019-01-06 00:50:05 +00:00
favicon: PropTypes.string,
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
scripts: PropTypes.arrayOf(PropTypes.string),
styles: PropTypes.arrayOf(PropTypes.string),
data: PropTypes.any,
Use special type for HTML
2018-07-31 22:34:34 +00:00
content: htmlType
Server render auto-index pages Also, load the autoIndex bundle on the client so we can use React instead of using an inline script.
2018-07-31 17:07:27 +00:00
};