123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.Html = Html;
- exports.Main = Main;
- exports.default = void 0;
- var _react = _interopRequireWildcard(require("react"));
- var _constants = require("../shared/lib/constants");
- var _getPageFiles = require("../server/get-page-files");
- var _htmlescape = require("../server/htmlescape");
- var _isError = _interopRequireDefault(require("../lib/is-error"));
- var _htmlContext = require("../shared/lib/html-context");
- class Document extends _react.default.Component {
- /**
- * `getInitialProps` hook returns the context object with the addition of `renderPage`.
- * `renderPage` callback executes `React` rendering logic synchronously to support server-rendering wrappers
- */ static getInitialProps(ctx) {
- return ctx.defaultGetInitialProps(ctx);
- }
- render() {
- return /*#__PURE__*/ _react.default.createElement(Html, null, /*#__PURE__*/ _react.default.createElement(Head, null), /*#__PURE__*/ _react.default.createElement("body", null, /*#__PURE__*/ _react.default.createElement(Main, null), /*#__PURE__*/ _react.default.createElement(NextScript, null)));
- }
- }
- exports.default = Document;
- function _interopRequireDefault(obj) {
- return obj && obj.__esModule ? obj : {
- default: obj
- };
- }
- function _getRequireWildcardCache() {
- if (typeof WeakMap !== "function") return null;
- var cache = new WeakMap();
- _getRequireWildcardCache = function() {
- return cache;
- };
- return cache;
- }
- function _interopRequireWildcard(obj) {
- if (obj && obj.__esModule) {
- return obj;
- }
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
- return {
- default: obj
- };
- }
- var cache = _getRequireWildcardCache();
- if (cache && cache.has(obj)) {
- return cache.get(obj);
- }
- var newObj = {};
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
- for(var key in obj){
- if (Object.prototype.hasOwnProperty.call(obj, key)) {
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
- if (desc && (desc.get || desc.set)) {
- Object.defineProperty(newObj, key, desc);
- } else {
- newObj[key] = obj[key];
- }
- }
- }
- newObj.default = obj;
- if (cache) {
- cache.set(obj, newObj);
- }
- return newObj;
- }
- function getDocumentFiles(buildManifest, pathname, inAmpMode) {
- const sharedFiles = (0, _getPageFiles).getPageFiles(buildManifest, "/_app");
- const pageFiles = process.env.NEXT_RUNTIME !== "edge" && inAmpMode ? [] : (0, _getPageFiles).getPageFiles(buildManifest, pathname);
- return {
- sharedFiles,
- pageFiles,
- allFiles: [
- ...new Set([
- ...sharedFiles,
- ...pageFiles
- ])
- ]
- };
- }
- function getPolyfillScripts(context, props) {
- // polyfills.js has to be rendered as nomodule without async
- // It also has to be the first script to load
- const { assetPrefix , buildManifest , devOnlyCacheBusterQueryString , disableOptimizedLoading , crossOrigin , } = context;
- return buildManifest.polyfillFiles.filter((polyfill)=>polyfill.endsWith(".js") && !polyfill.endsWith(".module.js")).map((polyfill)=>/*#__PURE__*/ _react.default.createElement("script", {
- key: polyfill,
- defer: !disableOptimizedLoading,
- nonce: props.nonce,
- crossOrigin: props.crossOrigin || crossOrigin,
- noModule: true,
- src: `${assetPrefix}/_next/${polyfill}${devOnlyCacheBusterQueryString}`
- }));
- }
- function hasComponentProps(child) {
- return !!child && !!child.props;
- }
- function AmpStyles({ styles }) {
- if (!styles) return null;
- // try to parse styles from fragment for backwards compat
- const curStyles = Array.isArray(styles) ? styles : [];
- if (// @ts-ignore Property 'props' does not exist on type ReactElement
- styles.props && // @ts-ignore Property 'props' does not exist on type ReactElement
- Array.isArray(styles.props.children)) {
- const hasStyles = (el)=>{
- var ref, ref1;
- return el == null ? void 0 : (ref = el.props) == null ? void 0 : (ref1 = ref.dangerouslySetInnerHTML) == null ? void 0 : ref1.__html;
- };
- // @ts-ignore Property 'props' does not exist on type ReactElement
- styles.props.children.forEach((child)=>{
- if (Array.isArray(child)) {
- child.forEach((el)=>hasStyles(el) && curStyles.push(el));
- } else if (hasStyles(child)) {
- curStyles.push(child);
- }
- });
- }
- /* Add custom styles before AMP styles to prevent accidental overrides */ return /*#__PURE__*/ _react.default.createElement("style", {
- "amp-custom": "",
- dangerouslySetInnerHTML: {
- __html: curStyles.map((style)=>style.props.dangerouslySetInnerHTML.__html).join("").replace(/\/\*# sourceMappingURL=.*\*\//g, "").replace(/\/\*@ sourceURL=.*?\*\//g, "")
- }
- });
- }
- function getDynamicChunks(context, props, files) {
- const { dynamicImports , assetPrefix , isDevelopment , devOnlyCacheBusterQueryString , disableOptimizedLoading , crossOrigin , } = context;
- return dynamicImports.map((file)=>{
- if (!file.endsWith(".js") || files.allFiles.includes(file)) return null;
- return /*#__PURE__*/ _react.default.createElement("script", {
- async: !isDevelopment && disableOptimizedLoading,
- defer: !disableOptimizedLoading,
- key: file,
- src: `${assetPrefix}/_next/${encodeURI(file)}${devOnlyCacheBusterQueryString}`,
- nonce: props.nonce,
- crossOrigin: props.crossOrigin || crossOrigin
- });
- });
- }
- function getScripts(context, props, files) {
- var ref;
- const { assetPrefix , buildManifest , isDevelopment , devOnlyCacheBusterQueryString , disableOptimizedLoading , crossOrigin , } = context;
- const normalScripts = files.allFiles.filter((file)=>file.endsWith(".js"));
- const lowPriorityScripts = (ref = buildManifest.lowPriorityFiles) == null ? void 0 : ref.filter((file)=>file.endsWith(".js"));
- return [
- ...normalScripts,
- ...lowPriorityScripts
- ].map((file)=>{
- return /*#__PURE__*/ _react.default.createElement("script", {
- key: file,
- src: `${assetPrefix}/_next/${encodeURI(file)}${devOnlyCacheBusterQueryString}`,
- nonce: props.nonce,
- async: !isDevelopment && disableOptimizedLoading,
- defer: !disableOptimizedLoading,
- crossOrigin: props.crossOrigin || crossOrigin
- });
- });
- }
- function getPreNextWorkerScripts(context, props) {
- const { assetPrefix , scriptLoader , crossOrigin , nextScriptWorkers } = context;
- // disable `nextScriptWorkers` in edge runtime
- if (!nextScriptWorkers || process.env.NEXT_RUNTIME === "edge") return null;
- try {
- let { partytownSnippet } = __non_webpack_require__("@builder.io/partytown/integration");
- const children = Array.isArray(props.children) ? props.children : [
- props.children
- ];
- // Check to see if the user has defined their own Partytown configuration
- const userDefinedConfig = children.find((child)=>{
- var ref, ref2;
- return hasComponentProps(child) && (child == null ? void 0 : (ref = child.props) == null ? void 0 : (ref2 = ref.dangerouslySetInnerHTML) == null ? void 0 : ref2.__html.length) && "data-partytown-config" in child.props;
- });
- return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, !userDefinedConfig && /*#__PURE__*/ _react.default.createElement("script", {
- "data-partytown-config": "",
- dangerouslySetInnerHTML: {
- __html: `
- partytown = {
- lib: "${assetPrefix}/_next/static/~partytown/"
- };
- `
- }
- }), /*#__PURE__*/ _react.default.createElement("script", {
- "data-partytown": "",
- dangerouslySetInnerHTML: {
- __html: partytownSnippet()
- }
- }), (scriptLoader.worker || []).map((file, index)=>{
- const { strategy , src , children: scriptChildren , dangerouslySetInnerHTML , ...scriptProps } = file;
- let srcProps = {};
- if (src) {
- // Use external src if provided
- srcProps.src = src;
- } else if (dangerouslySetInnerHTML && dangerouslySetInnerHTML.__html) {
- // Embed inline script if provided with dangerouslySetInnerHTML
- srcProps.dangerouslySetInnerHTML = {
- __html: dangerouslySetInnerHTML.__html
- };
- } else if (scriptChildren) {
- // Embed inline script if provided with children
- srcProps.dangerouslySetInnerHTML = {
- __html: typeof scriptChildren === "string" ? scriptChildren : Array.isArray(scriptChildren) ? scriptChildren.join("") : ""
- };
- } else {
- throw new Error("Invalid usage of next/script. Did you forget to include a src attribute or an inline script? https://nextjs.org/docs/messages/invalid-script");
- }
- return /*#__PURE__*/ _react.default.createElement("script", Object.assign({}, srcProps, scriptProps, {
- type: "text/partytown",
- key: src || index,
- nonce: props.nonce,
- "data-nscript": "worker",
- crossOrigin: props.crossOrigin || crossOrigin
- }));
- }));
- } catch (err) {
- if ((0, _isError).default(err) && err.code !== "MODULE_NOT_FOUND") {
- console.warn(`Warning: ${err.message}`);
- }
- return null;
- }
- }
- function getPreNextScripts(context, props) {
- const { scriptLoader , disableOptimizedLoading , crossOrigin } = context;
- const webWorkerScripts = getPreNextWorkerScripts(context, props);
- const beforeInteractiveScripts = (scriptLoader.beforeInteractive || []).filter((script)=>script.src).map((file, index)=>{
- const { strategy , ...scriptProps } = file;
- var _defer;
- return /*#__PURE__*/ _react.default.createElement("script", Object.assign({}, scriptProps, {
- key: scriptProps.src || index,
- defer: (_defer = scriptProps.defer) != null ? _defer : !disableOptimizedLoading,
- nonce: props.nonce,
- "data-nscript": "beforeInteractive",
- crossOrigin: props.crossOrigin || crossOrigin
- }));
- });
- return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, webWorkerScripts, beforeInteractiveScripts);
- }
- function getHeadHTMLProps(props) {
- const { crossOrigin , nonce , ...restProps } = props;
- // This assignment is necessary for additional type checking to avoid unsupported attributes in <head>
- const headProps = restProps;
- return headProps;
- }
- function getAmpPath(ampPath, asPath) {
- return ampPath || `${asPath}${asPath.includes("?") ? "&" : "?"}amp=1`;
- }
- class Head extends _react.default.Component {
- static contextType = _htmlContext.HtmlContext;
- getCssLinks(files) {
- const { assetPrefix , devOnlyCacheBusterQueryString , dynamicImports , crossOrigin , optimizeCss , optimizeFonts , } = this.context;
- const cssFiles = files.allFiles.filter((f)=>f.endsWith(".css"));
- const sharedFiles = new Set(files.sharedFiles);
- // Unmanaged files are CSS files that will be handled directly by the
- // webpack runtime (`mini-css-extract-plugin`).
- let unmangedFiles = new Set([]);
- let dynamicCssFiles = Array.from(new Set(dynamicImports.filter((file)=>file.endsWith(".css"))));
- if (dynamicCssFiles.length) {
- const existing = new Set(cssFiles);
- dynamicCssFiles = dynamicCssFiles.filter((f)=>!(existing.has(f) || sharedFiles.has(f)));
- unmangedFiles = new Set(dynamicCssFiles);
- cssFiles.push(...dynamicCssFiles);
- }
- let cssLinkElements = [];
- cssFiles.forEach((file)=>{
- const isSharedFile = sharedFiles.has(file);
- if (!optimizeCss) {
- cssLinkElements.push(/*#__PURE__*/ _react.default.createElement("link", {
- key: `${file}-preload`,
- nonce: this.props.nonce,
- rel: "preload",
- href: `${assetPrefix}/_next/${encodeURI(file)}${devOnlyCacheBusterQueryString}`,
- as: "style",
- crossOrigin: this.props.crossOrigin || crossOrigin
- }));
- }
- const isUnmanagedFile = unmangedFiles.has(file);
- cssLinkElements.push(/*#__PURE__*/ _react.default.createElement("link", {
- key: file,
- nonce: this.props.nonce,
- rel: "stylesheet",
- href: `${assetPrefix}/_next/${encodeURI(file)}${devOnlyCacheBusterQueryString}`,
- crossOrigin: this.props.crossOrigin || crossOrigin,
- "data-n-g": isUnmanagedFile ? undefined : isSharedFile ? "" : undefined,
- "data-n-p": isUnmanagedFile ? undefined : isSharedFile ? undefined : ""
- }));
- });
- if (process.env.NODE_ENV !== "development" && optimizeFonts) {
- cssLinkElements = this.makeStylesheetInert(cssLinkElements);
- }
- return cssLinkElements.length === 0 ? null : cssLinkElements;
- }
- getPreloadDynamicChunks() {
- const { dynamicImports , assetPrefix , devOnlyCacheBusterQueryString , crossOrigin , } = this.context;
- return dynamicImports.map((file)=>{
- if (!file.endsWith(".js")) {
- return null;
- }
- return /*#__PURE__*/ _react.default.createElement("link", {
- rel: "preload",
- key: file,
- href: `${assetPrefix}/_next/${encodeURI(file)}${devOnlyCacheBusterQueryString}`,
- as: "script",
- nonce: this.props.nonce,
- crossOrigin: this.props.crossOrigin || crossOrigin
- });
- })// Filter out nulled scripts
- .filter(Boolean);
- }
- getPreloadMainLinks(files) {
- const { assetPrefix , devOnlyCacheBusterQueryString , scriptLoader , crossOrigin , } = this.context;
- const preloadFiles = files.allFiles.filter((file)=>{
- return file.endsWith(".js");
- });
- return [
- ...(scriptLoader.beforeInteractive || []).map((file)=>/*#__PURE__*/ _react.default.createElement("link", {
- key: file.src,
- nonce: this.props.nonce,
- rel: "preload",
- href: file.src,
- as: "script",
- crossOrigin: this.props.crossOrigin || crossOrigin
- })),
- ...preloadFiles.map((file)=>/*#__PURE__*/ _react.default.createElement("link", {
- key: file,
- nonce: this.props.nonce,
- rel: "preload",
- href: `${assetPrefix}/_next/${encodeURI(file)}${devOnlyCacheBusterQueryString}`,
- as: "script",
- crossOrigin: this.props.crossOrigin || crossOrigin
- })),
- ];
- }
- getBeforeInteractiveInlineScripts() {
- const { scriptLoader } = this.context;
- const { nonce , crossOrigin } = this.props;
- return (scriptLoader.beforeInteractive || []).filter((script)=>!script.src && (script.dangerouslySetInnerHTML || script.children)).map((file, index)=>{
- const { strategy , children , dangerouslySetInnerHTML , src , ...scriptProps } = file;
- let html = "";
- if (dangerouslySetInnerHTML && dangerouslySetInnerHTML.__html) {
- html = dangerouslySetInnerHTML.__html;
- } else if (children) {
- html = typeof children === "string" ? children : Array.isArray(children) ? children.join("") : "";
- }
- return /*#__PURE__*/ _react.default.createElement("script", Object.assign({}, scriptProps, {
- dangerouslySetInnerHTML: {
- __html: html
- },
- key: scriptProps.id || index,
- nonce: nonce,
- "data-nscript": "beforeInteractive",
- crossOrigin: crossOrigin || process.env.__NEXT_CROSS_ORIGIN
- }));
- });
- }
- getDynamicChunks(files) {
- return getDynamicChunks(this.context, this.props, files);
- }
- getPreNextScripts() {
- return getPreNextScripts(this.context, this.props);
- }
- getScripts(files) {
- return getScripts(this.context, this.props, files);
- }
- getPolyfillScripts() {
- return getPolyfillScripts(this.context, this.props);
- }
- makeStylesheetInert(node) {
- return _react.default.Children.map(node, (c)=>{
- var ref5, ref3;
- if ((c == null ? void 0 : c.type) === "link" && (c == null ? void 0 : (ref5 = c.props) == null ? void 0 : ref5.href) && _constants.OPTIMIZED_FONT_PROVIDERS.some(({ url })=>{
- var ref, ref4;
- return c == null ? void 0 : (ref = c.props) == null ? void 0 : (ref4 = ref.href) == null ? void 0 : ref4.startsWith(url);
- })) {
- const newProps = {
- ...c.props || {},
- "data-href": c.props.href,
- href: undefined
- };
- return /*#__PURE__*/ _react.default.cloneElement(c, newProps);
- } else if (c == null ? void 0 : (ref3 = c.props) == null ? void 0 : ref3.children) {
- const newProps = {
- ...c.props || {},
- children: this.makeStylesheetInert(c.props.children)
- };
- return /*#__PURE__*/ _react.default.cloneElement(c, newProps);
- }
- return c;
- }).filter(Boolean);
- }
- render() {
- const { styles , ampPath , inAmpMode , hybridAmp , canonicalBase , __NEXT_DATA__ , dangerousAsPath , headTags , unstable_runtimeJS , unstable_JsPreload , disableOptimizedLoading , optimizeCss , optimizeFonts , } = this.context;
- const disableRuntimeJS = unstable_runtimeJS === false;
- const disableJsPreload = unstable_JsPreload === false || !disableOptimizedLoading;
- this.context.docComponentsRendered.Head = true;
- let { head } = this.context;
- let cssPreloads = [];
- let otherHeadElements = [];
- if (head) {
- head.forEach((c)=>{
- if (c && c.type === "link" && c.props["rel"] === "preload" && c.props["as"] === "style") {
- cssPreloads.push(c);
- } else {
- c && otherHeadElements.push(c);
- }
- });
- head = cssPreloads.concat(otherHeadElements);
- }
- let children = _react.default.Children.toArray(this.props.children).filter(Boolean);
- // show a warning if Head contains <title> (only in development)
- if (process.env.NODE_ENV !== "production") {
- children = _react.default.Children.map(children, (child)=>{
- var ref;
- const isReactHelmet = child == null ? void 0 : (ref = child.props) == null ? void 0 : ref["data-react-helmet"];
- if (!isReactHelmet) {
- var ref6;
- if ((child == null ? void 0 : child.type) === "title") {
- console.warn("Warning: <title> should not be used in _document.js's <Head>. https://nextjs.org/docs/messages/no-document-title");
- } else if ((child == null ? void 0 : child.type) === "meta" && (child == null ? void 0 : (ref6 = child.props) == null ? void 0 : ref6.name) === "viewport") {
- console.warn("Warning: viewport meta tags should not be used in _document.js's <Head>. https://nextjs.org/docs/messages/no-document-viewport-meta");
- }
- }
- return child;
- });
- if (this.props.crossOrigin) console.warn("Warning: `Head` attribute `crossOrigin` is deprecated. https://nextjs.org/docs/messages/doc-crossorigin-deprecated");
- }
- if (process.env.NODE_ENV !== "development" && optimizeFonts && !(process.env.NEXT_RUNTIME !== "edge" && inAmpMode)) {
- children = this.makeStylesheetInert(children);
- }
- let hasAmphtmlRel = false;
- let hasCanonicalRel = false;
- // show warning and remove conflicting amp head tags
- head = _react.default.Children.map(head || [], (child)=>{
- if (!child) return child;
- const { type , props } = child;
- if (process.env.NEXT_RUNTIME !== "edge" && inAmpMode) {
- let badProp = "";
- if (type === "meta" && props.name === "viewport") {
- badProp = 'name="viewport"';
- } else if (type === "link" && props.rel === "canonical") {
- hasCanonicalRel = true;
- } else if (type === "script") {
- // only block if
- // 1. it has a src and isn't pointing to ampproject's CDN
- // 2. it is using dangerouslySetInnerHTML without a type or
- // a type of text/javascript
- if (props.src && props.src.indexOf("ampproject") < -1 || props.dangerouslySetInnerHTML && (!props.type || props.type === "text/javascript")) {
- badProp = "<script";
- Object.keys(props).forEach((prop)=>{
- badProp += ` ${prop}="${props[prop]}"`;
- });
- badProp += "/>";
- }
- }
- if (badProp) {
- console.warn(`Found conflicting amp tag "${child.type}" with conflicting prop ${badProp} in ${__NEXT_DATA__.page}. https://nextjs.org/docs/messages/conflicting-amp-tag`);
- return null;
- }
- } else {
- // non-amp mode
- if (type === "link" && props.rel === "amphtml") {
- hasAmphtmlRel = true;
- }
- }
- return child;
- });
- const files = getDocumentFiles(this.context.buildManifest, this.context.__NEXT_DATA__.page, process.env.NEXT_RUNTIME !== "edge" && inAmpMode);
- var _nonce, _nonce1;
- return /*#__PURE__*/ _react.default.createElement("head", Object.assign({}, getHeadHTMLProps(this.props)), this.context.isDevelopment && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("style", {
- "data-next-hide-fouc": true,
- "data-ampdevmode": process.env.NEXT_RUNTIME !== "edge" && inAmpMode ? "true" : undefined,
- dangerouslySetInnerHTML: {
- __html: `body{display:none}`
- }
- }), /*#__PURE__*/ _react.default.createElement("noscript", {
- "data-next-hide-fouc": true,
- "data-ampdevmode": process.env.NEXT_RUNTIME !== "edge" && inAmpMode ? "true" : undefined
- }, /*#__PURE__*/ _react.default.createElement("style", {
- dangerouslySetInnerHTML: {
- __html: `body{display:block}`
- }
- }))), head, /*#__PURE__*/ _react.default.createElement("meta", {
- name: "next-head-count",
- content: _react.default.Children.count(head || []).toString()
- }), children, optimizeFonts && /*#__PURE__*/ _react.default.createElement("meta", {
- name: "next-font-preconnect"
- }), process.env.NEXT_RUNTIME !== "edge" && inAmpMode && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("meta", {
- name: "viewport",
- content: "width=device-width,minimum-scale=1,initial-scale=1"
- }), !hasCanonicalRel && /*#__PURE__*/ _react.default.createElement("link", {
- rel: "canonical",
- href: canonicalBase + require("../server/utils").cleanAmpPath(dangerousAsPath)
- }), /*#__PURE__*/ _react.default.createElement("link", {
- rel: "preload",
- as: "script",
- href: "https://cdn.ampproject.org/v0.js"
- }), /*#__PURE__*/ _react.default.createElement(AmpStyles, {
- styles: styles
- }), /*#__PURE__*/ _react.default.createElement("style", {
- "amp-boilerplate": "",
- dangerouslySetInnerHTML: {
- __html: `body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}`
- }
- }), /*#__PURE__*/ _react.default.createElement("noscript", null, /*#__PURE__*/ _react.default.createElement("style", {
- "amp-boilerplate": "",
- dangerouslySetInnerHTML: {
- __html: `body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}`
- }
- })), /*#__PURE__*/ _react.default.createElement("script", {
- async: true,
- src: "https://cdn.ampproject.org/v0.js"
- })), !(process.env.NEXT_RUNTIME !== "edge" && inAmpMode) && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, !hasAmphtmlRel && hybridAmp && /*#__PURE__*/ _react.default.createElement("link", {
- rel: "amphtml",
- href: canonicalBase + getAmpPath(ampPath, dangerousAsPath)
- }), this.getBeforeInteractiveInlineScripts(), !optimizeCss && this.getCssLinks(files), !optimizeCss && /*#__PURE__*/ _react.default.createElement("noscript", {
- "data-n-css": (_nonce = this.props.nonce) != null ? _nonce : ""
- }), !disableRuntimeJS && !disableJsPreload && this.getPreloadDynamicChunks(), !disableRuntimeJS && !disableJsPreload && this.getPreloadMainLinks(files), !disableOptimizedLoading && !disableRuntimeJS && this.getPolyfillScripts(), !disableOptimizedLoading && !disableRuntimeJS && this.getPreNextScripts(), !disableOptimizedLoading && !disableRuntimeJS && this.getDynamicChunks(files), !disableOptimizedLoading && !disableRuntimeJS && this.getScripts(files), optimizeCss && this.getCssLinks(files), optimizeCss && /*#__PURE__*/ _react.default.createElement("noscript", {
- "data-n-css": (_nonce1 = this.props.nonce) != null ? _nonce1 : ""
- }), this.context.isDevelopment && // this element is used to mount development styles so the
- // ordering matches production
- // (by default, style-loader injects at the bottom of <head />)
- /*#__PURE__*/ _react.default.createElement("noscript", {
- id: "__next_css__DO_NOT_USE__"
- }), styles || null), /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, {}, ...headTags || []));
- }
- }
- exports.Head = Head;
- function handleDocumentScriptLoaderItems(scriptLoader, __NEXT_DATA__, props) {
- var ref10, ref7, ref8, ref9;
- if (!props.children) return;
- const scriptLoaderItems = [];
- const children = Array.isArray(props.children) ? props.children : [
- props.children
- ];
- const headChildren = (ref10 = children.find((child)=>child.type === Head)) == null ? void 0 : (ref7 = ref10.props) == null ? void 0 : ref7.children;
- const bodyChildren = (ref8 = children.find((child)=>child.type === "body")) == null ? void 0 : (ref9 = ref8.props) == null ? void 0 : ref9.children;
- // Scripts with beforeInteractive can be placed inside Head or <body> so children of both needs to be traversed
- const combinedChildren = [
- ...Array.isArray(headChildren) ? headChildren : [
- headChildren
- ],
- ...Array.isArray(bodyChildren) ? bodyChildren : [
- bodyChildren
- ],
- ];
- _react.default.Children.forEach(combinedChildren, (child)=>{
- var ref;
- if (!child) return;
- // When using the `next/script` component, register it in script loader.
- if ((ref = child.type) == null ? void 0 : ref.__nextScript) {
- if (child.props.strategy === "beforeInteractive") {
- scriptLoader.beforeInteractive = (scriptLoader.beforeInteractive || []).concat([
- {
- ...child.props
- },
- ]);
- return;
- } else if ([
- "lazyOnload",
- "afterInteractive",
- "worker"
- ].includes(child.props.strategy)) {
- scriptLoaderItems.push(child.props);
- return;
- }
- }
- });
- __NEXT_DATA__.scriptLoader = scriptLoaderItems;
- }
- class NextScript extends _react.default.Component {
- static contextType = _htmlContext.HtmlContext;
- getDynamicChunks(files) {
- return getDynamicChunks(this.context, this.props, files);
- }
- getPreNextScripts() {
- return getPreNextScripts(this.context, this.props);
- }
- getScripts(files) {
- return getScripts(this.context, this.props, files);
- }
- getPolyfillScripts() {
- return getPolyfillScripts(this.context, this.props);
- }
- static getInlineScriptSource(context) {
- const { __NEXT_DATA__ , largePageDataBytes } = context;
- try {
- const data = JSON.stringify(__NEXT_DATA__);
- const bytes = process.env.NEXT_RUNTIME === "edge" ? new TextEncoder().encode(data).buffer.byteLength : Buffer.from(data).byteLength;
- const prettyBytes = require("../lib/pretty-bytes").default;
- if (largePageDataBytes && bytes > largePageDataBytes) {
- console.warn(`Warning: data for page "${__NEXT_DATA__.page}"${__NEXT_DATA__.page === context.dangerousAsPath ? "" : ` (path "${context.dangerousAsPath}")`} is ${prettyBytes(bytes)} which exceeds the threshold of ${prettyBytes(largePageDataBytes)}, this amount of data can reduce performance.\nSee more info here: https://nextjs.org/docs/messages/large-page-data`);
- }
- return (0, _htmlescape).htmlEscapeJsonString(data);
- } catch (err) {
- if ((0, _isError).default(err) && err.message.indexOf("circular structure") !== -1) {
- throw new Error(`Circular structure in "getInitialProps" result of page "${__NEXT_DATA__.page}". https://nextjs.org/docs/messages/circular-structure`);
- }
- throw err;
- }
- }
- render() {
- const { assetPrefix , inAmpMode , buildManifest , unstable_runtimeJS , docComponentsRendered , devOnlyCacheBusterQueryString , disableOptimizedLoading , crossOrigin , } = this.context;
- const disableRuntimeJS = unstable_runtimeJS === false;
- docComponentsRendered.NextScript = true;
- if (process.env.NEXT_RUNTIME !== "edge" && inAmpMode) {
- if (process.env.NODE_ENV === "production") {
- return null;
- }
- const ampDevFiles = [
- ...buildManifest.devFiles,
- ...buildManifest.polyfillFiles,
- ...buildManifest.ampDevFiles,
- ];
- return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, disableRuntimeJS ? null : /*#__PURE__*/ _react.default.createElement("script", {
- id: "__NEXT_DATA__",
- type: "application/json",
- nonce: this.props.nonce,
- crossOrigin: this.props.crossOrigin || crossOrigin,
- dangerouslySetInnerHTML: {
- __html: NextScript.getInlineScriptSource(this.context)
- },
- "data-ampdevmode": true
- }), ampDevFiles.map((file)=>/*#__PURE__*/ _react.default.createElement("script", {
- key: file,
- src: `${assetPrefix}/_next/${file}${devOnlyCacheBusterQueryString}`,
- nonce: this.props.nonce,
- crossOrigin: this.props.crossOrigin || crossOrigin,
- "data-ampdevmode": true
- })));
- }
- if (process.env.NODE_ENV !== "production") {
- if (this.props.crossOrigin) console.warn("Warning: `NextScript` attribute `crossOrigin` is deprecated. https://nextjs.org/docs/messages/doc-crossorigin-deprecated");
- }
- const files = getDocumentFiles(this.context.buildManifest, this.context.__NEXT_DATA__.page, process.env.NEXT_RUNTIME !== "edge" && inAmpMode);
- return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, !disableRuntimeJS && buildManifest.devFiles ? buildManifest.devFiles.map((file)=>/*#__PURE__*/ _react.default.createElement("script", {
- key: file,
- src: `${assetPrefix}/_next/${encodeURI(file)}${devOnlyCacheBusterQueryString}`,
- nonce: this.props.nonce,
- crossOrigin: this.props.crossOrigin || crossOrigin
- })) : null, disableRuntimeJS ? null : /*#__PURE__*/ _react.default.createElement("script", {
- id: "__NEXT_DATA__",
- type: "application/json",
- nonce: this.props.nonce,
- crossOrigin: this.props.crossOrigin || crossOrigin,
- dangerouslySetInnerHTML: {
- __html: NextScript.getInlineScriptSource(this.context)
- }
- }), disableOptimizedLoading && !disableRuntimeJS && this.getPolyfillScripts(), disableOptimizedLoading && !disableRuntimeJS && this.getPreNextScripts(), disableOptimizedLoading && !disableRuntimeJS && this.getDynamicChunks(files), disableOptimizedLoading && !disableRuntimeJS && this.getScripts(files));
- }
- }
- exports.NextScript = NextScript;
- function Html(props) {
- const { inAmpMode , docComponentsRendered , locale , scriptLoader , __NEXT_DATA__ , } = (0, _react).useContext(_htmlContext.HtmlContext);
- docComponentsRendered.Html = true;
- handleDocumentScriptLoaderItems(scriptLoader, __NEXT_DATA__, props);
- return /*#__PURE__*/ _react.default.createElement("html", Object.assign({}, props, {
- lang: props.lang || locale || undefined,
- amp: process.env.NEXT_RUNTIME !== "edge" && inAmpMode ? "" : undefined,
- "data-ampdevmode": process.env.NEXT_RUNTIME !== "edge" && inAmpMode && process.env.NODE_ENV !== "production" ? "" : undefined
- }));
- }
- function Main() {
- const { docComponentsRendered } = (0, _react).useContext(_htmlContext.HtmlContext);
- docComponentsRendered.Main = true;
- // @ts-ignore
- return /*#__PURE__*/ _react.default.createElement("next-js-internal-body-render-target", null);
- }
- // Add a special property to the built-in `Document` component so later we can
- // identify if a user customized `Document` is used or not.
- const InternalFunctionDocument = function InternalFunctionDocument() {
- return /*#__PURE__*/ _react.default.createElement(Html, null, /*#__PURE__*/ _react.default.createElement(Head, null), /*#__PURE__*/ _react.default.createElement("body", null, /*#__PURE__*/ _react.default.createElement(Main, null), /*#__PURE__*/ _react.default.createElement(NextScript, null)));
- };
- Document[_constants.NEXT_BUILTIN_DOCUMENT] = InternalFunctionDocument;
- //# sourceMappingURL=_document.js.map
|