Inline scripts in HTML files

modules/actions/utils/MainTemplate.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import e from './createElement';
+import h from './createHTML';
+import x from './createScript';
+
+const promiseShim =
+  'window.Promise || document.write(\'\\x3Cscript src="/es6-promise@4.2.5/dist/es6-promise.min.js">\\x3C/script>\\x3Cscript>ES6Promise.polyfill()\\x3C/script>\')';
+const fetchShim =
+  'window.fetch || document.write(\'\\x3Cscript src="/whatwg-fetch@3.0.0/dist/fetch.umd.js">\\x3C/script>\')';
+
+export default function MainTemplate({
+  title,
+  description,
+  favicon,
+  data,
+  content,
+  elements
+}) {
+  return e(
+    'html',
+    { lang: 'en' },
+    e(
+      'head',
+      null,
+      e('meta', { charSet: 'utf-8' }),
+      e('meta', { httpEquiv: 'X-UA-Compatible', content: 'IE=edge,chrome=1' }),
+      description && 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() }),
+      favicon && e('link', { rel: 'shortcut icon', href: favicon }),
+      e('title', null, title),
+      x(promiseShim),
+      x(fetchShim),
+      data && x(`window.__DATA__ = ${JSON.stringify(data)}`)
+    ),
+    e(
+      'body',
+      null,
+      e('div', { id: 'root', dangerouslySetInnerHTML: content }),
+      ...elements
+    )
+  );
+}
+
+MainTemplate.defaultProps = {
+  title: 'UNPKG',
+  description: 'The CDN for everything on npm',
+  favicon: '/favicon.ico',
+  content: h(''),
+  elements: []
+};
+
+if (process.env.NODE_ENV !== 'production') {
+  const htmlType = PropTypes.shape({
+    __html: PropTypes.string
+  });
+
+  MainTemplate.propTypes = {
+    title: PropTypes.string,
+    description: PropTypes.string,
+    favicon: PropTypes.string,
+    data: PropTypes.any,
+    content: htmlType,
+    elements: PropTypes.arrayOf(PropTypes.node)
+  };
+}