Inline scripts in HTML files

2019-01-24 15:49:21 -08:00
parent e6134b0969
commit ea85062ff6
16 changed files with 350 additions and 136 deletions
--- a/modules/client/MainTemplate.js
+++ b/modules/client/MainTemplate.js
@ -1,68 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import createHTML from './utils/createHTML';
-import x from './utils/execScript';
-
-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,
-  scripts
-}) {
-  return (
-    <html lang="en">
-      <head>
-        <meta charSet="utf-8" />
-        <meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        {description && <meta name="description" content={description} />}
-        <meta
-          name="viewport"
-          content="width=device-width,initial-scale=1,maximum-scale=1"
-        />
-        <meta name="timestamp" content={new Date().toISOString()} />
-        {favicon && <link rel="shortcut icon" href={favicon} />}
-        <title>{title}</title>
-        {x(promiseShim)}
-        {x(fetchShim)}
-        {data && x(`window.__DATA__ = ${JSON.stringify(data)}`)}
-      </head>
-      <body>
-        <div id="root" dangerouslySetInnerHTML={content} />
-        {scripts.map(src => (
-          <script key={src} src={src} />
-        ))}
-      </body>
-    </html>
-  );
-}
-
-MainTemplate.defaultProps = {
-  title: 'UNPKG',
-  description: 'The CDN for everything on npm',
-  favicon: '/favicon.ico',
-  content: createHTML(''),
-  scripts: []
-};
-
-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,
-    scripts: PropTypes.arrayOf(PropTypes.string)
-  };
-}
--- a/modules/client/utils/createHTML.js
+++ b/modules/client/utils/createHTML.js
@ -1,3 +0,0 @@
-export default function createHTML(code) {
-  return { __html: code };
-}
--- a/modules/client/utils/execScript.js
+++ b/modules/client/utils/execScript.js
@ -1,7 +0,0 @@
-import React from 'react';
-
-import h from './createHTML';
-
-export default function execScript(code) {
-  return <script dangerouslySetInnerHTML={h(code)} />;
-}