/* * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* Copyright (c) 2020 Mobify Research & Development Inc. All rights reserved. */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * */ /** * @module progressive-web-sdk/dist/ssr/universal/components/_pwa-document */ import React from 'react' import PropTypes from 'prop-types' /** * The PWADocument is a special component that can be overridden in a project, it * provides the default document foundation for your PWA. This includes * defaults for lang, charset, viewport, theme-color, script locations, etc. * We do not recommend overriding this component, but if you do require fine grained control of * your application we recommend using this implementation as a starting point to ensure * the correct functionality of your PWA. * * The properties for this component will be set in the server-side rendering pipeline. * Failure to use all these properties will most likely result in a non-functioning * PWA. * * @param {Array.} props.beforeBodyEnd - The renderable elements to be placed directly before * the end of the body tag. * @param {object} [props.bodyAttributes] - The attributes to be applied to the documents body tag. *
*
* These are set by using `react-helmet`. Please refer to their {@link https://github.com/nfl/react-helmet/tree/5.2.0#readme|docs} * for its usage. * @param {Array.} props.head - The elements to be placed inside the documents head tag. * @param {string} [props.html] - The HTML to be rendered in your documents html tag. * @param {object} [props.htmlAttributes] - The attributes to be applied to the documents html tag. *
*
* These are set by using `react-helmet`. Please refer to their {@link https://github.com/nfl/react-helmet/tree/5.2.0#readme|docs} * for its usage. */ const PWADocument = (props) => { const {head, html, beforeBodyEnd, htmlAttributes, bodyAttributes} = props return ( {head.map((child) => child)}
{beforeBodyEnd.map((child) => child)} ) } PWADocument.propTypes = { beforeBodyEnd: PropTypes.arrayOf(PropTypes.node).isRequired, head: PropTypes.arrayOf(PropTypes.node).isRequired, html: PropTypes.string.isRequired, htmlAttributes: PropTypes.object, bodyAttributes: PropTypes.object } PWADocument.defaultProps = { beforeBodyEnd: [], head: [], html: '', htmlAttributes: {}, bodyAttributes: {} } export default PWADocument