Revert "Revert "[Float] Suspend unstyled content for up to 1 minute (#26532)""

This reverts commit 314f7d3a3c.

DiffTrain build for [7eca7179173c91d3a3501140df0afd45886d1769](https://github.com/facebook/react/commit/7eca7179173c91d3a3501140df0afd45886d1769)
This commit is contained in:
kassens
2023-04-19 23:16:43 +00:00
parent d05978bc8f
commit 34cf2eff9f
15 changed files with 174 additions and 164 deletions
+1 -1
View File
@@ -1 +1 @@
f9231793c57da481cc2030b77f9806cd4dc156f0
7eca7179173c91d3a3501140df0afd45886d1769
+1 -1
View File
@@ -27,7 +27,7 @@ if (
}
"use strict";
var ReactVersion = "18.3.0-www-modern-8b241311";
var ReactVersion = "18.3.0-www-modern-3b6fb960";
// ATTENTION
// When adding new symbols to this file,
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
return self;
}
var ReactVersion = "18.3.0-www-classic-a86bcc37";
var ReactVersion = "18.3.0-www-classic-8960db8a";
var LegacyRoot = 0;
var ConcurrentRoot = 1;
@@ -9723,7 +9723,7 @@ var slice = Array.prototype.slice,
return null;
},
bundleType: 0,
version: "18.3.0-www-modern-feebe80d",
version: "18.3.0-www-modern-79c13b02",
rendererPackageName: "react-art"
};
var internals$jscomp$inline_1322 = {
@@ -9754,7 +9754,7 @@ var internals$jscomp$inline_1322 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-modern-feebe80d"
reconcilerVersion: "18.3.0-www-modern-79c13b02"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1323 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+21 -17
View File
@@ -33883,7 +33883,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-classic-000b299c";
var ReactVersion = "18.3.0-www-classic-838e60a2";
function createPortal$1(
children,
@@ -43142,10 +43142,28 @@ function waitForCommitToBeReady() {
if (state.count > 0) {
return function (commit) {
unsuspendAfterTimeout(state);
// We almost never want to show content before its styles have loaded. But
// eventually we will give up and allow unstyled content. So this number is
// somewhat arbitrary — big enough that you'd only reach it under
// extreme circumstances.
// TODO: Figure out what the browser engines do during initial page load and
// consider aligning our behavior with that.
var stylesheetTimer = setTimeout(function () {
if (state.stylesheets) {
insertSuspendedStylesheets(state, state.stylesheets);
}
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 60000); // one minute
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
};
}
@@ -43153,20 +43171,6 @@ function waitForCommitToBeReady() {
return null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
if (state.stylesheets) {
insertSuspendedStylesheets(state, state.stylesheets);
}
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
+21 -17
View File
@@ -33722,7 +33722,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-modern-feebe80d";
var ReactVersion = "18.3.0-www-modern-79c13b02";
function createPortal$1(
children,
@@ -43690,10 +43690,28 @@ function waitForCommitToBeReady() {
if (state.count > 0) {
return function (commit) {
unsuspendAfterTimeout(state);
// We almost never want to show content before its styles have loaded. But
// eventually we will give up and allow unstyled content. So this number is
// somewhat arbitrary — big enough that you'd only reach it under
// extreme circumstances.
// TODO: Figure out what the browser engines do during initial page load and
// consider aligning our behavior with that.
var stylesheetTimer = setTimeout(function () {
if (state.stylesheets) {
insertSuspendedStylesheets(state, state.stylesheets);
}
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 60000); // one minute
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
};
}
@@ -43701,20 +43719,6 @@ function waitForCommitToBeReady() {
return null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
if (state.stylesheets) {
insertSuspendedStylesheets(state, state.stylesheets);
}
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
+14 -15
View File
@@ -15070,24 +15070,23 @@ function waitForCommitToBeReady() {
insertSuspendedStylesheets(state, state.stylesheets);
return 0 < state.count
? function (commit) {
unsuspendAfterTimeout(state);
var stylesheetTimer = setTimeout(function () {
state.stylesheets &&
insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 6e4);
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
}
: null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
state.stylesheets && insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
if (0 === this.count)
@@ -15958,7 +15957,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1810 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-ecc92a93",
version: "18.3.0-www-classic-edf1acce",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2206 = {
@@ -15988,7 +15987,7 @@ var internals$jscomp$inline_2206 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-classic-ecc92a93"
reconcilerVersion: "18.3.0-www-classic-edf1acce"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2207 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -16228,4 +16227,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
);
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-classic-ecc92a93";
exports.version = "18.3.0-www-classic-edf1acce";
+14 -15
View File
@@ -15319,24 +15319,23 @@ function waitForCommitToBeReady() {
insertSuspendedStylesheets(state, state.stylesheets);
return 0 < state.count
? function (commit) {
unsuspendAfterTimeout(state);
var stylesheetTimer = setTimeout(function () {
state.stylesheets &&
insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 6e4);
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
}
: null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
state.stylesheets && insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
if (0 === this.count)
@@ -15485,7 +15484,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1768 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-1b7cf3c0",
version: "18.3.0-www-modern-0c23841c",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2169 = {
@@ -15516,7 +15515,7 @@ var internals$jscomp$inline_2169 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-modern-1b7cf3c0"
reconcilerVersion: "18.3.0-www-modern-0c23841c"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2170 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -15685,4 +15684,4 @@ exports.unstable_createEventHandle = function (type, options) {
return eventHandle;
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-modern-1b7cf3c0";
exports.version = "18.3.0-www-modern-0c23841c";
@@ -15844,24 +15844,23 @@ function waitForCommitToBeReady() {
insertSuspendedStylesheets(state, state.stylesheets);
return 0 < state.count
? function (commit) {
unsuspendAfterTimeout(state);
var stylesheetTimer = setTimeout(function () {
state.stylesheets &&
insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 6e4);
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
}
: null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
state.stylesheets && insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
if (0 === this.count)
@@ -16732,7 +16731,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1889 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-68d19c91",
version: "18.3.0-www-classic-cf74bdbb",
rendererPackageName: "react-dom"
};
(function (internals) {
@@ -16776,7 +16775,7 @@ var devToolsConfig$jscomp$inline_1889 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-classic-68d19c91"
reconcilerVersion: "18.3.0-www-classic-cf74bdbb"
});
assign(Internals, {
ReactBrowserEventEmitter: {
@@ -17003,7 +17002,7 @@ exports.unstable_renderSubtreeIntoContainer = function (
);
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-classic-68d19c91";
exports.version = "18.3.0-www-classic-cf74bdbb";
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
@@ -16087,24 +16087,23 @@ function waitForCommitToBeReady() {
insertSuspendedStylesheets(state, state.stylesheets);
return 0 < state.count
? function (commit) {
unsuspendAfterTimeout(state);
var stylesheetTimer = setTimeout(function () {
state.stylesheets &&
insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 6e4);
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
}
: null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
state.stylesheets && insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
if (0 === this.count)
@@ -16253,7 +16252,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1847 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-ee95a7ff",
version: "18.3.0-www-modern-b6e8e2d5",
rendererPackageName: "react-dom"
};
(function (internals) {
@@ -16298,7 +16297,7 @@ var devToolsConfig$jscomp$inline_1847 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-modern-ee95a7ff"
reconcilerVersion: "18.3.0-www-modern-b6e8e2d5"
});
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
exports.createPortal = function (children, container) {
@@ -16454,7 +16453,7 @@ exports.unstable_createEventHandle = function (type, options) {
return eventHandle;
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-modern-ee95a7ff";
exports.version = "18.3.0-www-modern-b6e8e2d5";
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
@@ -35937,7 +35937,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-classic-e9c05215";
var ReactVersion = "18.3.0-www-classic-ec050b8e";
function createPortal$1(
children,
@@ -44853,10 +44853,28 @@ function waitForCommitToBeReady() {
if (state.count > 0) {
return function (commit) {
unsuspendAfterTimeout(state);
// We almost never want to show content before its styles have loaded. But
// eventually we will give up and allow unstyled content. So this number is
// somewhat arbitrary — big enough that you'd only reach it under
// extreme circumstances.
// TODO: Figure out what the browser engines do during initial page load and
// consider aligning our behavior with that.
var stylesheetTimer = setTimeout(function () {
if (state.stylesheets) {
insertSuspendedStylesheets(state, state.stylesheets);
}
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 60000); // one minute
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
};
}
@@ -44864,20 +44882,6 @@ function waitForCommitToBeReady() {
return null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
if (state.stylesheets) {
insertSuspendedStylesheets(state, state.stylesheets);
}
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
@@ -34341,7 +34341,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-modern-7ade5c2b";
var ReactVersion = "18.3.0-www-modern-c1ad92c8";
function createPortal$1(
children,
@@ -44441,10 +44441,28 @@ function waitForCommitToBeReady() {
if (state.count > 0) {
return function (commit) {
unsuspendAfterTimeout(state);
// We almost never want to show content before its styles have loaded. But
// eventually we will give up and allow unstyled content. So this number is
// somewhat arbitrary — big enough that you'd only reach it under
// extreme circumstances.
// TODO: Figure out what the browser engines do during initial page load and
// consider aligning our behavior with that.
var stylesheetTimer = setTimeout(function () {
if (state.stylesheets) {
insertSuspendedStylesheets(state, state.stylesheets);
}
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 60000); // one minute
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
};
}
@@ -44452,20 +44470,6 @@ function waitForCommitToBeReady() {
return null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
if (state.stylesheets) {
insertSuspendedStylesheets(state, state.stylesheets);
}
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
@@ -14645,7 +14645,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1767 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-a86bcc37",
version: "18.3.0-www-classic-8960db8a",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2236 = {
@@ -14675,7 +14675,7 @@ var internals$jscomp$inline_2236 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-classic-a86bcc37"
reconcilerVersion: "18.3.0-www-classic-8960db8a"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2237 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -15636,24 +15636,23 @@ function waitForCommitToBeReady() {
insertSuspendedStylesheets(state, state.stylesheets);
return 0 < state.count
? function (commit) {
unsuspendAfterTimeout(state);
var stylesheetTimer = setTimeout(function () {
state.stylesheets &&
insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 6e4);
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
}
: null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
state.stylesheets && insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
if (0 === this.count)
@@ -16708,4 +16707,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
);
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-classic-a86bcc37";
exports.version = "18.3.0-www-classic-8960db8a";
@@ -15703,24 +15703,23 @@ function waitForCommitToBeReady() {
insertSuspendedStylesheets(state, state.stylesheets);
return 0 < state.count
? function (commit) {
unsuspendAfterTimeout(state);
var stylesheetTimer = setTimeout(function () {
state.stylesheets &&
insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 6e4);
state.unsuspend = commit;
return function () {
return (state.unsuspend = null);
state.unsuspend = null;
clearTimeout(stylesheetTimer);
};
}
: null;
}
function unsuspendAfterTimeout(state) {
setTimeout(function () {
state.stylesheets && insertSuspendedStylesheets(state, state.stylesheets);
if (state.unsuspend) {
var unsuspend = state.unsuspend;
state.unsuspend = null;
unsuspend();
}
}, 500);
}
function onUnsuspend() {
this.count--;
if (0 === this.count)
@@ -15869,7 +15868,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1797 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-8b241311",
version: "18.3.0-www-modern-3b6fb960",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2203 = {
@@ -15900,7 +15899,7 @@ var internals$jscomp$inline_2203 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-modern-8b241311"
reconcilerVersion: "18.3.0-www-modern-3b6fb960"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2204 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -16220,4 +16219,4 @@ exports.unstable_createEventHandle = function (type, options) {
return eventHandle;
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-modern-8b241311";
exports.version = "18.3.0-www-modern-3b6fb960";
@@ -24482,7 +24482,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-modern-8b241311";
var ReactVersion = "18.3.0-www-modern-3b6fb960";
// Might add PROFILE later.