diff --git a/src/html.js b/src/html.js index 26621d72..c459540c 100644 --- a/src/html.js +++ b/src/html.js @@ -20,6 +20,10 @@ if (process.env.NODE_ENV === `production`) { } } +const JS_NPM_URLS = [ + '//unpkg.com/docsearch.js@2.4.1/dist/cdn/docsearch.min.js', +]; + export default class HTML extends Component { render() { let css; @@ -32,6 +36,8 @@ export default class HTML extends Component { ); } + const js = JS_NPM_URLS.map(url => ); + return (
@@ -43,6 +49,7 @@ export default class HTML extends Component { /> {this.props.headComponents} + {js} {css} diff --git a/src/layouts/index.js b/src/layouts/index.js index 4fa1e571..c851e0e5 100644 --- a/src/layouts/index.js +++ b/src/layouts/index.js @@ -30,15 +30,13 @@ import 'css/algolia.css'; class Template extends Component { componentDidMount() { - loadScript(algoliaURL).then(() => { - // Initialize Algolia search. - // TODO Is this expensive? Should it be deferred until a user is about to search? - // eslint-disable-next-line no-undef - docsearch({ - apiKey: '36221914cce388c46d0420343e0bb32e', - indexName: 'react', - inputSelector: '#algolia-doc-search', - }); + // Initialize Algolia search. + // TODO Is this expensive? Should it be deferred until a user is about to search? + // eslint-disable-next-line no-undef + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search', }); } diff --git a/src/site-constants.js b/src/site-constants.js index 57798e7a..81234902 100644 --- a/src/site-constants.js +++ b/src/site-constants.js @@ -15,6 +15,5 @@ const urlRoot = 'https://reactjs.org'; const version = '16.0.0'; const babelURL = '//unpkg.com/babel-standalone@6.26.0/babel.min.js'; -const algoliaURL = '//unpkg.com/docsearch.js@2.4.1/dist/cdn/docsearch.min.js'; -export {urlRoot, version, babelURL, algoliaURL}; +export {urlRoot, version, babelURL,};