Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Fizz] Enable owner stacks for SSR (#30152)

Browse Source 
Stacked on #30142.

This tracks owners and their stacks in DEV in Fizz. We use the
ComponentStackNode as the data structure to track this information -
effectively like ReactComponentInfo (Server) or Fiber (Client). They're
the instance.

I then port them same logic from ReactFiberComponentStack,
ReactFiberOwnerStack and ReactFiberCallUserSpace to Fizz equivalents.

This gets us both owner stacks from `captureOwnerStack()`, as well as
appended to console.errors logged by Fizz, while rendering and in
onError.

DiffTrain build for [315109b02b](https://github.com/facebook/react/commit/315109b02b0c9460b7466ca88f3f4d6ed1215a21)
This commit is contained in:
sebmarkbage
2024-07-01 14:32:38 +00:00
parent 0f2a59e321
commit b8decade28
36 changed files with 735 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files
compiled/facebook-www/REVISION
+1 -1
View File
@@ -1 +1 @@
e02baf6c92833a0d45a77fb2e741676f393c24f7
315109b02b0c9460b7466ca88f3f4d6ed1215a21
compiled/facebook-www/REVISION_TRANSFORMS
+1 -1
View File
@@ -1 +1 @@
e02baf6c92833a0d45a77fb2e741676f393c24f7
315109b02b0c9460b7466ca88f3f4d6ed1215a21
compiled/facebook-www/React-dev.classic.js
+1 -1
View File
@@ -1991,7 +1991,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-dev.modern.js
+1 -1
View File
@@ -1971,7 +1971,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-prod.classic.js
+1 -1
View File
@@ -669,4 +669,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
compiled/facebook-www/React-prod.modern.js
+1 -1
View File
@@ -669,4 +669,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
compiled/facebook-www/React-profiling.classic.js
+1 -1
View File
@@ -673,7 +673,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-profiling.modern.js
+1 -1
View File
@@ -673,7 +673,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-dev.classic.js
+2 -2
View File
@@ -16934,14 +16934,14 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
});
})({
findFiberByHostInstance: function () {
return null;
},
bundleType: 1,
version: "19.0.0-www-classic-e02baf6c92-20240627",
version: "19.0.0-www-classic-315109b02b-20240701",
rendererPackageName: "react-art"
});
var ClippingRectangle = TYPES.CLIPPING_RECTANGLE,
compiled/facebook-www/ReactART-dev.modern.js
+2 -2
View File
@@ -16364,14 +16364,14 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
});
})({
findFiberByHostInstance: function () {
return null;
},
bundleType: 1,
version: "19.0.0-www-modern-e02baf6c92-20240627",
version: "19.0.0-www-modern-315109b02b-20240701",
rendererPackageName: "react-art"
});
var ClippingRectangle = TYPES.CLIPPING_RECTANGLE,
compiled/facebook-www/ReactART-prod.classic.js
+2 -2
View File
@@ -10711,7 +10711,7 @@ var slice = Array.prototype.slice,
return null;
},
bundleType: 0,
version: "19.0.0-www-classic-e02baf6c92-20240627",
version: "19.0.0-www-classic-315109b02b-20240701",
rendererPackageName: "react-art"
};
var internals$jscomp$inline_1386 = {
@@ -10742,7 +10742,7 @@ var internals$jscomp$inline_1386 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1387 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
compiled/facebook-www/ReactART-prod.modern.js
+2 -2
View File
@@ -10164,7 +10164,7 @@ var slice = Array.prototype.slice,
return null;
},
bundleType: 0,
version: "19.0.0-www-modern-e02baf6c92-20240627",
version: "19.0.0-www-modern-315109b02b-20240701",
rendererPackageName: "react-art"
};
var internals$jscomp$inline_1372 = {
@@ -10195,7 +10195,7 @@ var internals$jscomp$inline_1372 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1373 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
compiled/facebook-www/ReactDOM-dev.classic.js
+5 -5
View File
@@ -27370,11 +27370,11 @@ __DEV__ &&
: flushSyncErrorInBuildsThatSupportLegacyMode;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.0.0-www-classic-e02baf6c92-20240627" !== isomorphicReactPackageVersion)
if ("19.0.0-www-classic-315109b02b-20240701" !== isomorphicReactPackageVersion)
throw Error(
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
(isomorphicReactPackageVersion +
"\n - react-dom: 19.0.0-www-classic-e02baf6c92-20240627\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.0.0-www-classic-315109b02b-20240701\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -27440,12 +27440,12 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
});
})({
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 1,
version: "19.0.0-www-classic-e02baf6c92-20240627",
version: "19.0.0-www-classic-315109b02b-20240701",
rendererPackageName: "react-dom"
}) &&
canUseDOM &&
@@ -28088,7 +28088,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-dev.modern.js
+5 -5
View File
@@ -26517,11 +26517,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.0.0-www-modern-e02baf6c92-20240627" !== isomorphicReactPackageVersion)
if ("19.0.0-www-modern-315109b02b-20240701" !== isomorphicReactPackageVersion)
throw Error(
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
(isomorphicReactPackageVersion +
"\n - react-dom: 19.0.0-www-modern-e02baf6c92-20240627\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.0.0-www-modern-315109b02b-20240701\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -26586,12 +26586,12 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
});
})({
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 1,
version: "19.0.0-www-modern-e02baf6c92-20240627",
version: "19.0.0-www-modern-315109b02b-20240701",
rendererPackageName: "react-dom"
}) &&
canUseDOM &&
@@ -27187,7 +27187,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-prod.classic.js
+5 -5
View File
@@ -17156,14 +17156,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1769 = React.version;
if (
"19.0.0-www-classic-e02baf6c92-20240627" !==
"19.0.0-www-classic-315109b02b-20240701" !==
isomorphicReactPackageVersion$jscomp$inline_1769
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1769,
"19.0.0-www-classic-e02baf6c92-20240627"
"19.0.0-www-classic-315109b02b-20240701"
)
);
function flushSyncFromReconciler(fn) {
@@ -17209,7 +17209,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1776 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "19.0.0-www-classic-e02baf6c92-20240627",
version: "19.0.0-www-classic-315109b02b-20240701",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2220 = {
@@ -17239,7 +17239,7 @@ var internals$jscomp$inline_2220 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2221 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -17703,4 +17703,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
compiled/facebook-www/ReactDOM-prod.modern.js
+5 -5
View File
@@ -16471,14 +16471,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1740 = React.version;
if (
"19.0.0-www-modern-e02baf6c92-20240627" !==
"19.0.0-www-modern-315109b02b-20240701" !==
isomorphicReactPackageVersion$jscomp$inline_1740
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1740,
"19.0.0-www-modern-e02baf6c92-20240627"
"19.0.0-www-modern-315109b02b-20240701"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -16497,7 +16497,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1742 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "19.0.0-www-modern-e02baf6c92-20240627",
version: "19.0.0-www-modern-315109b02b-20240701",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2211 = {
@@ -16527,7 +16527,7 @@ var internals$jscomp$inline_2211 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2212 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -16898,4 +16898,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
compiled/facebook-www/ReactDOM-profiling.classic.js
+5 -5
View File
@@ -17923,14 +17923,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1856 = React.version;
if (
"19.0.0-www-classic-e02baf6c92-20240627" !==
"19.0.0-www-classic-315109b02b-20240701" !==
isomorphicReactPackageVersion$jscomp$inline_1856
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1856,
"19.0.0-www-classic-e02baf6c92-20240627"
"19.0.0-www-classic-315109b02b-20240701"
)
);
function flushSyncFromReconciler(fn) {
@@ -17976,7 +17976,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1863 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "19.0.0-www-classic-e02baf6c92-20240627",
version: "19.0.0-www-classic-315109b02b-20240701",
rendererPackageName: "react-dom"
};
(function (internals) {
@@ -18020,7 +18020,7 @@ var devToolsConfig$jscomp$inline_1863 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
});
function ReactDOMRoot(internalRoot) {
this._internalRoot = internalRoot;
@@ -18471,7 +18471,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-profiling.modern.js
+5 -5
View File
@@ -17221,14 +17221,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1827 = React.version;
if (
"19.0.0-www-modern-e02baf6c92-20240627" !==
"19.0.0-www-modern-315109b02b-20240701" !==
isomorphicReactPackageVersion$jscomp$inline_1827
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1827,
"19.0.0-www-modern-e02baf6c92-20240627"
"19.0.0-www-modern-315109b02b-20240701"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -17247,7 +17247,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1829 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "19.0.0-www-modern-e02baf6c92-20240627",
version: "19.0.0-www-modern-315109b02b-20240701",
rendererPackageName: "react-dom"
};
(function (internals) {
@@ -17291,7 +17291,7 @@ var devToolsConfig$jscomp$inline_1829 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
});
function ReactDOMRoot(internalRoot) {
this._internalRoot = internalRoot;
@@ -17649,7 +17649,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOMServer-dev.classic.js
+195 -77
View File
@@ -4241,6 +4241,16 @@ __DEV__ &&
"function" === typeof fn && componentFrameCache.set(fn, sampleLines);
return sampleLines;
}
function callComponentInDEV(Component, props, secondArg) {
return Component(props, secondArg);
}
function callRenderInDEV(instance) {
return instance.render();
}
function callLazyInitInDEV(lazy) {
var init = lazy._init;
return init(lazy._payload);
}
function getStackByComponentStackNode(componentStack) {
try {
var info = "";
@@ -4525,8 +4535,23 @@ __DEV__ &&
? ""
: getStackByComponentStackNode(currentTaskInDEV.componentStack);
}
function createBuiltInComponentStack(task, type) {
return { tag: 0, parent: task.componentStack, type: type };
function createBuiltInComponentStack(task, type, owner, stack) {
return {
tag: 0,
parent: task.componentStack,
type: type,
owner: owner,
stack: stack
};
}
function createFunctionComponentStack(task, type, owner, stack) {
return {
tag: 1,
parent: task.componentStack,
type: type,
owner: owner,
stack: stack
};
}
function getThrownInfo(request, node) {
return node ? { componentStack: getStackByComponentStackNode(node) } : {};
@@ -4591,7 +4616,7 @@ __DEV__ &&
thenableIndexCounter = 0;
thenableState = prevThenableState;
for (
request = Component(props, secondArg);
request = callComponentInDEV(Component, props, secondArg);
didScheduleRenderPhaseUpdate;
)
@@ -4712,7 +4737,16 @@ __DEV__ &&
"Popping the context provider did not return back to the original snapshot. This is a bug in React."
);
}
function renderElement(request, task, keyPath, type, props, ref) {
function renderElement(
request,
task,
keyPath,
type,
props,
ref,
owner,
stack
) {
if ("function" === typeof type)
if (type.prototype && type.prototype.isReactComponent) {
var newProps = props;
@@ -4733,7 +4767,9 @@ __DEV__ &&
task.componentStack = {
tag: 2,
parent: task.componentStack,
type: type
type: type,
owner: owner,
stack: stack
};
var maskedContext = getMaskedContext(type, task.legacyContext),
contextType = type.contextType;
@@ -5087,7 +5123,7 @@ __DEV__ &&
}
} else internalInstance.queue = null;
}
var nextChildren = instance.render();
var nextChildren = callRenderInDEV(instance);
instance.props !== resolvedProps &&
(didWarnAboutReassigningProps ||
error$jscomp$2(
@@ -5136,11 +5172,12 @@ __DEV__ &&
} else {
var legacyContext = getMaskedContext(type, task.legacyContext);
var previousComponentStack$jscomp$0 = task.componentStack;
task.componentStack = {
tag: 1,
parent: task.componentStack,
type: type
};
task.componentStack = createFunctionComponentStack(
task,
type,
owner,
stack
);
if (type.prototype && "function" === typeof type.prototype.render) {
var componentName$jscomp$4 =
getComponentNameFromType(type) || "Unknown";
@@ -5226,7 +5263,12 @@ __DEV__ &&
}
else if ("string" === typeof type) {
var previousComponentStack$jscomp$1 = task.componentStack;
task.componentStack = createBuiltInComponentStack(task, type);
task.componentStack = createBuiltInComponentStack(
task,
type,
owner,
stack
);
var segment = task.blockedSegment;
if (null === segment) {
var children = props.children,
@@ -5321,7 +5363,9 @@ __DEV__ &&
var preiousComponentStack = task.componentStack;
task.componentStack = createBuiltInComponentStack(
task,
"SuspenseList"
"SuspenseList",
owner,
stack
);
var _prevKeyPath3 = task.keyPath;
task.keyPath = keyPath;
@@ -5348,7 +5392,7 @@ __DEV__ &&
} else {
var previousComponentStack$jscomp$2 = task.componentStack,
suspenseComponentStack = (task.componentStack =
createBuiltInComponentStack(task, "Suspense")),
createBuiltInComponentStack(task, "Suspense", owner, stack)),
prevKeyPath$jscomp$3 = task.keyPath,
parentBoundary = task.blockedBoundary,
parentHoistableState = task.hoistableState,
@@ -5469,11 +5513,12 @@ __DEV__ &&
switch (type.$$typeof) {
case REACT_FORWARD_REF_TYPE:
var previousComponentStack$jscomp$3 = task.componentStack;
task.componentStack = {
tag: 1,
parent: task.componentStack,
type: type.render
};
task.componentStack = createFunctionComponentStack(
task,
type.render,
owner,
stack
);
if ("ref" in props) {
var propsWithoutRef = {};
for (var key in props)
@@ -5510,7 +5555,9 @@ __DEV__ &&
keyPath,
innerType,
resolvedProps$jscomp$0,
ref
ref,
owner,
stack
);
return;
case REACT_PROVIDER_TYPE:
@@ -5547,20 +5594,24 @@ __DEV__ &&
}
case REACT_LAZY_TYPE:
var previousComponentStack$jscomp$4 = task.componentStack;
task.componentStack = createBuiltInComponentStack(task, "Lazy");
var init = type._init,
Component = init(type._payload),
resolvedProps$jscomp$1 = resolveDefaultPropsOnNonClassComponent(
Component,
props
);
task.componentStack = createBuiltInComponentStack(
task,
"Lazy",
owner,
stack
);
var Component = callLazyInitInDEV(type);
var resolvedProps$jscomp$1 =
resolveDefaultPropsOnNonClassComponent(Component, props);
renderElement(
request,
task,
keyPath,
Component,
resolvedProps$jscomp$1,
void 0
ref,
owner,
stack
);
task.componentStack = previousComponentStack$jscomp$4;
return;
@@ -5620,9 +5671,10 @@ __DEV__ &&
case REACT_ELEMENT_TYPE:
var type = node$jscomp$0.type,
key = node$jscomp$0.key,
props = node$jscomp$0.props;
node$jscomp$0 = props.ref;
var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
props = node$jscomp$0.props,
refProp = props.ref;
var ref = void 0 !== refProp ? refProp : null;
refProp = node$jscomp$0._owner;
var name = getComponentNameFromType(type),
keyOrIndex =
null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -5656,7 +5708,16 @@ __DEV__ &&
pendingTasks: 1
};
try {
renderElement(request, task, key, type, props, ref);
renderElement(
request,
task,
key,
type,
props,
ref,
refProp,
null
);
if (
1 === task.replay.pendingTasks &&
0 < task.replay.nodes.length
@@ -5676,12 +5737,12 @@ __DEV__ &&
(task.node === node && (task.replay = replay), x)
);
task.replay.pendingTasks--;
type = getThrownInfo(request, task.componentStack);
refProp = getThrownInfo(request, task.componentStack);
erroredReplay(
request,
task.blockedBoundary,
x,
type,
refProp,
childNodes,
name
);
@@ -5696,16 +5757,22 @@ __DEV__ &&
);
b: {
type = void 0;
ref = key;
var props$jscomp$0 = props;
props = node[5];
ref = node[2];
key = node[2];
replay = node[3];
name = null === node[4] ? [] : node[4][2];
node = null === node[4] ? null : node[4][3];
keyOrIndex = task.componentStack;
var suspenseComponentStack = (task.componentStack =
createBuiltInComponentStack(task, "Suspense")),
prevKeyPath = task.keyPath,
refProp = task.componentStack =
createBuiltInComponentStack(
task,
"Suspense",
refProp,
null
);
var prevKeyPath = task.keyPath,
previousReplaySet = task.replay,
parentBoundary = task.blockedBoundary,
parentHoistableState = task.hoistableState,
@@ -5721,7 +5788,7 @@ __DEV__ &&
task.blockedBoundary = resumedBoundary;
task.hoistableState = resumedBoundary.contentState;
task.replay = {
nodes: ref,
nodes: key,
slots: replay,
pendingTasks: 1
};
@@ -5781,12 +5848,12 @@ __DEV__ &&
parentBoundary,
resumedBoundary.fallbackState,
fallbackAbortSet,
[key[0], "Suspense Fallback", key[2]],
[ref[0], "Suspense Fallback", ref[2]],
task.formatContext,
task.legacyContext,
task.context,
task.treeContext,
suspenseComponentStack,
refProp,
!0
);
request.pingedTasks.push(childNodes);
@@ -5797,7 +5864,17 @@ __DEV__ &&
}
}
}
else renderElement(request, task, key, type, props, ref);
else
renderElement(
request,
task,
key,
type,
props,
ref,
refProp,
null
);
return;
case REACT_PORTAL_TYPE:
throw Error(
@@ -5805,9 +5882,13 @@ __DEV__ &&
);
case REACT_LAZY_TYPE:
childNodes = task.componentStack;
task.componentStack = createBuiltInComponentStack(task, "Lazy");
type = node$jscomp$0._init;
node$jscomp$0 = type(node$jscomp$0._payload);
task.componentStack = createBuiltInComponentStack(
task,
"Lazy",
null,
null
);
node$jscomp$0 = callLazyInitInDEV(node$jscomp$0);
task.componentStack = childNodes;
renderNodeDestructive(request, task, node$jscomp$0, childIndex);
return;
@@ -5817,13 +5898,13 @@ __DEV__ &&
return;
}
null === node$jscomp$0 || "object" !== typeof node$jscomp$0
? (type = null)
? (refProp = null)
: ((childNodes =
(MAYBE_ITERATOR_SYMBOL &&
node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
node$jscomp$0["@@iterator"]),
(type = "function" === typeof childNodes ? childNodes : null));
if (type && (childNodes = type.call(node$jscomp$0))) {
(refProp = "function" === typeof childNodes ? childNodes : null));
if (refProp && (childNodes = refProp.call(node$jscomp$0))) {
if (childNodes === node$jscomp$0) {
if (
-1 !== childIndex ||
@@ -5840,7 +5921,7 @@ __DEV__ &&
),
(didWarnAboutGenerators = !0);
} else
node$jscomp$0.entries !== type ||
node$jscomp$0.entries !== refProp ||
didWarnAboutMaps ||
(error$jscomp$2(
"Using Maps as children is not supported. Use an array of keyed ReactElements instead."
@@ -5848,12 +5929,12 @@ __DEV__ &&
(didWarnAboutMaps = !0));
node$jscomp$0 = childNodes.next();
if (!node$jscomp$0.done) {
type = [];
refProp = [];
do
type.push(node$jscomp$0.value),
refProp.push(node$jscomp$0.value),
(node$jscomp$0 = childNodes.next());
while (!node$jscomp$0.done);
renderChildrenArray(request, task, type, childIndex);
renderChildrenArray(request, task, refProp, childIndex);
}
return;
}
@@ -6020,33 +6101,68 @@ __DEV__ &&
null == didWarnForKey &&
(didWarnForKey = request.didWarnForKey = new WeakSet());
request = node.componentStack;
null === request ||
didWarnForKey.has(request) ||
(didWarnForKey.add(request),
(didWarnForKey = node),
(resumeSegmentID = resumeSegmentID.type),
(resumeSegmentID =
"string" === typeof resumeSegmentID
? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
: resumeSegmentID.prototype &&
resumeSegmentID.prototype.isReactComponent
if (null !== request && !didWarnForKey.has(request)) {
didWarnForKey.add(request);
didWarnForKey = getComponentNameFromType(resumeSegmentID.type);
var childOwner = resumeSegmentID._owner,
parentOwner = request.owner;
request = "";
if (parentOwner && "number" === typeof parentOwner.tag) {
var name = getComponentNameFromType(parentOwner.type);
name &&
(request = "\n\nCheck the render method of `" + name + "`.");
}
request ||
(didWarnForKey &&
(request =
"\n\nCheck the top-level render call using <" +
didWarnForKey +
">."));
didWarnForKey = "";
null != childOwner &&
parentOwner !== childOwner &&
((parentOwner = null),
"number" === typeof childOwner.tag
? (parentOwner = getComponentNameFromType(childOwner.type))
: "string" === typeof childOwner.name &&
(parentOwner = childOwner.name),
parentOwner &&
(didWarnForKey =
" It was passed a child from " + parentOwner + "."));
childOwner = node;
parentOwner = resumeSegmentID.type;
resumeSegmentID = resumeSegmentID._owner;
resumeSegmentID =
"string" === typeof parentOwner
? createBuiltInComponentStack(
childOwner,
parentOwner,
resumeSegmentID,
null
)
: parentOwner.prototype &&
parentOwner.prototype.isReactComponent
? {
tag: 2,
parent: didWarnForKey.componentStack,
type: resumeSegmentID
parent: childOwner.componentStack,
type: parentOwner,
owner: resumeSegmentID,
stack: null
}
: {
tag: 1,
parent: didWarnForKey.componentStack,
type: resumeSegmentID
}),
(node.componentStack = resumeSegmentID),
: createFunctionComponentStack(
childOwner,
parentOwner,
resumeSegmentID,
null
);
node.componentStack = resumeSegmentID;
error$jscomp$2(
'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
"",
""
),
(node.componentStack = resumeSegmentID.parent));
request,
didWarnForKey
);
node.componentStack = resumeSegmentID.parent;
}
}
task.treeContext = pushTreeContext(replay, replayNodes, j);
renderNode(request$jscomp$0, task, childIndex, j);
@@ -8734,12 +8850,15 @@ __DEV__ &&
HooksDispatcher.useFormState = useActionState;
HooksDispatcher.useActionState = useActionState;
var currentResumableState = null,
currentTaskInDEV = null,
DefaultAsyncDispatcher = {
getCacheForType: function () {
throw Error("Not implemented.");
},
getOwner: function () {
return null;
return null === currentTaskInDEV
? null
: currentTaskInDEV.componentStack;
}
},
disabledDepth = 0,
@@ -8762,7 +8881,6 @@ __DEV__ &&
FLUSHED = 2,
POSTPONED = 5,
currentRequest = null,
currentTaskInDEV = null,
didWarnAboutBadClass = {},
didWarnAboutContextTypeOnFunctionComponent = {},
didWarnAboutGetDerivedStateOnFunctionComponent = {},
@@ -8786,5 +8904,5 @@ __DEV__ &&
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
})();
compiled/facebook-www/ReactDOMServer-dev.modern.js
+195 -77
View File
@@ -4233,6 +4233,16 @@ __DEV__ &&
"function" === typeof fn && componentFrameCache.set(fn, sampleLines);
return sampleLines;
}
function callComponentInDEV(Component, props, secondArg) {
return Component(props, secondArg);
}
function callRenderInDEV(instance) {
return instance.render();
}
function callLazyInitInDEV(lazy) {
var init = lazy._init;
return init(lazy._payload);
}
function getStackByComponentStackNode(componentStack) {
try {
var info = "";
@@ -4517,8 +4527,23 @@ __DEV__ &&
? ""
: getStackByComponentStackNode(currentTaskInDEV.componentStack);
}
function createBuiltInComponentStack(task, type) {
return { tag: 0, parent: task.componentStack, type: type };
function createBuiltInComponentStack(task, type, owner, stack) {
return {
tag: 0,
parent: task.componentStack,
type: type,
owner: owner,
stack: stack
};
}
function createFunctionComponentStack(task, type, owner, stack) {
return {
tag: 1,
parent: task.componentStack,
type: type,
owner: owner,
stack: stack
};
}
function getThrownInfo(request, node) {
return node ? { componentStack: getStackByComponentStackNode(node) } : {};
@@ -4583,7 +4608,7 @@ __DEV__ &&
thenableIndexCounter = 0;
thenableState = prevThenableState;
for (
request = Component(props, secondArg);
request = callComponentInDEV(Component, props, secondArg);
didScheduleRenderPhaseUpdate;
)
@@ -4704,7 +4729,16 @@ __DEV__ &&
"Popping the context provider did not return back to the original snapshot. This is a bug in React."
);
}
function renderElement(request, task, keyPath, type, props, ref) {
function renderElement(
request,
task,
keyPath,
type,
props,
ref,
owner,
stack
) {
if ("function" === typeof type)
if (type.prototype && type.prototype.isReactComponent) {
var newProps = props;
@@ -4725,7 +4759,9 @@ __DEV__ &&
task.componentStack = {
tag: 2,
parent: task.componentStack,
type: type
type: type,
owner: owner,
stack: stack
};
var context = emptyContextObject,
contextType = type.contextType;
@@ -5074,7 +5110,7 @@ __DEV__ &&
}
} else internalInstance.queue = null;
}
var nextChildren = instance.render();
var nextChildren = callRenderInDEV(instance);
instance.props !== resolvedProps &&
(didWarnAboutReassigningProps ||
error$jscomp$2(
@@ -5089,11 +5125,12 @@ __DEV__ &&
task.componentStack = previousComponentStack;
} else {
var previousComponentStack$jscomp$0 = task.componentStack;
task.componentStack = {
tag: 1,
parent: task.componentStack,
type: type
};
task.componentStack = createFunctionComponentStack(
task,
type,
owner,
stack
);
if (type.prototype && "function" === typeof type.prototype.render) {
var componentName$jscomp$3 =
getComponentNameFromType(type) || "Unknown";
@@ -5184,7 +5221,12 @@ __DEV__ &&
}
else if ("string" === typeof type) {
var previousComponentStack$jscomp$1 = task.componentStack;
task.componentStack = createBuiltInComponentStack(task, type);
task.componentStack = createBuiltInComponentStack(
task,
type,
owner,
stack
);
var segment = task.blockedSegment;
if (null === segment) {
var children = props.children,
@@ -5279,7 +5321,9 @@ __DEV__ &&
var preiousComponentStack = task.componentStack;
task.componentStack = createBuiltInComponentStack(
task,
"SuspenseList"
"SuspenseList",
owner,
stack
);
var _prevKeyPath3 = task.keyPath;
task.keyPath = keyPath;
@@ -5306,7 +5350,7 @@ __DEV__ &&
} else {
var previousComponentStack$jscomp$2 = task.componentStack,
suspenseComponentStack = (task.componentStack =
createBuiltInComponentStack(task, "Suspense")),
createBuiltInComponentStack(task, "Suspense", owner, stack)),
prevKeyPath$jscomp$3 = task.keyPath,
parentBoundary = task.blockedBoundary,
parentHoistableState = task.hoistableState,
@@ -5427,11 +5471,12 @@ __DEV__ &&
switch (type.$$typeof) {
case REACT_FORWARD_REF_TYPE:
var previousComponentStack$jscomp$3 = task.componentStack;
task.componentStack = {
tag: 1,
parent: task.componentStack,
type: type.render
};
task.componentStack = createFunctionComponentStack(
task,
type.render,
owner,
stack
);
if ("ref" in props) {
var propsWithoutRef = {};
for (var key in props)
@@ -5468,7 +5513,9 @@ __DEV__ &&
keyPath,
innerType,
resolvedProps$jscomp$0,
ref
ref,
owner,
stack
);
return;
case REACT_PROVIDER_TYPE:
@@ -5505,20 +5552,24 @@ __DEV__ &&
}
case REACT_LAZY_TYPE:
var previousComponentStack$jscomp$4 = task.componentStack;
task.componentStack = createBuiltInComponentStack(task, "Lazy");
var init = type._init,
Component = init(type._payload),
resolvedProps$jscomp$1 = resolveDefaultPropsOnNonClassComponent(
Component,
props
);
task.componentStack = createBuiltInComponentStack(
task,
"Lazy",
owner,
stack
);
var Component = callLazyInitInDEV(type);
var resolvedProps$jscomp$1 =
resolveDefaultPropsOnNonClassComponent(Component, props);
renderElement(
request,
task,
keyPath,
Component,
resolvedProps$jscomp$1,
void 0
ref,
owner,
stack
);
task.componentStack = previousComponentStack$jscomp$4;
return;
@@ -5578,9 +5629,10 @@ __DEV__ &&
case REACT_ELEMENT_TYPE:
var type = node$jscomp$0.type,
key = node$jscomp$0.key,
props = node$jscomp$0.props;
node$jscomp$0 = props.ref;
var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
props = node$jscomp$0.props,
refProp = props.ref;
var ref = void 0 !== refProp ? refProp : null;
refProp = node$jscomp$0._owner;
var name = getComponentNameFromType(type),
keyOrIndex =
null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -5614,7 +5666,16 @@ __DEV__ &&
pendingTasks: 1
};
try {
renderElement(request, task, key, type, props, ref);
renderElement(
request,
task,
key,
type,
props,
ref,
refProp,
null
);
if (
1 === task.replay.pendingTasks &&
0 < task.replay.nodes.length
@@ -5634,12 +5695,12 @@ __DEV__ &&
(task.node === node && (task.replay = replay), x)
);
task.replay.pendingTasks--;
type = getThrownInfo(request, task.componentStack);
refProp = getThrownInfo(request, task.componentStack);
erroredReplay(
request,
task.blockedBoundary,
x,
type,
refProp,
childNodes,
name
);
@@ -5654,16 +5715,22 @@ __DEV__ &&
);
b: {
type = void 0;
ref = key;
var props$jscomp$0 = props;
props = node[5];
ref = node[2];
key = node[2];
replay = node[3];
name = null === node[4] ? [] : node[4][2];
node = null === node[4] ? null : node[4][3];
keyOrIndex = task.componentStack;
var suspenseComponentStack = (task.componentStack =
createBuiltInComponentStack(task, "Suspense")),
prevKeyPath = task.keyPath,
refProp = task.componentStack =
createBuiltInComponentStack(
task,
"Suspense",
refProp,
null
);
var prevKeyPath = task.keyPath,
previousReplaySet = task.replay,
parentBoundary = task.blockedBoundary,
parentHoistableState = task.hoistableState,
@@ -5679,7 +5746,7 @@ __DEV__ &&
task.blockedBoundary = resumedBoundary;
task.hoistableState = resumedBoundary.contentState;
task.replay = {
nodes: ref,
nodes: key,
slots: replay,
pendingTasks: 1
};
@@ -5739,12 +5806,12 @@ __DEV__ &&
parentBoundary,
resumedBoundary.fallbackState,
fallbackAbortSet,
[key[0], "Suspense Fallback", key[2]],
[ref[0], "Suspense Fallback", ref[2]],
task.formatContext,
task.legacyContext,
task.context,
task.treeContext,
suspenseComponentStack,
refProp,
!0
);
request.pingedTasks.push(childNodes);
@@ -5755,7 +5822,17 @@ __DEV__ &&
}
}
}
else renderElement(request, task, key, type, props, ref);
else
renderElement(
request,
task,
key,
type,
props,
ref,
refProp,
null
);
return;
case REACT_PORTAL_TYPE:
throw Error(
@@ -5763,9 +5840,13 @@ __DEV__ &&
);
case REACT_LAZY_TYPE:
childNodes = task.componentStack;
task.componentStack = createBuiltInComponentStack(task, "Lazy");
type = node$jscomp$0._init;
node$jscomp$0 = type(node$jscomp$0._payload);
task.componentStack = createBuiltInComponentStack(
task,
"Lazy",
null,
null
);
node$jscomp$0 = callLazyInitInDEV(node$jscomp$0);
task.componentStack = childNodes;
renderNodeDestructive(request, task, node$jscomp$0, childIndex);
return;
@@ -5775,13 +5856,13 @@ __DEV__ &&
return;
}
null === node$jscomp$0 || "object" !== typeof node$jscomp$0
? (type = null)
? (refProp = null)
: ((childNodes =
(MAYBE_ITERATOR_SYMBOL &&
node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
node$jscomp$0["@@iterator"]),
(type = "function" === typeof childNodes ? childNodes : null));
if (type && (childNodes = type.call(node$jscomp$0))) {
(refProp = "function" === typeof childNodes ? childNodes : null));
if (refProp && (childNodes = refProp.call(node$jscomp$0))) {
if (childNodes === node$jscomp$0) {
if (
-1 !== childIndex ||
@@ -5798,7 +5879,7 @@ __DEV__ &&
),
(didWarnAboutGenerators = !0);
} else
node$jscomp$0.entries !== type ||
node$jscomp$0.entries !== refProp ||
didWarnAboutMaps ||
(error$jscomp$2(
"Using Maps as children is not supported. Use an array of keyed ReactElements instead."
@@ -5806,12 +5887,12 @@ __DEV__ &&
(didWarnAboutMaps = !0));
node$jscomp$0 = childNodes.next();
if (!node$jscomp$0.done) {
type = [];
refProp = [];
do
type.push(node$jscomp$0.value),
refProp.push(node$jscomp$0.value),
(node$jscomp$0 = childNodes.next());
while (!node$jscomp$0.done);
renderChildrenArray(request, task, type, childIndex);
renderChildrenArray(request, task, refProp, childIndex);
}
return;
}
@@ -5978,33 +6059,68 @@ __DEV__ &&
null == didWarnForKey &&
(didWarnForKey = request.didWarnForKey = new WeakSet());
request = node.componentStack;
null === request ||
didWarnForKey.has(request) ||
(didWarnForKey.add(request),
(didWarnForKey = node),
(resumeSegmentID = resumeSegmentID.type),
(resumeSegmentID =
"string" === typeof resumeSegmentID
? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
: resumeSegmentID.prototype &&
resumeSegmentID.prototype.isReactComponent
if (null !== request && !didWarnForKey.has(request)) {
didWarnForKey.add(request);
didWarnForKey = getComponentNameFromType(resumeSegmentID.type);
var childOwner = resumeSegmentID._owner,
parentOwner = request.owner;
request = "";
if (parentOwner && "number" === typeof parentOwner.tag) {
var name = getComponentNameFromType(parentOwner.type);
name &&
(request = "\n\nCheck the render method of `" + name + "`.");
}
request ||
(didWarnForKey &&
(request =
"\n\nCheck the top-level render call using <" +
didWarnForKey +
">."));
didWarnForKey = "";
null != childOwner &&
parentOwner !== childOwner &&
((parentOwner = null),
"number" === typeof childOwner.tag
? (parentOwner = getComponentNameFromType(childOwner.type))
: "string" === typeof childOwner.name &&
(parentOwner = childOwner.name),
parentOwner &&
(didWarnForKey =
" It was passed a child from " + parentOwner + "."));
childOwner = node;
parentOwner = resumeSegmentID.type;
resumeSegmentID = resumeSegmentID._owner;
resumeSegmentID =
"string" === typeof parentOwner
? createBuiltInComponentStack(
childOwner,
parentOwner,
resumeSegmentID,
null
)
: parentOwner.prototype &&
parentOwner.prototype.isReactComponent
? {
tag: 2,
parent: didWarnForKey.componentStack,
type: resumeSegmentID
parent: childOwner.componentStack,
type: parentOwner,
owner: resumeSegmentID,
stack: null
}
: {
tag: 1,
parent: didWarnForKey.componentStack,
type: resumeSegmentID
}),
(node.componentStack = resumeSegmentID),
: createFunctionComponentStack(
childOwner,
parentOwner,
resumeSegmentID,
null
);
node.componentStack = resumeSegmentID;
error$jscomp$2(
'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
"",
""
),
(node.componentStack = resumeSegmentID.parent));
request,
didWarnForKey
);
node.componentStack = resumeSegmentID.parent;
}
}
task.treeContext = pushTreeContext(replay, replayNodes, j);
renderNode(request$jscomp$0, task, childIndex, j);
@@ -8690,12 +8806,15 @@ __DEV__ &&
HooksDispatcher.useFormState = useActionState;
HooksDispatcher.useActionState = useActionState;
var currentResumableState = null,
currentTaskInDEV = null,
DefaultAsyncDispatcher = {
getCacheForType: function () {
throw Error("Not implemented.");
},
getOwner: function () {
return null;
return null === currentTaskInDEV
? null
: currentTaskInDEV.componentStack;
}
},
disabledDepth = 0,
@@ -8718,7 +8837,6 @@ __DEV__ &&
FLUSHED = 2,
POSTPONED = 5,
currentRequest = null,
currentTaskInDEV = null,
didWarnAboutBadClass = {},
didWarnAboutContextTypeOnFunctionComponent = {},
didWarnAboutGetDerivedStateOnFunctionComponent = {},
@@ -8742,5 +8860,5 @@ __DEV__ &&
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
})();
compiled/facebook-www/ReactDOMServer-prod.classic.js
+32 -23
View File
@@ -2680,16 +2680,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
"\x3c/script>"
);
bootstrapScriptContent = idPrefix + "P:";
var JSCompiler_object_inline_segmentPrefix_1654 = idPrefix + "S:";
var JSCompiler_object_inline_segmentPrefix_1670 = idPrefix + "S:";
idPrefix += "B:";
var JSCompiler_object_inline_preconnects_1668 = new Set(),
JSCompiler_object_inline_fontPreloads_1669 = new Set(),
JSCompiler_object_inline_highImagePreloads_1670 = new Set(),
JSCompiler_object_inline_styles_1671 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1672 = new Set(),
JSCompiler_object_inline_scripts_1673 = new Set(),
JSCompiler_object_inline_bulkPreloads_1674 = new Set(),
JSCompiler_object_inline_preloads_1675 = {
var JSCompiler_object_inline_preconnects_1684 = new Set(),
JSCompiler_object_inline_fontPreloads_1685 = new Set(),
JSCompiler_object_inline_highImagePreloads_1686 = new Set(),
JSCompiler_object_inline_styles_1687 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1688 = new Set(),
JSCompiler_object_inline_scripts_1689 = new Set(),
JSCompiler_object_inline_bulkPreloads_1690 = new Set(),
JSCompiler_object_inline_preloads_1691 = {
images: new Map(),
stylesheets: new Map(),
scripts: new Map(),
@@ -2726,7 +2726,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
scriptConfig.moduleScriptResources[href] = null;
scriptConfig = [];
pushLinkImpl(scriptConfig, props);
JSCompiler_object_inline_bootstrapScripts_1672.add(scriptConfig);
JSCompiler_object_inline_bootstrapScripts_1688.add(scriptConfig);
bootstrapChunks.push('<script src="', escapeTextForBrowser(src));
"string" === typeof integrity &&
bootstrapChunks.push('" integrity="', escapeTextForBrowser(integrity));
@@ -2767,7 +2767,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
(props.moduleScriptResources[scriptConfig] = null),
(props = []),
pushLinkImpl(props, integrity),
JSCompiler_object_inline_bootstrapScripts_1672.add(props),
JSCompiler_object_inline_bootstrapScripts_1688.add(props),
bootstrapChunks.push(
'<script type="module" src="',
escapeTextForBrowser(i)
@@ -2782,7 +2782,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
bootstrapChunks.push('" async="">\x3c/script>');
return {
placeholderPrefix: bootstrapScriptContent,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1654,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1670,
boundaryPrefix: idPrefix,
startInlineScript: "<script>",
htmlChunks: null,
@@ -2802,14 +2802,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
charsetChunks: [],
viewportChunks: [],
hoistableChunks: [],
preconnects: JSCompiler_object_inline_preconnects_1668,
fontPreloads: JSCompiler_object_inline_fontPreloads_1669,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1670,
styles: JSCompiler_object_inline_styles_1671,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1672,
scripts: JSCompiler_object_inline_scripts_1673,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1674,
preloads: JSCompiler_object_inline_preloads_1675,
preconnects: JSCompiler_object_inline_preconnects_1684,
fontPreloads: JSCompiler_object_inline_fontPreloads_1685,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1686,
styles: JSCompiler_object_inline_styles_1687,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1688,
scripts: JSCompiler_object_inline_scripts_1689,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1690,
preloads: JSCompiler_object_inline_preloads_1691,
stylesToHoist: !1,
generateStaticMarkup: generateStaticMarkup
};
@@ -4337,7 +4337,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
newProps = type._init;
type = newProps(type._payload);
props = resolveDefaultPropsOnNonClassComponent(type, props);
renderElement(request, task, keyPath, type, props, void 0);
renderElement(request, task, keyPath, type, props, ref);
task.componentStack = contextKey;
return;
}
@@ -4416,7 +4416,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
pendingTasks: 1
};
try {
renderElement(request, task, key, type, props, ref);
renderElement(
request,
task,
key,
type,
props,
ref,
null,
null
);
if (
1 === task.replay.pendingTasks &&
0 < task.replay.nodes.length
@@ -5782,4 +5791,4 @@ exports.renderToString = function (children, options) {
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
compiled/facebook-www/ReactDOMServer-prod.modern.js
+32 -23
View File
@@ -2680,16 +2680,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
"\x3c/script>"
);
bootstrapScriptContent = idPrefix + "P:";
var JSCompiler_object_inline_segmentPrefix_1641 = idPrefix + "S:";
var JSCompiler_object_inline_segmentPrefix_1657 = idPrefix + "S:";
idPrefix += "B:";
var JSCompiler_object_inline_preconnects_1655 = new Set(),
JSCompiler_object_inline_fontPreloads_1656 = new Set(),
JSCompiler_object_inline_highImagePreloads_1657 = new Set(),
JSCompiler_object_inline_styles_1658 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1659 = new Set(),
JSCompiler_object_inline_scripts_1660 = new Set(),
JSCompiler_object_inline_bulkPreloads_1661 = new Set(),
JSCompiler_object_inline_preloads_1662 = {
var JSCompiler_object_inline_preconnects_1671 = new Set(),
JSCompiler_object_inline_fontPreloads_1672 = new Set(),
JSCompiler_object_inline_highImagePreloads_1673 = new Set(),
JSCompiler_object_inline_styles_1674 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1675 = new Set(),
JSCompiler_object_inline_scripts_1676 = new Set(),
JSCompiler_object_inline_bulkPreloads_1677 = new Set(),
JSCompiler_object_inline_preloads_1678 = {
images: new Map(),
stylesheets: new Map(),
scripts: new Map(),
@@ -2726,7 +2726,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
scriptConfig.moduleScriptResources[href] = null;
scriptConfig = [];
pushLinkImpl(scriptConfig, props);
JSCompiler_object_inline_bootstrapScripts_1659.add(scriptConfig);
JSCompiler_object_inline_bootstrapScripts_1675.add(scriptConfig);
bootstrapChunks.push('<script src="', escapeTextForBrowser(src));
"string" === typeof integrity &&
bootstrapChunks.push('" integrity="', escapeTextForBrowser(integrity));
@@ -2767,7 +2767,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
(props.moduleScriptResources[scriptConfig] = null),
(props = []),
pushLinkImpl(props, integrity),
JSCompiler_object_inline_bootstrapScripts_1659.add(props),
JSCompiler_object_inline_bootstrapScripts_1675.add(props),
bootstrapChunks.push(
'<script type="module" src="',
escapeTextForBrowser(i)
@@ -2782,7 +2782,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
bootstrapChunks.push('" async="">\x3c/script>');
return {
placeholderPrefix: bootstrapScriptContent,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1641,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1657,
boundaryPrefix: idPrefix,
startInlineScript: "<script>",
htmlChunks: null,
@@ -2802,14 +2802,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
charsetChunks: [],
viewportChunks: [],
hoistableChunks: [],
preconnects: JSCompiler_object_inline_preconnects_1655,
fontPreloads: JSCompiler_object_inline_fontPreloads_1656,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1657,
styles: JSCompiler_object_inline_styles_1658,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1659,
scripts: JSCompiler_object_inline_scripts_1660,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1661,
preloads: JSCompiler_object_inline_preloads_1662,
preconnects: JSCompiler_object_inline_preconnects_1671,
fontPreloads: JSCompiler_object_inline_fontPreloads_1672,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1673,
styles: JSCompiler_object_inline_styles_1674,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1675,
scripts: JSCompiler_object_inline_scripts_1676,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1677,
preloads: JSCompiler_object_inline_preloads_1678,
stylesToHoist: !1,
generateStaticMarkup: generateStaticMarkup
};
@@ -4315,7 +4315,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
defaultProps = type._init;
type = defaultProps(type._payload);
props = resolveDefaultPropsOnNonClassComponent(type, props);
renderElement(request, task, keyPath, type, props, void 0);
renderElement(request, task, keyPath, type, props, ref);
task.componentStack = JSCompiler_inline_result;
return;
}
@@ -4394,7 +4394,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
pendingTasks: 1
};
try {
renderElement(request, task, key, type, props, ref);
renderElement(
request,
task,
key,
type,
props,
ref,
null,
null
);
if (
1 === task.replay.pendingTasks &&
0 < task.replay.nodes.length
@@ -5760,4 +5769,4 @@ exports.renderToString = function (children, options) {
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
+194 -76
View File
@@ -4028,6 +4028,16 @@ __DEV__ &&
"function" === typeof fn && componentFrameCache.set(fn, sampleLines);
return sampleLines;
}
function callComponentInDEV(Component, props, secondArg) {
return Component(props, secondArg);
}
function callRenderInDEV(instance) {
return instance.render();
}
function callLazyInitInDEV(lazy) {
var init = lazy._init;
return init(lazy._payload);
}
function getStackByComponentStackNode(componentStack) {
try {
var info = "";
@@ -4296,8 +4306,23 @@ __DEV__ &&
? ""
: getStackByComponentStackNode(currentTaskInDEV.componentStack);
}
function createBuiltInComponentStack(task, type) {
return { tag: 0, parent: task.componentStack, type: type };
function createBuiltInComponentStack(task, type, owner, stack) {
return {
tag: 0,
parent: task.componentStack,
type: type,
owner: owner,
stack: stack
};
}
function createFunctionComponentStack(task, type, owner, stack) {
return {
tag: 1,
parent: task.componentStack,
type: type,
owner: owner,
stack: stack
};
}
function getThrownInfo(request, node) {
return node ? { componentStack: getStackByComponentStackNode(node) } : {};
@@ -4366,7 +4391,7 @@ __DEV__ &&
thenableIndexCounter = 0;
thenableState = prevThenableState;
for (
request = Component(props, secondArg);
request = callComponentInDEV(Component, props, secondArg);
didScheduleRenderPhaseUpdate;
)
@@ -4487,7 +4512,16 @@ __DEV__ &&
"Popping the context provider did not return back to the original snapshot. This is a bug in React."
);
}
function renderElement(request, task, keyPath, type, props, ref) {
function renderElement(
request,
task,
keyPath,
type,
props,
ref,
owner,
stack
) {
if ("function" === typeof type)
if (type.prototype && type.prototype.isReactComponent) {
var newProps = props;
@@ -4508,7 +4542,9 @@ __DEV__ &&
task.componentStack = {
tag: 2,
parent: task.componentStack,
type: type
type: type,
owner: owner,
stack: stack
};
var context = emptyContextObject,
contextType = type.contextType;
@@ -4857,7 +4893,7 @@ __DEV__ &&
}
} else internalInstance.queue = null;
}
var nextChildren = instance.render();
var nextChildren = callRenderInDEV(instance);
instance.props !== resolvedProps &&
(didWarnAboutReassigningProps ||
error$jscomp$2(
@@ -4872,11 +4908,12 @@ __DEV__ &&
task.componentStack = previousComponentStack;
} else {
var previousComponentStack$jscomp$0 = task.componentStack;
task.componentStack = {
tag: 1,
parent: task.componentStack,
type: type
};
task.componentStack = createFunctionComponentStack(
task,
type,
owner,
stack
);
if (type.prototype && "function" === typeof type.prototype.render) {
var componentName$jscomp$3 =
getComponentNameFromType(type) || "Unknown";
@@ -4967,7 +5004,12 @@ __DEV__ &&
}
else if ("string" === typeof type) {
var previousComponentStack$jscomp$1 = task.componentStack;
task.componentStack = createBuiltInComponentStack(task, type);
task.componentStack = createBuiltInComponentStack(
task,
type,
owner,
stack
);
var segment = task.blockedSegment;
if (null === segment) {
var children = props.children,
@@ -5062,7 +5104,9 @@ __DEV__ &&
var preiousComponentStack = task.componentStack;
task.componentStack = createBuiltInComponentStack(
task,
"SuspenseList"
"SuspenseList",
owner,
stack
);
var _prevKeyPath3 = task.keyPath;
task.keyPath = keyPath;
@@ -5089,7 +5133,7 @@ __DEV__ &&
} else {
var previousComponentStack$jscomp$2 = task.componentStack,
suspenseComponentStack = (task.componentStack =
createBuiltInComponentStack(task, "Suspense")),
createBuiltInComponentStack(task, "Suspense", owner, stack)),
prevKeyPath$jscomp$3 = task.keyPath,
parentBoundary = task.blockedBoundary,
parentHoistableState = task.hoistableState,
@@ -5208,11 +5252,12 @@ __DEV__ &&
switch (type.$$typeof) {
case REACT_FORWARD_REF_TYPE:
var previousComponentStack$jscomp$3 = task.componentStack;
task.componentStack = {
tag: 1,
parent: task.componentStack,
type: type.render
};
task.componentStack = createFunctionComponentStack(
task,
type.render,
owner,
stack
);
if ("ref" in props) {
var propsWithoutRef = {};
for (var key in props)
@@ -5249,7 +5294,9 @@ __DEV__ &&
keyPath,
innerType,
resolvedProps$jscomp$0,
ref
ref,
owner,
stack
);
return;
case REACT_PROVIDER_TYPE:
@@ -5286,20 +5333,24 @@ __DEV__ &&
}
case REACT_LAZY_TYPE:
var previousComponentStack$jscomp$4 = task.componentStack;
task.componentStack = createBuiltInComponentStack(task, "Lazy");
var init = type._init,
Component = init(type._payload),
resolvedProps$jscomp$1 = resolveDefaultPropsOnNonClassComponent(
Component,
props
);
task.componentStack = createBuiltInComponentStack(
task,
"Lazy",
owner,
stack
);
var Component = callLazyInitInDEV(type);
var resolvedProps$jscomp$1 =
resolveDefaultPropsOnNonClassComponent(Component, props);
renderElement(
request,
task,
keyPath,
Component,
resolvedProps$jscomp$1,
void 0
ref,
owner,
stack
);
task.componentStack = previousComponentStack$jscomp$4;
return;
@@ -5359,9 +5410,10 @@ __DEV__ &&
case REACT_ELEMENT_TYPE:
var type = node$jscomp$0.type,
key = node$jscomp$0.key,
props = node$jscomp$0.props;
node$jscomp$0 = props.ref;
var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
props = node$jscomp$0.props,
refProp = props.ref;
var ref = void 0 !== refProp ? refProp : null;
refProp = node$jscomp$0._owner;
var name = getComponentNameFromType(type),
keyOrIndex =
null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -5395,7 +5447,16 @@ __DEV__ &&
pendingTasks: 1
};
try {
renderElement(request, task, key, type, props, ref);
renderElement(
request,
task,
key,
type,
props,
ref,
refProp,
null
);
if (
1 === task.replay.pendingTasks &&
0 < task.replay.nodes.length
@@ -5415,12 +5476,12 @@ __DEV__ &&
(task.node === node && (task.replay = replay), x)
);
task.replay.pendingTasks--;
type = getThrownInfo(request, task.componentStack);
refProp = getThrownInfo(request, task.componentStack);
erroredReplay(
request,
task.blockedBoundary,
x,
type,
refProp,
childNodes,
name
);
@@ -5435,16 +5496,22 @@ __DEV__ &&
);
b: {
type = void 0;
ref = key;
var props$jscomp$0 = props;
props = node[5];
ref = node[2];
key = node[2];
replay = node[3];
name = null === node[4] ? [] : node[4][2];
node = null === node[4] ? null : node[4][3];
keyOrIndex = task.componentStack;
var suspenseComponentStack = (task.componentStack =
createBuiltInComponentStack(task, "Suspense")),
prevKeyPath = task.keyPath,
refProp = task.componentStack =
createBuiltInComponentStack(
task,
"Suspense",
refProp,
null
);
var prevKeyPath = task.keyPath,
previousReplaySet = task.replay,
parentBoundary = task.blockedBoundary,
parentHoistableState = task.hoistableState,
@@ -5460,7 +5527,7 @@ __DEV__ &&
task.blockedBoundary = resumedBoundary;
task.hoistableState = resumedBoundary.contentState;
task.replay = {
nodes: ref,
nodes: key,
slots: replay,
pendingTasks: 1
};
@@ -5520,12 +5587,12 @@ __DEV__ &&
parentBoundary,
resumedBoundary.fallbackState,
fallbackAbortSet,
[key[0], "Suspense Fallback", key[2]],
[ref[0], "Suspense Fallback", ref[2]],
task.formatContext,
task.legacyContext,
task.context,
task.treeContext,
suspenseComponentStack,
refProp,
!0
);
request.pingedTasks.push(childNodes);
@@ -5536,7 +5603,17 @@ __DEV__ &&
}
}
}
else renderElement(request, task, key, type, props, ref);
else
renderElement(
request,
task,
key,
type,
props,
ref,
refProp,
null
);
return;
case REACT_PORTAL_TYPE:
throw Error(
@@ -5544,9 +5621,13 @@ __DEV__ &&
);
case REACT_LAZY_TYPE:
childNodes = task.componentStack;
task.componentStack = createBuiltInComponentStack(task, "Lazy");
type = node$jscomp$0._init;
node$jscomp$0 = type(node$jscomp$0._payload);
task.componentStack = createBuiltInComponentStack(
task,
"Lazy",
null,
null
);
node$jscomp$0 = callLazyInitInDEV(node$jscomp$0);
task.componentStack = childNodes;
renderNodeDestructive(request, task, node$jscomp$0, childIndex);
return;
@@ -5556,13 +5637,13 @@ __DEV__ &&
return;
}
null === node$jscomp$0 || "object" !== typeof node$jscomp$0
? (type = null)
? (refProp = null)
: ((childNodes =
(MAYBE_ITERATOR_SYMBOL &&
node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
node$jscomp$0["@@iterator"]),
(type = "function" === typeof childNodes ? childNodes : null));
if (type && (childNodes = type.call(node$jscomp$0))) {
(refProp = "function" === typeof childNodes ? childNodes : null));
if (refProp && (childNodes = refProp.call(node$jscomp$0))) {
if (childNodes === node$jscomp$0) {
if (
-1 !== childIndex ||
@@ -5579,7 +5660,7 @@ __DEV__ &&
),
(didWarnAboutGenerators = !0);
} else
node$jscomp$0.entries !== type ||
node$jscomp$0.entries !== refProp ||
didWarnAboutMaps ||
(error$jscomp$2(
"Using Maps as children is not supported. Use an array of keyed ReactElements instead."
@@ -5587,12 +5668,12 @@ __DEV__ &&
(didWarnAboutMaps = !0));
node$jscomp$0 = childNodes.next();
if (!node$jscomp$0.done) {
type = [];
refProp = [];
do
type.push(node$jscomp$0.value),
refProp.push(node$jscomp$0.value),
(node$jscomp$0 = childNodes.next());
while (!node$jscomp$0.done);
renderChildrenArray(request, task, type, childIndex);
renderChildrenArray(request, task, refProp, childIndex);
}
return;
}
@@ -5759,33 +5840,68 @@ __DEV__ &&
null == didWarnForKey &&
(didWarnForKey = request.didWarnForKey = new WeakSet());
request = node.componentStack;
null === request ||
didWarnForKey.has(request) ||
(didWarnForKey.add(request),
(didWarnForKey = node),
(resumeSegmentID = resumeSegmentID.type),
(resumeSegmentID =
"string" === typeof resumeSegmentID
? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
: resumeSegmentID.prototype &&
resumeSegmentID.prototype.isReactComponent
if (null !== request && !didWarnForKey.has(request)) {
didWarnForKey.add(request);
didWarnForKey = getComponentNameFromType(resumeSegmentID.type);
var childOwner = resumeSegmentID._owner,
parentOwner = request.owner;
request = "";
if (parentOwner && "number" === typeof parentOwner.tag) {
var name = getComponentNameFromType(parentOwner.type);
name &&
(request = "\n\nCheck the render method of `" + name + "`.");
}
request ||
(didWarnForKey &&
(request =
"\n\nCheck the top-level render call using <" +
didWarnForKey +
">."));
didWarnForKey = "";
null != childOwner &&
parentOwner !== childOwner &&
((parentOwner = null),
"number" === typeof childOwner.tag
? (parentOwner = getComponentNameFromType(childOwner.type))
: "string" === typeof childOwner.name &&
(parentOwner = childOwner.name),
parentOwner &&
(didWarnForKey =
" It was passed a child from " + parentOwner + "."));
childOwner = node;
parentOwner = resumeSegmentID.type;
resumeSegmentID = resumeSegmentID._owner;
resumeSegmentID =
"string" === typeof parentOwner
? createBuiltInComponentStack(
childOwner,
parentOwner,
resumeSegmentID,
null
)
: parentOwner.prototype &&
parentOwner.prototype.isReactComponent
? {
tag: 2,
parent: didWarnForKey.componentStack,
type: resumeSegmentID
parent: childOwner.componentStack,
type: parentOwner,
owner: resumeSegmentID,
stack: null
}
: {
tag: 1,
parent: didWarnForKey.componentStack,
type: resumeSegmentID
}),
(node.componentStack = resumeSegmentID),
: createFunctionComponentStack(
childOwner,
parentOwner,
resumeSegmentID,
null
);
node.componentStack = resumeSegmentID;
error$jscomp$2(
'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
"",
""
),
(node.componentStack = resumeSegmentID.parent));
request,
didWarnForKey
);
node.componentStack = resumeSegmentID.parent;
}
}
task.treeContext = pushTreeContext(replay, replayNodes, j);
renderNode(request$jscomp$0, task, childIndex, j);
@@ -8078,12 +8194,15 @@ __DEV__ &&
HooksDispatcher.useFormState = useActionState;
HooksDispatcher.useActionState = useActionState;
var currentResumableState = null,
currentTaskInDEV = null,
DefaultAsyncDispatcher = {
getCacheForType: function () {
throw Error("Not implemented.");
},
getOwner: function () {
return null;
return null === currentTaskInDEV
? null
: currentTaskInDEV.componentStack;
}
},
disabledDepth = 0,
@@ -8101,7 +8220,6 @@ __DEV__ &&
"function" === typeof WeakMap ? WeakMap : Map
)();
var currentRequest = null,
currentTaskInDEV = null,
didWarnAboutBadClass = {},
didWarnAboutContextTypeOnFunctionComponent = {},
didWarnAboutGetDerivedStateOnFunctionComponent = {},
compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
+11 -2
View File
@@ -4191,7 +4191,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
defaultProps = type._init;
type = defaultProps(type._payload);
props = resolveDefaultPropsOnNonClassComponent(type, props);
renderElement(request, task, keyPath, type, props, void 0);
renderElement(request, task, keyPath, type, props, ref);
task.componentStack = JSCompiler_inline_result;
return;
}
@@ -4277,7 +4277,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
pendingTasks: 1
};
try {
renderElement(request, task, key, type, props, ref);
renderElement(
request,
task,
key,
type,
props,
ref,
null,
null
);
if (
1 === task.replay.pendingTasks &&
0 < task.replay.nodes.length
compiled/facebook-www/ReactDOMTesting-dev.classic.js
+5 -5
View File
@@ -27704,11 +27704,11 @@ __DEV__ &&
: flushSyncErrorInBuildsThatSupportLegacyMode;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.0.0-www-classic-e02baf6c92-20240627" !== isomorphicReactPackageVersion)
if ("19.0.0-www-classic-315109b02b-20240701" !== isomorphicReactPackageVersion)
throw Error(
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
(isomorphicReactPackageVersion +
"\n - react-dom: 19.0.0-www-classic-e02baf6c92-20240627\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.0.0-www-classic-315109b02b-20240701\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -27774,12 +27774,12 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
});
})({
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 1,
version: "19.0.0-www-classic-e02baf6c92-20240627",
version: "19.0.0-www-classic-315109b02b-20240701",
rendererPackageName: "react-dom"
}) &&
canUseDOM &&
@@ -28588,5 +28588,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
})();
compiled/facebook-www/ReactDOMTesting-dev.modern.js
+5 -5
View File
@@ -26851,11 +26851,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.0.0-www-modern-e02baf6c92-20240627" !== isomorphicReactPackageVersion)
if ("19.0.0-www-modern-315109b02b-20240701" !== isomorphicReactPackageVersion)
throw Error(
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
(isomorphicReactPackageVersion +
"\n - react-dom: 19.0.0-www-modern-e02baf6c92-20240627\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.0.0-www-modern-315109b02b-20240701\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -26920,12 +26920,12 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
});
})({
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 1,
version: "19.0.0-www-modern-e02baf6c92-20240627",
version: "19.0.0-www-modern-315109b02b-20240701",
rendererPackageName: "react-dom"
}) &&
canUseDOM &&
@@ -27687,5 +27687,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
})();
compiled/facebook-www/ReactDOMTesting-prod.classic.js
+5 -5
View File
@@ -17485,14 +17485,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1799 = React.version;
if (
"19.0.0-www-classic-e02baf6c92-20240627" !==
"19.0.0-www-classic-315109b02b-20240701" !==
isomorphicReactPackageVersion$jscomp$inline_1799
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1799,
"19.0.0-www-classic-e02baf6c92-20240627"
"19.0.0-www-classic-315109b02b-20240701"
)
);
function flushSyncFromReconciler(fn) {
@@ -17538,7 +17538,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1806 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "19.0.0-www-classic-e02baf6c92-20240627",
version: "19.0.0-www-classic-315109b02b-20240701",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2255 = {
@@ -17568,7 +17568,7 @@ var internals$jscomp$inline_2255 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2256 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -18183,4 +18183,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.0.0-www-classic-e02baf6c92-20240627";
exports.version = "19.0.0-www-classic-315109b02b-20240701";
compiled/facebook-www/ReactDOMTesting-prod.modern.js
+5 -5
View File
@@ -16859,14 +16859,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1770 = React.version;
if (
"19.0.0-www-modern-e02baf6c92-20240627" !==
"19.0.0-www-modern-315109b02b-20240701" !==
isomorphicReactPackageVersion$jscomp$inline_1770
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1770,
"19.0.0-www-modern-e02baf6c92-20240627"
"19.0.0-www-modern-315109b02b-20240701"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -16885,7 +16885,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1772 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "19.0.0-www-modern-e02baf6c92-20240627",
version: "19.0.0-www-modern-315109b02b-20240701",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2246 = {
@@ -16915,7 +16915,7 @@ var internals$jscomp$inline_2246 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2247 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -17437,4 +17437,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.0.0-www-modern-e02baf6c92-20240627";
exports.version = "19.0.0-www-modern-315109b02b-20240701";
compiled/facebook-www/ReactReconciler-dev.classic.js
+1 -1
View File
@@ -18993,7 +18993,7 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
});
};
exports.isAlreadyRendering = function () {
compiled/facebook-www/ReactReconciler-dev.modern.js
+1 -1
View File
@@ -18372,7 +18372,7 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
});
};
exports.isAlreadyRendering = function () {
compiled/facebook-www/ReactReconciler-prod.classic.js
+1 -1
View File
@@ -12698,7 +12698,7 @@ module.exports = function ($$$config) {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
};
if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)
devToolsConfig = !1;
compiled/facebook-www/ReactReconciler-prod.modern.js
+1 -1
View File
@@ -12190,7 +12190,7 @@ module.exports = function ($$$config) {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
};
if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)
devToolsConfig = !1;
compiled/facebook-www/ReactTestRenderer-dev.classic.js
+2 -2
View File
@@ -14717,14 +14717,14 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701"
});
})({
findFiberByHostInstance: function () {
throw Error("TestRenderer does not support findFiberByHostInstance()");
},
bundleType: 1,
version: "19.0.0-www-classic-e02baf6c92-20240627",
version: "19.0.0-www-classic-315109b02b-20240701",
rendererPackageName: "react-test-renderer"
});
exports._Scheduler = Scheduler;
compiled/facebook-www/ReactTestRenderer-dev.modern.js
+2 -2
View File
@@ -14717,14 +14717,14 @@ __DEV__ &&
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627"
reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701"
});
})({
findFiberByHostInstance: function () {
throw Error("TestRenderer does not support findFiberByHostInstance()");
},
bundleType: 1,
version: "19.0.0-www-modern-e02baf6c92-20240627",
version: "19.0.0-www-modern-315109b02b-20240701",
rendererPackageName: "react-test-renderer"
});
exports._Scheduler = Scheduler;
compiled/facebook-www/VERSION_CLASSIC
+1 -1
View File
@@ -1 +1 @@
19.0.0-www-classic-e02baf6c92-20240627
19.0.0-www-classic-315109b02b-20240701
compiled/facebook-www/VERSION_MODERN
+1 -1
View File
@@ -1 +1 @@
19.0.0-www-modern-e02baf6c92-20240627
19.0.0-www-modern-315109b02b-20240701