index.js 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.initialize = initialize;
  6. exports.hydrate = hydrate;
  7. exports.emitter = exports.router = exports.version = void 0;
  8. var _async_to_generator = require("@swc/helpers/lib/_async_to_generator.js").default;
  9. var _extends = require("@swc/helpers/lib/_extends.js").default;
  10. var _interop_require_default = require("@swc/helpers/lib/_interop_require_default.js").default;
  11. var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
  12. require("../build/polyfills/polyfill-module");
  13. var _react = _interop_require_default(require("react"));
  14. var _headManagerContext = require("../shared/lib/head-manager-context");
  15. var _mitt = _interop_require_default(require("../shared/lib/mitt"));
  16. var _routerContext = require("../shared/lib/router-context");
  17. var _isDynamic = require("../shared/lib/router/utils/is-dynamic");
  18. var _querystring = require("../shared/lib/router/utils/querystring");
  19. var _runtimeConfig = require("../shared/lib/runtime-config");
  20. var _utils = require("../shared/lib/utils");
  21. var _portal = require("./portal");
  22. var _headManager = _interop_require_default(require("./head-manager"));
  23. var _pageLoader = _interop_require_default(require("./page-loader"));
  24. var _performanceRelayer = _interop_require_default(require("./performance-relayer"));
  25. var _routeAnnouncer = require("./route-announcer");
  26. var _router = require("./router");
  27. var _isError = require("../lib/is-error");
  28. var _imageConfigContext = require("../shared/lib/image-config-context");
  29. var _removeBasePath = require("./remove-base-path");
  30. var _hasBasePath = require("./has-base-path");
  31. const ReactDOM = process.env.__NEXT_REACT_ROOT ? require('react-dom/client') : require('react-dom');
  32. const version = "12.3.4";
  33. exports.version = version;
  34. let router;
  35. exports.router = router;
  36. const emitter = (0, _mitt).default();
  37. exports.emitter = emitter;
  38. const looseToArray = (input)=>[].slice.call(input);
  39. let initialData;
  40. let defaultLocale = undefined;
  41. let asPath;
  42. let pageLoader;
  43. let appElement;
  44. let headManager;
  45. let initialMatchesMiddleware = false;
  46. let lastAppProps;
  47. let lastRenderReject;
  48. let webpackHMR;
  49. let CachedApp, onPerfEntry;
  50. let CachedComponent;
  51. self.__next_require__ = __webpack_require__;
  52. class Container extends _react.default.Component {
  53. componentDidCatch(componentErr, info) {
  54. this.props.fn(componentErr, info);
  55. }
  56. componentDidMount() {
  57. this.scrollToHash();
  58. // We need to replace the router state if:
  59. // - the page was (auto) exported and has a query string or search (hash)
  60. // - it was auto exported and is a dynamic route (to provide params)
  61. // - if it is a client-side skeleton (fallback render)
  62. // - if middleware matches the current page (may have rewrite params)
  63. // - if rewrites in next.config.js match (may have rewrite params)
  64. if (router.isSsr && // We don't update for 404 requests as this can modify
  65. // the asPath unexpectedly e.g. adding basePath when
  66. // it wasn't originally present
  67. initialData.page !== '/404' && initialData.page !== '/_error' && (initialData.isFallback || initialData.nextExport && ((0, _isDynamic).isDynamicRoute(router.pathname) || location.search || process.env.__NEXT_HAS_REWRITES || initialMatchesMiddleware) || initialData.props && initialData.props.__N_SSG && (location.search || process.env.__NEXT_HAS_REWRITES || initialMatchesMiddleware))) {
  68. // update query on mount for exported pages
  69. router.replace(router.pathname + '?' + String((0, _querystring).assign((0, _querystring).urlQueryToSearchParams(router.query), new URLSearchParams(location.search))), asPath, {
  70. // @ts-ignore
  71. // WARNING: `_h` is an internal option for handing Next.js
  72. // client-side hydration. Your app should _never_ use this property.
  73. // It may change at any time without notice.
  74. _h: 1,
  75. // Fallback pages must trigger the data fetch, so the transition is
  76. // not shallow.
  77. // Other pages (strictly updating query) happens shallowly, as data
  78. // requirements would already be present.
  79. shallow: !initialData.isFallback && !initialMatchesMiddleware
  80. }).catch((err)=>{
  81. if (!err.cancelled) throw err;
  82. });
  83. }
  84. }
  85. componentDidUpdate() {
  86. this.scrollToHash();
  87. }
  88. scrollToHash() {
  89. let { hash } = location;
  90. hash = hash && hash.substring(1);
  91. if (!hash) return;
  92. const el = document.getElementById(hash);
  93. if (!el) return;
  94. // If we call scrollIntoView() in here without a setTimeout
  95. // it won't scroll properly.
  96. setTimeout(()=>el.scrollIntoView(), 0);
  97. }
  98. render() {
  99. if (process.env.NODE_ENV === 'production') {
  100. return this.props.children;
  101. } else {
  102. const { ReactDevOverlay , } = require('next/dist/compiled/@next/react-dev-overlay/dist/client');
  103. return /*#__PURE__*/ _react.default.createElement(ReactDevOverlay, null, this.props.children);
  104. }
  105. }
  106. }
  107. function initialize() {
  108. return _initialize.apply(this, arguments);
  109. }
  110. function _initialize() {
  111. _initialize = _async_to_generator(function*(opts = {}) {
  112. // This makes sure this specific lines are removed in production
  113. if (process.env.NODE_ENV === 'development') {
  114. webpackHMR = opts.webpackHMR;
  115. }
  116. initialData = JSON.parse(document.getElementById('__NEXT_DATA__').textContent);
  117. window.__NEXT_DATA__ = initialData;
  118. defaultLocale = initialData.defaultLocale;
  119. const prefix = initialData.assetPrefix || '';
  120. // With dynamic assetPrefix it's no longer possible to set assetPrefix at the build time
  121. // So, this is how we do it in the client side at runtime
  122. __webpack_public_path__ = `${prefix}/_next/` //eslint-disable-line
  123. ;
  124. // Initialize next/config with the environment configuration
  125. (0, _runtimeConfig).setConfig({
  126. serverRuntimeConfig: {},
  127. publicRuntimeConfig: initialData.runtimeConfig || {}
  128. });
  129. asPath = (0, _utils).getURL();
  130. // make sure not to attempt stripping basePath for 404s
  131. if ((0, _hasBasePath).hasBasePath(asPath)) {
  132. asPath = (0, _removeBasePath).removeBasePath(asPath);
  133. }
  134. if (process.env.__NEXT_I18N_SUPPORT) {
  135. const { normalizeLocalePath } = require('../shared/lib/i18n/normalize-locale-path');
  136. const { detectDomainLocale } = require('../shared/lib/i18n/detect-domain-locale');
  137. const { parseRelativeUrl } = require('../shared/lib/router/utils/parse-relative-url');
  138. const { formatUrl } = require('../shared/lib/router/utils/format-url');
  139. if (initialData.locales) {
  140. const parsedAs = parseRelativeUrl(asPath);
  141. const localePathResult = normalizeLocalePath(parsedAs.pathname, initialData.locales);
  142. if (localePathResult.detectedLocale) {
  143. parsedAs.pathname = localePathResult.pathname;
  144. asPath = formatUrl(parsedAs);
  145. } else {
  146. // derive the default locale if it wasn't detected in the asPath
  147. // since we don't prerender static pages with all possible default
  148. // locales
  149. defaultLocale = initialData.locale;
  150. }
  151. // attempt detecting default locale based on hostname
  152. const detectedDomain = detectDomainLocale(process.env.__NEXT_I18N_DOMAINS, window.location.hostname);
  153. // TODO: investigate if defaultLocale needs to be populated after
  154. // hydration to prevent mismatched renders
  155. if (detectedDomain) {
  156. defaultLocale = detectedDomain.defaultLocale;
  157. }
  158. }
  159. }
  160. if (initialData.scriptLoader) {
  161. const { initScriptLoader } = require('./script');
  162. initScriptLoader(initialData.scriptLoader);
  163. }
  164. pageLoader = new _pageLoader.default(initialData.buildId, prefix);
  165. const register = ([r, f])=>pageLoader.routeLoader.onEntrypoint(r, f);
  166. if (window.__NEXT_P) {
  167. // Defer page registration for another tick. This will increase the overall
  168. // latency in hydrating the page, but reduce the total blocking time.
  169. window.__NEXT_P.map((p)=>setTimeout(()=>register(p), 0));
  170. }
  171. window.__NEXT_P = [];
  172. window.__NEXT_P.push = register;
  173. headManager = (0, _headManager).default();
  174. headManager.getIsSsr = ()=>{
  175. return router.isSsr;
  176. };
  177. appElement = document.getElementById('__next');
  178. return {
  179. assetPrefix: prefix
  180. };
  181. });
  182. return _initialize.apply(this, arguments);
  183. }
  184. function renderApp(App, appProps) {
  185. return /*#__PURE__*/ _react.default.createElement(App, Object.assign({}, appProps));
  186. }
  187. function AppContainer({ children }) {
  188. return /*#__PURE__*/ _react.default.createElement(Container, {
  189. fn: (error)=>// TODO: Fix disabled eslint rule
  190. // eslint-disable-next-line @typescript-eslint/no-use-before-define
  191. renderError({
  192. App: CachedApp,
  193. err: error
  194. }).catch((err)=>console.error('Error rendering page: ', err))
  195. }, /*#__PURE__*/ _react.default.createElement(_routerContext.RouterContext.Provider, {
  196. value: (0, _router).makePublicRouterInstance(router)
  197. }, /*#__PURE__*/ _react.default.createElement(_headManagerContext.HeadManagerContext.Provider, {
  198. value: headManager
  199. }, /*#__PURE__*/ _react.default.createElement(_imageConfigContext.ImageConfigContext.Provider, {
  200. value: process.env.__NEXT_IMAGE_OPTS
  201. }, children))));
  202. }
  203. const wrapApp = (App)=>(wrappedAppProps)=>{
  204. const appProps = _extends({}, wrappedAppProps, {
  205. Component: CachedComponent,
  206. err: initialData.err,
  207. router
  208. });
  209. return /*#__PURE__*/ _react.default.createElement(AppContainer, null, renderApp(App, appProps));
  210. };
  211. // This method handles all runtime and debug errors.
  212. // 404 and 500 errors are special kind of errors
  213. // and they are still handle via the main render method.
  214. function renderError(renderErrorProps) {
  215. let { App , err } = renderErrorProps;
  216. // In development runtime errors are caught by our overlay
  217. // In production we catch runtime errors using componentDidCatch which will trigger renderError
  218. if (process.env.NODE_ENV !== 'production') {
  219. // A Next.js rendering runtime error is always unrecoverable
  220. // FIXME: let's make this recoverable (error in GIP client-transition)
  221. webpackHMR.onUnrecoverableError();
  222. // We need to render an empty <App> so that the `<ReactDevOverlay>` can
  223. // render itself.
  224. // TODO: Fix disabled eslint rule
  225. // eslint-disable-next-line @typescript-eslint/no-use-before-define
  226. return doRender({
  227. App: ()=>null,
  228. props: {},
  229. Component: ()=>null,
  230. styleSheets: []
  231. });
  232. }
  233. // Make sure we log the error to the console, otherwise users can't track down issues.
  234. console.error(err);
  235. console.error(`A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred`);
  236. return pageLoader.loadPage('/_error').then(({ page: ErrorComponent , styleSheets })=>{
  237. return (lastAppProps == null ? void 0 : lastAppProps.Component) === ErrorComponent ? import('../pages/_error').then((errorModule)=>{
  238. return import('../pages/_app').then((appModule)=>{
  239. App = appModule.default;
  240. renderErrorProps.App = App;
  241. return errorModule;
  242. });
  243. }).then((m)=>({
  244. ErrorComponent: m.default,
  245. styleSheets: []
  246. })) : {
  247. ErrorComponent,
  248. styleSheets
  249. };
  250. }).then(({ ErrorComponent , styleSheets })=>{
  251. var ref;
  252. // In production we do a normal render with the `ErrorComponent` as component.
  253. // If we've gotten here upon initial render, we can use the props from the server.
  254. // Otherwise, we need to call `getInitialProps` on `App` before mounting.
  255. const AppTree = wrapApp(App);
  256. const appCtx = {
  257. Component: ErrorComponent,
  258. AppTree,
  259. router,
  260. ctx: {
  261. err,
  262. pathname: initialData.page,
  263. query: initialData.query,
  264. asPath,
  265. AppTree
  266. }
  267. };
  268. return Promise.resolve(((ref = renderErrorProps.props) == null ? void 0 : ref.err) ? renderErrorProps.props : (0, _utils).loadGetInitialProps(App, appCtx)).then((initProps)=>// TODO: Fix disabled eslint rule
  269. // eslint-disable-next-line @typescript-eslint/no-use-before-define
  270. doRender(_extends({}, renderErrorProps, {
  271. err,
  272. Component: ErrorComponent,
  273. styleSheets,
  274. props: initProps
  275. })));
  276. });
  277. }
  278. // Dummy component that we render as a child of Root so that we can
  279. // toggle the correct styles before the page is rendered.
  280. function Head({ callback }) {
  281. // We use `useLayoutEffect` to guarantee the callback is executed
  282. // as soon as React flushes the update.
  283. _react.default.useLayoutEffect(()=>callback(), [
  284. callback
  285. ]);
  286. return null;
  287. }
  288. let reactRoot = null;
  289. // On initial render a hydrate should always happen
  290. let shouldHydrate = true;
  291. function clearMarks() {
  292. [
  293. 'beforeRender',
  294. 'afterHydrate',
  295. 'afterRender',
  296. 'routeChange'
  297. ].forEach((mark)=>performance.clearMarks(mark));
  298. }
  299. function markHydrateComplete() {
  300. if (!_utils.ST) return;
  301. performance.mark('afterHydrate') // mark end of hydration
  302. ;
  303. performance.measure('Next.js-before-hydration', 'navigationStart', 'beforeRender');
  304. performance.measure('Next.js-hydration', 'beforeRender', 'afterHydrate');
  305. if (onPerfEntry) {
  306. performance.getEntriesByName('Next.js-hydration').forEach(onPerfEntry);
  307. }
  308. clearMarks();
  309. }
  310. function markRenderComplete() {
  311. if (!_utils.ST) return;
  312. performance.mark('afterRender') // mark end of render
  313. ;
  314. const navStartEntries = performance.getEntriesByName('routeChange', 'mark');
  315. if (!navStartEntries.length) return;
  316. performance.measure('Next.js-route-change-to-render', navStartEntries[0].name, 'beforeRender');
  317. performance.measure('Next.js-render', 'beforeRender', 'afterRender');
  318. if (onPerfEntry) {
  319. performance.getEntriesByName('Next.js-render').forEach(onPerfEntry);
  320. performance.getEntriesByName('Next.js-route-change-to-render').forEach(onPerfEntry);
  321. }
  322. clearMarks();
  323. [
  324. 'Next.js-route-change-to-render',
  325. 'Next.js-render'
  326. ].forEach((measure)=>performance.clearMeasures(measure));
  327. }
  328. function renderReactElement(domEl, fn) {
  329. // mark start of hydrate/render
  330. if (_utils.ST) {
  331. performance.mark('beforeRender');
  332. }
  333. const reactEl = fn(shouldHydrate ? markHydrateComplete : markRenderComplete);
  334. if (process.env.__NEXT_REACT_ROOT) {
  335. if (!reactRoot) {
  336. // Unlike with createRoot, you don't need a separate root.render() call here
  337. reactRoot = ReactDOM.hydrateRoot(domEl, reactEl);
  338. // TODO: Remove shouldHydrate variable when React 18 is stable as it can depend on `reactRoot` existing
  339. shouldHydrate = false;
  340. } else {
  341. const startTransition = _react.default.startTransition;
  342. startTransition(()=>{
  343. reactRoot.render(reactEl);
  344. });
  345. }
  346. } else {
  347. // The check for `.hydrate` is there to support React alternatives like preact
  348. if (shouldHydrate) {
  349. ReactDOM.hydrate(reactEl, domEl);
  350. shouldHydrate = false;
  351. } else {
  352. ReactDOM.render(reactEl, domEl);
  353. }
  354. }
  355. }
  356. function Root({ callbacks , children }) {
  357. // We use `useLayoutEffect` to guarantee the callbacks are executed
  358. // as soon as React flushes the update
  359. _react.default.useLayoutEffect(()=>callbacks.forEach((callback)=>callback()), [
  360. callbacks
  361. ]);
  362. // We should ask to measure the Web Vitals after rendering completes so we
  363. // don't cause any hydration delay:
  364. _react.default.useEffect(()=>{
  365. (0, _performanceRelayer).default(onPerfEntry);
  366. }, []);
  367. if (process.env.__NEXT_TEST_MODE) {
  368. // eslint-disable-next-line react-hooks/rules-of-hooks
  369. _react.default.useEffect(()=>{
  370. window.__NEXT_HYDRATED = true;
  371. if (window.__NEXT_HYDRATED_CB) {
  372. window.__NEXT_HYDRATED_CB();
  373. }
  374. }, []);
  375. }
  376. return children;
  377. }
  378. function doRender(input) {
  379. let { App , Component , props , err } = input;
  380. let styleSheets = 'initial' in input ? undefined : input.styleSheets;
  381. Component = Component || lastAppProps.Component;
  382. props = props || lastAppProps.props;
  383. const appProps = _extends({}, props, {
  384. Component,
  385. err,
  386. router
  387. });
  388. // lastAppProps has to be set before ReactDom.render to account for ReactDom throwing an error.
  389. lastAppProps = appProps;
  390. let canceled = false;
  391. let resolvePromise;
  392. const renderPromise = new Promise((resolve, reject)=>{
  393. if (lastRenderReject) {
  394. lastRenderReject();
  395. }
  396. resolvePromise = ()=>{
  397. lastRenderReject = null;
  398. resolve();
  399. };
  400. lastRenderReject = ()=>{
  401. canceled = true;
  402. lastRenderReject = null;
  403. const error = new Error('Cancel rendering route');
  404. error.cancelled = true;
  405. reject(error);
  406. };
  407. });
  408. // This function has a return type to ensure it doesn't start returning a
  409. // Promise. It should remain synchronous.
  410. function onStart() {
  411. if (!styleSheets || // We use `style-loader` in development, so we don't need to do anything
  412. // unless we're in production:
  413. process.env.NODE_ENV !== 'production') {
  414. return false;
  415. }
  416. const currentStyleTags = looseToArray(document.querySelectorAll('style[data-n-href]'));
  417. const currentHrefs = new Set(currentStyleTags.map((tag)=>tag.getAttribute('data-n-href')));
  418. const noscript = document.querySelector('noscript[data-n-css]');
  419. const nonce = noscript == null ? void 0 : noscript.getAttribute('data-n-css');
  420. styleSheets.forEach(({ href , text })=>{
  421. if (!currentHrefs.has(href)) {
  422. const styleTag = document.createElement('style');
  423. styleTag.setAttribute('data-n-href', href);
  424. styleTag.setAttribute('media', 'x');
  425. if (nonce) {
  426. styleTag.setAttribute('nonce', nonce);
  427. }
  428. document.head.appendChild(styleTag);
  429. styleTag.appendChild(document.createTextNode(text));
  430. }
  431. });
  432. return true;
  433. }
  434. function onHeadCommit() {
  435. if (// We use `style-loader` in development, so we don't need to do anything
  436. // unless we're in production:
  437. process.env.NODE_ENV === 'production' && // We can skip this during hydration. Running it wont cause any harm, but
  438. // we may as well save the CPU cycles:
  439. styleSheets && // Ensure this render was not canceled
  440. !canceled) {
  441. const desiredHrefs = new Set(styleSheets.map((s)=>s.href));
  442. const currentStyleTags = looseToArray(document.querySelectorAll('style[data-n-href]'));
  443. const currentHrefs = currentStyleTags.map((tag)=>tag.getAttribute('data-n-href'));
  444. // Toggle `<style>` tags on or off depending on if they're needed:
  445. for(let idx = 0; idx < currentHrefs.length; ++idx){
  446. if (desiredHrefs.has(currentHrefs[idx])) {
  447. currentStyleTags[idx].removeAttribute('media');
  448. } else {
  449. currentStyleTags[idx].setAttribute('media', 'x');
  450. }
  451. }
  452. // Reorder styles into intended order:
  453. let referenceNode = document.querySelector('noscript[data-n-css]');
  454. if (// This should be an invariant:
  455. referenceNode) {
  456. styleSheets.forEach(({ href })=>{
  457. const targetTag = document.querySelector(`style[data-n-href="${href}"]`);
  458. if (// This should be an invariant:
  459. targetTag) {
  460. referenceNode.parentNode.insertBefore(targetTag, referenceNode.nextSibling);
  461. referenceNode = targetTag;
  462. }
  463. });
  464. }
  465. // Finally, clean up server rendered stylesheets:
  466. looseToArray(document.querySelectorAll('link[data-n-p]')).forEach((el)=>{
  467. el.parentNode.removeChild(el);
  468. });
  469. }
  470. if (input.scroll) {
  471. const htmlElement = document.documentElement;
  472. const existing = htmlElement.style.scrollBehavior;
  473. htmlElement.style.scrollBehavior = 'auto';
  474. window.scrollTo(input.scroll.x, input.scroll.y);
  475. htmlElement.style.scrollBehavior = existing;
  476. }
  477. }
  478. function onRootCommit() {
  479. resolvePromise();
  480. }
  481. onStart();
  482. const elem = /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(Head, {
  483. callback: onHeadCommit
  484. }), /*#__PURE__*/ _react.default.createElement(AppContainer, null, renderApp(App, appProps), /*#__PURE__*/ _react.default.createElement(_portal.Portal, {
  485. type: "next-route-announcer"
  486. }, /*#__PURE__*/ _react.default.createElement(_routeAnnouncer.RouteAnnouncer, null))));
  487. // We catch runtime errors using componentDidCatch which will trigger renderError
  488. renderReactElement(appElement, (callback)=>/*#__PURE__*/ _react.default.createElement(Root, {
  489. callbacks: [
  490. callback,
  491. onRootCommit
  492. ]
  493. }, process.env.__NEXT_STRICT_MODE ? /*#__PURE__*/ _react.default.createElement(_react.default.StrictMode, null, elem) : elem));
  494. return renderPromise;
  495. }
  496. function render(renderingProps) {
  497. return _render.apply(this, arguments);
  498. }
  499. function _render() {
  500. _render = _async_to_generator(function*(renderingProps) {
  501. if (renderingProps.err) {
  502. yield renderError(renderingProps);
  503. return;
  504. }
  505. try {
  506. yield doRender(renderingProps);
  507. } catch (err) {
  508. const renderErr = (0, _isError).getProperError(err);
  509. // bubble up cancelation errors
  510. if (renderErr.cancelled) {
  511. throw renderErr;
  512. }
  513. if (process.env.NODE_ENV === 'development') {
  514. // Ensure this error is displayed in the overlay in development
  515. setTimeout(()=>{
  516. throw renderErr;
  517. });
  518. }
  519. yield renderError(_extends({}, renderingProps, {
  520. err: renderErr
  521. }));
  522. }
  523. });
  524. return _render.apply(this, arguments);
  525. }
  526. function hydrate(opts) {
  527. return _hydrate.apply(this, arguments);
  528. }
  529. function _hydrate() {
  530. _hydrate = _async_to_generator(function*(opts) {
  531. let initialErr = initialData.err;
  532. try {
  533. const appEntrypoint = yield pageLoader.routeLoader.whenEntrypoint('/_app');
  534. if ('error' in appEntrypoint) {
  535. throw appEntrypoint.error;
  536. }
  537. const { component: app , exports: mod } = appEntrypoint;
  538. CachedApp = app;
  539. if (mod && mod.reportWebVitals) {
  540. onPerfEntry = ({ id , name , startTime , value , duration , entryType , entries })=>{
  541. // Combines timestamp with random number for unique ID
  542. const uniqueID = `${Date.now()}-${Math.floor(Math.random() * (9e12 - 1)) + 1e12}`;
  543. let perfStartEntry;
  544. if (entries && entries.length) {
  545. perfStartEntry = entries[0].startTime;
  546. }
  547. const webVitals = {
  548. id: id || uniqueID,
  549. name,
  550. startTime: startTime || perfStartEntry,
  551. value: value == null ? duration : value,
  552. label: entryType === 'mark' || entryType === 'measure' ? 'custom' : 'web-vital'
  553. };
  554. mod.reportWebVitals(webVitals);
  555. };
  556. }
  557. const pageEntrypoint = // The dev server fails to serve script assets when there's a hydration
  558. // error, so we need to skip waiting for the entrypoint.
  559. process.env.NODE_ENV === 'development' && initialData.err ? {
  560. error: initialData.err
  561. } : yield pageLoader.routeLoader.whenEntrypoint(initialData.page);
  562. if ('error' in pageEntrypoint) {
  563. throw pageEntrypoint.error;
  564. }
  565. CachedComponent = pageEntrypoint.component;
  566. if (process.env.NODE_ENV !== 'production') {
  567. const { isValidElementType } = require('next/dist/compiled/react-is');
  568. if (!isValidElementType(CachedComponent)) {
  569. throw new Error(`The default export is not a React Component in page: "${initialData.page}"`);
  570. }
  571. }
  572. } catch (error1) {
  573. // This catches errors like throwing in the top level of a module
  574. initialErr = (0, _isError).getProperError(error1);
  575. }
  576. if (process.env.NODE_ENV === 'development') {
  577. const { getServerError , } = require('next/dist/compiled/@next/react-dev-overlay/dist/client');
  578. // Server-side runtime errors need to be re-thrown on the client-side so
  579. // that the overlay is rendered.
  580. if (initialErr) {
  581. if (initialErr === initialData.err) {
  582. setTimeout(()=>{
  583. let error;
  584. try {
  585. // Generate a new error object. We `throw` it because some browsers
  586. // will set the `stack` when thrown, and we want to ensure ours is
  587. // not overridden when we re-throw it below.
  588. throw new Error(initialErr.message);
  589. } catch (e) {
  590. error = e;
  591. }
  592. error.name = initialErr.name;
  593. error.stack = initialErr.stack;
  594. throw getServerError(error, initialErr.source);
  595. });
  596. } else {
  597. setTimeout(()=>{
  598. throw initialErr;
  599. });
  600. }
  601. }
  602. }
  603. if (window.__NEXT_PRELOADREADY) {
  604. yield window.__NEXT_PRELOADREADY(initialData.dynamicIds);
  605. }
  606. exports.router = router = (0, _router).createRouter(initialData.page, initialData.query, asPath, {
  607. initialProps: initialData.props,
  608. pageLoader,
  609. App: CachedApp,
  610. Component: CachedComponent,
  611. wrapApp,
  612. err: initialErr,
  613. isFallback: Boolean(initialData.isFallback),
  614. subscription: (info, App, scroll)=>render(Object.assign({}, info, {
  615. App,
  616. scroll
  617. })),
  618. locale: initialData.locale,
  619. locales: initialData.locales,
  620. defaultLocale,
  621. domainLocales: initialData.domainLocales,
  622. isPreview: initialData.isPreview
  623. });
  624. initialMatchesMiddleware = yield router._initialMatchesMiddlewarePromise;
  625. const renderCtx = {
  626. App: CachedApp,
  627. initial: true,
  628. Component: CachedComponent,
  629. props: initialData.props,
  630. err: initialErr
  631. };
  632. if (opts == null ? void 0 : opts.beforeRender) {
  633. yield opts.beforeRender();
  634. }
  635. render(renderCtx);
  636. });
  637. return _hydrate.apply(this, arguments);
  638. }
  639. if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
  640. Object.defineProperty(exports.default, '__esModule', { value: true });
  641. Object.assign(exports.default, exports);
  642. module.exports = exports.default;
  643. }
  644. //# sourceMappingURL=index.js.map