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)
+  };
+}

modules/actions/utils/createElement.js

@@ -0,0 +1 @@
+export { createElement as default } from 'react';

modules/actions/utils/createHTML.js

@@ -0,0 +1,3 @@
+export default function createHTML(code) {
+  return { __html: code };
+}

modules/actions/utils/createScript.js

@@ -0,0 +1,8 @@
+import createElement from './createElement';
+import createHTML from './createHTML';
+
+export default function createScript(script) {
+  return createElement('script', {
+    dangerouslySetInnerHTML: createHTML(script)
+  });
+}

modules/actions/utils/getEntryPoint.js

@@ -0,0 +1,17 @@
+// Virtual module id; see rollup.config.js
+import entryManifest from 'entry-manifest';
+
+export default function getEntryPoint(name, format) {
+  let entryPoints;
+  entryManifest.forEach(manifest => {
+    if (name in manifest) {
+      entryPoints = manifest[name];
+    }
+  });
+
+  if (entryPoints) {
+    return entryPoints.find(e => e.format === format);
+  }
+
+  return null;
+}

modules/actions/utils/getGlobalScripts.js

@@ -0,0 +1,10 @@
+import invariant from 'invariant';
+
+import createElement from './createElement';
+
+export default function getGlobalScripts(entryPoint, globalURLs) {
+  return entryPoint.globalImports.map(id => {
+    invariant(globalURLs[id], 'Missing global URL for id "%s"', id);
+    return createElement('script', { src: globalURLs[id] });
+  });
+}