diff --git a/package.json b/package.json index 65733d31b6e495..841fad4193db7b 100644 --- a/package.json +++ b/package.json @@ -194,16 +194,16 @@ "random-seed": "0.3.0", "react": "18.2.0", "react-17": "npm:react@17.0.2", - "react-builtin": "npm:react@18.3.0-canary-2c338b16f-20231116", + "react-builtin": "npm:react@18.3.0-canary-0cdfef19b-20231211", "react-dom": "18.2.0", "react-dom-17": "npm:react-dom@17.0.2", - "react-dom-builtin": "npm:react-dom@18.3.0-canary-2c338b16f-20231116", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-2c338b16f-20231116", - "react-experimental-builtin": "npm:react@0.0.0-experimental-2c338b16f-20231116", - "react-server-dom-turbopack": "18.3.0-canary-2c338b16f-20231116", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-2c338b16f-20231116", - "react-server-dom-webpack": "18.3.0-canary-2c338b16f-20231116", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-2c338b16f-20231116", + "react-dom-builtin": "npm:react-dom@18.3.0-canary-0cdfef19b-20231211", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-0cdfef19b-20231211", + "react-experimental-builtin": "npm:react@0.0.0-experimental-0cdfef19b-20231211", + "react-server-dom-turbopack": "18.3.0-canary-0cdfef19b-20231211", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-0cdfef19b-20231211", + "react-server-dom-webpack": "18.3.0-canary-0cdfef19b-20231211", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-0cdfef19b-20231211", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -213,8 +213,8 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.10.6", - "scheduler-builtin": "npm:scheduler@0.24.0-canary-2c338b16f-20231116", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-2c338b16f-20231116", + "scheduler-builtin": "npm:scheduler@0.24.0-canary-0cdfef19b-20231211", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-0cdfef19b-20231211", "seedrandom": "3.0.5", "selenium-webdriver": "4.0.0-beta.4", "semver": "7.3.7", diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js index 31666ef3406f79..706efae8ff8c59 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js @@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") { var React = require("next/dist/compiled/react-experimental"); var ReactDOM = require('react-dom'); -var ReactVersion = '18.3.0-experimental-2c338b16f-20231116'; +var ReactVersion = '18.3.0-experimental-0cdfef19b-20231211'; var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; @@ -361,7 +361,11 @@ var hasReadOnlyValue = { function checkControlledValueProps(tagName, props) { { if (!(hasReadOnlyValue[props.type] || props.onChange || props.onInput || props.readOnly || props.disabled || props.value == null)) { - error('You provided a `value` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultValue`. Otherwise, ' + 'set either `onChange` or `readOnly`.'); + if (tagName === 'select') { + error('You provided a `value` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultValue`. Otherwise, set `onChange`.'); + } else { + error('You provided a `value` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.'); + } } if (!(props.onChange || props.readOnly || props.disabled || props.checked == null)) { diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js index 47247b236b3748..8e67dbea1731a2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js @@ -26,7 +26,7 @@ function formatProdErrorMessage(code) { return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.'; } -var ReactVersion = '18.3.0-experimental-2c338b16f-20231116'; +var ReactVersion = '18.3.0-experimental-0cdfef19b-20231211'; // A pure JS implementation of a string hashing function. We do not use it for // security or obfuscation purposes, only to create compact hashes. So we diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.min.js index cf30aba5049f96..d6f7aa7b6fdafd 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.min.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.min.js @@ -203,6 +203,6 @@ for(c=0;c) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { lastHostComponent = stateNode; // createEventHandle listeners @@ -33130,7 +33135,7 @@ function accumulateTwoPhaseListeners(targetFiber, reactName) { stateNode = _instance3.stateNode, tag = _instance3.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { var currentTarget = stateNode; var captureListener = getListener(instance, captureName); @@ -33163,7 +33168,7 @@ function getParent(inst) { // events to their parent. We could also go through parentNode on the // host node but that wouldn't work for React Native and doesn't let us // do the portal feature. - } while (inst && inst.tag !== HostComponent && (inst.tag !== HostSingleton)); + } while (inst && inst.tag !== HostComponent && inst.tag !== HostSingleton); if (inst) { return inst; @@ -33238,7 +33243,7 @@ function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, com break; } - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { var currentTarget = stateNode; if (inCapturePhase) { @@ -33521,7 +33526,7 @@ function setProp(domElement, tag, key, value, props, prevValue) { // https://github.com/facebook/react/issues/6731#issuecomment-254874553 - var canSetTextContent = (tag !== 'body') && (tag !== 'textarea' || value !== ''); + var canSetTextContent = tag !== 'body' && (tag !== 'textarea' || value !== ''); if (canSetTextContent) { setTextContent(domElement, value); @@ -36499,24 +36504,22 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } function clearContainer(container) { - { - var nodeType = container.nodeType; + var nodeType = container.nodeType; - if (nodeType === DOCUMENT_NODE) { - clearContainerSparingly(container); - } else if (nodeType === ELEMENT_NODE) { - switch (container.nodeName) { - case 'HEAD': - case 'HTML': - case 'BODY': - clearContainerSparingly(container); - return; + if (nodeType === DOCUMENT_NODE) { + clearContainerSparingly(container); + } else if (nodeType === ELEMENT_NODE) { + switch (container.nodeName) { + case 'HEAD': + case 'HTML': + case 'BODY': + clearContainerSparingly(container); + return; - default: - { - container.textContent = ''; - } - } + default: + { + container.textContent = ''; + } } } } @@ -36589,14 +36592,14 @@ function canHydrateInstance(instance, type, props, inRootOrSingleton) { var anyProps = props; if (element.nodeName.toLowerCase() !== type.toLowerCase()) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { // Usually we error for mismatched tags. if (element.nodeName === 'INPUT' && element.type === 'hidden') ; else { return null; } } // In root or singleton parents we skip past mismatched instances. - } else if (!inRootOrSingleton || !enableHostSingletons) { + } else if (!inRootOrSingleton) { // Match if (type === 'input' && element.type === 'hidden') { { @@ -36718,7 +36721,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { if (text === '') return null; while (instance.nodeType !== TEXT_NODE) { - if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton || !enableHostSingletons) { + if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton) { return null; } @@ -36736,7 +36739,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } function canHydrateSuspenseInstance(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -36784,7 +36787,7 @@ function registerSuspenseInstanceRetry(instance, callback) { } function canHydrateFormStateMarker(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -36931,7 +36934,7 @@ function commitHydratedSuspenseInstance(suspenseInstance) { retryIfBlockedOn(suspenseInstance); } function shouldDeleteUnhydratedTailInstances(parentType) { - return (parentType !== 'form' && parentType !== 'button'); + return parentType !== 'form' && parentType !== 'button'; } function didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text, isConcurrentMode, shouldWarnDev) { checkForUnmatchedText(textInstance.nodeValue, text, isConcurrentMode, shouldWarnDev); @@ -38797,7 +38800,6 @@ function isValidContainerLegacy(node) { function warnIfReactDOMContainerInDEV(container) { { - if (isContainerMarkedAsRoot(container)) { if (container._reactRootContainer) { error('You are calling ReactDOMClient.createRoot() on a container that was previously ' + 'passed to ReactDOM.render(). This is not supported.'); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js index 77159603121510..eddfbd51c349a9 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js @@ -72,8 +72,9 @@ const enableSuspenseCallback = false; // Experimental Scope support. const enableLazyContextPropagation = false; // FB-only usage. The new API has different semantics. const enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber -const enableHostSingletons = true; const alwaysThrottleRetries = true; +const syncLaneExpirationMs = 250; +const transitionLaneExpirationMs = 5000; // ----------------------------------------------------------------------------- // Chopping Block // // Planned feature deprecations and breaking changes. Sorted roughly in order of @@ -902,7 +903,7 @@ function computeExpirationTime(lane, currentTime) { // to fix the starvation. However, this scenario supports the idea that // expiration times are an important safeguard when starvation // does happen. - return currentTime + 250; + return currentTime + syncLaneExpirationMs; case DefaultHydrationLane: case DefaultLane: @@ -922,7 +923,7 @@ function computeExpirationTime(lane, currentTime) { case TransitionLane13: case TransitionLane14: case TransitionLane15: - return currentTime + 5000; + return currentTime + transitionLaneExpirationMs; case RetryLane1: case RetryLane2: @@ -1570,7 +1571,7 @@ function getInstanceFromNode$1(node) { if (inst) { const tag = inst.tag; - if (tag === HostComponent || tag === HostText || tag === SuspenseComponent || (tag === HostHoistable ) || (tag === HostSingleton ) || tag === HostRoot) { + if (tag === HostComponent || tag === HostText || tag === SuspenseComponent || (tag === HostHoistable ) || tag === HostSingleton || tag === HostRoot) { return inst; } else { return null; @@ -1587,7 +1588,7 @@ function getInstanceFromNode$1(node) { function getNodeFromInstance(inst) { const tag = inst.tag; - if (tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton ) || tag === HostText) { + if (tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton || tag === HostText) { // In Fiber this, is just the state node right now. We assume it will be // a host component or host text. return inst.stateNode; @@ -3517,7 +3518,7 @@ function findCurrentHostFiberImpl(node) { // Next we'll drill down this component to find the first HostComponent/Text. const tag = node.tag; - if (tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton ) || tag === HostText) { + if (tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton || tag === HostText) { return node; } @@ -20071,7 +20072,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) { return root; } -var ReactVersion = '18.3.0-experimental-2c338b16f-20231116'; +var ReactVersion = '18.3.0-experimental-0cdfef19b-20231211'; function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation. implementation) { @@ -22718,7 +22719,7 @@ function extractEvents$3(dispatchQueue, domEventName, targetInst, nativeEvent, n const nearestMounted = getNearestMountedFiber(to); const tag = to.tag; - if (to !== nearestMounted || tag !== HostComponent && (tag !== HostSingleton) && tag !== HostText) { + if (to !== nearestMounted || tag !== HostComponent && tag !== HostSingleton && tag !== HostText) { to = null; } } @@ -23874,7 +23875,7 @@ function dispatchEventForPluginEventSystem(domEventName, eventSystemFlags, nativ const parentTag = parentNode.tag; - if (parentTag === HostComponent || parentTag === HostText || (parentTag === HostHoistable ) || (parentTag === HostSingleton )) { + if (parentTag === HostComponent || parentTag === HostText || (parentTag === HostHoistable ) || parentTag === HostSingleton) { node = ancestorInst = parentNode; continue mainLoop; } @@ -23911,7 +23912,7 @@ function accumulateSinglePhaseListeners(targetFiber, reactName, nativeEventType, stateNode = _instance.stateNode, tag = _instance.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { lastHostComponent = stateNode; // createEventHandle listeners @@ -23953,7 +23954,7 @@ function accumulateTwoPhaseListeners(targetFiber, reactName) { stateNode = _instance2.stateNode, tag = _instance2.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; const captureListener = getListener(instance, captureName); @@ -23986,7 +23987,7 @@ function getParent(inst) { // events to their parent. We could also go through parentNode on the // host node but that wouldn't work for React Native and doesn't let us // do the portal feature. - } while (inst && inst.tag !== HostComponent && (inst.tag !== HostSingleton)); + } while (inst && inst.tag !== HostComponent && inst.tag !== HostSingleton); if (inst) { return inst; @@ -24061,7 +24062,7 @@ function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, com break; } - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; if (inCapturePhase) { @@ -24167,7 +24168,7 @@ function setProp(domElement, tag, key, value, props, prevValue) { // https://github.com/facebook/react/issues/6731#issuecomment-254874553 - const canSetTextContent = (tag !== 'body') && (tag !== 'textarea' || value !== ''); + const canSetTextContent = tag !== 'body' && (tag !== 'textarea' || value !== ''); if (canSetTextContent) { setTextContent(domElement, value); @@ -26082,24 +26083,22 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } function clearContainer(container) { - { - const nodeType = container.nodeType; - - if (nodeType === DOCUMENT_NODE) { - clearContainerSparingly(container); - } else if (nodeType === ELEMENT_NODE) { - switch (container.nodeName) { - case 'HEAD': - case 'HTML': - case 'BODY': - clearContainerSparingly(container); - return; + const nodeType = container.nodeType; - default: - { - container.textContent = ''; - } - } + if (nodeType === DOCUMENT_NODE) { + clearContainerSparingly(container); + } else if (nodeType === ELEMENT_NODE) { + switch (container.nodeName) { + case 'HEAD': + case 'HTML': + case 'BODY': + clearContainerSparingly(container); + return; + + default: + { + container.textContent = ''; + } } } } @@ -26172,14 +26171,14 @@ function canHydrateInstance(instance, type, props, inRootOrSingleton) { const anyProps = props; if (element.nodeName.toLowerCase() !== type.toLowerCase()) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { // Usually we error for mismatched tags. if (element.nodeName === 'INPUT' && element.type === 'hidden') ; else { return null; } } // In root or singleton parents we skip past mismatched instances. - } else if (!inRootOrSingleton || !enableHostSingletons) { + } else if (!inRootOrSingleton) { // Match if (type === 'input' && element.type === 'hidden') { @@ -26298,7 +26297,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { if (text === '') return null; while (instance.nodeType !== TEXT_NODE) { - if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton || !enableHostSingletons) { + if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton) { return null; } @@ -26316,7 +26315,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } function canHydrateSuspenseInstance(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -26358,7 +26357,7 @@ function registerSuspenseInstanceRetry(instance, callback) { } function canHydrateFormStateMarker(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -26505,7 +26504,7 @@ function commitHydratedSuspenseInstance(suspenseInstance) { retryIfBlockedOn(suspenseInstance); } function shouldDeleteUnhydratedTailInstances(parentType) { - return (parentType !== 'form' && parentType !== 'button'); + return parentType !== 'form' && parentType !== 'button'; } function didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text, isConcurrentMode, shouldWarnDev) { checkForUnmatchedText(textInstance.nodeValue, text, isConcurrentMode); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.min.js index c5bf52e72e8e29..b0704958335420 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.min.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.min.js @@ -427,9 +427,9 @@ d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.ins bp.prototype.unmount=ap.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Xk(function(){zl(null,a,null,null)});b[Eb]=null}};function bp(a){this._internalRoot=a}bp.prototype.unstable_scheduleHydration=function(a){if(a){var b=F;a={blockedOn:null,target:a,priority:b};for(var c=0;c) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { lastHostComponent = stateNode; // createEventHandle listeners @@ -32567,7 +32572,7 @@ function accumulateTwoPhaseListeners(targetFiber, reactName) { stateNode = _instance3.stateNode, tag = _instance3.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { var currentTarget = stateNode; var captureListener = getListener(instance, captureName); @@ -32600,7 +32605,7 @@ function getParent(inst) { // events to their parent. We could also go through parentNode on the // host node but that wouldn't work for React Native and doesn't let us // do the portal feature. - } while (inst && inst.tag !== HostComponent && (inst.tag !== HostSingleton)); + } while (inst && inst.tag !== HostComponent && inst.tag !== HostSingleton); if (inst) { return inst; @@ -32675,7 +32680,7 @@ function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, com break; } - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { var currentTarget = stateNode; if (inCapturePhase) { @@ -32958,7 +32963,7 @@ function setProp(domElement, tag, key, value, props, prevValue) { // https://github.com/facebook/react/issues/6731#issuecomment-254874553 - var canSetTextContent = (tag !== 'body') && (tag !== 'textarea' || value !== ''); + var canSetTextContent = tag !== 'body' && (tag !== 'textarea' || value !== ''); if (canSetTextContent) { setTextContent(domElement, value); @@ -35933,24 +35938,22 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } function clearContainer(container) { - { - var nodeType = container.nodeType; + var nodeType = container.nodeType; - if (nodeType === DOCUMENT_NODE) { - clearContainerSparingly(container); - } else if (nodeType === ELEMENT_NODE) { - switch (container.nodeName) { - case 'HEAD': - case 'HTML': - case 'BODY': - clearContainerSparingly(container); - return; + if (nodeType === DOCUMENT_NODE) { + clearContainerSparingly(container); + } else if (nodeType === ELEMENT_NODE) { + switch (container.nodeName) { + case 'HEAD': + case 'HTML': + case 'BODY': + clearContainerSparingly(container); + return; - default: - { - container.textContent = ''; - } - } + default: + { + container.textContent = ''; + } } } } @@ -36023,14 +36026,14 @@ function canHydrateInstance(instance, type, props, inRootOrSingleton) { var anyProps = props; if (element.nodeName.toLowerCase() !== type.toLowerCase()) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { // Usually we error for mismatched tags. if (element.nodeName === 'INPUT' && element.type === 'hidden') ; else { return null; } } // In root or singleton parents we skip past mismatched instances. - } else if (!inRootOrSingleton || !enableHostSingletons) { + } else if (!inRootOrSingleton) { // Match if (type === 'input' && element.type === 'hidden') { { @@ -36152,7 +36155,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { if (text === '') return null; while (instance.nodeType !== TEXT_NODE) { - if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton || !enableHostSingletons) { + if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton) { return null; } @@ -36170,7 +36173,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } function canHydrateSuspenseInstance(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -36218,7 +36221,7 @@ function registerSuspenseInstanceRetry(instance, callback) { } function canHydrateFormStateMarker(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -36365,7 +36368,7 @@ function commitHydratedSuspenseInstance(suspenseInstance) { retryIfBlockedOn(suspenseInstance); } function shouldDeleteUnhydratedTailInstances(parentType) { - return (parentType !== 'form' && parentType !== 'button'); + return parentType !== 'form' && parentType !== 'button'; } function didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text, isConcurrentMode, shouldWarnDev) { checkForUnmatchedText(textInstance.nodeValue, text, isConcurrentMode, shouldWarnDev); @@ -38099,7 +38102,6 @@ function isValidContainerLegacy(node) { function warnIfReactDOMContainerInDEV(container) { { - if (isContainerMarkedAsRoot(container)) { if (container._reactRootContainer) { error('You are calling ReactDOMClient.createRoot() on a container that was previously ' + 'passed to ReactDOM.render(). This is not supported.'); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js index 288dc03064bcbb..fbe0f2c5c7d9a4 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js @@ -72,8 +72,9 @@ const enableSuspenseCallback = false; // Experimental Scope support. const enableLazyContextPropagation = false; // FB-only usage. The new API has different semantics. const enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber -const enableHostSingletons = true; const alwaysThrottleRetries = true; +const syncLaneExpirationMs = 250; +const transitionLaneExpirationMs = 5000; // ----------------------------------------------------------------------------- // Chopping Block // // Planned feature deprecations and breaking changes. Sorted roughly in order of @@ -902,7 +903,7 @@ function computeExpirationTime(lane, currentTime) { // to fix the starvation. However, this scenario supports the idea that // expiration times are an important safeguard when starvation // does happen. - return currentTime + 250; + return currentTime + syncLaneExpirationMs; case DefaultHydrationLane: case DefaultLane: @@ -922,7 +923,7 @@ function computeExpirationTime(lane, currentTime) { case TransitionLane13: case TransitionLane14: case TransitionLane15: - return currentTime + 5000; + return currentTime + transitionLaneExpirationMs; case RetryLane1: case RetryLane2: @@ -1570,7 +1571,7 @@ function getInstanceFromNode(node) { if (inst) { const tag = inst.tag; - if (tag === HostComponent || tag === HostText || tag === SuspenseComponent || (tag === HostHoistable ) || (tag === HostSingleton ) || tag === HostRoot) { + if (tag === HostComponent || tag === HostText || tag === SuspenseComponent || (tag === HostHoistable ) || tag === HostSingleton || tag === HostRoot) { return inst; } else { return null; @@ -1587,7 +1588,7 @@ function getInstanceFromNode(node) { function getNodeFromInstance(inst) { const tag = inst.tag; - if (tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton ) || tag === HostText) { + if (tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton || tag === HostText) { // In Fiber this, is just the state node right now. We assume it will be // a host component or host text. return inst.stateNode; @@ -3370,7 +3371,7 @@ function findCurrentHostFiberImpl(node) { // Next we'll drill down this component to find the first HostComponent/Text. const tag = node.tag; - if (tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton ) || tag === HostText) { + if (tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton || tag === HostText) { return node; } @@ -19514,7 +19515,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) { return root; } -var ReactVersion = '18.3.0-experimental-2c338b16f-20231116'; +var ReactVersion = '18.3.0-experimental-0cdfef19b-20231211'; function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation. implementation) { @@ -22161,7 +22162,7 @@ function extractEvents$3(dispatchQueue, domEventName, targetInst, nativeEvent, n const nearestMounted = getNearestMountedFiber(to); const tag = to.tag; - if (to !== nearestMounted || tag !== HostComponent && (tag !== HostSingleton) && tag !== HostText) { + if (to !== nearestMounted || tag !== HostComponent && tag !== HostSingleton && tag !== HostText) { to = null; } } @@ -23317,7 +23318,7 @@ function dispatchEventForPluginEventSystem(domEventName, eventSystemFlags, nativ const parentTag = parentNode.tag; - if (parentTag === HostComponent || parentTag === HostText || (parentTag === HostHoistable ) || (parentTag === HostSingleton )) { + if (parentTag === HostComponent || parentTag === HostText || (parentTag === HostHoistable ) || parentTag === HostSingleton) { node = ancestorInst = parentNode; continue mainLoop; } @@ -23354,7 +23355,7 @@ function accumulateSinglePhaseListeners(targetFiber, reactName, nativeEventType, stateNode = _instance.stateNode, tag = _instance.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { lastHostComponent = stateNode; // createEventHandle listeners @@ -23396,7 +23397,7 @@ function accumulateTwoPhaseListeners(targetFiber, reactName) { stateNode = _instance2.stateNode, tag = _instance2.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; const captureListener = getListener(instance, captureName); @@ -23429,7 +23430,7 @@ function getParent(inst) { // events to their parent. We could also go through parentNode on the // host node but that wouldn't work for React Native and doesn't let us // do the portal feature. - } while (inst && inst.tag !== HostComponent && (inst.tag !== HostSingleton)); + } while (inst && inst.tag !== HostComponent && inst.tag !== HostSingleton); if (inst) { return inst; @@ -23504,7 +23505,7 @@ function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, com break; } - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; if (inCapturePhase) { @@ -23610,7 +23611,7 @@ function setProp(domElement, tag, key, value, props, prevValue) { // https://github.com/facebook/react/issues/6731#issuecomment-254874553 - const canSetTextContent = (tag !== 'body') && (tag !== 'textarea' || value !== ''); + const canSetTextContent = tag !== 'body' && (tag !== 'textarea' || value !== ''); if (canSetTextContent) { setTextContent(domElement, value); @@ -25522,24 +25523,22 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } function clearContainer(container) { - { - const nodeType = container.nodeType; - - if (nodeType === DOCUMENT_NODE) { - clearContainerSparingly(container); - } else if (nodeType === ELEMENT_NODE) { - switch (container.nodeName) { - case 'HEAD': - case 'HTML': - case 'BODY': - clearContainerSparingly(container); - return; + const nodeType = container.nodeType; - default: - { - container.textContent = ''; - } - } + if (nodeType === DOCUMENT_NODE) { + clearContainerSparingly(container); + } else if (nodeType === ELEMENT_NODE) { + switch (container.nodeName) { + case 'HEAD': + case 'HTML': + case 'BODY': + clearContainerSparingly(container); + return; + + default: + { + container.textContent = ''; + } } } } @@ -25612,14 +25611,14 @@ function canHydrateInstance(instance, type, props, inRootOrSingleton) { const anyProps = props; if (element.nodeName.toLowerCase() !== type.toLowerCase()) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { // Usually we error for mismatched tags. if (element.nodeName === 'INPUT' && element.type === 'hidden') ; else { return null; } } // In root or singleton parents we skip past mismatched instances. - } else if (!inRootOrSingleton || !enableHostSingletons) { + } else if (!inRootOrSingleton) { // Match if (type === 'input' && element.type === 'hidden') { @@ -25738,7 +25737,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { if (text === '') return null; while (instance.nodeType !== TEXT_NODE) { - if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton || !enableHostSingletons) { + if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton) { return null; } @@ -25756,7 +25755,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } function canHydrateSuspenseInstance(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -25798,7 +25797,7 @@ function registerSuspenseInstanceRetry(instance, callback) { } function canHydrateFormStateMarker(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -25945,7 +25944,7 @@ function commitHydratedSuspenseInstance(suspenseInstance) { retryIfBlockedOn(suspenseInstance); } function shouldDeleteUnhydratedTailInstances(parentType) { - return (parentType !== 'form' && parentType !== 'button'); + return parentType !== 'form' && parentType !== 'button'; } function didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text, isConcurrentMode, shouldWarnDev) { checkForUnmatchedText(textInstance.nodeValue, text, isConcurrentMode); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.min.js index 5053548fbff36c..52d1ab038eadc5 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.min.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.min.js @@ -415,9 +415,9 @@ d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.ins Lo.prototype.unmount=Ko.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Jk(function(){ll(null,a,null,null)});b[Eb]=null}};function Lo(a){this._internalRoot=a}Lo.prototype.unstable_scheduleHydration=function(a){if(a){var b=F;a={blockedOn:null,target:a,priority:b};for(var c=0;c) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { lastHostComponent = stateNode; // createEventHandle listeners @@ -24717,7 +24718,7 @@ function accumulateTwoPhaseListeners(targetFiber, reactName) { stateNode = _instance2.stateNode, tag = _instance2.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; const captureListener = getListener(instance, captureName); @@ -24750,7 +24751,7 @@ function getParent(inst) { // events to their parent. We could also go through parentNode on the // host node but that wouldn't work for React Native and doesn't let us // do the portal feature. - } while (inst && inst.tag !== HostComponent && (inst.tag !== HostSingleton)); + } while (inst && inst.tag !== HostComponent && inst.tag !== HostSingleton); if (inst) { return inst; @@ -24825,7 +24826,7 @@ function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, com break; } - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; if (inCapturePhase) { @@ -24931,7 +24932,7 @@ function setProp(domElement, tag, key, value, props, prevValue) { // https://github.com/facebook/react/issues/6731#issuecomment-254874553 - const canSetTextContent = (tag !== 'body') && (tag !== 'textarea' || value !== ''); + const canSetTextContent = tag !== 'body' && (tag !== 'textarea' || value !== ''); if (canSetTextContent) { setTextContent(domElement, value); @@ -26843,24 +26844,22 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } function clearContainer(container) { - { - const nodeType = container.nodeType; - - if (nodeType === DOCUMENT_NODE) { - clearContainerSparingly(container); - } else if (nodeType === ELEMENT_NODE) { - switch (container.nodeName) { - case 'HEAD': - case 'HTML': - case 'BODY': - clearContainerSparingly(container); - return; + const nodeType = container.nodeType; - default: - { - container.textContent = ''; - } - } + if (nodeType === DOCUMENT_NODE) { + clearContainerSparingly(container); + } else if (nodeType === ELEMENT_NODE) { + switch (container.nodeName) { + case 'HEAD': + case 'HTML': + case 'BODY': + clearContainerSparingly(container); + return; + + default: + { + container.textContent = ''; + } } } } @@ -26933,14 +26932,14 @@ function canHydrateInstance(instance, type, props, inRootOrSingleton) { const anyProps = props; if (element.nodeName.toLowerCase() !== type.toLowerCase()) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { // Usually we error for mismatched tags. if (element.nodeName === 'INPUT' && element.type === 'hidden') ; else { return null; } } // In root or singleton parents we skip past mismatched instances. - } else if (!inRootOrSingleton || !enableHostSingletons) { + } else if (!inRootOrSingleton) { // Match if (type === 'input' && element.type === 'hidden') { @@ -27059,7 +27058,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { if (text === '') return null; while (instance.nodeType !== TEXT_NODE) { - if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton || !enableHostSingletons) { + if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton) { return null; } @@ -27077,7 +27076,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } function canHydrateSuspenseInstance(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -27119,7 +27118,7 @@ function registerSuspenseInstanceRetry(instance, callback) { } function canHydrateFormStateMarker(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -27266,7 +27265,7 @@ function commitHydratedSuspenseInstance(suspenseInstance) { retryIfBlockedOn(suspenseInstance); } function shouldDeleteUnhydratedTailInstances(parentType) { - return (parentType !== 'form' && parentType !== 'button'); + return parentType !== 'form' && parentType !== 'button'; } function didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text, isConcurrentMode, shouldWarnDev) { checkForUnmatchedText(textInstance.nodeValue, text, isConcurrentMode); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.min.js index 7cde48d23701d5..12bc6eb3f2a11b 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.min.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.min.js @@ -439,9 +439,9 @@ d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.ins xp.prototype.unmount=wp.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;vl(function(){Yl(null,a,null,null)});b[Tb]=null}};function xp(a){this._internalRoot=a}xp.prototype.unstable_scheduleHydration=function(a){if(a){var b=G;a={blockedOn:null,target:a,priority:b};for(var c=0;c) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { lastHostComponent = stateNode; // createEventHandle listeners @@ -32245,7 +32250,7 @@ function accumulateTwoPhaseListeners(targetFiber, reactName) { stateNode = _instance3.stateNode, tag = _instance3.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { var currentTarget = stateNode; var captureListener = getListener(instance, captureName); @@ -32278,7 +32283,7 @@ function getParent(inst) { // events to their parent. We could also go through parentNode on the // host node but that wouldn't work for React Native and doesn't let us // do the portal feature. - } while (inst && inst.tag !== HostComponent && (inst.tag !== HostSingleton)); + } while (inst && inst.tag !== HostComponent && inst.tag !== HostSingleton); if (inst) { return inst; @@ -32353,7 +32358,7 @@ function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, com break; } - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { var currentTarget = stateNode; if (inCapturePhase) { @@ -32636,7 +32641,7 @@ function setProp(domElement, tag, key, value, props, prevValue) { // https://github.com/facebook/react/issues/6731#issuecomment-254874553 - var canSetTextContent = (tag !== 'body') && (tag !== 'textarea' || value !== ''); + var canSetTextContent = tag !== 'body' && (tag !== 'textarea' || value !== ''); if (canSetTextContent) { setTextContent(domElement, value); @@ -35566,24 +35571,22 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } function clearContainer(container) { - { - var nodeType = container.nodeType; + var nodeType = container.nodeType; - if (nodeType === DOCUMENT_NODE) { - clearContainerSparingly(container); - } else if (nodeType === ELEMENT_NODE) { - switch (container.nodeName) { - case 'HEAD': - case 'HTML': - case 'BODY': - clearContainerSparingly(container); - return; + if (nodeType === DOCUMENT_NODE) { + clearContainerSparingly(container); + } else if (nodeType === ELEMENT_NODE) { + switch (container.nodeName) { + case 'HEAD': + case 'HTML': + case 'BODY': + clearContainerSparingly(container); + return; - default: - { - container.textContent = ''; - } - } + default: + { + container.textContent = ''; + } } } } @@ -35656,14 +35659,14 @@ function canHydrateInstance(instance, type, props, inRootOrSingleton) { var anyProps = props; if (element.nodeName.toLowerCase() !== type.toLowerCase()) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { // Usually we error for mismatched tags. if (element.nodeName === 'INPUT' && element.type === 'hidden') ; else { return null; } } // In root or singleton parents we skip past mismatched instances. - } else if (!inRootOrSingleton || !enableHostSingletons) { + } else if (!inRootOrSingleton) { // Match if (type === 'input' && element.type === 'hidden') { { @@ -35785,7 +35788,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { if (text === '') return null; while (instance.nodeType !== TEXT_NODE) { - if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton || !enableHostSingletons) { + if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton) { return null; } @@ -35803,7 +35806,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } function canHydrateSuspenseInstance(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -35851,7 +35854,7 @@ function registerSuspenseInstanceRetry(instance, callback) { } function canHydrateFormStateMarker(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -35998,7 +36001,7 @@ function commitHydratedSuspenseInstance(suspenseInstance) { retryIfBlockedOn(suspenseInstance); } function shouldDeleteUnhydratedTailInstances(parentType) { - return (parentType !== 'form' && parentType !== 'button'); + return parentType !== 'form' && parentType !== 'button'; } function didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text, isConcurrentMode, shouldWarnDev) { checkForUnmatchedText(textInstance.nodeValue, text, isConcurrentMode, shouldWarnDev); @@ -37732,7 +37735,6 @@ function isValidContainerLegacy(node) { function warnIfReactDOMContainerInDEV(container) { { - if (isContainerMarkedAsRoot(container)) { if (container._reactRootContainer) { error('You are calling ReactDOMClient.createRoot() on a container that was previously ' + 'passed to ReactDOM.render(). This is not supported.'); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js index dded5fe031d8f2..3a16bc9700e1de 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js @@ -72,8 +72,9 @@ const enableSuspenseCallback = false; // Experimental Scope support. const enableLazyContextPropagation = false; // FB-only usage. The new API has different semantics. const enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber -const enableHostSingletons = true; const alwaysThrottleRetries = true; +const syncLaneExpirationMs = 250; +const transitionLaneExpirationMs = 5000; // ----------------------------------------------------------------------------- // Chopping Block // // Planned feature deprecations and breaking changes. Sorted roughly in order of @@ -899,7 +900,7 @@ function computeExpirationTime(lane, currentTime) { // to fix the starvation. However, this scenario supports the idea that // expiration times are an important safeguard when starvation // does happen. - return currentTime + 250; + return currentTime + syncLaneExpirationMs; case DefaultHydrationLane: case DefaultLane: @@ -919,7 +920,7 @@ function computeExpirationTime(lane, currentTime) { case TransitionLane13: case TransitionLane14: case TransitionLane15: - return currentTime + 5000; + return currentTime + transitionLaneExpirationMs; case RetryLane1: case RetryLane2: @@ -1567,7 +1568,7 @@ function getInstanceFromNode(node) { if (inst) { const tag = inst.tag; - if (tag === HostComponent || tag === HostText || tag === SuspenseComponent || (tag === HostHoistable ) || (tag === HostSingleton ) || tag === HostRoot) { + if (tag === HostComponent || tag === HostText || tag === SuspenseComponent || (tag === HostHoistable ) || tag === HostSingleton || tag === HostRoot) { return inst; } else { return null; @@ -1584,7 +1585,7 @@ function getInstanceFromNode(node) { function getNodeFromInstance(inst) { const tag = inst.tag; - if (tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton ) || tag === HostText) { + if (tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton || tag === HostText) { // In Fiber this, is just the state node right now. We assume it will be // a host component or host text. return inst.stateNode; @@ -3364,7 +3365,7 @@ function findCurrentHostFiberImpl(node) { // Next we'll drill down this component to find the first HostComponent/Text. const tag = node.tag; - if (tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton ) || tag === HostText) { + if (tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton || tag === HostText) { return node; } @@ -19294,7 +19295,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) { return root; } -var ReactVersion = '18.3.0-canary-2c338b16f-20231116'; +var ReactVersion = '18.3.0-canary-0cdfef19b-20231211'; function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation. implementation) { @@ -21939,7 +21940,7 @@ function extractEvents$3(dispatchQueue, domEventName, targetInst, nativeEvent, n const nearestMounted = getNearestMountedFiber(to); const tag = to.tag; - if (to !== nearestMounted || tag !== HostComponent && (tag !== HostSingleton) && tag !== HostText) { + if (to !== nearestMounted || tag !== HostComponent && tag !== HostSingleton && tag !== HostText) { to = null; } } @@ -23095,7 +23096,7 @@ function dispatchEventForPluginEventSystem(domEventName, eventSystemFlags, nativ const parentTag = parentNode.tag; - if (parentTag === HostComponent || parentTag === HostText || (parentTag === HostHoistable ) || (parentTag === HostSingleton )) { + if (parentTag === HostComponent || parentTag === HostText || (parentTag === HostHoistable ) || parentTag === HostSingleton) { node = ancestorInst = parentNode; continue mainLoop; } @@ -23132,7 +23133,7 @@ function accumulateSinglePhaseListeners(targetFiber, reactName, nativeEventType, stateNode = _instance.stateNode, tag = _instance.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { lastHostComponent = stateNode; // createEventHandle listeners @@ -23174,7 +23175,7 @@ function accumulateTwoPhaseListeners(targetFiber, reactName) { stateNode = _instance2.stateNode, tag = _instance2.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; const captureListener = getListener(instance, captureName); @@ -23207,7 +23208,7 @@ function getParent(inst) { // events to their parent. We could also go through parentNode on the // host node but that wouldn't work for React Native and doesn't let us // do the portal feature. - } while (inst && inst.tag !== HostComponent && (inst.tag !== HostSingleton)); + } while (inst && inst.tag !== HostComponent && inst.tag !== HostSingleton); if (inst) { return inst; @@ -23282,7 +23283,7 @@ function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, com break; } - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; if (inCapturePhase) { @@ -23388,7 +23389,7 @@ function setProp(domElement, tag, key, value, props, prevValue) { // https://github.com/facebook/react/issues/6731#issuecomment-254874553 - const canSetTextContent = (tag !== 'body') && (tag !== 'textarea' || value !== ''); + const canSetTextContent = tag !== 'body' && (tag !== 'textarea' || value !== ''); if (canSetTextContent) { setTextContent(domElement, value); @@ -25292,24 +25293,22 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } function clearContainer(container) { - { - const nodeType = container.nodeType; - - if (nodeType === DOCUMENT_NODE) { - clearContainerSparingly(container); - } else if (nodeType === ELEMENT_NODE) { - switch (container.nodeName) { - case 'HEAD': - case 'HTML': - case 'BODY': - clearContainerSparingly(container); - return; + const nodeType = container.nodeType; - default: - { - container.textContent = ''; - } - } + if (nodeType === DOCUMENT_NODE) { + clearContainerSparingly(container); + } else if (nodeType === ELEMENT_NODE) { + switch (container.nodeName) { + case 'HEAD': + case 'HTML': + case 'BODY': + clearContainerSparingly(container); + return; + + default: + { + container.textContent = ''; + } } } } @@ -25382,14 +25381,14 @@ function canHydrateInstance(instance, type, props, inRootOrSingleton) { const anyProps = props; if (element.nodeName.toLowerCase() !== type.toLowerCase()) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { // Usually we error for mismatched tags. if (element.nodeName === 'INPUT' && element.type === 'hidden') ; else { return null; } } // In root or singleton parents we skip past mismatched instances. - } else if (!inRootOrSingleton || !enableHostSingletons) { + } else if (!inRootOrSingleton) { // Match if (type === 'input' && element.type === 'hidden') { @@ -25508,7 +25507,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { if (text === '') return null; while (instance.nodeType !== TEXT_NODE) { - if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton || !enableHostSingletons) { + if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton) { return null; } @@ -25526,7 +25525,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } function canHydrateSuspenseInstance(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -25568,7 +25567,7 @@ function registerSuspenseInstanceRetry(instance, callback) { } function canHydrateFormStateMarker(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -25715,7 +25714,7 @@ function commitHydratedSuspenseInstance(suspenseInstance) { retryIfBlockedOn(suspenseInstance); } function shouldDeleteUnhydratedTailInstances(parentType) { - return (parentType !== 'form' && parentType !== 'button'); + return parentType !== 'form' && parentType !== 'button'; } function didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text, isConcurrentMode, shouldWarnDev) { checkForUnmatchedText(textInstance.nodeValue, text, isConcurrentMode); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.min.js index 8e9805d5931958..ca52ea768a53c3 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.min.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.min.js @@ -414,9 +414,9 @@ d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.ins Co.prototype.unmount=Bo.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Ak(function(){cl(null,a,null,null)});b[zb]=null}};function Co(a){this._internalRoot=a}Co.prototype.unstable_scheduleHydration=function(a){if(a){var b=F;a={blockedOn:null,target:a,priority:b};for(var c=0;c) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { lastHostComponent = stateNode; // createEventHandle listeners @@ -24495,7 +24496,7 @@ function accumulateTwoPhaseListeners(targetFiber, reactName) { stateNode = _instance2.stateNode, tag = _instance2.tag; // Handle listeners that are on HostComponents (i.e.
) - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; const captureListener = getListener(instance, captureName); @@ -24528,7 +24529,7 @@ function getParent(inst) { // events to their parent. We could also go through parentNode on the // host node but that wouldn't work for React Native and doesn't let us // do the portal feature. - } while (inst && inst.tag !== HostComponent && (inst.tag !== HostSingleton)); + } while (inst && inst.tag !== HostComponent && inst.tag !== HostSingleton); if (inst) { return inst; @@ -24603,7 +24604,7 @@ function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, com break; } - if ((tag === HostComponent || (tag === HostHoistable ) || (tag === HostSingleton )) && stateNode !== null) { + if ((tag === HostComponent || (tag === HostHoistable ) || tag === HostSingleton) && stateNode !== null) { const currentTarget = stateNode; if (inCapturePhase) { @@ -24709,7 +24710,7 @@ function setProp(domElement, tag, key, value, props, prevValue) { // https://github.com/facebook/react/issues/6731#issuecomment-254874553 - const canSetTextContent = (tag !== 'body') && (tag !== 'textarea' || value !== ''); + const canSetTextContent = tag !== 'body' && (tag !== 'textarea' || value !== ''); if (canSetTextContent) { setTextContent(domElement, value); @@ -26613,24 +26614,22 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } function clearContainer(container) { - { - const nodeType = container.nodeType; - - if (nodeType === DOCUMENT_NODE) { - clearContainerSparingly(container); - } else if (nodeType === ELEMENT_NODE) { - switch (container.nodeName) { - case 'HEAD': - case 'HTML': - case 'BODY': - clearContainerSparingly(container); - return; + const nodeType = container.nodeType; - default: - { - container.textContent = ''; - } - } + if (nodeType === DOCUMENT_NODE) { + clearContainerSparingly(container); + } else if (nodeType === ELEMENT_NODE) { + switch (container.nodeName) { + case 'HEAD': + case 'HTML': + case 'BODY': + clearContainerSparingly(container); + return; + + default: + { + container.textContent = ''; + } } } } @@ -26703,14 +26702,14 @@ function canHydrateInstance(instance, type, props, inRootOrSingleton) { const anyProps = props; if (element.nodeName.toLowerCase() !== type.toLowerCase()) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { // Usually we error for mismatched tags. if (element.nodeName === 'INPUT' && element.type === 'hidden') ; else { return null; } } // In root or singleton parents we skip past mismatched instances. - } else if (!inRootOrSingleton || !enableHostSingletons) { + } else if (!inRootOrSingleton) { // Match if (type === 'input' && element.type === 'hidden') { @@ -26829,7 +26828,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { if (text === '') return null; while (instance.nodeType !== TEXT_NODE) { - if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton || !enableHostSingletons) { + if (instance.nodeType === ELEMENT_NODE && instance.nodeName === 'INPUT' && instance.type === 'hidden') ; else if (!inRootOrSingleton) { return null; } @@ -26847,7 +26846,7 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } function canHydrateSuspenseInstance(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -26889,7 +26888,7 @@ function registerSuspenseInstanceRetry(instance, callback) { } function canHydrateFormStateMarker(instance, inRootOrSingleton) { while (instance.nodeType !== COMMENT_NODE) { - if (!inRootOrSingleton || !enableHostSingletons) { + if (!inRootOrSingleton) { return null; } @@ -27036,7 +27035,7 @@ function commitHydratedSuspenseInstance(suspenseInstance) { retryIfBlockedOn(suspenseInstance); } function shouldDeleteUnhydratedTailInstances(parentType) { - return (parentType !== 'form' && parentType !== 'button'); + return parentType !== 'form' && parentType !== 'button'; } function didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text, isConcurrentMode, shouldWarnDev) { checkForUnmatchedText(textInstance.nodeValue, text, isConcurrentMode); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.min.js index d207c153c8a0bc..89524a3a4eeab7 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.min.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.min.js @@ -436,9 +436,9 @@ d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.ins op.prototype.unmount=np.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;ml(function(){Pl(null,a,null,null)});b[Ob]=null}};function op(a){this._internalRoot=a}op.prototype.unstable_scheduleHydration=function(a){if(a){var b=G;a={blockedOn:null,target:a,priority:b};for(var c=0;c { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + if (typeof reason === 'object' && reason !== null && reason.$$typeof === REACT_POSTPONE_TYPE) { + const postponeInstance = reason; + logPostpone(request, postponeInstance.message); + emitPostponeChunk(request, newTask.id); + } else { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js index 4fd234c750e29f..193e785670306e 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js @@ -17,50 +17,50 @@ a.$$id+"#then",!1)}c=a[b];c||(c=u(function(){throw Error("Attempted to call "+St function ma(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=x(d))?w(c,"L",[a,b,d]):w(c,"L",[a,b]))}}}function na(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"m",[a,b]):w(d,"m",a)}}} function oa(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=x(d))?w(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?w(c,"S",[a,b]):w(c,"S",a)}}}function pa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"X",[a,b]):w(d,"X",a)}}} function qa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"M",[a,b]):w(d,"M",a)}}}function x(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null} -var ta=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,y=Symbol.for("react.element"),ua=Symbol.for("react.fragment"),va=Symbol.for("react.provider"),wa=Symbol.for("react.server_context"),xa=Symbol.for("react.forward_ref"),ya=Symbol.for("react.suspense"),za=Symbol.for("react.suspense_list"),Aa=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),B=Symbol.for("react.default_value"),Ba=Symbol.for("react.memo_cache_sentinel"),C=Symbol.for("react.postpone"),Ca=Symbol.iterator,D=null; -function E(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");E(a,d);b.context._currentValue=b.value}}}function Da(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Da(a)} -function Ea(a){var b=a.parent;null!==b&&Ea(b);a.context._currentValue=a.value}function Fa(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?E(a,b):Fa(a,b)} -function Ga(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?E(a,d):Ga(a,d);b.context._currentValue=b.value}function Ha(a){var b=D;b!==a&&(null===b?Ea(a):null===a?Da(b):b.depth===a.depth?E(b,a):b.depth>a.depth?Fa(b,a):Ga(b,a),D=a)}function Ia(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Ja=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); -function Ka(){}function La(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ka,Ka),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ma=b;throw Ja;}}var Ma=null; -function Na(){if(null===Ma)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ma;Ma=null;return a}var F=null,Oa=0,H=null;function Pa(){var a=H;H=null;return a}function Qa(a){return a._currentValue} -var Ua={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:I,useTransition:I,readContext:Qa,useContext:Qa,useReducer:I,useRef:I,useState:I,useInsertionEffect:I,useLayoutEffect:I,useImperativeHandle:I,useEffect:I,useId:Ra,useSyncExternalStore:I,useCacheRefresh:function(){return Sa},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(Ya(a))return"[...]";a=$a(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} -function bb(a){if("string"===typeof a)return a;switch(a){case ya:return"Suspense";case za:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case xa:return bb(a.render);case Aa:return bb(a.type);case z:var b=a._payload;a=a._init;try{return bb(a(b))}catch(d){}}return""} -function J(a,b){var d=$a(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Ya(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+bb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gh.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1a.depth?Ha(b,a):Ia(b,a),C=a)}function Ka(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var La=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); +function Ma(){}function Na(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ma,Ma),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Oa=b;throw La;}}var Oa=null; +function Pa(){if(null===Oa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Oa;Oa=null;return a}var D=null,Qa=0,E=null;function Ra(){var a=E;E=null;return a}function Sa(a){return a._currentValue} +var Wa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Sa,useContext:Sa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Ta,useSyncExternalStore:F,useCacheRefresh:function(){return Ua},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if($a(a))return"[...]";a=bb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} +function db(a){if("string"===typeof a)return a;switch(a){case ya:return"Suspense";case za:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case xa:return db(a.render);case Aa:return db(a.type);case z:var b=a._payload;a=a._init;try{return db(a(b))}catch(d){}}return""} +function H(a,b){var d=bb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if($a(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+db(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gh.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1 { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + if (typeof reason === 'object' && reason !== null && reason.$$typeof === REACT_POSTPONE_TYPE) { + const postponeInstance = reason; + logPostpone(request, postponeInstance.message); + emitPostponeChunk(request, newTask.id); + } else { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js index 1682b7ecaefd3c..79f71afb3902d3 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js @@ -8,60 +8,60 @@ LICENSE file in the root directory of this source tree. */ 'use strict';var aa=require("react"),ba=require("react-dom"),m=null,n=0;function p(a,b){if(0!==b.byteLength)if(512a.depth?Ia(b,a):Ja(b,a),D=a)}function La(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Ma=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); -function Na(){}function Oa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Na,Na),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Pa=b;throw Ma;}}var Pa=null; -function Qa(){if(null===Pa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Pa;Pa=null;return a}var E=null,Ra=0,F=null;function Sa(){var a=F;F=null;return a}function Ta(a){return a._currentValue} -var Xa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:Ta,useContext:Ta,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Ua,useSyncExternalStore:H,useCacheRefresh:function(){return Va},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(ab(a))return"[...]";a=cb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} -function eb(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return eb(a.render);case Ca:return eb(a.type);case z:var b=a._payload;a=a._init;try{return eb(a(b))}catch(d){}}return""} -function I(a,b){var d=cb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(ab(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+eb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gh.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1a.depth?Ka(b,a):La(b,a),B=a)}function Na(a,b){var d=a._currentValue;a._currentValue=b;var c=B;return B=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Oa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); +function Pa(){}function Qa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Pa,Pa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ra=b;throw Oa;}}var Ra=null; +function Sa(){if(null===Ra)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ra;Ra=null;return a}var C=null,Ta=0,D=null;function Ua(){var a=D;D=null;return a}function Va(a){return a._currentValue} +var Za={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:E,useTransition:E,readContext:Va,useContext:Va,useReducer:E,useRef:E,useState:E,useInsertionEffect:E,useLayoutEffect:E,useImperativeHandle:E,useEffect:E,useId:Wa,useSyncExternalStore:E,useCacheRefresh:function(){return Xa},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(cb(a))return"[...]";a=eb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} +function gb(a){if("string"===typeof a)return a;switch(a){case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Aa:return gb(a.render);case Da:return gb(a.type);case y:var b=a._payload;a=a._init;try{return gb(a(b))}catch(d){}}return""} +function F(a,b){var d=eb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(cb(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===x)e="<"+gb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gh.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1 { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + if (typeof reason === 'object' && reason !== null && reason.$$typeof === REACT_POSTPONE_TYPE) { + const postponeInstance = reason; + logPostpone(request, postponeInstance.message); + emitPostponeChunk(request, newTask.id); + } else { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js index 8f01329c33c559..56c22c4b9b104d 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js @@ -8,80 +8,80 @@ LICENSE file in the root directory of this source tree. */ 'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a} -function r(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0a.depth?Ka(b,a):La(b,a),D=a)}function Na(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Oa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); -function Pa(){}function Qa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Pa,Pa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ra=b;throw Oa;}}var Ra=null; -function Sa(){if(null===Ra)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ra;Ra=null;return a}var E=null,Ta=0,F=null;function Ua(){var a=F;F=null;return a}function Va(a){return a._currentValue} -var Za={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:G,useTransition:G,readContext:Va,useContext:Va,useReducer:G,useRef:G,useState:G,useInsertionEffect:G,useLayoutEffect:G,useImperativeHandle:G,useEffect:G,useId:Wa,useSyncExternalStore:G,useCacheRefresh:function(){return Xa},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(cb(a))return"[...]";a=eb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} -function gb(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return gb(a.render);case Ca:return gb(a.type);case C:var b=a._payload;a=a._init;try{return gb(a(b))}catch(d){}}return""} -function I(a,b){var d=eb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(cb(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+gb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gh.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1a.depth?La(b,a):Ma(b,a),C=a)}function Oa(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Pa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); +function Qa(){}function Ra(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Qa,Qa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Sa=b;throw Pa;}}var Sa=null; +function Ta(){if(null===Sa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Sa;Sa=null;return a}var D=null,Ua=0,E=null;function Va(){var a=E;E=null;return a}function Wa(a){return a._currentValue} +var $a={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Wa,useContext:Wa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Xa,useSyncExternalStore:F,useCacheRefresh:function(){return Ya},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(db(a))return"[...]";a=fb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} +function hb(a){if("string"===typeof a)return a;switch(a){case Ca:return"Suspense";case Da:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ba:return hb(a.render);case Ea:return hb(a.type);case A:var b=a._payload;a=a._init;try{return hb(a(b))}catch(d){}}return""} +function G(a,b){var d=fb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(db(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+hb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gh.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1 { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + if (typeof reason === 'object' && reason !== null && reason.$$typeof === REACT_POSTPONE_TYPE) { + const postponeInstance = reason; + logPostpone(request, postponeInstance.message); + emitPostponeChunk(request, newTask.id); + } else { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js index e25dbada9be051..fde1e5b614dd1e 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js @@ -8,77 +8,77 @@ LICENSE file in the root directory of this source tree. */ 'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a} -function r(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0a.depth?Ka(b,a):La(b,a),D=a)}function Na(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Oa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); -function Pa(){}function Qa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Pa,Pa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ra=b;throw Oa;}}var Ra=null; -function Sa(){if(null===Ra)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ra;Ra=null;return a}var E=null,Ta=0,F=null;function Ua(){var a=F;F=null;return a}function Va(a){return a._currentValue} -var Za={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:G,useTransition:G,readContext:Va,useContext:Va,useReducer:G,useRef:G,useState:G,useInsertionEffect:G,useLayoutEffect:G,useImperativeHandle:G,useEffect:G,useId:Wa,useSyncExternalStore:G,useCacheRefresh:function(){return Xa},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(cb(a))return"[...]";a=eb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} -function gb(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return gb(a.render);case Ca:return gb(a.type);case C:var b=a._payload;a=a._init;try{return gb(a(b))}catch(d){}}return""} -function I(a,b){var d=eb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(cb(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+gb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gh.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1a.depth?La(b,a):Ma(b,a),C=a)}function Oa(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Pa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); +function Qa(){}function Ra(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Qa,Qa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Sa=b;throw Pa;}}var Sa=null; +function Ta(){if(null===Sa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Sa;Sa=null;return a}var D=null,Ua=0,E=null;function Va(){var a=E;E=null;return a}function Wa(a){return a._currentValue} +var $a={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Wa,useContext:Wa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Xa,useSyncExternalStore:F,useCacheRefresh:function(){return Ya},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(db(a))return"[...]";a=fb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} +function hb(a){if("string"===typeof a)return a;switch(a){case Ca:return"Suspense";case Da:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ba:return hb(a.render);case Ea:return hb(a.type);case A:var b=a._payload;a=a._init;try{return hb(a(b))}catch(d){}}return""} +function G(a,b){var d=fb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(db(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+hb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gh.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1 { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.min.js index 9979b8af4417c2..d1d80fff23a15c 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.min.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.min.js @@ -34,8 +34,8 @@ Va(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h var Ya=Object.prototype,K=JSON.stringify,Za=Xa.ReactCurrentCache,$a=Wa.ReactCurrentDispatcher;function ab(a){console.error(a)}function bb(){} function cb(a,b,d,c,e,f){if(null!==Za.current&&Za.current!==Ra)throw Error("Currently React only supports one RSC renderer at a time.");sa.current=ra;Za.current=Ra;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map, writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?ab:d,onPostpone:void 0===f?bb:f,toJSON:function(m,x){return db(h,this,m,x)}};h.pendingChunks++;a=L(h,a,null,g);c.push(a);return h}var v=null; -function eb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,fb(a,d),d.id;case "rejected":var c=M(a,b.reason);N(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;fb(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=M(a,e);N(a, -d.id,e);null!==a.destination&&O(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(d=a.destination,a.flushScheduled=!0,O(a,d))}function gb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} +function eb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,fb(a,d),d.id;case "rejected":var c=M(a,b.reason);N(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;fb(a,d)},function(e){d.status=4;e=M(a,e);N(a,d.id,e);a.abortableTasks.delete(d); +null!==a.destination&&O(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(d=a.destination,a.flushScheduled=!0,O(a,d))}function gb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} function hb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:gb}} function P(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];F=0;G=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:hb(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===ta?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g= b._init;b=g(b._payload);return P(a,b,d,c,e,f);case va:return a=b.render,F=0,G=f,a(e,void 0);case ya:return P(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Va(b));}function fb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,ib(a))}function L(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return fb(a,e)},thenableState:null};c.add(e);return e}function Q(a){return"$"+a.toString(16)} diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js index 8d5d2208ebc2e7..9e81572b00272f 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js @@ -1585,11 +1585,15 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, function (reason) { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + + var _digest = logRecoverableError(request, reason); + + emitErrorChunk(request, newTask.id, _digest, reason); + } - var digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest, reason); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.js index 5940c8ac7ae623..229162ab2d80f5 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.js @@ -1397,11 +1397,13 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, reason => { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.min.js index 131a34c83941aa..fdfb2d42ee3453 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.min.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.min.js @@ -34,8 +34,8 @@ Xa(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h var $a=Object.prototype,K=JSON.stringify,ab=Za.ReactCurrentCache,bb=Ya.ReactCurrentDispatcher;function cb(a){console.error(a)}function db(){} function eb(a,b,d,c,e,f){if(null!==ab.current&&ab.current!==Ta)throw Error("Currently React only supports one RSC renderer at a time.");sa.current=ra;ab.current=Ta;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map, writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?cb:d,onPostpone:void 0===f?db:f,toJSON:function(l,x){return fb(h,this,l,x)}};h.pendingChunks++;a=L(h,a,null,g);c.push(a);return h}var M=null;function v(){if(M)return M;if(ta){var a=ua.getStore();if(a)return a}return null} -function gb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,hb(a,d),d.id;case "rejected":var c=N(a,b.reason);O(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;hb(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=N(a,e);O(a, -d.id,e);null!==a.destination&&P(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);ib(a)}function jb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} +function gb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,hb(a,d),d.id;case "rejected":var c=N(a,b.reason);O(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;hb(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d); +null!==a.destination&&P(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);ib(a)}function jb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} function kb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:jb}} function Q(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];F=0;G=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:kb(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===va?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g= b._init;b=g(b._payload);return Q(a,b,d,c,e,f);case xa:return a=b.render,F=0,G=f,a(e,void 0);case Aa:return Q(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Xa(b));}function hb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return lb(a)},0))}function L(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return hb(a,e)},thenableState:null};c.add(e);return e} diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js index 78a437a01d4d9b..3ff87ca154cc3b 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js @@ -1651,11 +1651,15 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, function (reason) { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + + var _digest = logRecoverableError(request, reason); + + emitErrorChunk(request, newTask.id, _digest, reason); + } - var digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest, reason); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.js index 4810455850fd7a..81761a93e14dbb 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.js @@ -1463,11 +1463,13 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, reason => { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.min.js index c32f620434a063..ed391b51e88059 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.min.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.min.js @@ -35,8 +35,8 @@ Za(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h var bb=Object.prototype,M=JSON.stringify,cb=ab.ReactCurrentCache,db=$a.ReactCurrentDispatcher;function eb(a){console.error(a)}function fb(){} function gb(a,b,d,c,e,f){if(null!==cb.current&&cb.current!==Va)throw Error("Currently React only supports one RSC renderer at a time.");va.current=ua;cb.current=Va;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map, writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?eb:d,onPostpone:void 0===f?fb:f,toJSON:function(n,z){return hb(h,this,n,z)}};h.pendingChunks++;a=N(h,a,null,g);c.push(a);return h}var O=null;function x(){if(O)return O;var a=wa.getStore();return a?a:null} -function ib(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,jb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;jb(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=P(a,e);Q(a, -d.id,e);null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");kb(a)}function lb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} +function ib(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,jb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;jb(a,d)},function(e){d.status=4;e=P(a,e);Q(a,d.id,e);a.abortableTasks.delete(d); +null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");kb(a)}function lb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} function mb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:lb}} function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[B,b,d,e];H=0;I=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:mb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===xa?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[B,b,d,e];switch(b.$$typeof){case C:var g= b._init;b=g(b._payload);return S(a,b,d,c,e,f);case za:return a=b.render,H=0,I=f,a(e,void 0);case Ca:return S(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Za(b));}function jb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return nb(a)}))}function N(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return jb(a,e)},thenableState:null};c.add(e);return e} diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js index 1ac9298285f13a..1543799e53b9ba 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js @@ -1651,11 +1651,15 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, function (reason) { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + + var _digest = logRecoverableError(request, reason); + + emitErrorChunk(request, newTask.id, _digest, reason); + } - var digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest, reason); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.js index fba11cf650a361..83fc77c3fd2e71 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.js @@ -1463,11 +1463,13 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, reason => { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js index ff791620e283d6..35eb3d5c6c3bab 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js @@ -35,8 +35,8 @@ Za(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h var bb=Object.prototype,M=JSON.stringify,cb=ab.ReactCurrentCache,db=$a.ReactCurrentDispatcher;function eb(a){console.error(a)}function fb(){} function gb(a,b,d,c,e,f){if(null!==cb.current&&cb.current!==Va)throw Error("Currently React only supports one RSC renderer at a time.");va.current=ua;cb.current=Va;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map, writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?eb:d,onPostpone:void 0===f?fb:f,toJSON:function(n,z){return hb(h,this,n,z)}};h.pendingChunks++;a=N(h,a,null,g);c.push(a);return h}var O=null;function x(){if(O)return O;var a=wa.getStore();return a?a:null} -function ib(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,jb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;jb(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=P(a,e);Q(a, -d.id,e);null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");kb(a)}function lb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} +function ib(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,jb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;jb(a,d)},function(e){d.status=4;e=P(a,e);Q(a,d.id,e);a.abortableTasks.delete(d); +null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");kb(a)}function lb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} function mb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:lb}} function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[B,b,d,e];H=0;I=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:mb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===xa?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[B,b,d,e];switch(b.$$typeof){case C:var g= b._init;b=g(b._payload);return S(a,b,d,c,e,f);case za:return a=b.render,H=0,I=f,a(e,void 0);case Ca:return S(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Za(b));}function jb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return nb(a)}))}function N(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return jb(a,e)},thenableState:null};c.add(e);return e} diff --git a/packages/next/src/compiled/react-server-dom-turbopack/package.json b/packages/next/src/compiled/react-server-dom-turbopack/package.json index 7384ac7373cea7..95be209145f958 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack/package.json @@ -48,7 +48,7 @@ "loose-envify": "^1.1.0" }, "peerDependencies": { - "react": "18.3.0-canary-2c338b16f-20231116", - "react-dom": "18.3.0-canary-2c338b16f-20231116" + "react": "18.3.0-canary-0cdfef19b-20231211", + "react-dom": "18.3.0-canary-0cdfef19b-20231211" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js index 0153c83ef3ae25..54783ca9a6d903 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js @@ -317,7 +317,7 @@ function dispatchHint(code, model) { } } } -} // Flow is having troulbe refining the HintModels so we help it a bit. +} // Flow is having trouble refining the HintModels so we help it a bit. // This should be compiled out in the production build. function refineModel(code, model) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js index 650276e2c4cd41..fc47316a6564a0 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js @@ -310,7 +310,7 @@ function dispatchHint(code, model) { } } } -} // Flow is having troulbe refining the HintModels so we help it a bit. +} // Flow is having trouble refining the HintModels so we help it a bit. // This should be compiled out in the production build. function refineModel(code, model) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js index 1080b3fcd6e302..6e4d5f2af20639 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js @@ -325,7 +325,7 @@ function dispatchHint(code, model) { } } } -} // Flow is having troulbe refining the HintModels so we help it a bit. +} // Flow is having trouble refining the HintModels so we help it a bit. // This should be compiled out in the production build. function refineModel(code, model) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js index 14816ded6970b1..9304754f3604fb 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js @@ -318,7 +318,7 @@ function dispatchHint(code, model) { } } } -} // Flow is having troulbe refining the HintModels so we help it a bit. +} // Flow is having trouble refining the HintModels so we help it a bit. // This should be compiled out in the production build. function refineModel(code, model) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js index d4fc1c62de94c6..2d6e0c3660a64d 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js @@ -326,7 +326,7 @@ function dispatchHint(code, model) { } } } -} // Flow is having troulbe refining the HintModels so we help it a bit. +} // Flow is having trouble refining the HintModels so we help it a bit. // This should be compiled out in the production build. function refineModel(code, model) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js index 52e626a461a3ea..e5206d1ccb9ad7 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js @@ -319,7 +319,7 @@ function dispatchHint(code, model) { } } } -} // Flow is having troulbe refining the HintModels so we help it a bit. +} // Flow is having trouble refining the HintModels so we help it a bit. // This should be compiled out in the production build. function refineModel(code, model) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js index 5e70e3e056de7a..08f2890412a628 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js @@ -279,7 +279,7 @@ function dispatchHint(code, model) { } } } -} // Flow is having troulbe refining the HintModels so we help it a bit. +} // Flow is having trouble refining the HintModels so we help it a bit. // This should be compiled out in the production build. function refineModel(code, model) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js index 8d2d2d7779f878..40572a2a514398 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js @@ -272,7 +272,7 @@ function dispatchHint(code, model) { } } } -} // Flow is having troulbe refining the HintModels so we help it a bit. +} // Flow is having trouble refining the HintModels so we help it a bit. // This should be compiled out in the production build. function refineModel(code, model) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js index b91903600f0834..9f3f28b1af4306 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js @@ -1760,11 +1760,19 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, function (reason) { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + if (typeof reason === 'object' && reason !== null && reason.$$typeof === REACT_POSTPONE_TYPE) { + var _postponeInstance = reason; + logPostpone(request, _postponeInstance.message); + emitPostponeChunk(request, newTask.id, _postponeInstance); + } else { + newTask.status = ERRORED$1; + + var _digest = logRecoverableError(request, reason); + + emitErrorChunk(request, newTask.id, _digest, reason); + } - var digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest, reason); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.js index 315d3222819a0c..2e6351dea405e3 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.js @@ -1539,11 +1539,17 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, reason => { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + if (typeof reason === 'object' && reason !== null && reason.$$typeof === REACT_POSTPONE_TYPE) { + const postponeInstance = reason; + logPostpone(request, postponeInstance.message); + emitPostponeChunk(request, newTask.id); + } else { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.min.js index 1d806f328f1138..a10466444976ed 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.min.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.min.js @@ -19,50 +19,50 @@ function la(a){if("string"===typeof a&&a){var b=v?v:null;if(b){var d=b.hints,c=" function na(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,h=d.imageSizes,k="";"string"===typeof g&&""!==g?(k+="["+g+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;f+="[image]"+k}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=x(d))?w(c,"L",[a,b,d]):w(c,"L",[a,b]))}}}function oa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"m",[a,b]):w(d,"m",a)}}} function pa(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=x(d))?w(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?w(c,"S",[a,b]):w(c,"S",a)}}}function qa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"X",[a,b]):w(d,"X",a)}}} function ra(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"M",[a,b]):w(d,"M",a)}}}function x(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null} -var ua=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,y=Symbol.for("react.element"),va=Symbol.for("react.fragment"),wa=Symbol.for("react.provider"),xa=Symbol.for("react.server_context"),ya=Symbol.for("react.forward_ref"),za=Symbol.for("react.suspense"),Aa=Symbol.for("react.suspense_list"),Ba=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),B=Symbol.for("react.default_value"),Ca=Symbol.for("react.memo_cache_sentinel"),C=Symbol.for("react.postpone"),Da=Symbol.iterator,D=null; -function E(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");E(a,d);b.context._currentValue=b.value}}}function Ea(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ea(a)} -function Fa(a){var b=a.parent;null!==b&&Fa(b);a.context._currentValue=a.value}function Ga(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?E(a,b):Ga(a,b)} -function Ha(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?E(a,d):Ha(a,d);b.context._currentValue=b.value}function Ia(a){var b=D;b!==a&&(null===b?Fa(a):null===a?Ea(b):b.depth===a.depth?E(b,a):b.depth>a.depth?Ga(b,a):Ha(b,a),D=a)}function Ja(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Ka=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); -function La(){}function Ma(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(La,La),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Na=b;throw Ka;}}var Na=null; -function Oa(){if(null===Na)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Na;Na=null;return a}var F=null,Pa=0,H=null;function Qa(){var a=H;H=null;return a}function Ra(a){return a._currentValue} -var Va={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:I,useTransition:I,readContext:Ra,useContext:Ra,useReducer:I,useRef:I,useState:I,useInsertionEffect:I,useLayoutEffect:I,useImperativeHandle:I,useEffect:I,useId:Sa,useSyncExternalStore:I,useCacheRefresh:function(){return Ta},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(Za(a))return"[...]";a=ab(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} -function cb(a){if("string"===typeof a)return a;switch(a){case za:return"Suspense";case Aa:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case ya:return cb(a.render);case Ba:return cb(a.type);case z:var b=a._payload;a=a._init;try{return cb(a(b))}catch(d){}}return""} -function J(a,b){var d=ab(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Za(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+cb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gk.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1a.depth?Ia(b,a):Ja(b,a),C=a)}function La(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Ma=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); +function Na(){}function Oa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Na,Na),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Pa=b;throw Ma;}}var Pa=null; +function Qa(){if(null===Pa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Pa;Pa=null;return a}var D=null,Ra=0,E=null;function Sa(){var a=E;E=null;return a}function Ta(a){return a._currentValue} +var Xa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Ta,useContext:Ta,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Ua,useSyncExternalStore:F,useCacheRefresh:function(){return Va},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(ab(a))return"[...]";a=cb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} +function eb(a){if("string"===typeof a)return a;switch(a){case za:return"Suspense";case Aa:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case ya:return eb(a.render);case Ba:return eb(a.type);case z:var b=a._payload;a=a._init;try{return eb(a(b))}catch(d){}}return""} +function H(a,b){var d=cb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(ab(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+eb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gk.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1 { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + if (typeof reason === 'object' && reason !== null && reason.$$typeof === REACT_POSTPONE_TYPE) { + const postponeInstance = reason; + logPostpone(request, postponeInstance.message); + emitPostponeChunk(request, newTask.id); + } else { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.min.js index 3c0481ef4268de..0195be468caf40 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.min.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.min.js @@ -8,62 +8,62 @@ LICENSE file in the root directory of this source tree. */ 'use strict';var aa=require("react"),ba=require("react-dom"),m=null,n=0;function p(a,b){if(0!==b.byteLength)if(512a.depth?Ja(b,a):Ka(b,a),D=a)}function Ma(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Na=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); -function Oa(){}function Pa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Oa,Oa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Qa=b;throw Na;}}var Qa=null; -function Ra(){if(null===Qa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Qa;Qa=null;return a}var E=null,Sa=0,F=null;function Ta(){var a=F;F=null;return a}function Ua(a){return a._currentValue} -var Ya={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:Ua,useContext:Ua,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Va,useSyncExternalStore:H,useCacheRefresh:function(){return Wa},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(bb(a))return"[...]";a=db(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} -function fb(a){if("string"===typeof a)return a;switch(a){case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Aa:return fb(a.render);case Da:return fb(a.type);case z:var b=a._payload;a=a._init;try{return fb(a(b))}catch(d){}}return""} -function I(a,b){var d=db(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(bb(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+fb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gk.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1a.depth?La(b,a):Ma(b,a),B=a)}function Oa(a,b){var d=a._currentValue;a._currentValue=b;var c=B;return B=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Pa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); +function Qa(){}function Ra(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Qa,Qa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Sa=b;throw Pa;}}var Sa=null; +function Ta(){if(null===Sa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Sa;Sa=null;return a}var C=null,Ua=0,D=null;function Va(){var a=D;D=null;return a}function Wa(a){return a._currentValue} +var $a={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:E,useTransition:E,readContext:Wa,useContext:Wa,useReducer:E,useRef:E,useState:E,useInsertionEffect:E,useLayoutEffect:E,useImperativeHandle:E,useEffect:E,useId:Xa,useSyncExternalStore:E,useCacheRefresh:function(){return Ya},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(db(a))return"[...]";a=fb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} +function hb(a){if("string"===typeof a)return a;switch(a){case Ca:return"Suspense";case Da:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ba:return hb(a.render);case Ea:return hb(a.type);case y:var b=a._payload;a=a._init;try{return hb(a(b))}catch(d){}}return""} +function F(a,b){var d=fb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(db(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===x)e="<"+hb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gk.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1 { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + if (typeof reason === 'object' && reason !== null && reason.$$typeof === REACT_POSTPONE_TYPE) { + const postponeInstance = reason; + logPostpone(request, postponeInstance.message); + emitPostponeChunk(request, newTask.id); + } else { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.min.js index 38d8725ba1371e..e1c9813484dd50 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.min.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.min.js @@ -8,83 +8,83 @@ LICENSE file in the root directory of this source tree. */ 'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a} -function r(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0a.depth?La(b,a):Ma(b,a),D=a)}function Oa(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Pa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); -function Qa(){}function Ra(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Qa,Qa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Sa=b;throw Pa;}}var Sa=null; -function Ta(){if(null===Sa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Sa;Sa=null;return a}var E=null,Ua=0,F=null;function Va(){var a=F;F=null;return a}function Wa(a){return a._currentValue} -var $a={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:G,useTransition:G,readContext:Wa,useContext:Wa,useReducer:G,useRef:G,useState:G,useInsertionEffect:G,useLayoutEffect:G,useImperativeHandle:G,useEffect:G,useId:Xa,useSyncExternalStore:G,useCacheRefresh:function(){return Ya},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(db(a))return"[...]";a=fb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} -function hb(a){if("string"===typeof a)return a;switch(a){case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Aa:return hb(a.render);case Da:return hb(a.type);case C:var b=a._payload;a=a._init;try{return hb(a(b))}catch(d){}}return""} -function I(a,b){var d=fb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(db(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+hb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gk.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1a.depth?Ma(b,a):Na(b,a),C=a)}function Pa(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Qa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); +function Ra(){}function Sa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ra,Ra),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ta=b;throw Qa;}}var Ta=null; +function Ua(){if(null===Ta)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ta;Ta=null;return a}var D=null,Va=0,E=null;function Wa(){var a=E;E=null;return a}function Xa(a){return a._currentValue} +var ab={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Xa,useContext:Xa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Ya,useSyncExternalStore:F,useCacheRefresh:function(){return Za},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(eb(a))return"[...]";a=gb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} +function ib(a){if("string"===typeof a)return a;switch(a){case Da:return"Suspense";case Ea:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ca:return ib(a.render);case Fa:return ib(a.type);case A:var b=a._payload;a=a._init;try{return ib(a(b))}catch(d){}}return""} +function G(a,b){var d=gb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(eb(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+ib(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gk.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1 { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + if (typeof reason === 'object' && reason !== null && reason.$$typeof === REACT_POSTPONE_TYPE) { + const postponeInstance = reason; + logPostpone(request, postponeInstance.message); + emitPostponeChunk(request, newTask.id); + } else { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js index c012edd180d9c8..7edc2fe1887990 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js @@ -8,80 +8,80 @@ LICENSE file in the root directory of this source tree. */ 'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a} -function r(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0a.depth?La(b,a):Ma(b,a),D=a)}function Oa(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Pa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); -function Qa(){}function Ra(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Qa,Qa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Sa=b;throw Pa;}}var Sa=null; -function Ta(){if(null===Sa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Sa;Sa=null;return a}var E=null,Ua=0,F=null;function Va(){var a=F;F=null;return a}function Wa(a){return a._currentValue} -var $a={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:G,useTransition:G,readContext:Wa,useContext:Wa,useReducer:G,useRef:G,useState:G,useInsertionEffect:G,useLayoutEffect:G,useImperativeHandle:G,useEffect:G,useId:Xa,useSyncExternalStore:G,useCacheRefresh:function(){return Ya},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(db(a))return"[...]";a=fb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} -function hb(a){if("string"===typeof a)return a;switch(a){case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Aa:return hb(a.render);case Da:return hb(a.type);case C:var b=a._payload;a=a._init;try{return hb(a(b))}catch(d){}}return""} -function I(a,b){var d=fb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(db(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+hb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gk.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1a.depth?Ma(b,a):Na(b,a),C=a)}function Pa(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Qa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"); +function Ra(){}function Sa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ra,Ra),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ta=b;throw Qa;}}var Ta=null; +function Ua(){if(null===Ta)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ta;Ta=null;return a}var D=null,Va=0,E=null;function Wa(){var a=E;E=null;return a}function Xa(a){return a._currentValue} +var ab={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Xa,useContext:Xa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Ya,useSyncExternalStore:F,useCacheRefresh:function(){return Za},useMemoCache:function(a){for(var b=Array(a),d=0;d=a.length?a:a.slice(0,10)+"...");case "object":if(eb(a))return"[...]";a=gb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}} +function ib(a){if("string"===typeof a)return a;switch(a){case Da:return"Suspense";case Ea:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ca:return ib(a.render);case Fa:return ib(a.type);case A:var b=a._payload;a=a._init;try{return ib(a(b))}catch(d){}}return""} +function G(a,b){var d=gb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(eb(a)){var e="[";for(var f=0;fg.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+ib(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;gk.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1 { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.min.js index 7d559206e04ff7..42c01d410211d7 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.min.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.min.js @@ -36,8 +36,8 @@ Wa(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h var Za=Object.prototype,K=JSON.stringify,$a=Ya.ReactCurrentCache,ab=Xa.ReactCurrentDispatcher;function bb(a){console.error(a)}function cb(){} function db(a,b,d,c,e,g){if(null!==$a.current&&$a.current!==Sa)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=sa;$a.current=Sa;var f=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:f,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map, writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?bb:d,onPostpone:void 0===g?cb:g,toJSON:function(m,x){return eb(h,this,m,x)}};h.pendingChunks++;a=L(h,a,null,f);c.push(a);return h}var v=null; -function fb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,gb(a,d),d.id;case "rejected":var c=M(a,b.reason);N(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;gb(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=M(a,e);N(a, -d.id,e);null!==a.destination&&O(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(d=a.destination,a.flushScheduled=!0,O(a,d))}function hb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} +function fb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,gb(a,d),d.id;case "rejected":var c=M(a,b.reason);N(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;gb(a,d)},function(e){d.status=4;e=M(a,e);N(a,d.id,e);a.abortableTasks.delete(d); +null!==a.destination&&O(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(d=a.destination,a.flushScheduled=!0,O(a,d))}function hb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} function ib(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:hb}} function P(a,b,d,c,e,g){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];F=0;G=g;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:ib(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===ua?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var f= b._init;b=f(b._payload);return P(a,b,d,c,e,g);case wa:return a=b.render,F=0,G=g,a(e,void 0);case za:return P(a,b.type,d,c,e,g)}}throw Error("Unsupported Server Component type: "+Wa(b));}function gb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,jb(a))}function L(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return gb(a,e)},thenableState:null};c.add(e);return e}function Q(a){return"$"+a.toString(16)} diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js index 768ab617505d4b..a25eee1dff2d59 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js @@ -1605,11 +1605,15 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, function (reason) { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + + var _digest = logRecoverableError(request, reason); + + emitErrorChunk(request, newTask.id, _digest, reason); + } - var digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest, reason); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.js index a5f914af6d718a..8e590640fc4183 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.js @@ -1417,11 +1417,13 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, reason => { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.min.js index 801c18c03052c6..a0e136a15744d9 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.min.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.min.js @@ -36,8 +36,8 @@ Ya(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h var ab=Object.prototype,K=JSON.stringify,bb=$a.ReactCurrentCache,cb=Za.ReactCurrentDispatcher;function db(a){console.error(a)}function eb(){} function fb(a,b,d,c,e,f){if(null!==bb.current&&bb.current!==Ua)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=sa;bb.current=Ua;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map, writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?db:d,onPostpone:void 0===f?eb:f,toJSON:function(l,x){return gb(h,this,l,x)}};h.pendingChunks++;a=L(h,a,null,g);c.push(a);return h}var M=null;function v(){if(M)return M;if(ua){var a=va.getStore();if(a)return a}return null} -function hb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,ib(a,d),d.id;case "rejected":var c=N(a,b.reason);O(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;ib(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=N(a,e);O(a, -d.id,e);null!==a.destination&&P(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);jb(a)}function kb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} +function hb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,ib(a,d),d.id;case "rejected":var c=N(a,b.reason);O(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;ib(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d); +null!==a.destination&&P(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);jb(a)}function kb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} function lb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:kb}} function Q(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];F=0;G=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:lb(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===wa?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g= b._init;b=g(b._payload);return Q(a,b,d,c,e,f);case ya:return a=b.render,F=0,G=f,a(e,void 0);case Ba:return Q(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Ya(b));}function ib(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return mb(a)},0))}function L(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return ib(a,e)},thenableState:null};c.add(e);return e} diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js index 448f2e1233f9ae..6c988bf6a0d7e6 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js @@ -1671,11 +1671,15 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, function (reason) { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + + var _digest = logRecoverableError(request, reason); + + emitErrorChunk(request, newTask.id, _digest, reason); + } - var digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest, reason); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.js index b3a268b426c12e..d4a6c6c746def5 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.js @@ -1483,11 +1483,13 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, reason => { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.min.js index 6d30d101c197b6..bc8fa9a30ff04d 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.min.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.min.js @@ -37,8 +37,8 @@ $a(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h var cb=Object.prototype,M=JSON.stringify,db=bb.ReactCurrentCache,eb=ab.ReactCurrentDispatcher;function fb(a){console.error(a)}function gb(){} function hb(a,b,d,c,e,f){if(null!==db.current&&db.current!==Wa)throw Error("Currently React only supports one RSC renderer at a time.");wa.current=va;db.current=Wa;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map, writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?fb:d,onPostpone:void 0===f?gb:f,toJSON:function(n,z){return ib(h,this,n,z)}};h.pendingChunks++;a=N(h,a,null,g);c.push(a);return h}var O=null;function x(){if(O)return O;var a=xa.getStore();return a?a:null} -function jb(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,kb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;kb(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=P(a,e);Q(a, -d.id,e);null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");lb(a)}function mb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} +function jb(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,kb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;kb(a,d)},function(e){d.status=4;e=P(a,e);Q(a,d.id,e);a.abortableTasks.delete(d); +null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");lb(a)}function mb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} function nb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:mb}} function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[B,b,d,e];H=0;I=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:nb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===ya?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[B,b,d,e];switch(b.$$typeof){case C:var g= b._init;b=g(b._payload);return S(a,b,d,c,e,f);case Aa:return a=b.render,H=0,I=f,a(e,void 0);case Da:return S(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+$a(b));}function kb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return ob(a)}))}function N(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return kb(a,e)},thenableState:null};c.add(e);return e} diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js index 60c058a918fc11..5d78b6a6af3669 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js @@ -1671,11 +1671,15 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, function (reason) { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + + var _digest = logRecoverableError(request, reason); + + emitErrorChunk(request, newTask.id, _digest, reason); + } - var digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest, reason); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.js index 904b98d88ee17d..d12574daec7c8e 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.js @@ -1483,11 +1483,13 @@ function serializeThenable(request, thenable) { newTask.model = value; pingTask(request, newTask); }, reason => { - newTask.status = ERRORED$1; - request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled + { + newTask.status = ERRORED$1; + const digest = logRecoverableError(request, reason); + emitErrorChunk(request, newTask.id, digest); + } - const digest = logRecoverableError(request, reason); - emitErrorChunk(request, newTask.id, digest); + request.abortableTasks.delete(newTask); if (request.destination !== null) { flushCompletedChunks(request, request.destination); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js index 7d4ba016022ad9..f52adc8fd51a1c 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js @@ -37,8 +37,8 @@ $a(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h var cb=Object.prototype,M=JSON.stringify,db=bb.ReactCurrentCache,eb=ab.ReactCurrentDispatcher;function fb(a){console.error(a)}function gb(){} function hb(a,b,d,c,e,f){if(null!==db.current&&db.current!==Wa)throw Error("Currently React only supports one RSC renderer at a time.");wa.current=va;db.current=Wa;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map, writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?fb:d,onPostpone:void 0===f?gb:f,toJSON:function(n,z){return ib(h,this,n,z)}};h.pendingChunks++;a=N(h,a,null,g);c.push(a);return h}var O=null;function x(){if(O)return O;var a=xa.getStore();return a?a:null} -function jb(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,kb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;kb(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=P(a,e);Q(a, -d.id,e);null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");lb(a)}function mb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} +function jb(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,kb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;kb(a,d)},function(e){d.status=4;e=P(a,e);Q(a,d.id,e);a.abortableTasks.delete(d); +null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");lb(a)}function mb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;} function nb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:mb}} function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[B,b,d,e];H=0;I=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:nb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===ya?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[B,b,d,e];switch(b.$$typeof){case C:var g= b._init;b=g(b._payload);return S(a,b,d,c,e,f);case Aa:return a=b.render,H=0,I=f,a(e,void 0);case Da:return S(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+$a(b));}function kb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return ob(a)}))}function N(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return kb(a,e)},thenableState:null};c.add(e);return e} diff --git a/packages/next/src/compiled/react-server-dom-webpack/package.json b/packages/next/src/compiled/react-server-dom-webpack/package.json index 669044c8f62812..23794552e52da1 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack/package.json @@ -47,8 +47,8 @@ "loose-envify": "^1.1.0" }, "peerDependencies": { - "react": "18.3.0-canary-2c338b16f-20231116", - "react-dom": "18.3.0-canary-2c338b16f-20231116", + "react": "18.3.0-canary-0cdfef19b-20231211", + "react-dom": "18.3.0-canary-0cdfef19b-20231211", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react/cjs/react.development.js b/packages/next/src/compiled/react/cjs/react.development.js index 9ee687c16dafc6..d85d9f0160cea6 100644 --- a/packages/next/src/compiled/react/cjs/react.development.js +++ b/packages/next/src/compiled/react/cjs/react.development.js @@ -23,7 +23,7 @@ if ( ) { __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error()); } - var ReactVersion = '18.3.0-canary-2c338b16f-20231116'; + var ReactVersion = '18.3.0-canary-0cdfef19b-20231211'; // ATTENTION // When adding new symbols to this file, diff --git a/packages/next/src/compiled/react/cjs/react.production.js b/packages/next/src/compiled/react/cjs/react.production.js index c8a4f9cd8c5f83..dcd045a3997f7f 100644 --- a/packages/next/src/compiled/react/cjs/react.production.js +++ b/packages/next/src/compiled/react/cjs/react.production.js @@ -10,7 +10,7 @@ 'use strict'; -var ReactVersion = '18.3.0-canary-2c338b16f-20231116'; +var ReactVersion = '18.3.0-canary-0cdfef19b-20231211'; // ATTENTION // When adding new symbols to this file, diff --git a/packages/next/src/compiled/react/cjs/react.production.min.js b/packages/next/src/compiled/react/cjs/react.production.min.js index b38eced666978e..b28e289bf89d1a 100644 --- a/packages/next/src/compiled/react/cjs/react.production.min.js +++ b/packages/next/src/compiled/react/cjs/react.production.min.js @@ -26,6 +26,6 @@ for(var m=0;m=0.10.0'} dev: true - /react-server-dom-turbopack@0.0.0-experimental-2c338b16f-20231116(react-dom@18.2.0)(react@18.2.0): - resolution: {integrity: sha512-QRsE1O6ylxdJl1EAum6CzPMX8B7vZJ8Jxb43ZVrItSw6tovZKd3PO+83HPJhqEwz1C/QzaSoe9LSprm9mxoRqw==} + /react-server-dom-turbopack@0.0.0-experimental-0cdfef19b-20231211(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-ken59eZe8AfJ3QGhpjX7ynHwUbNhHg8GF+8yWAWm/TXiN2EN/qhvgMvui8ex/CdkOJklE6RORJQm0lHtlFCrHA==} engines: {node: '>=0.10.0'} peerDependencies: - react: 0.0.0-experimental-2c338b16f-20231116 - react-dom: 0.0.0-experimental-2c338b16f-20231116 + react: 0.0.0-experimental-0cdfef19b-20231211 + react-dom: 0.0.0-experimental-0cdfef19b-20231211 dependencies: acorn-loose: 8.3.0 loose-envify: 1.4.0 @@ -20335,12 +20335,12 @@ packages: react-dom: 18.2.0(react@18.2.0) dev: true - /react-server-dom-turbopack@18.3.0-canary-2c338b16f-20231116(react-dom@18.2.0)(react@18.2.0): - resolution: {integrity: sha512-rM9uXhuZTRriUOAVY3e67SmGMzd91BhuQcSf/u3VmXLMTxdEV8iS114oUFpYx3faR9ZaJrXSMB7vi2fc1vJbbA==} + /react-server-dom-turbopack@18.3.0-canary-0cdfef19b-20231211(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-wr9g8IP8aC+ocqdCcfeLjDiLMO2wla7MprFEvd31OXxMO/mD3zih/dL94mCokAmZfKj9deiff8geSf9SYvlAQw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 18.3.0-canary-2c338b16f-20231116 - react-dom: 18.3.0-canary-2c338b16f-20231116 + react: 18.3.0-canary-0cdfef19b-20231211 + react-dom: 18.3.0-canary-0cdfef19b-20231211 dependencies: acorn-loose: 8.3.0 loose-envify: 1.4.0 @@ -20349,12 +20349,12 @@ packages: react-dom: 18.2.0(react@18.2.0) dev: true - /react-server-dom-webpack@0.0.0-experimental-2c338b16f-20231116(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0): - resolution: {integrity: sha512-lIcjjaNuw/2zZwmmtV8ejTPVfWjTqJribVjS1L3DUJbAn09LuSDbRJFNDwvrkXg/yVk1MS5YO3b4vpYoNeDTpA==} + /react-server-dom-webpack@0.0.0-experimental-0cdfef19b-20231211(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0): + resolution: {integrity: sha512-pgtiQMgNf1wCT98Yubs6ze+RNULOukFD4Ae3+I9qy7DIv+AjOqZXjLyNA2ShLr3H0w0YFgIH69PIK6SsFGXGqg==} engines: {node: '>=0.10.0'} peerDependencies: - react: 0.0.0-experimental-2c338b16f-20231116 - react-dom: 0.0.0-experimental-2c338b16f-20231116 + react: 0.0.0-experimental-0cdfef19b-20231211 + react-dom: 0.0.0-experimental-0cdfef19b-20231211 webpack: 5.86.0 dependencies: acorn-loose: 8.3.0 @@ -20365,12 +20365,12 @@ packages: webpack: 5.86.0(@swc/core@1.3.85) dev: true - /react-server-dom-webpack@18.3.0-canary-2c338b16f-20231116(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0): - resolution: {integrity: sha512-OHDq0W6/M49gpvE/baZbGd1vP9glLvUmYQzGD/C/YvtheHqtW4YEWBBxBeZDyJq6QcKNFpkqd/GGgb/duD+5Kw==} + /react-server-dom-webpack@18.3.0-canary-0cdfef19b-20231211(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0): + resolution: {integrity: sha512-t/73DT1K3sd3ra1HLeWdLyE3n9O6uuWLsGrbkzw3mHAyMbMYh/09Ux9uQCKvGS2Y5uLUdXZGDzALrhRv77LX/w==} engines: {node: '>=0.10.0'} peerDependencies: - react: 18.3.0-canary-2c338b16f-20231116 - react-dom: 18.3.0-canary-2c338b16f-20231116 + react: 18.3.0-canary-0cdfef19b-20231211 + react-dom: 18.3.0-canary-0cdfef19b-20231211 webpack: 5.86.0 dependencies: acorn-loose: 8.3.0 @@ -20408,8 +20408,8 @@ packages: react-lifecycles-compat: 3.0.4 dev: true - /react@0.0.0-experimental-2c338b16f-20231116: - resolution: {integrity: sha512-VzQtAxIJkaFnLjy/waqWo6uhl4X3HGJJUYLD0LBz6F2l/mNZhGrhv3H0u5nyPQskX384t2QP5LA8IiMV4uO9og==} + /react@0.0.0-experimental-0cdfef19b-20231211: + resolution: {integrity: sha512-sT7unncEUQcEb90reXMasi8FrJGcUVvEa6qhQWsNQuyKJ2wuvGyc+hNQa/xQnM8XaRXlkq03QZUEvCiyDHVSTg==} engines: {node: '>=0.10.0'} dependencies: loose-envify: 1.4.0 @@ -20428,8 +20428,8 @@ packages: dependencies: loose-envify: 1.4.0 - /react@18.3.0-canary-2c338b16f-20231116: - resolution: {integrity: sha512-j6Joi32yyem4/dAdZguP8sRHGrv2AdFCyBFOx9pwmKZvJHiDh3G0PgjZ+Qfydl/9Db6wHR+6SG5JNof4Hx4LnA==} + /react@18.3.0-canary-0cdfef19b-20231211: + resolution: {integrity: sha512-+Pkvj3ukUbbFqfZsuXAYlVvis3shVapv3HvX+QClpJN+O3NT71tHUw43RHyGLkuc/9e2X3R1kvhPBKSGy8p/Wg==} engines: {node: '>=0.10.0'} dependencies: loose-envify: 1.4.0 @@ -21451,8 +21451,8 @@ packages: xmlchars: 2.2.0 dev: true - /scheduler@0.0.0-experimental-2c338b16f-20231116: - resolution: {integrity: sha512-FWaJTaiDdyuGw+67L9sN1jWW68YUKo3vKQD8aaQJ4g9X1DOViKIpr4UuCXAnndDOD46KjX/a1GT6phKC1CDabw==} + /scheduler@0.0.0-experimental-0cdfef19b-20231211: + resolution: {integrity: sha512-nmOJCNbsZNDVsM8U8ifbMdpr2GYwT/qAX87WY7Aqlsu1YHte84Kj9+uOBajHTLIaymLwsVbVqnJpFdPx0UOaww==} dependencies: loose-envify: 1.4.0 dev: true @@ -21468,8 +21468,8 @@ packages: dependencies: loose-envify: 1.4.0 - /scheduler@0.24.0-canary-2c338b16f-20231116: - resolution: {integrity: sha512-qWYralEKOKPs+MXdGcEwOL/IMyMDvLt99YL1aq8tRbCohrLAd94/8xPmMQ8IcwhnFDpbX3ton5d1tgJyFLq3Kw==} + /scheduler@0.24.0-canary-0cdfef19b-20231211: + resolution: {integrity: sha512-9EwkgOdYhzRoPImNwSsBMLHo4iK/ivUXCRIXbbftV5UDIi3saLtq/2A0eydf3+NtUII3/AqioomD5qNIjFlB6w==} dependencies: loose-envify: 1.4.0 dev: true