Rename server => modules

2018-07-31 10:13:26 -07:00
parent 135da0fdc5
commit bef8b2ebee
104 changed files with 13 additions and 13 deletions
--- a/modules/client/MainPage.js
+++ b/modules/client/MainPage.js
@ -0,0 +1,56 @@
+const React = require("react");
+const PropTypes = require("prop-types");
+
+const h = require("./utils/createHTML");
+const x = require("./utils/execScript");
+
+function MainPage({ title, description, scripts, styles, data, content }) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="description" content={description} />
+        <meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <meta
+          name="viewport"
+          content="width=device-width,initial-scale=1,maximum-scale=1"
+        />
+        <meta name="timestamp" content={new Date().toISOString()} />
+        <link rel="shortcut icon" href="/favicon.ico" />
+        {styles.map(s => <link key={s} rel="stylesheet" href={s} />)}
+        {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>')"
+        )}
+        {x(`window.__DATA__ = ${JSON.stringify(data)}`)}
+        <title>{title}</title>
+      </head>
+      <body>
+        <div id="root" dangerouslySetInnerHTML={h(content)} />
+        {scripts.map(s => <script key={s} src={s} />)}
+      </body>
+    </html>
+  );
+}
+
+MainPage.propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  scripts: PropTypes.arrayOf(PropTypes.string),
+  styles: PropTypes.arrayOf(PropTypes.string),
+  data: PropTypes.any,
+  content: PropTypes.string
+};
+
+MainPage.defaultProps = {
+  title: "UNPKG",
+  description: "The CDN for everything on npm",
+  scripts: [],
+  styles: [],
+  data: {},
+  content: ""
+};
+
+module.exports = MainPage;