'use strict';
var React = require('react');
var index_cjs = require('../integration/index.cjs');
/**
* The React `` component should be placed within the ``
* of the document. This component should work for SSR/SSG only HTML
* (static HTML without javascript), clientside javascript only
* (entire React app is build with clientside javascript),
* and both SSR/SSG HTML that's then hydrated by the client.
*
* @public
*/
const Partytown = ({ nonce, ...props } = {}) => {
// purposely not using useState() or useEffect() so this component
// can also work as a React Server Component
// this check is only be done on the client, and skipped over on the server
if (typeof document !== 'undefined' && !document._partytown) {
if (!document.querySelector('script[data-partytown]')) {
// the append script to document code should only run on the client
// and only if the SSR'd script doesn't already exist within the document.
// If the SSR'd script isn't found in the document, then this
// must be a clientside only render. Append the partytown script
// to the .
const scriptElm = document.createElement('script');
scriptElm.dataset.partytown = '';
scriptElm.innerHTML = index_cjs.partytownSnippet(props);
scriptElm.nonce = nonce;
document.head.appendChild(scriptElm);
}
// should only append this script once per document, and is not dynamic
document._partytown = true;
}
// `dangerouslySetInnerHTML` only works for scripts rendered as HTML from SSR.
// The added code will set the [type="data-pt-script"] attribute to the SSR rendered
//