From b96741ddc335aaea4828e1d225c5a8d08526f14f Mon Sep 17 00:00:00 2001 From: Sebastian Sebbie Silbermann Date: Mon, 5 May 2025 16:27:50 +0200 Subject: [PATCH 1/8] Update `react@experimental` --- package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 1024b1338e41c..cfde69dbb77d6 100644 --- a/package.json +++ b/package.json @@ -230,13 +230,13 @@ "react-builtin": "npm:react@19.2.0-canary-408d055a-20250430", "react-dom": "19.0.0", "react-dom-builtin": "npm:react-dom@19.2.0-canary-408d055a-20250430", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-408d055a-20250430", - "react-experimental-builtin": "npm:react@0.0.0-experimental-408d055a-20250430", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-197d6a04-20250424", + "react-experimental-builtin": "npm:react@0.0.0-experimental-197d6a04-20250424", "react-is-builtin": "npm:react-is@19.2.0-canary-408d055a-20250430", "react-server-dom-turbopack": "19.2.0-canary-408d055a-20250430", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-408d055a-20250430", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-197d6a04-20250424", "react-server-dom-webpack": "19.2.0-canary-408d055a-20250430", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-408d055a-20250430", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-197d6a04-20250424", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -247,7 +247,7 @@ "sass": "1.54.0", "satori": "0.12.2", "scheduler-builtin": "npm:scheduler@0.27.0-canary-408d055a-20250430", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-408d055a-20250430", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-197d6a04-20250424", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", From d81d0dcea27fee4e62fc4ac8549d4b96d5cad874 Mon Sep 17 00:00:00 2001 From: Sebastian Sebbie Silbermann Date: Mon, 5 May 2025 16:27:51 +0200 Subject: [PATCH 2/8] Update `react` --- package.json | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index cfde69dbb77d6..1da7aefba36ad 100644 --- a/package.json +++ b/package.json @@ -227,15 +227,15 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.2.0-canary-408d055a-20250430", + "react-builtin": "npm:react@19.2.0-canary-197d6a04-20250424", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.2.0-canary-408d055a-20250430", + "react-dom-builtin": "npm:react-dom@19.2.0-canary-197d6a04-20250424", "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-197d6a04-20250424", "react-experimental-builtin": "npm:react@0.0.0-experimental-197d6a04-20250424", - "react-is-builtin": "npm:react-is@19.2.0-canary-408d055a-20250430", - "react-server-dom-turbopack": "19.2.0-canary-408d055a-20250430", + "react-is-builtin": "npm:react-is@19.2.0-canary-197d6a04-20250424", + "react-server-dom-turbopack": "19.2.0-canary-197d6a04-20250424", "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-197d6a04-20250424", - "react-server-dom-webpack": "19.2.0-canary-408d055a-20250430", + "react-server-dom-webpack": "19.2.0-canary-197d6a04-20250424", "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-197d6a04-20250424", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", @@ -246,7 +246,7 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.12.2", - "scheduler-builtin": "npm:scheduler@0.27.0-canary-408d055a-20250430", + "scheduler-builtin": "npm:scheduler@0.27.0-canary-197d6a04-20250424", "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-197d6a04-20250424", "seedrandom": "3.0.5", "semver": "7.3.7", @@ -290,10 +290,10 @@ "@types/react-dom": "19.1.2", "@types/retry": "0.12.0", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.2.0-canary-408d055a-20250430", - "react-dom": "19.2.0-canary-408d055a-20250430", - "react-is": "19.2.0-canary-408d055a-20250430", - "scheduler": "0.27.0-canary-408d055a-20250430" + "react": "19.2.0-canary-197d6a04-20250424", + "react-dom": "19.2.0-canary-197d6a04-20250424", + "react-is": "19.2.0-canary-197d6a04-20250424", + "scheduler": "0.27.0-canary-197d6a04-20250424" }, "patchedDependencies": { "webpack-sources@3.2.3": "patches/webpack-sources@3.2.3.patch", From c58e1be3f75bfa594912cbac90798cc9bbbc729a Mon Sep 17 00:00:00 2001 From: Sebastian Sebbie Silbermann Date: Mon, 5 May 2025 16:28:00 +0200 Subject: [PATCH 3/8] Update `react@experimental` From 4a1bc7eb95b8ffa406ac0d766f9cce54e7278fe7 Mon Sep 17 00:00:00 2001 From: Sebastian Sebbie Silbermann Date: Mon, 5 May 2025 16:28:00 +0200 Subject: [PATCH 4/8] Update `react` From b15a9eb254c2e4632942ba426baab965399c0c97 Mon Sep 17 00:00:00 2001 From: Sebastian Sebbie Silbermann Date: Mon, 5 May 2025 16:28:01 +0200 Subject: [PATCH 5/8] Updated peer dependency references in apps From ae099d1bbb0f3392b34da69d10b09165eaf60dc6 Mon Sep 17 00:00:00 2001 From: Sebastian Sebbie Silbermann Date: Mon, 5 May 2025 16:28:02 +0200 Subject: [PATCH 6/8] Updated peer dependency references in libraries From b54cd540a6d597a93e340774cfc5612484252d27 Mon Sep 17 00:00:00 2001 From: Sebastian Sebbie Silbermann Date: Mon, 5 May 2025 16:28:16 +0200 Subject: [PATCH 7/8] Update lockfile --- pnpm-lock.yaml | 446 ++++++++++++++++++++++++------------------------- 1 file changed, 223 insertions(+), 223 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 2c8348d9af8c6..ab4669631b044 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -17,10 +17,10 @@ overrides: '@types/react-dom': 19.1.2 '@types/retry': 0.12.0 jest-snapshot: 30.0.0-alpha.6 - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 - react-is: 19.2.0-canary-408d055a-20250430 - scheduler: 0.27.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 + react-is: 19.2.0-canary-197d6a04-20250424 + scheduler: 0.27.0-canary-197d6a04-20250424 patchedDependencies: '@ampproject/toolbox-optimizer@2.8.3': @@ -75,7 +75,7 @@ importers: version: 11.11.0 '@emotion/react': specifier: 11.11.1 - version: 11.11.1(@types/react@19.1.1)(react@19.2.0-canary-408d055a-20250430) + version: 11.11.1(@types/react@19.1.1)(react@19.2.0-canary-197d6a04-20250424) '@fullhuman/postcss-purgecss': specifier: 1.3.0 version: 1.3.0 @@ -87,7 +87,7 @@ importers: version: 2.2.1(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) '@mdx-js/react': specifier: 2.2.1 - version: 2.2.1(react@19.2.0-canary-408d055a-20250430) + version: 2.2.1(react@19.2.0-canary-197d6a04-20250424) '@next/bundle-analyzer': specifier: workspace:* version: link:packages/next-bundle-analyzer @@ -150,7 +150,7 @@ importers: version: 6.1.2(@jest/globals@29.7.0)(@types/jest@29.5.5)(jest@29.7.0(@types/node@20.17.6)(babel-plugin-macros@3.1.0))(vitest@3.0.4(@types/node@20.17.6)(sass@1.54.0)(tsx@4.19.2)) '@testing-library/react': specifier: ^15.0.5 - version: 15.0.7(@types/react@19.1.1)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430) + version: 15.0.7(@types/react@19.1.1)(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424) '@types/busboy': specifier: 1.5.3 version: 1.5.3 @@ -470,44 +470,44 @@ importers: specifier: 0.3.0 version: 0.3.0 react: - specifier: 19.2.0-canary-408d055a-20250430 - version: 19.2.0-canary-408d055a-20250430 + specifier: 19.2.0-canary-197d6a04-20250424 + version: 19.2.0-canary-197d6a04-20250424 react-builtin: - specifier: npm:react@19.2.0-canary-408d055a-20250430 - version: react@19.2.0-canary-408d055a-20250430 + specifier: npm:react@19.2.0-canary-197d6a04-20250424 + version: react@19.2.0-canary-197d6a04-20250424 react-dom: - specifier: 19.2.0-canary-408d055a-20250430 - version: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + specifier: 19.2.0-canary-197d6a04-20250424 + version: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) react-dom-builtin: - specifier: npm:react-dom@19.2.0-canary-408d055a-20250430 - version: react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + specifier: npm:react-dom@19.2.0-canary-197d6a04-20250424 + version: react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) react-dom-experimental-builtin: - specifier: npm:react-dom@0.0.0-experimental-408d055a-20250430 - version: react-dom@0.0.0-experimental-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + specifier: npm:react-dom@0.0.0-experimental-197d6a04-20250424 + version: react-dom@0.0.0-experimental-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) react-experimental-builtin: - specifier: npm:react@0.0.0-experimental-408d055a-20250430 - version: react@0.0.0-experimental-408d055a-20250430 + specifier: npm:react@0.0.0-experimental-197d6a04-20250424 + version: react@0.0.0-experimental-197d6a04-20250424 react-is-builtin: - specifier: npm:react-is@19.2.0-canary-408d055a-20250430 - version: react-is@19.2.0-canary-408d055a-20250430 + specifier: npm:react-is@19.2.0-canary-197d6a04-20250424 + version: react-is@19.2.0-canary-197d6a04-20250424 react-server-dom-turbopack: - specifier: 19.2.0-canary-408d055a-20250430 - version: 19.2.0-canary-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430) + specifier: 19.2.0-canary-197d6a04-20250424 + version: 19.2.0-canary-197d6a04-20250424(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424) react-server-dom-turbopack-experimental: - specifier: npm:react-server-dom-turbopack@0.0.0-experimental-408d055a-20250430 - version: react-server-dom-turbopack@0.0.0-experimental-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430) + specifier: npm:react-server-dom-turbopack@0.0.0-experimental-197d6a04-20250424 + version: react-server-dom-turbopack@0.0.0-experimental-197d6a04-20250424(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424) react-server-dom-webpack: - specifier: 19.2.0-canary-408d055a-20250430 - version: 19.2.0-canary-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) + specifier: 19.2.0-canary-197d6a04-20250424 + version: 19.2.0-canary-197d6a04-20250424(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) react-server-dom-webpack-experimental: - specifier: npm:react-server-dom-webpack@0.0.0-experimental-408d055a-20250430 - version: react-server-dom-webpack@0.0.0-experimental-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) + specifier: npm:react-server-dom-webpack@0.0.0-experimental-197d6a04-20250424 + version: react-server-dom-webpack@0.0.0-experimental-197d6a04-20250424(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))) react-ssr-prepass: specifier: 1.0.8 - version: 1.0.8(react-is@19.2.0-canary-c44e4a25-20250409)(react@19.2.0-canary-408d055a-20250430) + version: 1.0.8(react-is@19.2.0-canary-c44e4a25-20250409)(react@19.2.0-canary-197d6a04-20250424) react-virtualized: specifier: 9.22.3 - version: 9.22.3(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430) + version: 9.22.3(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424) relay-compiler: specifier: 13.0.2 version: 13.0.2 @@ -530,11 +530,11 @@ importers: specifier: 0.12.2 version: 0.12.2 scheduler-builtin: - specifier: npm:scheduler@0.27.0-canary-408d055a-20250430 - version: scheduler@0.27.0-canary-408d055a-20250430 + specifier: npm:scheduler@0.27.0-canary-197d6a04-20250424 + version: scheduler@0.27.0-canary-197d6a04-20250424 scheduler-experimental-builtin: - specifier: npm:scheduler@0.0.0-experimental-408d055a-20250430 - version: scheduler@0.0.0-experimental-408d055a-20250430 + specifier: npm:scheduler@0.0.0-experimental-197d6a04-20250424 + version: scheduler@0.0.0-experimental-197d6a04-20250424 seedrandom: specifier: 3.0.5 version: 3.0.5 @@ -549,13 +549,13 @@ importers: version: 6.0.0 styled-jsx: specifier: 5.1.6 - version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-408d055a-20250430) + version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-197d6a04-20250424) styled-jsx-plugin-postcss: specifier: 3.0.2 version: 3.0.2 swr: specifier: ^2.2.4 - version: 2.2.4(react@19.2.0-canary-408d055a-20250430) + version: 2.2.4(react@19.2.0-canary-197d6a04-20250424) tailwindcss: specifier: 3.2.7 version: 3.2.7(postcss@8.4.31) @@ -900,17 +900,17 @@ importers: specifier: 8.4.31 version: 8.4.31 react: - specifier: 19.2.0-canary-408d055a-20250430 - version: 19.2.0-canary-408d055a-20250430 + specifier: 19.2.0-canary-197d6a04-20250424 + version: 19.2.0-canary-197d6a04-20250424 react-dom: - specifier: 19.2.0-canary-408d055a-20250430 - version: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + specifier: 19.2.0-canary-197d6a04-20250424 + version: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) sass: specifier: ^1.3.0 version: 1.77.8 styled-jsx: specifier: 5.1.6 - version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-408d055a-20250430) + version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-197d6a04-20250424) optionalDependencies: sharp: specifier: ^0.34.1 @@ -1041,13 +1041,13 @@ importers: version: 1.0.5(@swc/helpers@0.5.15)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)) '@storybook/blocks': specifier: 8.6.0 - version: 8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3)) + version: 8.6.0(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3)) '@storybook/react': specifier: 8.6.0 - version: 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + version: 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/react-webpack5': specifier: 8.6.0 - version: 8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + version: 8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/test': specifier: 8.6.0 version: 8.6.0(storybook@8.6.0(prettier@3.3.3)) @@ -1524,7 +1524,7 @@ importers: version: 1.0.35 unistore: specifier: 3.4.1 - version: 3.4.1(react@19.2.0-canary-408d055a-20250430) + version: 3.4.1(react@19.2.0-canary-197d6a04-20250424) util: specifier: 0.12.4 version: 0.12.4 @@ -1697,8 +1697,8 @@ importers: packages/third-parties: dependencies: react: - specifier: 19.2.0-canary-408d055a-20250430 - version: 19.2.0-canary-408d055a-20250430 + specifier: 19.2.0-canary-197d6a04-20250424 + version: 19.2.0-canary-197d6a04-20250424 third-party-capital: specifier: 1.0.20 version: 1.0.20 @@ -1761,14 +1761,14 @@ importers: specifier: 29.5.0 version: 29.5.0 react: - specifier: 19.2.0-canary-408d055a-20250430 - version: 19.2.0-canary-408d055a-20250430 + specifier: 19.2.0-canary-197d6a04-20250424 + version: 19.2.0-canary-197d6a04-20250424 react-test-renderer: specifier: 18.2.0 - version: 18.2.0(react@19.2.0-canary-408d055a-20250430) + version: 18.2.0(react@19.2.0-canary-197d6a04-20250424) styled-jsx: specifier: ^5.1.2 - version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-408d055a-20250430) + version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-197d6a04-20250424) turbopack/packages/devlow-bench: dependencies: @@ -2827,7 +2827,7 @@ packages: resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@types/react': optional: true @@ -2844,7 +2844,7 @@ packages: '@emotion/use-insertion-effect-with-fallbacks@1.0.1': resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 '@emotion/utils@1.2.1': resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==} @@ -3499,14 +3499,14 @@ packages: '@floating-ui/react-dom@2.1.0': resolution: {integrity: sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 '@floating-ui/react@0.26.16': resolution: {integrity: sha512-HEf43zxZNAI/E781QIVpYSF3K2VH4TTYZpqecjdsFkjsaU1EbaWcM++kw0HXFffj7gDUcBFevX8s0rQGQpxkow==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 '@floating-ui/utils@0.2.2': resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==} @@ -4207,13 +4207,13 @@ packages: resolution: {integrity: sha512-l9ypojKN3PjwO1CSLIsqxi7mA25+7w+xc71Q+JuCCREI0tuGwkZsKbIOpuTATIJOjPh8ycLiW7QxX1LYsRTq6w==} peerDependencies: '@mantine/hooks': 7.10.1 - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 '@mantine/hooks@7.11.2': resolution: {integrity: sha512-jhyVe/sbDEG2U8rr2lMecUPgQxcfr5hh9HazqGfkS7ZRIMDO7uJ947yAcTMGGkp5Lxtt5TBFt1Cb6tiB2/1agg==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 '@mapbox/node-pre-gyp@1.0.5': resolution: {integrity: sha512-4srsKPXWlIxp5Vbqz5uLfBN+du2fJChBoYn/f2h991WLdk7jUvcSk/McVLSv/X+xQIPI8eGD5GjrnygdyHnhPA==} @@ -4230,13 +4230,13 @@ packages: '@mdx-js/react@2.2.1': resolution: {integrity: sha512-YdXcMcEnqZhzql98RNrqYo9cEhTTesBiCclEtoiQUbJwx87q9453GTapYU6kJ8ZZ2ek1Vp25SiAXEFy5O/eAPw==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 '@mdx-js/react@3.1.0': resolution: {integrity: sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 '@module-federation/error-codes@0.13.0': resolution: {integrity: sha512-4soAMLr7qcVWuvCsyRmBbiBfuhxmnDeyl+qzjMx8VurQgL+XQDQJapM9RXngNGT4g8FoCq9o7rM5YWNgFFNUiw==} @@ -4918,8 +4918,8 @@ packages: '@storybook/blocks@8.6.0': resolution: {integrity: sha512-3PNxlB5Ooj8CIhttbDxeV6kW7ui+2GEdTngtqhnsUHVjzeTKpilsk2lviOeUzqlyq5FDK+rhpZ3L3DJ9pDvioA==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 storybook: ^8.6.0 peerDependenciesMeta: react: @@ -4969,8 +4969,8 @@ packages: resolution: {integrity: sha512-Nz/UzeYQdUZUhacrPyfkiiysSjydyjgg/p0P9HxB4p/WaJUUjMAcaoaLgy3EXx61zZJ3iD36WPuDkZs5QYrA0A==} engines: {node: '>=14.0.0'} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 '@storybook/instrumenter@8.6.0': resolution: {integrity: sha512-eEY/Hfa3Vj5Nv4vHRHlSqjoyW6oAKNK3rKIXfL/eawQwb7rKhzijDLG5YBH44Hh7dEPIqUp0LEdgpyIY7GXezg==} @@ -4986,8 +4986,8 @@ packages: resolution: {integrity: sha512-04T86VG0UJtiozgZkTR5sY1qM3E0Rgwqwllvyy7kFFdkV+Sv/VsPjW9sC38s9C8FtCYRL8pJZz81ey3oylpIMA==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 storybook: ^8.6.0 typescript: '*' peerDependenciesMeta: @@ -5008,16 +5008,16 @@ packages: '@storybook/react-dom-shim@8.6.0': resolution: {integrity: sha512-5Y+vMHhcx0xnaNsLQMbkmjc3zkDn/fGBNsiLH2e4POvW3ZQvOxjoyxAsEQaKwLtFgsdCFSd2tR89F6ItYrA2JQ==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 storybook: ^8.6.0 '@storybook/react-webpack5@8.6.0': resolution: {integrity: sha512-2L9CYDPn1OL0B8K5EU/Wpo9Slg8f0vkYPaPioQnmcK3Q4SJR4JAuDVWHUtNdxhaPOkHIy887Tfrf6BEC/blMaQ==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5029,8 +5029,8 @@ packages: engines: {node: '>=18.0.0'} peerDependencies: '@storybook/test': 8.6.0 - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5210,8 +5210,8 @@ packages: engines: {node: '>=18'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@types/react': optional: true @@ -11298,7 +11298,7 @@ packages: lucide-react@0.383.0: resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} @@ -13790,23 +13790,23 @@ packages: resolution: {integrity: sha512-APPU8HB2uZnpl6Vt/+0AFoVYgSRtfiP6FLrZgPPTDmqSb2R4qZRbgd0A3VzIFxDt5e+Fozjx79WjLWnF69DK8g==} engines: {node: '>=16.14.0'} - react-dom@0.0.0-experimental-408d055a-20250430: - resolution: {integrity: sha512-nbFziq0c7JWmD+l4/0OagMArxS6gSQFzsqhqSd5swetqBU1BZFjlyHeb8Wuno7k7Xwtx5gXV+kGpYLjYVndqAA==} + react-dom@0.0.0-experimental-197d6a04-20250424: + resolution: {integrity: sha512-k8W9K9/sQlkydX+gVPgmFVNVqhU5YwtWAtCshWZYpLbmMWp6Za3T0FaFYeGRBjsgpqh+4fRPtQG1MNU+gvrN8w==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 - react-dom@19.2.0-canary-408d055a-20250430: - resolution: {integrity: sha512-4UlhEnQGtQ+dJM4Vv9ZoGlLlCVLG4vNq2SW+0FCTIvhk4fEQ0zVPtnhj/WLu/B/A15iqL/8oIFon8a3Lk+fftQ==} + react-dom@19.2.0-canary-197d6a04-20250424: + resolution: {integrity: sha512-BYaLsQ48FuIHpk1O9iKHUfM0RFZqjdl+F/zPts8TV5qse2XuC7G+4wmrchp65onfyTVSN5VVT2kt/e4E7WeFfg==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 react-dom@19.2.0-canary-c44e4a25-20250409: resolution: {integrity: sha512-H3k6JpW39XBogZz6ptprQ4MRwG83bRONkb+6DzHQChVLY+TWiGNBKJxnJN6VzRoqsBNZFwSu8WdhK5vLtj4h3A==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 - react-is@19.2.0-canary-408d055a-20250430: - resolution: {integrity: sha512-eHhWkX0wFhaE57Cv1ksxWrMCUygQRDKERftvcddJ9tdipCmKI4WaVj4NfAgbQmTM253dKIhnsGJLi+/rqul0wg==} + react-is@19.2.0-canary-197d6a04-20250424: + resolution: {integrity: sha512-x+54yxx7JdF3JAd1MdwWRxZxW1XmAmLtdAnP0ZvF4vnsbDGSxYVkG8Bp3RlaD/oEuvPq9xBUMdDub2ybxCDPyA==} react-is@19.2.0-canary-c44e4a25-20250409: resolution: {integrity: sha512-vF0L6mbn4Gx4TU7srrazt/6aBhLIRWttvNlh6GGI9nsqgvl1RrPKfDuybxjDP/8IZfuMj7/D5CkwwyZUa3i1AQ==} @@ -13817,8 +13817,8 @@ packages: react-number-format@5.4.0: resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 react-refresh@0.12.0: resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==} @@ -13829,7 +13829,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@types/react': optional: true @@ -13839,58 +13839,58 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@types/react': optional: true - react-server-dom-turbopack@0.0.0-experimental-408d055a-20250430: - resolution: {integrity: sha512-vW1+HJbzWyW9JX1l8YmB6bdLecN98MijuV712LfGI4ZVk8Sc9NGjG/4ER6KvnWoQBjskJ11AOvL0aBWkfiVISg==} + react-server-dom-turbopack@0.0.0-experimental-197d6a04-20250424: + resolution: {integrity: sha512-xZ9QjkCh091QL3v45Z6H7e6FBxI42IF7RARtqPBi5mCgGQnBnuluDht9xKz9oZ16yuFZ5ZDRs1so7yCFycRT+g==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 - react-server-dom-turbopack@19.2.0-canary-408d055a-20250430: - resolution: {integrity: sha512-PT+Fzv9y/JgvPlZ8Fl7vTBua2mgBN4LQE/czcyvklS+dk0s9z8RDeNendEmQRLKO/fXUP7oeVbZtoL5Feyz+Bw==} + react-server-dom-turbopack@19.2.0-canary-197d6a04-20250424: + resolution: {integrity: sha512-4cIr5QCc68nbx1CbQ211rt9X/jXV9CoAqxb3Ci1n2pI6cSvZ1eKPYMG15yG1XYGeeDHGgQ3Y+DQD7L9nKh7iiQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 - react-server-dom-webpack@0.0.0-experimental-408d055a-20250430: - resolution: {integrity: sha512-1VnObICIwPYnnLdRSkeFv8UBGPtSHnr+F0NPufVDap2nPq82mYdm6B0Km1tSTuHOOFORTHPXMK+nlH705sl58A==} + react-server-dom-webpack@0.0.0-experimental-197d6a04-20250424: + resolution: {integrity: sha512-tV5Ahgrvekpenx5B81LfOrgykqSm7W3tGcUQTsykR9K6KBPprCMOAvMlVwDDkCHBcLz1Sx3oUS4PLc9DPgdqAw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 webpack: 5.98.0 - react-server-dom-webpack@19.2.0-canary-408d055a-20250430: - resolution: {integrity: sha512-ckHhI28bqu5DCEVNuQbZHV/6MznnppsobPA8v06XHEjK+2NCApUfT3tT1LO4F7vJmKzVES2zzk+AKPXyWaqpMw==} + react-server-dom-webpack@19.2.0-canary-197d6a04-20250424: + resolution: {integrity: sha512-VQ2dzHpN/A+x8AfgvMKFqZDG1nXff+Rjhu8n+CMHtj5bgYW5BGmECcEs4nFK3gLxYFjBOiIqFTJ+6dp6TIstSg==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 webpack: 5.98.0 react-shallow-renderer@16.15.0: resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 react-ssr-prepass@1.0.8: resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-is: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-is: 19.2.0-canary-197d6a04-20250424 react-style-singleton@2.2.1: resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@types/react': optional: true @@ -13898,26 +13898,26 @@ packages: react-test-renderer@18.2.0: resolution: {integrity: sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 react-textarea-autosize@8.5.3: resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} engines: {node: '>=10'} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 react-virtualized@9.22.3: resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424 - react@0.0.0-experimental-408d055a-20250430: - resolution: {integrity: sha512-eHIP34fIFudR4QTIJbzPh56y1IueCjAbFJFbP0Q91AL7NdheFE19LiS/O87qabiRNEsvQ9VVG6ByQDNmOfYwjQ==} + react@0.0.0-experimental-197d6a04-20250424: + resolution: {integrity: sha512-2BWhl33tYx2nVLahXumIvAmyMKQOuXKRj/DjV1gnBTRT31PV7ttMeOUDtR1Pwt648rI4ooCKyMV4wqxZotyOAA==} engines: {node: '>=0.10.0'} - react@19.2.0-canary-408d055a-20250430: - resolution: {integrity: sha512-5kJrlaa4OgrQoOSMNyOWlY+PoOq7a5RRnJrrA9ERhAwAmP2r8ndaSFfDet0ihOmxVjEARRgo2mB7Nj2GBiC1xg==} + react@19.2.0-canary-197d6a04-20250424: + resolution: {integrity: sha512-jsgJ0AeYmPCWLy98JevhVVE9CuzVBid7nGbpMvHqSwcokQ7/4uohShBOfhSz0tuzNyzrVuzgLycElnJemwy5cA==} engines: {node: '>=0.10.0'} react@19.2.0-canary-c44e4a25-20250409: @@ -14459,11 +14459,11 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.0.0-experimental-408d055a-20250430: - resolution: {integrity: sha512-ohplInLhkcri7NuTqhc/ca5K2GQwVULF04vOSOUn67+Zd3a49cQErueGqwz6R1Am5ORX0RSURM3IOwciTK5Fyw==} + scheduler@0.0.0-experimental-197d6a04-20250424: + resolution: {integrity: sha512-kfVmZoI1SPFz8g24coy9aJTc/tdPjLHhs34QT5HW0+jJl2Kg5pjL1tlzM9aztfxLORQ3vS4Okg5FejbB3EVBYg==} - scheduler@0.27.0-canary-408d055a-20250430: - resolution: {integrity: sha512-EkgiabfBQKXfGsKbrc1tECJUjkKOayh9aKOvsZYaEa5cNlYmQfmiXWkJkq6IWINuBnMDPgMO8WCUsYJOKOs5/A==} + scheduler@0.27.0-canary-197d6a04-20250424: + resolution: {integrity: sha512-WuI6u663Zk98rv3u5SwAw8WOorwhe/mnmbUUu/i3cVZygvJK89p4X7AXJtj8N0G99OPHM+8+bRBHwF9hsu7HUg==} schema-utils@2.7.1: resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==} @@ -15106,7 +15106,7 @@ packages: peerDependencies: '@babel/core': '*' babel-plugin-macros: '*' - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@babel/core': optional: true @@ -15187,7 +15187,7 @@ packages: swr@2.2.4: resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 symbol-observable@1.0.1: resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==} @@ -15979,7 +15979,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@types/react': optional: true @@ -15987,13 +15987,13 @@ packages: use-composed-ref@1.3.0: resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 use-isomorphic-layout-effect@1.1.2: resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@types/react': optional: true @@ -16002,7 +16002,7 @@ packages: resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@types/react': optional: true @@ -16012,7 +16012,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 peerDependenciesMeta: '@types/react': optional: true @@ -16020,7 +16020,7 @@ packages: use-sync-external-store@1.2.0: resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==} peerDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 util-deprecate@1.0.2: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} @@ -17864,17 +17864,17 @@ snapshots: '@emotion/memoize@0.8.1': {} - '@emotion/react@11.11.1(@types/react@19.1.1)(react@19.2.0-canary-408d055a-20250430)': + '@emotion/react@11.11.1(@types/react@19.1.1)(react@19.2.0-canary-197d6a04-20250424)': dependencies: '@babel/runtime': 7.27.0 '@emotion/babel-plugin': 11.11.0 '@emotion/cache': 11.11.0 '@emotion/serialize': 1.1.2 - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.2.0-canary-408d055a-20250430) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.2.0-canary-197d6a04-20250424) '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 hoist-non-react-statics: 3.3.2 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 optionalDependencies: '@types/react': 19.1.1 transitivePeerDependencies: @@ -17892,9 +17892,9 @@ snapshots: '@emotion/unitless@0.8.1': {} - '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.2.0-canary-408d055a-20250430)': + '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.2.0-canary-197d6a04-20250424)': dependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 '@emotion/utils@1.2.1': {} @@ -19530,11 +19530,11 @@ snapshots: transitivePeerDependencies: - supports-color - '@mdx-js/react@2.2.1(react@19.2.0-canary-408d055a-20250430)': + '@mdx-js/react@2.2.1(react@19.2.0-canary-197d6a04-20250424)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.1.1 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 '@mdx-js/react@2.2.1(react@19.2.0-canary-c44e4a25-20250409)': dependencies: @@ -19542,11 +19542,11 @@ snapshots: '@types/react': 19.1.1 react: 19.2.0-canary-c44e4a25-20250409 - '@mdx-js/react@3.1.0(@types/react@19.1.1)(react@19.2.0-canary-408d055a-20250430)': + '@mdx-js/react@3.1.0(@types/react@19.1.1)(react@19.2.0-canary-197d6a04-20250424)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.1.1 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 '@module-federation/error-codes@0.13.0': {} @@ -20271,12 +20271,12 @@ snapshots: '@storybook/addon-docs@8.6.0(@types/react@19.1.1)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@mdx-js/react': 3.1.0(@types/react@19.1.1)(react@19.2.0-canary-408d055a-20250430) - '@storybook/blocks': 8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3)) + '@mdx-js/react': 3.1.0(@types/react@19.1.1)(react@19.2.0-canary-197d6a04-20250424) + '@storybook/blocks': 8.6.0(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3)) '@storybook/csf-plugin': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3)) - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3)) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 transitivePeerDependencies: @@ -20341,14 +20341,14 @@ snapshots: - '@swc/helpers' - webpack - '@storybook/blocks@8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/blocks@8.6.0(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@storybook/icons': 1.3.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430) + '@storybook/icons': 1.3.0(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 optionalDependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) '@storybook/builder-webpack5@8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: @@ -20427,10 +20427,10 @@ snapshots: '@storybook/global@5.0.0': {} - '@storybook/icons@1.3.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)': + '@storybook/icons@1.3.0(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)': dependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) '@storybook/instrumenter@8.6.0(storybook@8.6.0(prettier@3.3.3))': dependencies: @@ -20442,17 +20442,17 @@ snapshots: dependencies: storybook: 8.6.0(prettier@3.3.3) - '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/core-webpack': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.8.2)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)) '@types/semver': 7.5.6 find-up: 5.0.0 magic-string: 0.30.17 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 react-docgen: 7.1.0 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) resolve: 1.22.8 semver: 7.6.3 storybook: 8.6.0(prettier@3.3.3) @@ -20486,19 +20486,19 @@ snapshots: transitivePeerDependencies: - supports-color - '@storybook/react-dom-shim@8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/react-dom-shim@8.6.0(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))': dependencies: - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) storybook: 8.6.0(prettier@3.3.3) - '@storybook/react-webpack5@8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react-webpack5@8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/builder-webpack5': 8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: typescript: 5.8.2 @@ -20511,16 +20511,16 @@ snapshots: - uglify-js - webpack-cli - '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/components': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/global': 5.0.0 '@storybook/manager-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/preview-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3)) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(storybook@8.6.0(prettier@3.3.3)) '@storybook/theming': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: '@storybook/test': 8.6.0(storybook@8.6.0(prettier@3.3.3)) @@ -20727,13 +20727,13 @@ snapshots: lodash: 4.17.21 redent: 3.0.0 - '@testing-library/react@15.0.7(@types/react@19.1.1)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)': + '@testing-library/react@15.0.7(@types/react@19.1.1)(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)': dependencies: '@babel/runtime': 7.27.0 '@testing-library/dom': 10.1.0 '@types/react-dom': 19.1.2(@types/react@19.1.1) - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) optionalDependencies: '@types/react': 19.1.1 @@ -26441,7 +26441,7 @@ snapshots: hoist-non-react-statics@3.3.2: dependencies: - react-is: 19.2.0-canary-408d055a-20250430 + react-is: 19.2.0-canary-197d6a04-20250424 homedir-polyfill@1.0.3: dependencies: @@ -31342,25 +31342,25 @@ snapshots: dependencies: ansi-regex: 5.0.1 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-408d055a-20250430 + react-is: 19.2.0-canary-197d6a04-20250424 pretty-format@29.5.0: dependencies: '@jest/schemas': 29.4.3 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-408d055a-20250430 + react-is: 19.2.0-canary-197d6a04-20250424 pretty-format@29.7.0: dependencies: '@jest/schemas': 29.6.3 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-408d055a-20250430 + react-is: 19.2.0-canary-197d6a04-20250424 pretty-format@30.0.0-alpha.6: dependencies: '@jest/schemas': 30.0.0-alpha.6 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-408d055a-20250430 + react-is: 19.2.0-canary-197d6a04-20250424 pretty-ms@7.0.0: dependencies: @@ -31423,7 +31423,7 @@ snapshots: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react-is: 19.2.0-canary-408d055a-20250430 + react-is: 19.2.0-canary-197d6a04-20250424 property-information@5.6.0: dependencies: @@ -31630,22 +31630,22 @@ snapshots: transitivePeerDependencies: - supports-color - react-dom@0.0.0-experimental-408d055a-20250430(react@19.2.0-canary-408d055a-20250430): + react-dom@0.0.0-experimental-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424): dependencies: - react: 19.2.0-canary-408d055a-20250430 - scheduler: 0.27.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + scheduler: 0.27.0-canary-197d6a04-20250424 - react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430): + react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424): dependencies: - react: 19.2.0-canary-408d055a-20250430 - scheduler: 0.27.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + scheduler: 0.27.0-canary-197d6a04-20250424 react-dom@19.2.0-canary-c44e4a25-20250409(react@19.2.0-canary-c44e4a25-20250409): dependencies: react: 19.2.0-canary-c44e4a25-20250409 - scheduler: 0.27.0-canary-408d055a-20250430 + scheduler: 0.27.0-canary-197d6a04-20250424 - react-is@19.2.0-canary-408d055a-20250430: {} + react-is@19.2.0-canary-197d6a04-20250424: {} react-is@19.2.0-canary-c44e4a25-20250409: {} @@ -31678,48 +31678,48 @@ snapshots: optionalDependencies: '@types/react': 19.1.1 - react-server-dom-turbopack@0.0.0-experimental-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430): + react-server-dom-turbopack@0.0.0-experimental-197d6a04-20250424(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) - react-server-dom-turbopack@19.2.0-canary-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430): + react-server-dom-turbopack@19.2.0-canary-197d6a04-20250424(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) - react-server-dom-webpack@0.0.0-experimental-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@0.0.0-experimental-197d6a04-20250424(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-server-dom-webpack@19.2.0-canary-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@19.2.0-canary-197d6a04-20250424(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-shallow-renderer@16.15.0(react@19.2.0-canary-408d055a-20250430): + react-shallow-renderer@16.15.0(react@19.2.0-canary-197d6a04-20250424): dependencies: object-assign: 4.1.1 - react: 19.2.0-canary-408d055a-20250430 - react-is: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-is: 19.2.0-canary-197d6a04-20250424 - react-ssr-prepass@1.0.8(react-is@19.2.0-canary-c44e4a25-20250409)(react@19.2.0-canary-408d055a-20250430): + react-ssr-prepass@1.0.8(react-is@19.2.0-canary-c44e4a25-20250409)(react@19.2.0-canary-197d6a04-20250424): dependencies: object-is: 1.0.2 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 react-is: 19.2.0-canary-c44e4a25-20250409 react-style-singleton@2.2.1(@types/react@19.1.1)(react@19.2.0-canary-c44e4a25-20250409): @@ -31731,12 +31731,12 @@ snapshots: optionalDependencies: '@types/react': 19.1.1 - react-test-renderer@18.2.0(react@19.2.0-canary-408d055a-20250430): + react-test-renderer@18.2.0(react@19.2.0-canary-197d6a04-20250424): dependencies: - react: 19.2.0-canary-408d055a-20250430 - react-is: 19.2.0-canary-408d055a-20250430 - react-shallow-renderer: 16.15.0(react@19.2.0-canary-408d055a-20250430) - scheduler: 0.27.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 + react-is: 19.2.0-canary-197d6a04-20250424 + react-shallow-renderer: 16.15.0(react@19.2.0-canary-197d6a04-20250424) + scheduler: 0.27.0-canary-197d6a04-20250424 react-textarea-autosize@8.5.3(@types/react@19.1.1)(react@19.2.0-canary-c44e4a25-20250409): dependencies: @@ -31747,20 +31747,20 @@ snapshots: transitivePeerDependencies: - '@types/react' - react-virtualized@9.22.3(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430): + react-virtualized@9.22.3(react-dom@19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424))(react@19.2.0-canary-197d6a04-20250424): dependencies: '@babel/runtime': 7.27.0 clsx: 1.1.1 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 - react: 19.2.0-canary-408d055a-20250430 - react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + react-dom: 19.2.0-canary-197d6a04-20250424(react@19.2.0-canary-197d6a04-20250424) react-lifecycles-compat: 3.0.4 - react@0.0.0-experimental-408d055a-20250430: {} + react@0.0.0-experimental-197d6a04-20250424: {} - react@19.2.0-canary-408d055a-20250430: {} + react@19.2.0-canary-197d6a04-20250424: {} react@19.2.0-canary-c44e4a25-20250409: {} @@ -32506,9 +32506,9 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.0.0-experimental-408d055a-20250430: {} + scheduler@0.0.0-experimental-197d6a04-20250424: {} - scheduler@0.27.0-canary-408d055a-20250430: {} + scheduler@0.27.0-canary-197d6a04-20250424: {} schema-utils@2.7.1: dependencies: @@ -33270,10 +33270,10 @@ snapshots: postcss: 7.0.32 postcss-load-plugins: 2.3.0 - styled-jsx@5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-408d055a-20250430): + styled-jsx@5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-197d6a04-20250424): dependencies: client-only: 0.0.1 - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 optionalDependencies: '@babel/core': 7.26.10 babel-plugin-macros: 3.1.0 @@ -33367,11 +33367,11 @@ snapshots: '@swc/counter': 0.1.3 webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2) - swr@2.2.4(react@19.2.0-canary-408d055a-20250430): + swr@2.2.4(react@19.2.0-canary-197d6a04-20250424): dependencies: client-only: 0.0.1 - react: 19.2.0-canary-408d055a-20250430 - use-sync-external-store: 1.2.0(react@19.2.0-canary-408d055a-20250430) + react: 19.2.0-canary-197d6a04-20250424 + use-sync-external-store: 1.2.0(react@19.2.0-canary-197d6a04-20250424) symbol-observable@1.0.1: {} @@ -34168,9 +34168,9 @@ snapshots: unist-util-is: 6.0.0 unist-util-visit-parents: 6.0.1 - unistore@3.4.1(react@19.2.0-canary-408d055a-20250430): + unistore@3.4.1(react@19.2.0-canary-197d6a04-20250424): optionalDependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 universal-github-app-jwt@1.1.1: dependencies: @@ -34296,9 +34296,9 @@ snapshots: optionalDependencies: '@types/react': 19.1.1 - use-sync-external-store@1.2.0(react@19.2.0-canary-408d055a-20250430): + use-sync-external-store@1.2.0(react@19.2.0-canary-197d6a04-20250424): dependencies: - react: 19.2.0-canary-408d055a-20250430 + react: 19.2.0-canary-197d6a04-20250424 util-deprecate@1.0.2: {} From 0fa78ce9aabf2a7eae5f4c0854ef80ee80de1d63 Mon Sep 17 00:00:00 2001 From: Sebastian Sebbie Silbermann Date: Mon, 5 May 2025 16:28:36 +0200 Subject: [PATCH 8/8] ncc-compiled --- .../cjs/react-dom-client.development.js | 1327 +++++++---------- .../cjs/react-dom-client.production.js | 20 +- .../cjs/react-dom-profiling.development.js | 1327 +++++++---------- .../cjs/react-dom-profiling.profiling.js | 1123 +++++++------- ...t-dom-server-legacy.browser.development.js | 289 ++-- ...ct-dom-server-legacy.browser.production.js | 278 ++-- ...eact-dom-server-legacy.node.development.js | 289 ++-- ...react-dom-server-legacy.node.production.js | 278 ++-- .../react-dom-server.browser.development.js | 306 ++-- .../react-dom-server.browser.production.js | 298 ++-- .../cjs/react-dom-server.bun.production.js | 303 ++-- .../cjs/react-dom-server.edge.development.js | 306 ++-- .../cjs/react-dom-server.edge.production.js | 298 ++-- .../cjs/react-dom-server.node.development.js | 309 ++-- .../cjs/react-dom-server.node.production.js | 309 ++-- .../react-dom-unstable_testing.development.js | 1327 +++++++---------- .../react-dom-unstable_testing.production.js | 20 +- .../cjs/react-dom.development.js | 2 +- .../cjs/react-dom.production.js | 2 +- .../cjs/react-dom.react-server.development.js | 2 +- .../cjs/react-dom.react-server.production.js | 2 +- .../react-dom-experimental/package.json | 4 +- .../cjs/react-dom-client.development.js | 16 +- .../cjs/react-dom-client.production.js | 20 +- .../cjs/react-dom-profiling.development.js | 16 +- .../cjs/react-dom-profiling.profiling.js | 20 +- ...t-dom-server-legacy.browser.development.js | 249 ++-- ...ct-dom-server-legacy.browser.production.js | 252 ++-- ...eact-dom-server-legacy.node.development.js | 249 ++-- ...react-dom-server-legacy.node.production.js | 252 ++-- .../react-dom-server.browser.development.js | 278 +--- .../react-dom-server.browser.production.js | 269 ++-- .../cjs/react-dom-server.bun.production.js | 278 ++-- .../cjs/react-dom-server.edge.development.js | 278 +--- .../cjs/react-dom-server.edge.production.js | 269 ++-- .../cjs/react-dom-server.node.development.js | 275 +--- .../cjs/react-dom-server.node.production.js | 275 ++-- .../react-dom/cjs/react-dom.development.js | 2 +- .../react-dom/cjs/react-dom.production.js | 2 +- .../cjs/react-dom.react-server.development.js | 2 +- .../cjs/react-dom.react-server.production.js | 2 +- .../next/src/compiled/react-dom/package.json | 4 +- .../cjs/react.development.js | 2 +- .../cjs/react.production.js | 2 +- .../cjs/react.react-server.development.js | 2 +- .../cjs/react.react-server.production.js | 2 +- .../next/src/compiled/react-is/package.json | 2 +- ...om-turbopack-client.browser.development.js | 276 ++-- ...r-dom-turbopack-client.edge.development.js | 272 ++-- ...r-dom-turbopack-client.node.development.js | 272 ++-- .../package.json | 4 +- ...om-turbopack-client.browser.development.js | 4 +- .../react-server-dom-turbopack/package.json | 4 +- ...-dom-webpack-client.browser.development.js | 276 ++-- ...ver-dom-webpack-client.edge.development.js | 272 ++-- ...ver-dom-webpack-client.node.development.js | 272 ++-- ...bpack-client.node.unbundled.development.js | 272 ++-- .../package.json | 4 +- ...-dom-webpack-client.browser.development.js | 4 +- .../react-server-dom-webpack/package.json | 4 +- .../compiled/react/cjs/react.development.js | 2 +- .../compiled/react/cjs/react.production.js | 2 +- .../cjs/react.react-server.development.js | 2 +- .../cjs/react.react-server.production.js | 2 +- .../next/src/compiled/unistore/unistore.js | 2 +- 65 files changed, 5231 insertions(+), 8152 deletions(-) diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js index 1d759f3c42b0c..a45e90a546dcd 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js @@ -4734,7 +4734,7 @@ : eventClass; } function setCurrentTrackFromLanes(lanes) { - currentTrack = + reusableLaneDevToolDetails.track = lanes & 127 ? "Blocking" : lanes & 4194176 @@ -4747,26 +4747,10 @@ } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, - trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" - ) - ) - : console.timeStamp( - trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" - )); + ((reusableComponentDevToolDetails.color = "warning"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); @@ -4776,9 +4760,9 @@ if (null !== name && supportsUserTiming) { var selfTime = fiber.actualDuration; if (null === fiber.alternate || fiber.alternate.child !== fiber.child) - for (var child = fiber.child; null !== child; child = child.sibling) - selfTime -= child.actualDuration; - wasHydrated = + for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) + selfTime -= fiber.actualDuration; + reusableComponentDevToolDetails.color = 0.5 > selfTime ? wasHydrated ? "tertiary-light" @@ -4792,140 +4776,80 @@ ? "tertiary-dark" : "primary-dark" : "error"; - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - wasHydrated - ) - ) - : console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - wasHydrated - ); + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + performance.measure(name, reusableComponentOptions); } } function logComponentErrored(fiber, startTime, endTime, errors) { if (supportsUserTiming) { var name = getComponentNameFromFiber(fiber); - if (null !== name) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure - ) { - for ( - var debugTask = null, properties = [], i = 0; - i < errors.length; - i++ - ) { - var capturedValue = errors[i]; - null == debugTask && - null !== capturedValue.source && - (debugTask = capturedValue.source._debugTask); - capturedValue = capturedValue.value; - properties.push([ - "Error", - "object" === typeof capturedValue && - null !== capturedValue && - "string" === typeof capturedValue.message - ? String(capturedValue.message) - : String(capturedValue) - ]); - } - null == debugTask && (debugTask = fiber._debugTask); - fiber = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties - } + if (null !== name) { + for (var properties = [], i = 0; i < errors.length; i++) { + var error = errors[i].value; + properties.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + performance.measure(name, { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: + 13 === fiber.tag + ? "Hydration failed" + : "Error boundary caught an error", + properties: properties } - }; - debugTask - ? debugTask.run( - performance.measure.bind(performance, name, fiber) - ) - : performance.measure(name, fiber); - } else - console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "error" - ); + } + }); + } } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { if (null !== errors) { - if (supportsUserTiming) { - var name = getComponentNameFromFiber(fiber); - if (null !== name) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure - ) { - selfTime = []; - for (var i = 0; i < errors.length; i++) { - var error = errors[i].value; - selfTime.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); + if ( + supportsUserTiming && + ((selfTime = getComponentNameFromFiber(fiber)), null !== selfTime) + ) { + fiber = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + fiber.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + performance.measure(selfTime, { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: "A lifecycle or effect errored", + properties: fiber } - startTime = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: "A lifecycle or effect errored", - properties: selfTime - } - } - }; - (fiber = fiber._debugTask) - ? fiber.run( - performance.measure.bind(performance, name, startTime) - ) - : performance.measure(name, startTime); - } else - console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "error" - ); + } + }); } } else - (name = getComponentNameFromFiber(fiber)), - null !== name && + (errors = getComponentNameFromFiber(fiber)), + null !== errors && supportsUserTiming && - ((errors = + ((reusableComponentDevToolDetails.color = 1 > selfTime ? "secondary-light" : 100 > selfTime @@ -4933,48 +4857,40 @@ : 500 > selfTime ? "secondary-dark" : "error"), - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - errors - ) - ) - : console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - errors - )); + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + performance.measure(errors, reusableComponentOptions)); + } + function logRenderPhase(startTime, endTime, lanes) { + supportsUserTiming && + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure( + (lanes & 536870912) === lanes + ? "Prepared" + : (lanes & 201326741) === lanes + ? "Hydrated" + : "Render", + reusableLaneOptions + )); } function logSuspendedRenderPhase(startTime, endTime, lanes) { supportsUserTiming && - console.timeStamp( - "Prewarm", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Prewarm", reusableLaneOptions)); } function logSuspendedWithDelayPhase(startTime, endTime, lanes) { supportsUserTiming && - console.timeStamp( - "Suspended", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Suspended", reusableLaneOptions)); } function logRecoveredRenderPhase( startTime, @@ -4983,100 +4899,86 @@ recoverableErrors, hydrationFailed ) { - if (supportsUserTiming) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure - ) { - lanes = []; - for (var i = 0; i < recoverableErrors.length; i++) { - var error = recoverableErrors[i].value; - lanes.push([ - "Recoverable Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - } - performance.measure("Recovered", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "primary-dark", - track: currentTrack, - trackGroup: LANES_TRACK_GROUP, - tooltipText: hydrationFailed - ? "Hydration Failed" - : "Recovered after Error", - properties: lanes - } + if (supportsUserTiming) { + lanes = []; + for (var i = 0; i < recoverableErrors.length; i++) { + var error = recoverableErrors[i].value; + lanes.push([ + "Recoverable Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + performance.measure("Recovered", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "primary-dark", + track: reusableLaneDevToolDetails.track, + trackGroup: LANES_TRACK_GROUP, + tooltipText: hydrationFailed + ? "Hydration Failed" + : "Recovered after Error", + properties: lanes } - }); - } else - console.timeStamp( - "Recovered", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - "error" - ); + } + }); + } } function logErroredRenderPhase(startTime, endTime) { supportsUserTiming && - console.timeStamp( - "Errored", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - "error" - ); + ((reusableLaneDevToolDetails.color = "error"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Errored", reusableLaneOptions)); + } + function logSuspenseThrottlePhase(startTime, endTime) { + supportsUserTiming && + ((reusableLaneDevToolDetails.color = "secondary-light"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Throttled", reusableLaneOptions)); + } + function logSuspendedCommitPhase(startTime, endTime) { + supportsUserTiming && + ((reusableLaneDevToolDetails.color = "secondary-light"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Suspended on CSS or Images", reusableLaneOptions)); } function logCommitErrored(startTime, endTime, errors, passive) { - if (supportsUserTiming) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure - ) { - for (var properties = [], i = 0; i < errors.length; i++) { - var error = errors[i].value; - properties.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - } - performance.measure("Errored", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: currentTrack, - trackGroup: LANES_TRACK_GROUP, - tooltipText: passive - ? "Remaining Effects Errored" - : "Commit Errored", - properties: properties - } + if (supportsUserTiming) { + for (var properties = [], i = 0; i < errors.length; i++) { + var error = errors[i].value; + properties.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + performance.measure("Errored", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: reusableLaneDevToolDetails.track, + trackGroup: LANES_TRACK_GROUP, + tooltipText: passive + ? "Remaining Effects Errored" + : "Commit Errored", + properties: properties } - }); - } else - console.timeStamp( - "Errored", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - "error" - ); + } + }); + } } function resetContextDependencies() { lastContextDependency = currentlyRenderingFiber$1 = null; @@ -5327,36 +5229,36 @@ root.transitionTypes = null; return claimed; } - function startUpdateTimerByLane(lane, method) { + function startUpdateTimerByLane(lane) { var JSCompiler_temp; (JSCompiler_temp = 0 !== (lane & 3)) || (JSCompiler_temp = 0 !== (lane & 60)); if (JSCompiler_temp) 0 > blockingUpdateTime && ((blockingUpdateTime = now()), - (blockingUpdateTask = createTask(method)), (executionContext & (RenderContext | CommitContext)) !== NoContext && (blockingSpawnedUpdate = !0), (lane = resolveEventTimeStamp()), - (method = resolveEventType()), - lane !== blockingEventTime || method !== blockingEventType + (JSCompiler_temp = resolveEventType()), + lane !== blockingEventTime || JSCompiler_temp !== blockingEventType ? (blockingEventIsRepeat = !1) - : null !== method && (blockingSpawnedUpdate = !0), + : null !== JSCompiler_temp && (blockingSpawnedUpdate = !0), (blockingEventTime = lane), - (blockingEventType = method)); + (blockingEventType = JSCompiler_temp)); else if ( 0 !== (lane & 4194048) && 0 > transitionUpdateTime && - ((transitionUpdateTime = now()), - (transitionUpdateTask = createTask(method)), - 0 > transitionStartTime) + ((transitionUpdateTime = now()), 0 > transitionStartTime) ) { lane = resolveEventTimeStamp(); - method = resolveEventType(); - if (lane !== transitionEventTime || method !== transitionEventType) + JSCompiler_temp = resolveEventType(); + if ( + lane !== transitionEventTime || + JSCompiler_temp !== transitionEventType + ) transitionEventIsRepeat = !1; transitionEventTime = lane; - transitionEventType = method; + transitionEventType = JSCompiler_temp; } } function pushNestedEffectDurations() { @@ -7937,9 +7839,7 @@ } function subscribeToStore(fiber, inst, subscribe) { return subscribe(function () { - checkIfSnapshotChanged(inst) && - (startUpdateTimerByLane(2, "updateSyncExternalStore()"), - forceStoreRerender(fiber)); + checkIfSnapshotChanged(inst) && forceStoreRerender(fiber); }); } function checkIfSnapshotChanged(inst) { @@ -8695,12 +8595,10 @@ throw Error( "Cannot requestFormReset() inside a startGestureTransition. There should be no side-effects associated with starting a Gesture until its Action is invoked. Move side-effects to the Action instead." ); - transition = ensureFormComponentIsStateful(formFiber); - null === transition.next && - (transition = formFiber.alternate.memoizedState); + transition = ensureFormComponentIsStateful(formFiber).next.queue; dispatchSetStateInternal( formFiber, - transition.next.queue, + transition, {}, requestUpdateLane(formFiber) ); @@ -8770,7 +8668,7 @@ fiber = createUpdate(lane); var root = enqueueUpdate(provider, fiber, lane); null !== root && - (startUpdateTimerByLane(lane, "refresh()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(root, provider, lane), entangleTransitions(root, provider, lane)); provider = createCache(); @@ -8804,7 +8702,7 @@ ? enqueueRenderPhaseUpdate(queue, update) : ((update = enqueueConcurrentHookUpdate(fiber, queue, update, args)), null !== update && - (startUpdateTimerByLane(args, "dispatch()"), + (startUpdateTimerByLane(args), scheduleUpdateOnFiber(update, fiber, args), entangleTransitionUpdate(update, queue, args))); } @@ -8816,7 +8714,7 @@ ); args = requestUpdateLane(fiber); dispatchSetStateInternal(fiber, queue, action, args) && - startUpdateTimerByLane(args, "setState()"); + startUpdateTimerByLane(args); } function dispatchSetStateInternal(fiber, queue, action, lane) { var update = { @@ -8899,7 +8797,7 @@ lane )), null !== throwIfDuringRender && - (startUpdateTimerByLane(lane, "setOptimistic()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(throwIfDuringRender, fiber, lane), null !== transition && ((transition = transition.gesture), null !== transition))) @@ -10410,25 +10308,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3007; - var JSCompiler_object_inline_stack_3006 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2983; + var JSCompiler_object_inline_stack_2982 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3005 = !1; + var JSCompiler_object_inline_digest_2981 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3007 = didSuspend) || - (JSCompiler_object_inline_componentStack_3007 = + (JSCompiler_object_inline_componentStack_2983 = didSuspend) || + (JSCompiler_object_inline_componentStack_2983 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3007 && - ((JSCompiler_object_inline_digest_3005 = !0), + JSCompiler_object_inline_componentStack_2983 && + ((JSCompiler_object_inline_digest_2981 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3007 = + JSCompiler_object_inline_componentStack_2983 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3005 + JSCompiler_object_inline_digest_2981 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10441,20 +10339,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3007 = { + ((JSCompiler_object_inline_componentStack_2983 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3007), - (JSCompiler_object_inline_componentStack_3007 = + JSCompiler_object_inline_componentStack_2983), + (JSCompiler_object_inline_componentStack_2983 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3007.return = + (JSCompiler_object_inline_componentStack_2983.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3007), + JSCompiler_object_inline_componentStack_2983), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10468,12 +10366,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3006.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3006.fallback; - if (JSCompiler_object_inline_digest_3005) + var nextPrimaryChildren = JSCompiler_object_inline_stack_2982.children, + nextFallbackChildren = JSCompiler_object_inline_stack_2982.fallback; + if (JSCompiler_object_inline_digest_2981) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3006 = + (JSCompiler_object_inline_stack_2982 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10485,19 +10383,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3007, + JSCompiler_object_inline_componentStack_2983, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3006 + JSCompiler_object_inline_stack_2982 ); if ( "number" === - typeof JSCompiler_object_inline_stack_3006.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2982.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3006 = + (JSCompiler_object_inline_stack_2982 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10509,12 +10407,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3007, + JSCompiler_object_inline_componentStack_2983, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_3006 + JSCompiler_object_inline_stack_2982 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10524,8 +10422,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3004 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3004) { + var JSCompiler_object_inline_message_2980 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_2980) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10542,13 +10440,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3006.fallback), + JSCompiler_object_inline_stack_2982.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3006 = + (JSCompiler_object_inline_stack_2982 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3006.children + children: JSCompiler_object_inline_stack_2982.children }, nextFallbackChildren )), @@ -10559,24 +10457,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3006.return = workInProgress), + (JSCompiler_object_inline_stack_2982.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3006.sibling = + (JSCompiler_object_inline_stack_2982.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3006), + (workInProgress.child = JSCompiler_object_inline_stack_2982), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3006 = workInProgress.child), - (JSCompiler_object_inline_stack_3006.memoizedState = + (JSCompiler_object_inline_stack_2982 = workInProgress.child), + (JSCompiler_object_inline_stack_2982.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3006.childLanes = + (JSCompiler_object_inline_stack_2982.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3007, + JSCompiler_object_inline_componentStack_2983, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10584,48 +10482,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3004)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2980)) ) { - JSCompiler_object_inline_componentStack_3007 = - JSCompiler_object_inline_message_3004.nextSibling && - JSCompiler_object_inline_message_3004.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3007) { + JSCompiler_object_inline_componentStack_2983 = + JSCompiler_object_inline_message_2980.nextSibling && + JSCompiler_object_inline_message_2980.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2983) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3007.dgst; - var message = JSCompiler_object_inline_componentStack_3007.msg; + JSCompiler_object_inline_componentStack_2983.dgst; + var message = JSCompiler_object_inline_componentStack_2983.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3007.stck; + JSCompiler_object_inline_componentStack_2983.stck; var componentStack = - JSCompiler_object_inline_componentStack_3007.cstck; + JSCompiler_object_inline_componentStack_2983.cstck; } - JSCompiler_object_inline_message_3004 = message; - JSCompiler_object_inline_digest_3005 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3006 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3007 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3005; - nextFallbackChildren = JSCompiler_object_inline_message_3004; - componentStack = JSCompiler_object_inline_componentStack_3007; + JSCompiler_object_inline_message_2980 = message; + JSCompiler_object_inline_digest_2981 = nextPrimaryChildren; + JSCompiler_object_inline_stack_2982 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_2983 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_2981; + nextFallbackChildren = JSCompiler_object_inline_message_2980; + componentStack = JSCompiler_object_inline_componentStack_2983; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3007 = + ((JSCompiler_object_inline_componentStack_2983 = nextFallbackChildren ? Error(nextFallbackChildren) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_3007.stack = - JSCompiler_object_inline_stack_3006 || ""), - (JSCompiler_object_inline_componentStack_3007.digest = + (JSCompiler_object_inline_componentStack_2983.stack = + JSCompiler_object_inline_stack_2982 || ""), + (JSCompiler_object_inline_componentStack_2983.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3006 = + (JSCompiler_object_inline_stack_2982 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3007, + value: JSCompiler_object_inline_componentStack_2983, source: null, - stack: JSCompiler_object_inline_stack_3006 + stack: JSCompiler_object_inline_stack_2982 }), - "string" === typeof JSCompiler_object_inline_stack_3006 && + "string" === typeof JSCompiler_object_inline_stack_2982 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3007, + JSCompiler_object_inline_componentStack_2983, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10642,34 +10540,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3007 = + (JSCompiler_object_inline_componentStack_2983 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3007) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2983) ) { - JSCompiler_object_inline_componentStack_3007 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2983 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3007 && - ((JSCompiler_object_inline_stack_3006 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3007, + null !== JSCompiler_object_inline_componentStack_2983 && + ((JSCompiler_object_inline_stack_2982 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_2983, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3006 && - JSCompiler_object_inline_stack_3006 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_2982 && + JSCompiler_object_inline_stack_2982 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3006), + ((prevState.retryLane = JSCompiler_object_inline_stack_2982), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3006 + JSCompiler_object_inline_stack_2982 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3007, + JSCompiler_object_inline_componentStack_2983, current, - JSCompiler_object_inline_stack_3006 + JSCompiler_object_inline_stack_2982 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_3004.data === + JSCompiler_object_inline_message_2980.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10677,14 +10575,14 @@ renderLanes ); } else - JSCompiler_object_inline_message_3004.data === + JSCompiler_object_inline_message_2980.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3004.nextSibling + JSCompiler_object_inline_message_2980.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10696,31 +10594,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3006.children + JSCompiler_object_inline_stack_2982.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3005) + if (JSCompiler_object_inline_digest_2981) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3006.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_2982.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3004 = componentStack.sibling), - (JSCompiler_object_inline_stack_3006 = createWorkInProgress( + (JSCompiler_object_inline_message_2980 = componentStack.sibling), + (JSCompiler_object_inline_stack_2982 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3006.children + children: JSCompiler_object_inline_stack_2982.children } )), - (JSCompiler_object_inline_stack_3006.subtreeFlags = + (JSCompiler_object_inline_stack_2982.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3004 + null !== JSCompiler_object_inline_message_2980 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3004, + JSCompiler_object_inline_message_2980, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -10731,24 +10629,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3006.return = workInProgress), - (JSCompiler_object_inline_stack_3006.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3006), - (JSCompiler_object_inline_stack_3006 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_2982.return = workInProgress), + (JSCompiler_object_inline_stack_2982.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_2982), + (JSCompiler_object_inline_stack_2982 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_3004 = + ? ((JSCompiler_object_inline_message_2980 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_3004 + JSCompiler_object_inline_message_2980 ? { - parent: JSCompiler_object_inline_message_3004, - pool: JSCompiler_object_inline_message_3004 + parent: JSCompiler_object_inline_message_2980, + pool: JSCompiler_object_inline_message_2980 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -10759,28 +10657,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3007, + JSCompiler_object_inline_componentStack_2983, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3006 + JSCompiler_object_inline_stack_2982 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3006.children + children: JSCompiler_object_inline_stack_2982.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3007 = + ((JSCompiler_object_inline_componentStack_2983 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3007 + null === JSCompiler_object_inline_componentStack_2983 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3007.push(current)); + : JSCompiler_object_inline_componentStack_2983.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -17586,118 +17484,81 @@ if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Should not already be working."); if (0 !== workInProgressRootRenderLanes && null !== workInProgress) { - var yieldedFiber = workInProgress, - yieldEndTime = now$1(); + var yieldEndTime = now$1(); switch (yieldReason) { case SuspendedOnImmediate: case SuspendedOnData: var startTime = yieldStartTime; supportsUserTiming && - ((yieldedFiber = yieldedFiber._debugTask) - ? yieldedFiber.run( - console.timeStamp.bind( - console, - "Suspended", - startTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - "primary-light" - ) - ) - : console.timeStamp( - "Suspended", - startTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - "primary-light" - )); + ((reusableComponentDevToolDetails.color = "primary-light"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = yieldEndTime), + performance.measure("Suspended", reusableComponentOptions)); break; case SuspendedOnAction: startTime = yieldStartTime; supportsUserTiming && - ((yieldedFiber = yieldedFiber._debugTask) - ? yieldedFiber.run( - console.timeStamp.bind( - console, - "Action", - startTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - "primary-light" - ) - ) - : console.timeStamp( - "Action", - startTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - "primary-light" - )); + ((reusableComponentDevToolDetails.color = "primary-light"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = yieldEndTime), + performance.measure("Action", reusableComponentOptions)); break; default: - supportsUserTiming && - ((yieldedFiber = yieldEndTime - yieldStartTime), - 3 > yieldedFiber || - console.timeStamp( - "Blocked", - yieldStartTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - 5 > yieldedFiber + if (((startTime = yieldStartTime), supportsUserTiming)) { + var yieldDuration = yieldEndTime - startTime; + 3 > yieldDuration || + ((reusableComponentDevToolDetails.color = + 5 > yieldDuration ? "primary-light" - : 10 > yieldedFiber + : 10 > yieldDuration ? "primary" - : 100 > yieldedFiber + : 100 > yieldDuration ? "primary-dark" - : "error" - )); + : "error"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = yieldEndTime), + performance.measure("Blocked", reusableComponentOptions)); + } } } - startTime = (yieldEndTime = + yieldDuration = (forceSync = (!forceSync && 0 === (lanes & 124) && 0 === (lanes & root.expiredLanes)) || checkIfRootIsPrerendering(root, lanes)) ? renderRootConcurrent(root, lanes) : renderRootSync(root, lanes, !0); - var renderWasConcurrent = yieldEndTime; + var renderWasConcurrent = forceSync; do { - if (startTime === RootInProgress) { + if (yieldDuration === RootInProgress) { workInProgressRootIsPrerendering && - !yieldEndTime && + !forceSync && markRootSuspended(root, lanes, 0, !1); lanes = workInProgressSuspendedReason; yieldStartTime = now(); yieldReason = lanes; break; } else { - yieldedFiber = now$1(); - forceSync = root.current.alternate; + startTime = now$1(); + yieldEndTime = root.current.alternate; if ( renderWasConcurrent && - !isRenderConsistentWithExternalStores(forceSync) + !isRenderConsistentWithExternalStores(yieldEndTime) ) { setCurrentTrackFromLanes(lanes); + yieldEndTime = renderStartTime; + yieldDuration = startTime; supportsUserTiming && - console.timeStamp( - "Teared Render", - renderStartTime, - yieldedFiber, - currentTrack, - LANES_TRACK_GROUP, - "error" - ); - finalizeRender(lanes, yieldedFiber); - startTime = renderRootSync(root, lanes, !1); + ((reusableLaneDevToolDetails.color = "error"), + (reusableLaneOptions.start = yieldEndTime), + (reusableLaneOptions.end = yieldDuration), + performance.measure("Teared Render", reusableLaneOptions)); + finalizeRender(lanes, startTime); + yieldDuration = renderRootSync(root, lanes, !1); renderWasConcurrent = !1; continue; } - if (startTime === RootErrored) { + if (yieldDuration === RootErrored) { renderWasConcurrent = lanes; if (root.errorRecoveryDisabledLanes & renderWasConcurrent) var errorRetryLanes = 0; @@ -17711,20 +17572,19 @@ : 0); if (0 !== errorRetryLanes) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, yieldedFiber); - finalizeRender(lanes, yieldedFiber); + logErroredRenderPhase(renderStartTime, startTime); + finalizeRender(lanes, startTime); lanes = errorRetryLanes; a: { - yieldedFiber = root; - startTime = renderWasConcurrent; + startTime = root; + yieldDuration = renderWasConcurrent; renderWasConcurrent = workInProgressRootConcurrentErrors; var wasRootDehydrated = - yieldedFiber.current.memoizedState.isDehydrated; + startTime.current.memoizedState.isDehydrated; wasRootDehydrated && - (prepareFreshStack(yieldedFiber, errorRetryLanes).flags |= - 256); + (prepareFreshStack(startTime, errorRetryLanes).flags |= 256); errorRetryLanes = renderRootSync( - yieldedFiber, + startTime, errorRetryLanes, !1 ); @@ -17733,39 +17593,39 @@ workInProgressRootDidAttachPingListener && !wasRootDehydrated ) { - yieldedFiber.errorRecoveryDisabledLanes |= startTime; - workInProgressRootInterleavedUpdatedLanes |= startTime; - startTime = RootSuspendedWithDelay; + startTime.errorRecoveryDisabledLanes |= yieldDuration; + workInProgressRootInterleavedUpdatedLanes |= yieldDuration; + yieldDuration = RootSuspendedWithDelay; break a; } - yieldedFiber = workInProgressRootRecoverableErrors; + startTime = workInProgressRootRecoverableErrors; workInProgressRootRecoverableErrors = renderWasConcurrent; - null !== yieldedFiber && + null !== startTime && (null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = yieldedFiber) + ? (workInProgressRootRecoverableErrors = startTime) : workInProgressRootRecoverableErrors.push.apply( workInProgressRootRecoverableErrors, - yieldedFiber + startTime )); } - startTime = errorRetryLanes; + yieldDuration = errorRetryLanes; } renderWasConcurrent = !1; - if (startTime !== RootErrored) continue; - else yieldedFiber = now$1(); + if (yieldDuration !== RootErrored) continue; + else startTime = now$1(); } } - if (startTime === RootFatalErrored) { + if (yieldDuration === RootFatalErrored) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, yieldedFiber); - finalizeRender(lanes, yieldedFiber); + logErroredRenderPhase(renderStartTime, startTime); + finalizeRender(lanes, startTime); prepareFreshStack(root, 0); markRootSuspended(root, lanes, 0, !0); break; } a: { - yieldEndTime = root; - switch (startTime) { + forceSync = root; + switch (yieldDuration) { case RootInProgress: case RootFatalErrored: throw Error("Root did not complete. This is a bug in React."); @@ -17773,15 +17633,15 @@ if ((lanes & 4194048) !== lanes) break; case RootSuspendedAtTheShell: setCurrentTrackFromLanes(lanes); - logSuspendedRenderPhase(renderStartTime, yieldedFiber, lanes); - finalizeRender(lanes, yieldedFiber); - forceSync = lanes; - 0 !== (forceSync & 3) || 0 !== (forceSync & 124) - ? (blockingSuspendedTime = yieldedFiber) - : 0 !== (forceSync & 4194048) && - (transitionSuspendedTime = yieldedFiber); + logSuspendedRenderPhase(renderStartTime, startTime, lanes); + finalizeRender(lanes, startTime); + yieldEndTime = lanes; + 0 !== (yieldEndTime & 3) || 0 !== (yieldEndTime & 124) + ? (blockingSuspendedTime = startTime) + : 0 !== (yieldEndTime & 4194048) && + (transitionSuspendedTime = startTime); markRootSuspended( - yieldEndTime, + forceSync, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings @@ -17798,8 +17658,8 @@ } if (null !== ReactSharedInternals.actQueue) commitRoot( - yieldEndTime, forceSync, + yieldEndTime, lanes, workInProgressRootRecoverableErrors, workInProgressTransitions, @@ -17807,10 +17667,10 @@ workInProgressDeferredLane, workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, - startTime, + yieldDuration, IMMEDIATE_COMMIT, renderStartTime, - yieldedFiber + startTime ); else { if ( @@ -17822,17 +17682,17 @@ 10 < renderWasConcurrent) ) { markRootSuspended( - yieldEndTime, + forceSync, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings ); - if (0 !== getNextLanes(yieldEndTime, 0, !0)) break a; - yieldEndTime.timeoutHandle = scheduleTimeout( + if (0 !== getNextLanes(forceSync, 0, !0)) break a; + forceSync.timeoutHandle = scheduleTimeout( commitRootWhenReady.bind( null, - yieldEndTime, forceSync, + yieldEndTime, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17841,18 +17701,18 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - startTime, + yieldDuration, THROTTLED_COMMIT, renderStartTime, - yieldedFiber + startTime ), renderWasConcurrent ); break a; } commitRootWhenReady( - yieldEndTime, forceSync, + yieldEndTime, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17861,10 +17721,10 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - startTime, + yieldDuration, IMMEDIATE_COMMIT, renderStartTime, - yieldedFiber + startTime ); } } @@ -18051,38 +17911,10 @@ } function prepareFreshStack(root, lanes) { supportsUserTiming && - (console.timeStamp( - "Blocking Track", - 0.003, - 0.003, - "Blocking", - LANES_TRACK_GROUP, - "primary-light" - ), - console.timeStamp( - "Transition Track", - 0.003, - 0.003, - "Transition", - LANES_TRACK_GROUP, - "primary-light" - ), - console.timeStamp( - "Suspense Track", - 0.003, - 0.003, - "Suspense", - LANES_TRACK_GROUP, - "primary-light" - ), - console.timeStamp( - "Idle Track", - 0.003, - 0.003, - "Idle", - LANES_TRACK_GROUP, - "primary-light" - )); + (performance.mark("Blocking Track", blockingLaneMarker), + performance.mark("Transition Track", transitionLaneMarker), + performance.mark("Suspense Track", suspenseLaneMarker), + performance.mark("Idle Track", idleLaneMarker)); var previousRenderStartTime = renderStartTime; renderStartTime = now(); if (0 !== workInProgressRootRenderLanes && 0 < previousRenderStartTime) { @@ -18099,18 +17931,18 @@ else { var endTime = renderStartTime; supportsUserTiming && - console.timeStamp( + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = previousRenderStartTime), + (reusableLaneOptions.end = endTime), + performance.measure( (lanes & 536870912) === lanes ? "Prewarm" : (lanes & 201326741) === lanes ? "Interrupted Hydration" : "Interrupted Render", - previousRenderStartTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + reusableLaneOptions + )); } finalizeRender(workInProgressRootRenderLanes, renderStartTime); } @@ -18119,7 +17951,7 @@ 0 <= blockingUpdateTime && blockingUpdateTime < blockingClampTime ? blockingClampTime : blockingUpdateTime; - var clampedEventTime = + endTime = 0 <= blockingEventTime && blockingEventTime < blockingClampTime ? blockingClampTime : blockingEventTime; @@ -18127,196 +17959,120 @@ (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( blockingSuspendedTime, - 0 <= clampedEventTime - ? clampedEventTime + 0 <= endTime + ? endTime : 0 <= previousRenderStartTime ? previousRenderStartTime : renderStartTime, lanes )); var eventType = blockingEventType, - eventIsRepeat = blockingEventIsRepeat; - endTime = blockingSpawnedUpdate; - var renderStartTime$jscomp$0 = renderStartTime, - debugTask = blockingUpdateTask; - if (supportsUserTiming) { - currentTrack = "Blocking"; - if (0 < clampedEventTime && null !== eventType) { - var color = eventIsRepeat ? "secondary-light" : "warning"; - debugTask - ? debugTask.run( - console.timeStamp.bind( - console, - eventIsRepeat ? "" : "Event: " + eventType, - clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - color - ) - ) - : console.timeStamp( - eventIsRepeat ? "" : "Event: " + eventType, - clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - color - ); - } + eventIsRepeat = blockingEventIsRepeat, + isSpawnedUpdate = blockingSpawnedUpdate, + renderStartTime$jscomp$0 = renderStartTime; + supportsUserTiming && + ((reusableLaneDevToolDetails.track = "Blocking"), + 0 < endTime && + null !== eventType && + ((reusableLaneDevToolDetails.color = eventIsRepeat + ? "secondary-light" + : "warning"), + (reusableLaneOptions.start = endTime), + (reusableLaneOptions.end = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0), + performance.measure( + eventIsRepeat ? "" : "Event: " + eventType, + reusableLaneOptions + )), 0 < previousRenderStartTime && - ((clampedEventTime = endTime + ((reusableLaneDevToolDetails.color = isSpawnedUpdate ? "error" : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light"), - debugTask - ? debugTask.run( - console.timeStamp.bind( - console, - endTime - ? "Cascading Update" - : 5 < renderStartTime$jscomp$0 - previousRenderStartTime - ? "Update Blocked" - : "Update", - previousRenderStartTime, - renderStartTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - clampedEventTime - ) - ) - : console.timeStamp( - endTime - ? "Cascading Update" - : 5 < renderStartTime$jscomp$0 - previousRenderStartTime - ? "Update Blocked" - : "Update", - previousRenderStartTime, - renderStartTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - clampedEventTime - )); - } - blockingUpdateTime = -1.1; - blockingUpdateTask = null; - blockingSuspendedTime = -1.1; + (reusableLaneOptions.start = previousRenderStartTime), + (reusableLaneOptions.end = renderStartTime$jscomp$0), + performance.measure( + isSpawnedUpdate + ? "Cascading Update" + : 5 < renderStartTime$jscomp$0 - previousRenderStartTime + ? "Update Blocked" + : "Update", + reusableLaneOptions + ))); + blockingSuspendedTime = blockingUpdateTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; } - if (0 !== (lanes & 4194048)) { - previousRenderStartTime = + 0 !== (lanes & 4194048) && + ((previousRenderStartTime = 0 <= transitionStartTime && transitionStartTime < transitionClampTime ? transitionClampTime - : transitionStartTime; - endTime = + : transitionStartTime), + (endTime = 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime - : transitionUpdateTime; - renderStartTime$jscomp$0 = + : transitionUpdateTime), + (eventType = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime; + : transitionEventTime), 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= renderStartTime$jscomp$0 - ? renderStartTime$jscomp$0 + 0 <= eventType + ? eventType : 0 <= endTime ? endTime : renderStartTime, lanes - )); - debugTask = transitionEventType; - clampedEventTime = transitionEventIsRepeat; - eventType = renderStartTime; - eventIsRepeat = transitionUpdateTask; - if (supportsUserTiming) { - currentTrack = "Transition"; - if (0 < renderStartTime$jscomp$0 && null !== debugTask) { - color = clampedEventTime ? "secondary-light" : "warning"; - var endTime$jscomp$0 = + )), + (eventIsRepeat = transitionEventType), + (isSpawnedUpdate = transitionEventIsRepeat), + (renderStartTime$jscomp$0 = renderStartTime), + supportsUserTiming && + ((reusableLaneDevToolDetails.track = "Transition"), + 0 < eventType && + null !== eventIsRepeat && + ((reusableLaneDevToolDetails.color = isSpawnedUpdate + ? "secondary-light" + : "warning"), + (reusableLaneOptions.start = eventType), + (reusableLaneOptions.end = 0 < previousRenderStartTime ? previousRenderStartTime : 0 < endTime ? endTime - : eventType; - eventIsRepeat - ? eventIsRepeat.run( - console.timeStamp.bind( - console, - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - color - ) - ) - : console.timeStamp( - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - color - ); - } + : renderStartTime$jscomp$0), + performance.measure( + isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, + reusableLaneOptions + )), 0 < previousRenderStartTime && - (eventIsRepeat - ? eventIsRepeat.run( - console.timeStamp.bind( - console, - "Action", - previousRenderStartTime, - 0 < endTime ? endTime : eventType, - currentTrack, - LANES_TRACK_GROUP, - "primary-dark" - ) - ) - : console.timeStamp( - "Action", - previousRenderStartTime, - 0 < endTime ? endTime : eventType, - currentTrack, - LANES_TRACK_GROUP, - "primary-dark" - )); + ((reusableLaneDevToolDetails.color = "primary-dark"), + (reusableLaneOptions.start = previousRenderStartTime), + (reusableLaneOptions.end = + 0 < endTime ? endTime : renderStartTime$jscomp$0), + performance.measure("Action", reusableLaneOptions)), 0 < endTime && - (eventIsRepeat - ? eventIsRepeat.run( - console.timeStamp.bind( - console, - 5 < eventType - endTime ? "Update Blocked" : "Update", - endTime, - eventType, - currentTrack, - LANES_TRACK_GROUP, - "primary-light" - ) - ) - : console.timeStamp( - 5 < eventType - endTime ? "Update Blocked" : "Update", - endTime, - eventType, - currentTrack, - LANES_TRACK_GROUP, - "primary-light" - )); - } - transitionUpdateTime = transitionStartTime = -1.1; - transitionUpdateTask = null; - transitionSuspendedTime = -1.1; - transitionEventIsRepeat = !0; - } + ((reusableLaneDevToolDetails.color = "primary-light"), + (reusableLaneOptions.start = endTime), + (reusableLaneOptions.end = renderStartTime$jscomp$0), + performance.measure( + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", + reusableLaneOptions + ))), + (transitionSuspendedTime = + transitionUpdateTime = + transitionStartTime = + -1.1), + (transitionEventIsRepeat = !0)); previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && ((root.timeoutHandle = noTimeout), @@ -18350,10 +18106,10 @@ endTime = root.entangledLanes; if (0 !== endTime) for (root = root.entanglements, endTime &= lanes; 0 < endTime; ) - (renderStartTime$jscomp$0 = 31 - clz32(endTime)), - (debugTask = 1 << renderStartTime$jscomp$0), - (lanes |= root[renderStartTime$jscomp$0]), - (endTime &= ~debugTask); + (eventType = 31 - clz32(endTime)), + (eventIsRepeat = 1 << eventType), + (lanes |= root[eventType]), + (endTime &= ~eventIsRepeat); entangledRenderLanes = lanes; finishQueueingConcurrentUpdates(); root = getCurrentTime(); @@ -18921,18 +18677,10 @@ finishedWork.alternate.memoizedState.isDehydrated && 0 !== (finishedWork.flags & 256) ) - : supportsUserTiming && - console.timeStamp( - (lanes & 536870912) === lanes - ? "Prepared" - : (lanes & 201326741) === lanes - ? "Hydrated" - : "Render", + : logRenderPhase( completedRenderStartTime, completedRenderEndTime, - currentTrack, - LANES_TRACK_GROUP, - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + lanes ); if (null === finishedWork) null !== root.stoppingGestures && stopCompletedGestures(root); @@ -18989,25 +18737,9 @@ commitErrors = null; commitStartTime = now(); suspendedCommitReason === SUSPENDED_COMMIT - ? supportsUserTiming && - console.timeStamp( - "Suspended on CSS or Images", - completedRenderEndTime, - commitStartTime, - currentTrack, - LANES_TRACK_GROUP, - "secondary-light" - ) + ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) : suspendedCommitReason === THROTTLED_COMMIT && - supportsUserTiming && - console.timeStamp( - "Throttled", - completedRenderEndTime, - commitStartTime, - currentTrack, - LANES_TRACK_GROUP, - "secondary-light" - ); + logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if ( @@ -19259,14 +18991,10 @@ !1 ) : supportsUserTiming && - console.timeStamp( - "Commit", - completedRenderEndTime, - suspendedCommitReason, - currentTrack, - LANES_TRACK_GROUP, - "secondary-dark" - ); + ((reusableLaneDevToolDetails.color = "secondary-dark"), + (reusableLaneOptions.start = completedRenderEndTime), + (reusableLaneOptions.end = suspendedCommitReason), + performance.measure("Commit", reusableLaneOptions)); completedRenderEndTime = (lanes & 335544064) === lanes ? 10262 : 10256; (completedRenderEndTime = 0 !== finishedWork.actualDuration || @@ -19677,15 +19405,17 @@ var passiveEffectStartTime = 0; commitErrors = null; passiveEffectStartTime = now$1(); + var startTime = commitEndTime, + endTime = passiveEffectStartTime; + wasDelayedCommit = !!wasDelayedCommit; supportsUserTiming && - console.timeStamp( + ((reusableLaneDevToolDetails.color = "secondary-light"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure( wasDelayedCommit ? "Waiting for Paint" : "", - commitEndTime, - passiveEffectStartTime, - currentTrack, - LANES_TRACK_GROUP, - "secondary-light" - ); + reusableLaneOptions + )); wasDelayedCommit = executionContext; executionContext |= CommitContext; var finishedWork = priority.current; @@ -19713,14 +19443,10 @@ !0 ) : supportsUserTiming && - console.timeStamp( - "Remaining Effects", - finishedWork$jscomp$0, - passiveEffectsEndTime, - currentTrack, - LANES_TRACK_GROUP, - "secondary-dark" - ); + ((reusableLaneDevToolDetails.color = "secondary-dark"), + (reusableLaneOptions.start = finishedWork$jscomp$0), + (reusableLaneOptions.end = passiveEffectsEndTime), + performance.measure("Remaining Effects", reusableLaneOptions)); finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); didScheduleUpdateDuringPassiveEffects @@ -25526,7 +25252,7 @@ (container.callback = callback)); element = enqueueUpdate(rootFiber, container, lane); null !== element && - (startUpdateTimerByLane(lane, "root.render()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(element, rootFiber, lane), entangleTransitions(element, rootFiber, lane)); } @@ -27496,11 +27222,69 @@ }; } var supportsUserTiming = - "undefined" !== typeof console && - "function" === typeof console.timeStamp, + "undefined" !== typeof performance && + "function" === typeof performance.measure, COMPONENTS_TRACK = "Components \u269b", + reusableComponentDevToolDetails = { + color: "primary", + track: COMPONENTS_TRACK + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, LANES_TRACK_GROUP = "Scheduler \u269b", - currentTrack = "Blocking", + reusableLaneDevToolDetails = { + color: "primary", + track: "Blocking", + trackGroup: LANES_TRACK_GROUP + }, + reusableLaneOptions = { + start: -0, + end: -0, + detail: { devtools: reusableLaneDevToolDetails } + }, + blockingLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Blocking", + trackGroup: LANES_TRACK_GROUP + } + } + }, + transitionLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Transition", + trackGroup: LANES_TRACK_GROUP + } + } + }, + suspenseLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Suspense", + trackGroup: LANES_TRACK_GROUP + } + } + }, + idleLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Idle", + trackGroup: LANES_TRACK_GROUP + } + } + }, valueCursor = createCursor(null); var rendererCursorDEV = createCursor(null); var rendererSigil = {}; @@ -27539,11 +27323,6 @@ }, entangledTransitionTypes = null, now = Scheduler.unstable_now, - createTask = console.createTask - ? console.createTask - : function () { - return null; - }, renderStartTime = -0, commitStartTime = -0, commitEndTime = -0, @@ -27556,7 +27335,6 @@ componentEffectErrors = null, blockingClampTime = -0, blockingUpdateTime = -1.1, - blockingUpdateTask = null, blockingEventTime = -1.1, blockingEventType = null, blockingEventIsRepeat = !1, @@ -27565,7 +27343,6 @@ transitionClampTime = -0, transitionStartTime = -1.1, transitionUpdateTime = -1.1, - transitionUpdateTask = null, transitionEventTime = -1.1, transitionEventType = null, transitionEventIsRepeat = !1, @@ -29148,7 +28925,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane, "this.setState()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -29163,7 +28940,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane, "this.replaceState()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -29177,7 +28954,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); callback = enqueueUpdate(inst, update, lane); null !== callback && - (startUpdateTimerByLane(lane, "this.forceUpdate()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(callback, inst, lane), entangleTransitions(callback, inst, lane)); } @@ -30094,11 +29871,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-408d055a-20250430" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-197d6a04-20250424" !== 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.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-197d6a04-20250424\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30135,10 +29912,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-408d055a-20250430", + version: "19.2.0-experimental-197d6a04-20250424", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-408d055a-20250430" + reconcilerVersion: "19.2.0-experimental-197d6a04-20250424" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30280,7 +30057,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-experimental-408d055a-20250430"; + exports.version = "19.2.0-experimental-197d6a04-20250424"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js index 878d9462500ff..c98371596c7d2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js @@ -5564,14 +5564,8 @@ function requestFormReset$1(formFiber) { var transition = ReactSharedInternals.T; if (null !== transition && transition.gesture) throw Error(formatProdErrorMessage(555)); - transition = ensureFormComponentIsStateful(formFiber); - null === transition.next && (transition = formFiber.alternate.memoizedState); - dispatchSetStateInternal( - formFiber, - transition.next.queue, - {}, - requestUpdateLane() - ); + transition = ensureFormComponentIsStateful(formFiber).next.queue; + dispatchSetStateInternal(formFiber, transition, {}, requestUpdateLane()); } function useHostTransitionStatus() { return readContext(HostTransitionContext); @@ -18657,14 +18651,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2045 = React.version; if ( - "19.2.0-experimental-408d055a-20250430" !== + "19.2.0-experimental-197d6a04-20250424" !== isomorphicReactPackageVersion$jscomp$inline_2045 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2045, - "19.2.0-experimental-408d055a-20250430" + "19.2.0-experimental-197d6a04-20250424" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -18686,10 +18680,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2681 = { bundleType: 0, - version: "19.2.0-experimental-408d055a-20250430", + version: "19.2.0-experimental-197d6a04-20250424", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-408d055a-20250430" + reconcilerVersion: "19.2.0-experimental-197d6a04-20250424" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2682 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -18793,4 +18787,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-experimental-408d055a-20250430"; +exports.version = "19.2.0-experimental-197d6a04-20250424"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js index 852fb5e7bb698..c72bccc5547f2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js @@ -4742,7 +4742,7 @@ : eventClass; } function setCurrentTrackFromLanes(lanes) { - currentTrack = + reusableLaneDevToolDetails.track = lanes & 127 ? "Blocking" : lanes & 4194176 @@ -4755,26 +4755,10 @@ } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, - trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" - ) - ) - : console.timeStamp( - trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" - )); + ((reusableComponentDevToolDetails.color = "warning"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); @@ -4784,9 +4768,9 @@ if (null !== name && supportsUserTiming) { var selfTime = fiber.actualDuration; if (null === fiber.alternate || fiber.alternate.child !== fiber.child) - for (var child = fiber.child; null !== child; child = child.sibling) - selfTime -= child.actualDuration; - wasHydrated = + for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) + selfTime -= fiber.actualDuration; + reusableComponentDevToolDetails.color = 0.5 > selfTime ? wasHydrated ? "tertiary-light" @@ -4800,140 +4784,80 @@ ? "tertiary-dark" : "primary-dark" : "error"; - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - wasHydrated - ) - ) - : console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - wasHydrated - ); + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + performance.measure(name, reusableComponentOptions); } } function logComponentErrored(fiber, startTime, endTime, errors) { if (supportsUserTiming) { var name = getComponentNameFromFiber(fiber); - if (null !== name) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure - ) { - for ( - var debugTask = null, properties = [], i = 0; - i < errors.length; - i++ - ) { - var capturedValue = errors[i]; - null == debugTask && - null !== capturedValue.source && - (debugTask = capturedValue.source._debugTask); - capturedValue = capturedValue.value; - properties.push([ - "Error", - "object" === typeof capturedValue && - null !== capturedValue && - "string" === typeof capturedValue.message - ? String(capturedValue.message) - : String(capturedValue) - ]); - } - null == debugTask && (debugTask = fiber._debugTask); - fiber = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties - } + if (null !== name) { + for (var properties = [], i = 0; i < errors.length; i++) { + var error = errors[i].value; + properties.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + performance.measure(name, { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: + 13 === fiber.tag + ? "Hydration failed" + : "Error boundary caught an error", + properties: properties } - }; - debugTask - ? debugTask.run( - performance.measure.bind(performance, name, fiber) - ) - : performance.measure(name, fiber); - } else - console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "error" - ); + } + }); + } } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { if (null !== errors) { - if (supportsUserTiming) { - var name = getComponentNameFromFiber(fiber); - if (null !== name) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure - ) { - selfTime = []; - for (var i = 0; i < errors.length; i++) { - var error = errors[i].value; - selfTime.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); + if ( + supportsUserTiming && + ((selfTime = getComponentNameFromFiber(fiber)), null !== selfTime) + ) { + fiber = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + fiber.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + performance.measure(selfTime, { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: "A lifecycle or effect errored", + properties: fiber } - startTime = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: "A lifecycle or effect errored", - properties: selfTime - } - } - }; - (fiber = fiber._debugTask) - ? fiber.run( - performance.measure.bind(performance, name, startTime) - ) - : performance.measure(name, startTime); - } else - console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "error" - ); + } + }); } } else - (name = getComponentNameFromFiber(fiber)), - null !== name && + (errors = getComponentNameFromFiber(fiber)), + null !== errors && supportsUserTiming && - ((errors = + ((reusableComponentDevToolDetails.color = 1 > selfTime ? "secondary-light" : 100 > selfTime @@ -4941,48 +4865,40 @@ : 500 > selfTime ? "secondary-dark" : "error"), - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - errors - ) - ) - : console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - errors - )); + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + performance.measure(errors, reusableComponentOptions)); + } + function logRenderPhase(startTime, endTime, lanes) { + supportsUserTiming && + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure( + (lanes & 536870912) === lanes + ? "Prepared" + : (lanes & 201326741) === lanes + ? "Hydrated" + : "Render", + reusableLaneOptions + )); } function logSuspendedRenderPhase(startTime, endTime, lanes) { supportsUserTiming && - console.timeStamp( - "Prewarm", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Prewarm", reusableLaneOptions)); } function logSuspendedWithDelayPhase(startTime, endTime, lanes) { supportsUserTiming && - console.timeStamp( - "Suspended", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Suspended", reusableLaneOptions)); } function logRecoveredRenderPhase( startTime, @@ -4991,100 +4907,86 @@ recoverableErrors, hydrationFailed ) { - if (supportsUserTiming) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure - ) { - lanes = []; - for (var i = 0; i < recoverableErrors.length; i++) { - var error = recoverableErrors[i].value; - lanes.push([ - "Recoverable Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - } - performance.measure("Recovered", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "primary-dark", - track: currentTrack, - trackGroup: LANES_TRACK_GROUP, - tooltipText: hydrationFailed - ? "Hydration Failed" - : "Recovered after Error", - properties: lanes - } + if (supportsUserTiming) { + lanes = []; + for (var i = 0; i < recoverableErrors.length; i++) { + var error = recoverableErrors[i].value; + lanes.push([ + "Recoverable Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + performance.measure("Recovered", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "primary-dark", + track: reusableLaneDevToolDetails.track, + trackGroup: LANES_TRACK_GROUP, + tooltipText: hydrationFailed + ? "Hydration Failed" + : "Recovered after Error", + properties: lanes } - }); - } else - console.timeStamp( - "Recovered", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - "error" - ); + } + }); + } } function logErroredRenderPhase(startTime, endTime) { supportsUserTiming && - console.timeStamp( - "Errored", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - "error" - ); + ((reusableLaneDevToolDetails.color = "error"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Errored", reusableLaneOptions)); + } + function logSuspenseThrottlePhase(startTime, endTime) { + supportsUserTiming && + ((reusableLaneDevToolDetails.color = "secondary-light"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Throttled", reusableLaneOptions)); + } + function logSuspendedCommitPhase(startTime, endTime) { + supportsUserTiming && + ((reusableLaneDevToolDetails.color = "secondary-light"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Suspended on CSS or Images", reusableLaneOptions)); } function logCommitErrored(startTime, endTime, errors, passive) { - if (supportsUserTiming) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure - ) { - for (var properties = [], i = 0; i < errors.length; i++) { - var error = errors[i].value; - properties.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - } - performance.measure("Errored", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: currentTrack, - trackGroup: LANES_TRACK_GROUP, - tooltipText: passive - ? "Remaining Effects Errored" - : "Commit Errored", - properties: properties - } + if (supportsUserTiming) { + for (var properties = [], i = 0; i < errors.length; i++) { + var error = errors[i].value; + properties.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + performance.measure("Errored", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: reusableLaneDevToolDetails.track, + trackGroup: LANES_TRACK_GROUP, + tooltipText: passive + ? "Remaining Effects Errored" + : "Commit Errored", + properties: properties } - }); - } else - console.timeStamp( - "Errored", - startTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - "error" - ); + } + }); + } } function resetContextDependencies() { lastContextDependency = currentlyRenderingFiber$1 = null; @@ -5335,36 +5237,36 @@ root.transitionTypes = null; return claimed; } - function startUpdateTimerByLane(lane, method) { + function startUpdateTimerByLane(lane) { var JSCompiler_temp; (JSCompiler_temp = 0 !== (lane & 3)) || (JSCompiler_temp = 0 !== (lane & 60)); if (JSCompiler_temp) 0 > blockingUpdateTime && ((blockingUpdateTime = now()), - (blockingUpdateTask = createTask(method)), (executionContext & (RenderContext | CommitContext)) !== NoContext && (blockingSpawnedUpdate = !0), (lane = resolveEventTimeStamp()), - (method = resolveEventType()), - lane !== blockingEventTime || method !== blockingEventType + (JSCompiler_temp = resolveEventType()), + lane !== blockingEventTime || JSCompiler_temp !== blockingEventType ? (blockingEventIsRepeat = !1) - : null !== method && (blockingSpawnedUpdate = !0), + : null !== JSCompiler_temp && (blockingSpawnedUpdate = !0), (blockingEventTime = lane), - (blockingEventType = method)); + (blockingEventType = JSCompiler_temp)); else if ( 0 !== (lane & 4194048) && 0 > transitionUpdateTime && - ((transitionUpdateTime = now()), - (transitionUpdateTask = createTask(method)), - 0 > transitionStartTime) + ((transitionUpdateTime = now()), 0 > transitionStartTime) ) { lane = resolveEventTimeStamp(); - method = resolveEventType(); - if (lane !== transitionEventTime || method !== transitionEventType) + JSCompiler_temp = resolveEventType(); + if ( + lane !== transitionEventTime || + JSCompiler_temp !== transitionEventType + ) transitionEventIsRepeat = !1; transitionEventTime = lane; - transitionEventType = method; + transitionEventType = JSCompiler_temp; } } function pushNestedEffectDurations() { @@ -7945,9 +7847,7 @@ } function subscribeToStore(fiber, inst, subscribe) { return subscribe(function () { - checkIfSnapshotChanged(inst) && - (startUpdateTimerByLane(2, "updateSyncExternalStore()"), - forceStoreRerender(fiber)); + checkIfSnapshotChanged(inst) && forceStoreRerender(fiber); }); } function checkIfSnapshotChanged(inst) { @@ -8703,12 +8603,10 @@ throw Error( "Cannot requestFormReset() inside a startGestureTransition. There should be no side-effects associated with starting a Gesture until its Action is invoked. Move side-effects to the Action instead." ); - transition = ensureFormComponentIsStateful(formFiber); - null === transition.next && - (transition = formFiber.alternate.memoizedState); + transition = ensureFormComponentIsStateful(formFiber).next.queue; dispatchSetStateInternal( formFiber, - transition.next.queue, + transition, {}, requestUpdateLane(formFiber) ); @@ -8778,7 +8676,7 @@ fiber = createUpdate(lane); var root = enqueueUpdate(provider, fiber, lane); null !== root && - (startUpdateTimerByLane(lane, "refresh()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(root, provider, lane), entangleTransitions(root, provider, lane)); provider = createCache(); @@ -8812,7 +8710,7 @@ ? enqueueRenderPhaseUpdate(queue, update) : ((update = enqueueConcurrentHookUpdate(fiber, queue, update, args)), null !== update && - (startUpdateTimerByLane(args, "dispatch()"), + (startUpdateTimerByLane(args), scheduleUpdateOnFiber(update, fiber, args), entangleTransitionUpdate(update, queue, args))); } @@ -8824,7 +8722,7 @@ ); args = requestUpdateLane(fiber); dispatchSetStateInternal(fiber, queue, action, args) && - startUpdateTimerByLane(args, "setState()"); + startUpdateTimerByLane(args); } function dispatchSetStateInternal(fiber, queue, action, lane) { var update = { @@ -8907,7 +8805,7 @@ lane )), null !== throwIfDuringRender && - (startUpdateTimerByLane(lane, "setOptimistic()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(throwIfDuringRender, fiber, lane), null !== transition && ((transition = transition.gesture), null !== transition))) @@ -10418,25 +10316,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3012; - var JSCompiler_object_inline_stack_3011 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2988; + var JSCompiler_object_inline_stack_2987 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3010 = !1; + var JSCompiler_object_inline_digest_2986 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3012 = didSuspend) || - (JSCompiler_object_inline_componentStack_3012 = + (JSCompiler_object_inline_componentStack_2988 = didSuspend) || + (JSCompiler_object_inline_componentStack_2988 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3012 && - ((JSCompiler_object_inline_digest_3010 = !0), + JSCompiler_object_inline_componentStack_2988 && + ((JSCompiler_object_inline_digest_2986 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3012 = + JSCompiler_object_inline_componentStack_2988 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3010 + JSCompiler_object_inline_digest_2986 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10449,20 +10347,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3012 = { + ((JSCompiler_object_inline_componentStack_2988 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3012), - (JSCompiler_object_inline_componentStack_3012 = + JSCompiler_object_inline_componentStack_2988), + (JSCompiler_object_inline_componentStack_2988 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3012.return = + (JSCompiler_object_inline_componentStack_2988.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3012), + JSCompiler_object_inline_componentStack_2988), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10476,12 +10374,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3011.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3011.fallback; - if (JSCompiler_object_inline_digest_3010) + var nextPrimaryChildren = JSCompiler_object_inline_stack_2987.children, + nextFallbackChildren = JSCompiler_object_inline_stack_2987.fallback; + if (JSCompiler_object_inline_digest_2986) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3011 = + (JSCompiler_object_inline_stack_2987 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10493,19 +10391,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3012, + JSCompiler_object_inline_componentStack_2988, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3011 + JSCompiler_object_inline_stack_2987 ); if ( "number" === - typeof JSCompiler_object_inline_stack_3011.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2987.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3011 = + (JSCompiler_object_inline_stack_2987 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10517,12 +10415,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3012, + JSCompiler_object_inline_componentStack_2988, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_3011 + JSCompiler_object_inline_stack_2987 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10532,8 +10430,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3009 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3009) { + var JSCompiler_object_inline_message_2985 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_2985) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10550,13 +10448,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3011.fallback), + JSCompiler_object_inline_stack_2987.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3011 = + (JSCompiler_object_inline_stack_2987 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3011.children + children: JSCompiler_object_inline_stack_2987.children }, nextFallbackChildren )), @@ -10567,24 +10465,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3011.return = workInProgress), + (JSCompiler_object_inline_stack_2987.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3011.sibling = + (JSCompiler_object_inline_stack_2987.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3011), + (workInProgress.child = JSCompiler_object_inline_stack_2987), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3011 = workInProgress.child), - (JSCompiler_object_inline_stack_3011.memoizedState = + (JSCompiler_object_inline_stack_2987 = workInProgress.child), + (JSCompiler_object_inline_stack_2987.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3011.childLanes = + (JSCompiler_object_inline_stack_2987.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3012, + JSCompiler_object_inline_componentStack_2988, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10592,48 +10490,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3009)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2985)) ) { - JSCompiler_object_inline_componentStack_3012 = - JSCompiler_object_inline_message_3009.nextSibling && - JSCompiler_object_inline_message_3009.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3012) { + JSCompiler_object_inline_componentStack_2988 = + JSCompiler_object_inline_message_2985.nextSibling && + JSCompiler_object_inline_message_2985.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2988) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3012.dgst; - var message = JSCompiler_object_inline_componentStack_3012.msg; + JSCompiler_object_inline_componentStack_2988.dgst; + var message = JSCompiler_object_inline_componentStack_2988.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3012.stck; + JSCompiler_object_inline_componentStack_2988.stck; var componentStack = - JSCompiler_object_inline_componentStack_3012.cstck; + JSCompiler_object_inline_componentStack_2988.cstck; } - JSCompiler_object_inline_message_3009 = message; - JSCompiler_object_inline_digest_3010 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3011 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3012 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3010; - nextFallbackChildren = JSCompiler_object_inline_message_3009; - componentStack = JSCompiler_object_inline_componentStack_3012; + JSCompiler_object_inline_message_2985 = message; + JSCompiler_object_inline_digest_2986 = nextPrimaryChildren; + JSCompiler_object_inline_stack_2987 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_2988 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_2986; + nextFallbackChildren = JSCompiler_object_inline_message_2985; + componentStack = JSCompiler_object_inline_componentStack_2988; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3012 = + ((JSCompiler_object_inline_componentStack_2988 = nextFallbackChildren ? Error(nextFallbackChildren) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_3012.stack = - JSCompiler_object_inline_stack_3011 || ""), - (JSCompiler_object_inline_componentStack_3012.digest = + (JSCompiler_object_inline_componentStack_2988.stack = + JSCompiler_object_inline_stack_2987 || ""), + (JSCompiler_object_inline_componentStack_2988.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3011 = + (JSCompiler_object_inline_stack_2987 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3012, + value: JSCompiler_object_inline_componentStack_2988, source: null, - stack: JSCompiler_object_inline_stack_3011 + stack: JSCompiler_object_inline_stack_2987 }), - "string" === typeof JSCompiler_object_inline_stack_3011 && + "string" === typeof JSCompiler_object_inline_stack_2987 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3012, + JSCompiler_object_inline_componentStack_2988, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10650,34 +10548,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3012 = + (JSCompiler_object_inline_componentStack_2988 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3012) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2988) ) { - JSCompiler_object_inline_componentStack_3012 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2988 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3012 && - ((JSCompiler_object_inline_stack_3011 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3012, + null !== JSCompiler_object_inline_componentStack_2988 && + ((JSCompiler_object_inline_stack_2987 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_2988, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3011 && - JSCompiler_object_inline_stack_3011 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_2987 && + JSCompiler_object_inline_stack_2987 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3011), + ((prevState.retryLane = JSCompiler_object_inline_stack_2987), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3011 + JSCompiler_object_inline_stack_2987 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3012, + JSCompiler_object_inline_componentStack_2988, current, - JSCompiler_object_inline_stack_3011 + JSCompiler_object_inline_stack_2987 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_3009.data === + JSCompiler_object_inline_message_2985.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10685,14 +10583,14 @@ renderLanes ); } else - JSCompiler_object_inline_message_3009.data === + JSCompiler_object_inline_message_2985.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3009.nextSibling + JSCompiler_object_inline_message_2985.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10704,31 +10602,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3011.children + JSCompiler_object_inline_stack_2987.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3010) + if (JSCompiler_object_inline_digest_2986) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3011.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_2987.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3009 = componentStack.sibling), - (JSCompiler_object_inline_stack_3011 = createWorkInProgress( + (JSCompiler_object_inline_message_2985 = componentStack.sibling), + (JSCompiler_object_inline_stack_2987 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3011.children + children: JSCompiler_object_inline_stack_2987.children } )), - (JSCompiler_object_inline_stack_3011.subtreeFlags = + (JSCompiler_object_inline_stack_2987.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3009 + null !== JSCompiler_object_inline_message_2985 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3009, + JSCompiler_object_inline_message_2985, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -10739,24 +10637,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3011.return = workInProgress), - (JSCompiler_object_inline_stack_3011.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3011), - (JSCompiler_object_inline_stack_3011 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_2987.return = workInProgress), + (JSCompiler_object_inline_stack_2987.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_2987), + (JSCompiler_object_inline_stack_2987 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_3009 = + ? ((JSCompiler_object_inline_message_2985 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_3009 + JSCompiler_object_inline_message_2985 ? { - parent: JSCompiler_object_inline_message_3009, - pool: JSCompiler_object_inline_message_3009 + parent: JSCompiler_object_inline_message_2985, + pool: JSCompiler_object_inline_message_2985 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -10767,28 +10665,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3012, + JSCompiler_object_inline_componentStack_2988, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3011 + JSCompiler_object_inline_stack_2987 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3011.children + children: JSCompiler_object_inline_stack_2987.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3012 = + ((JSCompiler_object_inline_componentStack_2988 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3012 + null === JSCompiler_object_inline_componentStack_2988 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3012.push(current)); + : JSCompiler_object_inline_componentStack_2988.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -17594,118 +17492,81 @@ if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Should not already be working."); if (0 !== workInProgressRootRenderLanes && null !== workInProgress) { - var yieldedFiber = workInProgress, - yieldEndTime = now$1(); + var yieldEndTime = now$1(); switch (yieldReason) { case SuspendedOnImmediate: case SuspendedOnData: var startTime = yieldStartTime; supportsUserTiming && - ((yieldedFiber = yieldedFiber._debugTask) - ? yieldedFiber.run( - console.timeStamp.bind( - console, - "Suspended", - startTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - "primary-light" - ) - ) - : console.timeStamp( - "Suspended", - startTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - "primary-light" - )); + ((reusableComponentDevToolDetails.color = "primary-light"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = yieldEndTime), + performance.measure("Suspended", reusableComponentOptions)); break; case SuspendedOnAction: startTime = yieldStartTime; supportsUserTiming && - ((yieldedFiber = yieldedFiber._debugTask) - ? yieldedFiber.run( - console.timeStamp.bind( - console, - "Action", - startTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - "primary-light" - ) - ) - : console.timeStamp( - "Action", - startTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - "primary-light" - )); + ((reusableComponentDevToolDetails.color = "primary-light"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = yieldEndTime), + performance.measure("Action", reusableComponentOptions)); break; default: - supportsUserTiming && - ((yieldedFiber = yieldEndTime - yieldStartTime), - 3 > yieldedFiber || - console.timeStamp( - "Blocked", - yieldStartTime, - yieldEndTime, - COMPONENTS_TRACK, - void 0, - 5 > yieldedFiber + if (((startTime = yieldStartTime), supportsUserTiming)) { + var yieldDuration = yieldEndTime - startTime; + 3 > yieldDuration || + ((reusableComponentDevToolDetails.color = + 5 > yieldDuration ? "primary-light" - : 10 > yieldedFiber + : 10 > yieldDuration ? "primary" - : 100 > yieldedFiber + : 100 > yieldDuration ? "primary-dark" - : "error" - )); + : "error"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = yieldEndTime), + performance.measure("Blocked", reusableComponentOptions)); + } } } - startTime = (yieldEndTime = + yieldDuration = (forceSync = (!forceSync && 0 === (lanes & 124) && 0 === (lanes & root.expiredLanes)) || checkIfRootIsPrerendering(root, lanes)) ? renderRootConcurrent(root, lanes) : renderRootSync(root, lanes, !0); - var renderWasConcurrent = yieldEndTime; + var renderWasConcurrent = forceSync; do { - if (startTime === RootInProgress) { + if (yieldDuration === RootInProgress) { workInProgressRootIsPrerendering && - !yieldEndTime && + !forceSync && markRootSuspended(root, lanes, 0, !1); lanes = workInProgressSuspendedReason; yieldStartTime = now(); yieldReason = lanes; break; } else { - yieldedFiber = now$1(); - forceSync = root.current.alternate; + startTime = now$1(); + yieldEndTime = root.current.alternate; if ( renderWasConcurrent && - !isRenderConsistentWithExternalStores(forceSync) + !isRenderConsistentWithExternalStores(yieldEndTime) ) { setCurrentTrackFromLanes(lanes); + yieldEndTime = renderStartTime; + yieldDuration = startTime; supportsUserTiming && - console.timeStamp( - "Teared Render", - renderStartTime, - yieldedFiber, - currentTrack, - LANES_TRACK_GROUP, - "error" - ); - finalizeRender(lanes, yieldedFiber); - startTime = renderRootSync(root, lanes, !1); + ((reusableLaneDevToolDetails.color = "error"), + (reusableLaneOptions.start = yieldEndTime), + (reusableLaneOptions.end = yieldDuration), + performance.measure("Teared Render", reusableLaneOptions)); + finalizeRender(lanes, startTime); + yieldDuration = renderRootSync(root, lanes, !1); renderWasConcurrent = !1; continue; } - if (startTime === RootErrored) { + if (yieldDuration === RootErrored) { renderWasConcurrent = lanes; if (root.errorRecoveryDisabledLanes & renderWasConcurrent) var errorRetryLanes = 0; @@ -17719,20 +17580,19 @@ : 0); if (0 !== errorRetryLanes) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, yieldedFiber); - finalizeRender(lanes, yieldedFiber); + logErroredRenderPhase(renderStartTime, startTime); + finalizeRender(lanes, startTime); lanes = errorRetryLanes; a: { - yieldedFiber = root; - startTime = renderWasConcurrent; + startTime = root; + yieldDuration = renderWasConcurrent; renderWasConcurrent = workInProgressRootConcurrentErrors; var wasRootDehydrated = - yieldedFiber.current.memoizedState.isDehydrated; + startTime.current.memoizedState.isDehydrated; wasRootDehydrated && - (prepareFreshStack(yieldedFiber, errorRetryLanes).flags |= - 256); + (prepareFreshStack(startTime, errorRetryLanes).flags |= 256); errorRetryLanes = renderRootSync( - yieldedFiber, + startTime, errorRetryLanes, !1 ); @@ -17741,39 +17601,39 @@ workInProgressRootDidAttachPingListener && !wasRootDehydrated ) { - yieldedFiber.errorRecoveryDisabledLanes |= startTime; - workInProgressRootInterleavedUpdatedLanes |= startTime; - startTime = RootSuspendedWithDelay; + startTime.errorRecoveryDisabledLanes |= yieldDuration; + workInProgressRootInterleavedUpdatedLanes |= yieldDuration; + yieldDuration = RootSuspendedWithDelay; break a; } - yieldedFiber = workInProgressRootRecoverableErrors; + startTime = workInProgressRootRecoverableErrors; workInProgressRootRecoverableErrors = renderWasConcurrent; - null !== yieldedFiber && + null !== startTime && (null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = yieldedFiber) + ? (workInProgressRootRecoverableErrors = startTime) : workInProgressRootRecoverableErrors.push.apply( workInProgressRootRecoverableErrors, - yieldedFiber + startTime )); } - startTime = errorRetryLanes; + yieldDuration = errorRetryLanes; } renderWasConcurrent = !1; - if (startTime !== RootErrored) continue; - else yieldedFiber = now$1(); + if (yieldDuration !== RootErrored) continue; + else startTime = now$1(); } } - if (startTime === RootFatalErrored) { + if (yieldDuration === RootFatalErrored) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, yieldedFiber); - finalizeRender(lanes, yieldedFiber); + logErroredRenderPhase(renderStartTime, startTime); + finalizeRender(lanes, startTime); prepareFreshStack(root, 0); markRootSuspended(root, lanes, 0, !0); break; } a: { - yieldEndTime = root; - switch (startTime) { + forceSync = root; + switch (yieldDuration) { case RootInProgress: case RootFatalErrored: throw Error("Root did not complete. This is a bug in React."); @@ -17781,15 +17641,15 @@ if ((lanes & 4194048) !== lanes) break; case RootSuspendedAtTheShell: setCurrentTrackFromLanes(lanes); - logSuspendedRenderPhase(renderStartTime, yieldedFiber, lanes); - finalizeRender(lanes, yieldedFiber); - forceSync = lanes; - 0 !== (forceSync & 3) || 0 !== (forceSync & 124) - ? (blockingSuspendedTime = yieldedFiber) - : 0 !== (forceSync & 4194048) && - (transitionSuspendedTime = yieldedFiber); + logSuspendedRenderPhase(renderStartTime, startTime, lanes); + finalizeRender(lanes, startTime); + yieldEndTime = lanes; + 0 !== (yieldEndTime & 3) || 0 !== (yieldEndTime & 124) + ? (blockingSuspendedTime = startTime) + : 0 !== (yieldEndTime & 4194048) && + (transitionSuspendedTime = startTime); markRootSuspended( - yieldEndTime, + forceSync, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings @@ -17806,8 +17666,8 @@ } if (null !== ReactSharedInternals.actQueue) commitRoot( - yieldEndTime, forceSync, + yieldEndTime, lanes, workInProgressRootRecoverableErrors, workInProgressTransitions, @@ -17815,10 +17675,10 @@ workInProgressDeferredLane, workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, - startTime, + yieldDuration, IMMEDIATE_COMMIT, renderStartTime, - yieldedFiber + startTime ); else { if ( @@ -17830,17 +17690,17 @@ 10 < renderWasConcurrent) ) { markRootSuspended( - yieldEndTime, + forceSync, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings ); - if (0 !== getNextLanes(yieldEndTime, 0, !0)) break a; - yieldEndTime.timeoutHandle = scheduleTimeout( + if (0 !== getNextLanes(forceSync, 0, !0)) break a; + forceSync.timeoutHandle = scheduleTimeout( commitRootWhenReady.bind( null, - yieldEndTime, forceSync, + yieldEndTime, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17849,18 +17709,18 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - startTime, + yieldDuration, THROTTLED_COMMIT, renderStartTime, - yieldedFiber + startTime ), renderWasConcurrent ); break a; } commitRootWhenReady( - yieldEndTime, forceSync, + yieldEndTime, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17869,10 +17729,10 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - startTime, + yieldDuration, IMMEDIATE_COMMIT, renderStartTime, - yieldedFiber + startTime ); } } @@ -18059,38 +17919,10 @@ } function prepareFreshStack(root, lanes) { supportsUserTiming && - (console.timeStamp( - "Blocking Track", - 0.003, - 0.003, - "Blocking", - LANES_TRACK_GROUP, - "primary-light" - ), - console.timeStamp( - "Transition Track", - 0.003, - 0.003, - "Transition", - LANES_TRACK_GROUP, - "primary-light" - ), - console.timeStamp( - "Suspense Track", - 0.003, - 0.003, - "Suspense", - LANES_TRACK_GROUP, - "primary-light" - ), - console.timeStamp( - "Idle Track", - 0.003, - 0.003, - "Idle", - LANES_TRACK_GROUP, - "primary-light" - )); + (performance.mark("Blocking Track", blockingLaneMarker), + performance.mark("Transition Track", transitionLaneMarker), + performance.mark("Suspense Track", suspenseLaneMarker), + performance.mark("Idle Track", idleLaneMarker)); var previousRenderStartTime = renderStartTime; renderStartTime = now(); if (0 !== workInProgressRootRenderLanes && 0 < previousRenderStartTime) { @@ -18107,18 +17939,18 @@ else { var endTime = renderStartTime; supportsUserTiming && - console.timeStamp( + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = previousRenderStartTime), + (reusableLaneOptions.end = endTime), + performance.measure( (lanes & 536870912) === lanes ? "Prewarm" : (lanes & 201326741) === lanes ? "Interrupted Hydration" : "Interrupted Render", - previousRenderStartTime, - endTime, - currentTrack, - LANES_TRACK_GROUP, - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + reusableLaneOptions + )); } finalizeRender(workInProgressRootRenderLanes, renderStartTime); } @@ -18127,7 +17959,7 @@ 0 <= blockingUpdateTime && blockingUpdateTime < blockingClampTime ? blockingClampTime : blockingUpdateTime; - var clampedEventTime = + endTime = 0 <= blockingEventTime && blockingEventTime < blockingClampTime ? blockingClampTime : blockingEventTime; @@ -18135,196 +17967,120 @@ (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( blockingSuspendedTime, - 0 <= clampedEventTime - ? clampedEventTime + 0 <= endTime + ? endTime : 0 <= previousRenderStartTime ? previousRenderStartTime : renderStartTime, lanes )); var eventType = blockingEventType, - eventIsRepeat = blockingEventIsRepeat; - endTime = blockingSpawnedUpdate; - var renderStartTime$jscomp$0 = renderStartTime, - debugTask = blockingUpdateTask; - if (supportsUserTiming) { - currentTrack = "Blocking"; - if (0 < clampedEventTime && null !== eventType) { - var color = eventIsRepeat ? "secondary-light" : "warning"; - debugTask - ? debugTask.run( - console.timeStamp.bind( - console, - eventIsRepeat ? "" : "Event: " + eventType, - clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - color - ) - ) - : console.timeStamp( - eventIsRepeat ? "" : "Event: " + eventType, - clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - color - ); - } + eventIsRepeat = blockingEventIsRepeat, + isSpawnedUpdate = blockingSpawnedUpdate, + renderStartTime$jscomp$0 = renderStartTime; + supportsUserTiming && + ((reusableLaneDevToolDetails.track = "Blocking"), + 0 < endTime && + null !== eventType && + ((reusableLaneDevToolDetails.color = eventIsRepeat + ? "secondary-light" + : "warning"), + (reusableLaneOptions.start = endTime), + (reusableLaneOptions.end = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0), + performance.measure( + eventIsRepeat ? "" : "Event: " + eventType, + reusableLaneOptions + )), 0 < previousRenderStartTime && - ((clampedEventTime = endTime + ((reusableLaneDevToolDetails.color = isSpawnedUpdate ? "error" : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light"), - debugTask - ? debugTask.run( - console.timeStamp.bind( - console, - endTime - ? "Cascading Update" - : 5 < renderStartTime$jscomp$0 - previousRenderStartTime - ? "Update Blocked" - : "Update", - previousRenderStartTime, - renderStartTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - clampedEventTime - ) - ) - : console.timeStamp( - endTime - ? "Cascading Update" - : 5 < renderStartTime$jscomp$0 - previousRenderStartTime - ? "Update Blocked" - : "Update", - previousRenderStartTime, - renderStartTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - clampedEventTime - )); - } - blockingUpdateTime = -1.1; - blockingUpdateTask = null; - blockingSuspendedTime = -1.1; + (reusableLaneOptions.start = previousRenderStartTime), + (reusableLaneOptions.end = renderStartTime$jscomp$0), + performance.measure( + isSpawnedUpdate + ? "Cascading Update" + : 5 < renderStartTime$jscomp$0 - previousRenderStartTime + ? "Update Blocked" + : "Update", + reusableLaneOptions + ))); + blockingSuspendedTime = blockingUpdateTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; } - if (0 !== (lanes & 4194048)) { - previousRenderStartTime = + 0 !== (lanes & 4194048) && + ((previousRenderStartTime = 0 <= transitionStartTime && transitionStartTime < transitionClampTime ? transitionClampTime - : transitionStartTime; - endTime = + : transitionStartTime), + (endTime = 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime - : transitionUpdateTime; - renderStartTime$jscomp$0 = + : transitionUpdateTime), + (eventType = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime; + : transitionEventTime), 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= renderStartTime$jscomp$0 - ? renderStartTime$jscomp$0 + 0 <= eventType + ? eventType : 0 <= endTime ? endTime : renderStartTime, lanes - )); - debugTask = transitionEventType; - clampedEventTime = transitionEventIsRepeat; - eventType = renderStartTime; - eventIsRepeat = transitionUpdateTask; - if (supportsUserTiming) { - currentTrack = "Transition"; - if (0 < renderStartTime$jscomp$0 && null !== debugTask) { - color = clampedEventTime ? "secondary-light" : "warning"; - var endTime$jscomp$0 = + )), + (eventIsRepeat = transitionEventType), + (isSpawnedUpdate = transitionEventIsRepeat), + (renderStartTime$jscomp$0 = renderStartTime), + supportsUserTiming && + ((reusableLaneDevToolDetails.track = "Transition"), + 0 < eventType && + null !== eventIsRepeat && + ((reusableLaneDevToolDetails.color = isSpawnedUpdate + ? "secondary-light" + : "warning"), + (reusableLaneOptions.start = eventType), + (reusableLaneOptions.end = 0 < previousRenderStartTime ? previousRenderStartTime : 0 < endTime ? endTime - : eventType; - eventIsRepeat - ? eventIsRepeat.run( - console.timeStamp.bind( - console, - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - color - ) - ) - : console.timeStamp( - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, - currentTrack, - LANES_TRACK_GROUP, - color - ); - } + : renderStartTime$jscomp$0), + performance.measure( + isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, + reusableLaneOptions + )), 0 < previousRenderStartTime && - (eventIsRepeat - ? eventIsRepeat.run( - console.timeStamp.bind( - console, - "Action", - previousRenderStartTime, - 0 < endTime ? endTime : eventType, - currentTrack, - LANES_TRACK_GROUP, - "primary-dark" - ) - ) - : console.timeStamp( - "Action", - previousRenderStartTime, - 0 < endTime ? endTime : eventType, - currentTrack, - LANES_TRACK_GROUP, - "primary-dark" - )); + ((reusableLaneDevToolDetails.color = "primary-dark"), + (reusableLaneOptions.start = previousRenderStartTime), + (reusableLaneOptions.end = + 0 < endTime ? endTime : renderStartTime$jscomp$0), + performance.measure("Action", reusableLaneOptions)), 0 < endTime && - (eventIsRepeat - ? eventIsRepeat.run( - console.timeStamp.bind( - console, - 5 < eventType - endTime ? "Update Blocked" : "Update", - endTime, - eventType, - currentTrack, - LANES_TRACK_GROUP, - "primary-light" - ) - ) - : console.timeStamp( - 5 < eventType - endTime ? "Update Blocked" : "Update", - endTime, - eventType, - currentTrack, - LANES_TRACK_GROUP, - "primary-light" - )); - } - transitionUpdateTime = transitionStartTime = -1.1; - transitionUpdateTask = null; - transitionSuspendedTime = -1.1; - transitionEventIsRepeat = !0; - } + ((reusableLaneDevToolDetails.color = "primary-light"), + (reusableLaneOptions.start = endTime), + (reusableLaneOptions.end = renderStartTime$jscomp$0), + performance.measure( + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", + reusableLaneOptions + ))), + (transitionSuspendedTime = + transitionUpdateTime = + transitionStartTime = + -1.1), + (transitionEventIsRepeat = !0)); previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && ((root.timeoutHandle = noTimeout), @@ -18358,10 +18114,10 @@ endTime = root.entangledLanes; if (0 !== endTime) for (root = root.entanglements, endTime &= lanes; 0 < endTime; ) - (renderStartTime$jscomp$0 = 31 - clz32(endTime)), - (debugTask = 1 << renderStartTime$jscomp$0), - (lanes |= root[renderStartTime$jscomp$0]), - (endTime &= ~debugTask); + (eventType = 31 - clz32(endTime)), + (eventIsRepeat = 1 << eventType), + (lanes |= root[eventType]), + (endTime &= ~eventIsRepeat); entangledRenderLanes = lanes; finishQueueingConcurrentUpdates(); root = getCurrentTime(); @@ -18929,18 +18685,10 @@ finishedWork.alternate.memoizedState.isDehydrated && 0 !== (finishedWork.flags & 256) ) - : supportsUserTiming && - console.timeStamp( - (lanes & 536870912) === lanes - ? "Prepared" - : (lanes & 201326741) === lanes - ? "Hydrated" - : "Render", + : logRenderPhase( completedRenderStartTime, completedRenderEndTime, - currentTrack, - LANES_TRACK_GROUP, - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + lanes ); if (null === finishedWork) null !== root.stoppingGestures && stopCompletedGestures(root); @@ -18997,25 +18745,9 @@ commitErrors = null; commitStartTime = now(); suspendedCommitReason === SUSPENDED_COMMIT - ? supportsUserTiming && - console.timeStamp( - "Suspended on CSS or Images", - completedRenderEndTime, - commitStartTime, - currentTrack, - LANES_TRACK_GROUP, - "secondary-light" - ) + ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) : suspendedCommitReason === THROTTLED_COMMIT && - supportsUserTiming && - console.timeStamp( - "Throttled", - completedRenderEndTime, - commitStartTime, - currentTrack, - LANES_TRACK_GROUP, - "secondary-light" - ); + logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if ( @@ -19267,14 +18999,10 @@ !1 ) : supportsUserTiming && - console.timeStamp( - "Commit", - completedRenderEndTime, - suspendedCommitReason, - currentTrack, - LANES_TRACK_GROUP, - "secondary-dark" - ); + ((reusableLaneDevToolDetails.color = "secondary-dark"), + (reusableLaneOptions.start = completedRenderEndTime), + (reusableLaneOptions.end = suspendedCommitReason), + performance.measure("Commit", reusableLaneOptions)); completedRenderEndTime = (lanes & 335544064) === lanes ? 10262 : 10256; (completedRenderEndTime = 0 !== finishedWork.actualDuration || @@ -19685,15 +19413,17 @@ var passiveEffectStartTime = 0; commitErrors = null; passiveEffectStartTime = now$1(); + var startTime = commitEndTime, + endTime = passiveEffectStartTime; + wasDelayedCommit = !!wasDelayedCommit; supportsUserTiming && - console.timeStamp( + ((reusableLaneDevToolDetails.color = "secondary-light"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure( wasDelayedCommit ? "Waiting for Paint" : "", - commitEndTime, - passiveEffectStartTime, - currentTrack, - LANES_TRACK_GROUP, - "secondary-light" - ); + reusableLaneOptions + )); wasDelayedCommit = executionContext; executionContext |= CommitContext; var finishedWork = priority.current; @@ -19721,14 +19451,10 @@ !0 ) : supportsUserTiming && - console.timeStamp( - "Remaining Effects", - finishedWork$jscomp$0, - passiveEffectsEndTime, - currentTrack, - LANES_TRACK_GROUP, - "secondary-dark" - ); + ((reusableLaneDevToolDetails.color = "secondary-dark"), + (reusableLaneOptions.start = finishedWork$jscomp$0), + (reusableLaneOptions.end = passiveEffectsEndTime), + performance.measure("Remaining Effects", reusableLaneOptions)); finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); didScheduleUpdateDuringPassiveEffects @@ -25551,7 +25277,7 @@ (container.callback = callback)); element = enqueueUpdate(rootFiber, container, lane); null !== element && - (startUpdateTimerByLane(lane, "root.render()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(element, rootFiber, lane), entangleTransitions(element, rootFiber, lane)); } @@ -27549,11 +27275,69 @@ }; } var supportsUserTiming = - "undefined" !== typeof console && - "function" === typeof console.timeStamp, + "undefined" !== typeof performance && + "function" === typeof performance.measure, COMPONENTS_TRACK = "Components \u269b", + reusableComponentDevToolDetails = { + color: "primary", + track: COMPONENTS_TRACK + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, LANES_TRACK_GROUP = "Scheduler \u269b", - currentTrack = "Blocking", + reusableLaneDevToolDetails = { + color: "primary", + track: "Blocking", + trackGroup: LANES_TRACK_GROUP + }, + reusableLaneOptions = { + start: -0, + end: -0, + detail: { devtools: reusableLaneDevToolDetails } + }, + blockingLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Blocking", + trackGroup: LANES_TRACK_GROUP + } + } + }, + transitionLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Transition", + trackGroup: LANES_TRACK_GROUP + } + } + }, + suspenseLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Suspense", + trackGroup: LANES_TRACK_GROUP + } + } + }, + idleLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Idle", + trackGroup: LANES_TRACK_GROUP + } + } + }, valueCursor = createCursor(null); var rendererCursorDEV = createCursor(null); var rendererSigil = {}; @@ -27592,11 +27376,6 @@ }, entangledTransitionTypes = null, now = Scheduler.unstable_now, - createTask = console.createTask - ? console.createTask - : function () { - return null; - }, renderStartTime = -0, commitStartTime = -0, commitEndTime = -0, @@ -27609,7 +27388,6 @@ componentEffectErrors = null, blockingClampTime = -0, blockingUpdateTime = -1.1, - blockingUpdateTask = null, blockingEventTime = -1.1, blockingEventType = null, blockingEventIsRepeat = !1, @@ -27618,7 +27396,6 @@ transitionClampTime = -0, transitionStartTime = -1.1, transitionUpdateTime = -1.1, - transitionUpdateTask = null, transitionEventTime = -1.1, transitionEventType = null, transitionEventIsRepeat = !1, @@ -29201,7 +28978,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane, "this.setState()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -29216,7 +28993,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane, "this.replaceState()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -29230,7 +29007,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); callback = enqueueUpdate(inst, update, lane); null !== callback && - (startUpdateTimerByLane(lane, "this.forceUpdate()"), + (startUpdateTimerByLane(lane), scheduleUpdateOnFiber(callback, inst, lane), entangleTransitions(callback, inst, lane)); } @@ -30147,11 +29924,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-408d055a-20250430" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-197d6a04-20250424" !== 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.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-197d6a04-20250424\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30188,10 +29965,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-408d055a-20250430", + version: "19.2.0-experimental-197d6a04-20250424", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-408d055a-20250430" + reconcilerVersion: "19.2.0-experimental-197d6a04-20250424" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30663,7 +30440,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-408d055a-20250430"; + exports.version = "19.2.0-experimental-197d6a04-20250424"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js index 648b8ec65923f..dcde2d365d1ae 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js @@ -3057,10 +3057,29 @@ function getViewTransitionClassName(defaultClass, eventClass) { : eventClass; } var supportsUserTiming = - "undefined" !== typeof console && "function" === typeof console.timeStamp, - currentTrack = "Blocking"; + "undefined" !== typeof performance && + "function" === typeof performance.measure, + reusableComponentDevToolDetails = { + color: "primary", + track: "Components \u269b" + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + reusableLaneDevToolDetails = { + color: "primary", + track: "Blocking", + trackGroup: "Scheduler \u269b" + }, + reusableLaneOptions = { + start: -0, + end: -0, + detail: { devtools: reusableLaneDevToolDetails } + }; function setCurrentTrackFromLanes(lanes) { - currentTrack = + reusableLaneDevToolDetails.track = lanes & 127 ? "Blocking" : lanes & 4194176 @@ -3071,16 +3090,52 @@ function setCurrentTrackFromLanes(lanes) { ? "Idle" : "Other"; } +var blockingLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Blocking", + trackGroup: "Scheduler \u269b" + } + } + }, + transitionLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Transition", + trackGroup: "Scheduler \u269b" + } + } + }, + suspenseLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Suspense", + trackGroup: "Scheduler \u269b" + } + } + }, + idleLaneMarker = { + startTime: 0.003, + detail: { + devtools: { + color: "primary-light", + track: "Idle", + trackGroup: "Scheduler \u269b" + } + } + }; function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - console.timeStamp( - trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" - ); + ((reusableComponentDevToolDetails.color = "warning"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); @@ -3092,12 +3147,7 @@ function logComponentRender(fiber, startTime, endTime, wasHydrated) { if (null === fiber.alternate || fiber.alternate.child !== fiber.child) for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) selfTime -= fiber.actualDuration; - console.timeStamp( - name, - startTime, - endTime, - "Components \u269b", - void 0, + reusableComponentDevToolDetails.color = 0.5 > selfTime ? wasHydrated ? "tertiary-light" @@ -3110,97 +3160,132 @@ function logComponentRender(fiber, startTime, endTime, wasHydrated) { ? wasHydrated ? "tertiary-dark" : "primary-dark" - : "error" - ); + : "error"; + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + performance.measure(name, reusableComponentOptions); } } function logComponentErrored(fiber, startTime, endTime) { - supportsUserTiming && - ((fiber = getComponentNameFromFiber(fiber)), - null !== fiber && - console.timeStamp( - fiber, - startTime, - endTime, - "Components \u269b", - void 0, - "error" - )); + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + null !== name && + performance.measure(name, { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Components \u269b", + tooltipText: + 13 === fiber.tag + ? "Hydration failed" + : "Error boundary caught an error", + properties: [] + } + } + }); + } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { null !== errors ? supportsUserTiming && ((selfTime = getComponentNameFromFiber(fiber)), null !== selfTime && - console.timeStamp( - selfTime, - startTime, - endTime, - "Components \u269b", - void 0, - "error" - )) + performance.measure(selfTime, { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Components \u269b", + tooltipText: "A lifecycle or effect errored", + properties: [] + } + } + })) : ((fiber = getComponentNameFromFiber(fiber)), null !== fiber && supportsUserTiming && - console.timeStamp( - fiber, - startTime, - endTime, - "Components \u269b", - void 0, + ((reusableComponentDevToolDetails.color = 1 > selfTime ? "secondary-light" : 100 > selfTime ? "secondary" : 500 > selfTime ? "secondary-dark" - : "error" - )); + : "error"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + performance.measure(fiber, reusableComponentOptions))); +} +function logRenderPhase(startTime, endTime, lanes) { + supportsUserTiming && + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure( + (lanes & 536870912) === lanes + ? "Prepared" + : (lanes & 201326741) === lanes + ? "Hydrated" + : "Render", + reusableLaneOptions + )); } function logSuspendedRenderPhase(startTime, endTime, lanes) { supportsUserTiming && - console.timeStamp( - "Prewarm", - startTime, - endTime, - currentTrack, - "Scheduler \u269b", - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Prewarm", reusableLaneOptions)); } function logSuspendedWithDelayPhase(startTime, endTime, lanes) { supportsUserTiming && - console.timeStamp( - "Suspended", - startTime, - endTime, - currentTrack, - "Scheduler \u269b", - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Suspended", reusableLaneOptions)); } function logErroredRenderPhase(startTime, endTime) { supportsUserTiming && - console.timeStamp( - "Errored", - startTime, - endTime, - currentTrack, - "Scheduler \u269b", - "error" - ); + ((reusableLaneDevToolDetails.color = "error"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Errored", reusableLaneOptions)); } -function logCommitErrored(startTime, endTime) { +function logSuspenseThrottlePhase(startTime, endTime) { supportsUserTiming && - console.timeStamp( - "Errored", - startTime, - endTime, - currentTrack, - "Scheduler \u269b", - "error" - ); + ((reusableLaneDevToolDetails.color = "secondary-light"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Throttled", reusableLaneOptions)); +} +function logSuspendedCommitPhase(startTime, endTime) { + supportsUserTiming && + ((reusableLaneDevToolDetails.color = "secondary-light"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure("Suspended on CSS or Images", reusableLaneOptions)); +} +function logCommitErrored(startTime, endTime, errors, passive) { + supportsUserTiming && + performance.measure("Errored", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: reusableLaneDevToolDetails.track, + trackGroup: "Scheduler \u269b", + tooltipText: passive ? "Remaining Effects Errored" : "Commit Errored", + properties: [] + } + } + }); } var valueCursor = createCursor(null), currentlyRenderingFiber$1 = null, @@ -5222,7 +5307,7 @@ function updateReducerImpl(hook, current, reducer) { var newBaseQueueFirst = (baseFirst = null), newBaseQueueLast = null, update = current, - didReadFromEntangledAsyncAction$68 = !1; + didReadFromEntangledAsyncAction$67 = !1; do { var updateLane = update.lane & -536870913, shouldSkipUpdate = @@ -5275,11 +5360,11 @@ function updateReducerImpl(hook, current, reducer) { next: null }), updateLane === currentEntangledLane && - (didReadFromEntangledAsyncAction$68 = !0); + (didReadFromEntangledAsyncAction$67 = !0); else if ((renderLanes & scheduledGesture) === scheduledGesture) { update = update.next; scheduledGesture === currentEntangledLane && - (didReadFromEntangledAsyncAction$68 = !0); + (didReadFromEntangledAsyncAction$67 = !0); continue; } else (updateLane = { @@ -5312,7 +5397,7 @@ function updateReducerImpl(hook, current, reducer) { if ( !objectIs(pendingQueue, hook.memoizedState) && ((didReceiveUpdate = !0), - didReadFromEntangledAsyncAction$68 && + didReadFromEntangledAsyncAction$67 && ((reducer = currentEntangledActionThenable), null !== reducer)) ) throw reducer; @@ -5407,8 +5492,7 @@ function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) { } function subscribeToStore(fiber, inst, subscribe) { return subscribe(function () { - checkIfSnapshotChanged(inst) && - (startUpdateTimerByLane(2), forceStoreRerender(fiber)); + checkIfSnapshotChanged(inst) && forceStoreRerender(fiber); }); } function checkIfSnapshotChanged(inst) { @@ -5521,8 +5605,8 @@ function runActionStateAction(actionQueue, node) { try { (prevTransition = action(prevState, payload)), handleActionReturnValue(actionQueue, node, prevTransition); - } catch (error$75) { - onActionError(actionQueue, node, error$75); + } catch (error$74) { + onActionError(actionQueue, node, error$74); } } function handleActionReturnValue(actionQueue, node, returnValue) { @@ -5976,14 +6060,8 @@ function requestFormReset$2(formFiber) { var transition = ReactSharedInternals.T; if (null !== transition && transition.gesture) throw Error(formatProdErrorMessage(555)); - transition = ensureFormComponentIsStateful(formFiber); - null === transition.next && (transition = formFiber.alternate.memoizedState); - dispatchSetStateInternal( - formFiber, - transition.next.queue, - {}, - requestUpdateLane() - ); + transition = ensureFormComponentIsStateful(formFiber).next.queue; + dispatchSetStateInternal(formFiber, transition, {}, requestUpdateLane()); } function useHostTransitionStatus() { return readContext(HostTransitionContext); @@ -6001,15 +6079,15 @@ function refreshCache(fiber, seedKey, seedValue) { case 3: var lane = requestUpdateLane(); fiber = createUpdate(lane); - var root$78 = enqueueUpdate(provider, fiber, lane); - null !== root$78 && + var root$77 = enqueueUpdate(provider, fiber, lane); + null !== root$77 && (startUpdateTimerByLane(lane), - scheduleUpdateOnFiber(root$78, provider, lane), - entangleTransitions(root$78, provider, lane)); + scheduleUpdateOnFiber(root$77, provider, lane), + entangleTransitions(root$77, provider, lane)); provider = createCache(); null !== seedKey && void 0 !== seedKey && - null !== root$78 && + null !== root$77 && provider.data.set(seedKey, seedValue); fiber.payload = { cache: provider }; return; @@ -6576,9 +6654,9 @@ function resolveClassComponentProps(Component, baseProps) { } if ((Component = Component.defaultProps)) { newProps === baseProps && (newProps = assign({}, newProps)); - for (var propName$82 in Component) - void 0 === newProps[propName$82] && - (newProps[propName$82] = Component[propName$82]); + for (var propName$81 in Component) + void 0 === newProps[propName$81] && + (newProps[propName$81] = Component[propName$81]); } return newProps; } @@ -6624,9 +6702,9 @@ function logUncaughtError(root, errorInfo) { try { var onUncaughtError = root.onUncaughtError; onUncaughtError(errorInfo.value, { componentStack: errorInfo.stack }); - } catch (e$83) { + } catch (e$82) { setTimeout(function () { - throw e$83; + throw e$82; }); } } @@ -6637,9 +6715,9 @@ function logCaughtError(root, boundary, errorInfo) { componentStack: errorInfo.stack, errorBoundary: 1 === boundary.tag ? boundary.stateNode : null }); - } catch (e$84) { + } catch (e$83) { setTimeout(function () { - throw e$84; + throw e$83; }); } } @@ -8760,14 +8838,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$126 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$126 = lastTailNode), + for (var lastTailNode$125 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$125 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$126 + null === lastTailNode$125 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$126.sibling = null); + : (lastTailNode$125.sibling = null); } } function bubbleProperties(completedWork) { @@ -8779,53 +8857,53 @@ function bubbleProperties(completedWork) { if (didBailout) if (0 !== (completedWork.mode & 2)) { for ( - var treeBaseDuration$128 = completedWork.selfBaseDuration, - child$129 = completedWork.child; - null !== child$129; + var treeBaseDuration$127 = completedWork.selfBaseDuration, + child$128 = completedWork.child; + null !== child$128; ) - (newChildLanes |= child$129.lanes | child$129.childLanes), - (subtreeFlags |= child$129.subtreeFlags & 65011712), - (subtreeFlags |= child$129.flags & 65011712), - (treeBaseDuration$128 += child$129.treeBaseDuration), - (child$129 = child$129.sibling); - completedWork.treeBaseDuration = treeBaseDuration$128; + (newChildLanes |= child$128.lanes | child$128.childLanes), + (subtreeFlags |= child$128.subtreeFlags & 65011712), + (subtreeFlags |= child$128.flags & 65011712), + (treeBaseDuration$127 += child$128.treeBaseDuration), + (child$128 = child$128.sibling); + completedWork.treeBaseDuration = treeBaseDuration$127; } else for ( - treeBaseDuration$128 = completedWork.child; - null !== treeBaseDuration$128; + treeBaseDuration$127 = completedWork.child; + null !== treeBaseDuration$127; ) (newChildLanes |= - treeBaseDuration$128.lanes | treeBaseDuration$128.childLanes), - (subtreeFlags |= treeBaseDuration$128.subtreeFlags & 65011712), - (subtreeFlags |= treeBaseDuration$128.flags & 65011712), - (treeBaseDuration$128.return = completedWork), - (treeBaseDuration$128 = treeBaseDuration$128.sibling); + treeBaseDuration$127.lanes | treeBaseDuration$127.childLanes), + (subtreeFlags |= treeBaseDuration$127.subtreeFlags & 65011712), + (subtreeFlags |= treeBaseDuration$127.flags & 65011712), + (treeBaseDuration$127.return = completedWork), + (treeBaseDuration$127 = treeBaseDuration$127.sibling); else if (0 !== (completedWork.mode & 2)) { - treeBaseDuration$128 = completedWork.actualDuration; - child$129 = completedWork.selfBaseDuration; + treeBaseDuration$127 = completedWork.actualDuration; + child$128 = completedWork.selfBaseDuration; for (var child = completedWork.child; null !== child; ) (newChildLanes |= child.lanes | child.childLanes), (subtreeFlags |= child.subtreeFlags), (subtreeFlags |= child.flags), - (treeBaseDuration$128 += child.actualDuration), - (child$129 += child.treeBaseDuration), + (treeBaseDuration$127 += child.actualDuration), + (child$128 += child.treeBaseDuration), (child = child.sibling); - completedWork.actualDuration = treeBaseDuration$128; - completedWork.treeBaseDuration = child$129; + completedWork.actualDuration = treeBaseDuration$127; + completedWork.treeBaseDuration = child$128; } else for ( - treeBaseDuration$128 = completedWork.child; - null !== treeBaseDuration$128; + treeBaseDuration$127 = completedWork.child; + null !== treeBaseDuration$127; ) (newChildLanes |= - treeBaseDuration$128.lanes | treeBaseDuration$128.childLanes), - (subtreeFlags |= treeBaseDuration$128.subtreeFlags), - (subtreeFlags |= treeBaseDuration$128.flags), - (treeBaseDuration$128.return = completedWork), - (treeBaseDuration$128 = treeBaseDuration$128.sibling); + treeBaseDuration$127.lanes | treeBaseDuration$127.childLanes), + (subtreeFlags |= treeBaseDuration$127.subtreeFlags), + (subtreeFlags |= treeBaseDuration$127.flags), + (treeBaseDuration$127.return = completedWork), + (treeBaseDuration$127 = treeBaseDuration$127.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -9642,8 +9720,8 @@ function safelyCallComponentWillUnmount( } else try { instance.componentWillUnmount(); - } catch (error$169) { - captureCommitPhaseError(current, nearestMountedAncestor, error$169); + } catch (error$168) { + captureCommitPhaseError(current, nearestMountedAncestor, error$168); } } function safelyAttachRef(current, nearestMountedAncestor) { @@ -9714,8 +9792,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { recordEffectDuration(current); } else ref(null); - } catch (error$171) { - captureCommitPhaseError(current, nearestMountedAncestor, error$171); + } catch (error$170) { + captureCommitPhaseError(current, nearestMountedAncestor, error$170); } else ref.current = null; } @@ -10652,11 +10730,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { } else try { finishedRoot.componentDidMount(); - } catch (error$166) { + } catch (error$165) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$166 + error$165 ); } else { @@ -10673,11 +10751,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$167) { + } catch (error$166) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$167 + error$166 ); } recordEffectDuration(); @@ -10688,11 +10766,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$168) { + } catch (error$167) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$168 + error$167 ); } } @@ -11695,25 +11773,25 @@ function commitReconciliationEffects(finishedWork) { ); break; case 5: - var parent$172 = hostParentFiber.stateNode; + var parent$171 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$172, ""), (hostParentFiber.flags &= -33)); - var before$173 = getHostSibling(finishedWork); + (setTextContent(parent$171, ""), (hostParentFiber.flags &= -33)); + var before$172 = getHostSibling(finishedWork); insertOrAppendPlacementNode( finishedWork, - before$173, - parent$172, + before$172, + parent$171, parentFragmentInstances ); break; case 3: case 4: - var parent$174 = hostParentFiber.stateNode.containerInfo, - before$175 = getHostSibling(finishedWork); + var parent$173 = hostParentFiber.stateNode.containerInfo, + before$174 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$175, - parent$174, + before$174, + parent$173, parentFragmentInstances ); break; @@ -13219,7 +13297,7 @@ function recursivelyInsertClones( if (null === nextPhase) recursivelyInsertNewFiber(deletions, i, parentViewTransition, 5); else { - var nextPhase$216 = deletions.flags; + var nextPhase$215 = deletions.flags; switch (deletions.tag) { case 26: recursivelyInsertClones( @@ -13245,16 +13323,16 @@ function recursivelyInsertClones( (setTextContent(clone, ""), (viewTransitionMutationContext = !0))) : (clone = clone.cloneNode(!1)); - if (nextPhase$216 & 4) { - nextPhase$216 = clone; + if (nextPhase$215 & 4) { + nextPhase$215 = clone; var newProps = deletions.memoizedProps; updateProperties( - nextPhase$216, + nextPhase$215, deletions.type, nextPhase.memoizedProps, newProps ); - nextPhase$216[internalPropsKey] = newProps; + nextPhase$215[internalPropsKey] = newProps; } 1 === visitPhase || 2 === visitPhase ? (appendChild(i, clone), @@ -13273,7 +13351,7 @@ function recursivelyInsertClones( if (null === parentViewTransition) throw Error(formatProdErrorMessage(162)); parentViewTransition = parentViewTransition.cloneNode(!1); - nextPhase$216 & 4 && + nextPhase$215 & 4 && ((parentViewTransition.nodeValue = nextPhase.memoizedProps), (viewTransitionMutationContext = !0)); appendChild(i, parentViewTransition); @@ -13286,7 +13364,7 @@ function recursivelyInsertClones( case 22: null === deletions.memoizedState ? ((nextPhase = - 0 === visitPhase && 0 !== (nextPhase$216 & 8192) + 0 === visitPhase && 0 !== (nextPhase$215 & 8192) ? 1 : visitPhase), recursivelyInsertClones( @@ -13304,8 +13382,8 @@ function recursivelyInsertClones( parentViewTransition = pushMutationContext(); clone = deletions.stateNode; clone.clones = null; - nextPhase$216 = 1 === visitPhase ? 2 : visitPhase; - recursivelyInsertClones(deletions, i, clone, nextPhase$216); + nextPhase$215 = 1 === visitPhase ? 2 : visitPhase; + recursivelyInsertClones(deletions, i, clone, nextPhase$215); viewTransitionMutationContext && (deletions.flags |= 4); 1 === visitPhase ? applyExitViewTransition(deletions) @@ -13555,56 +13633,47 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { switch (yieldReason) { case 3: case 2: + var startTime = yieldStartTime; supportsUserTiming && - console.timeStamp( - "Suspended", - yieldStartTime, - yieldEndTime, - "Components \u269b", - void 0, - "primary-light" - ); + ((reusableComponentDevToolDetails.color = "primary-light"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = yieldEndTime), + performance.measure("Suspended", reusableComponentOptions)); break; case 9: + startTime = yieldStartTime; supportsUserTiming && - console.timeStamp( - "Action", - yieldStartTime, - yieldEndTime, - "Components \u269b", - void 0, - "primary-light" - ); + ((reusableComponentDevToolDetails.color = "primary-light"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = yieldEndTime), + performance.measure("Action", reusableComponentOptions)); break; default: - if (supportsUserTiming) { - var yieldDuration = yieldEndTime - yieldStartTime; + if (((startTime = yieldStartTime), supportsUserTiming)) { + var yieldDuration = yieldEndTime - startTime; 3 > yieldDuration || - console.timeStamp( - "Blocked", - yieldStartTime, - yieldEndTime, - "Components \u269b", - void 0, + ((reusableComponentDevToolDetails.color = 5 > yieldDuration ? "primary-light" : 10 > yieldDuration ? "primary" : 100 > yieldDuration ? "primary-dark" - : "error" - ); + : "error"), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = yieldEndTime), + performance.measure("Blocked", reusableComponentOptions)); } } } var exitStatus = (yieldEndTime = - (!forceSync && - 0 === (lanes & 124) && - 0 === (lanes & root$jscomp$0.expiredLanes)) || - checkIfRootIsPrerendering(root$jscomp$0, lanes)) - ? renderRootConcurrent(root$jscomp$0, lanes) - : renderRootSync(root$jscomp$0, lanes, !0), - renderWasConcurrent = yieldEndTime; + (!forceSync && + 0 === (lanes & 124) && + 0 === (lanes & root$jscomp$0.expiredLanes)) || + checkIfRootIsPrerendering(root$jscomp$0, lanes)) + ? renderRootConcurrent(root$jscomp$0, lanes) + : renderRootSync(root$jscomp$0, lanes, !0); + yieldDuration = yieldEndTime; do { if (0 === exitStatus) { workInProgressRootIsPrerendering && @@ -13615,30 +13684,25 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { yieldReason = lanes; break; } else { - yieldDuration = now$1(); + startTime = now$1(); forceSync = root$jscomp$0.current.alternate; - if ( - renderWasConcurrent && - !isRenderConsistentWithExternalStores(forceSync) - ) { + if (yieldDuration && !isRenderConsistentWithExternalStores(forceSync)) { setCurrentTrackFromLanes(lanes); + forceSync = renderStartTime; + yieldDuration = startTime; supportsUserTiming && - console.timeStamp( - "Teared Render", - renderStartTime, - yieldDuration, - currentTrack, - "Scheduler \u269b", - "error" - ); - finalizeRender(lanes, yieldDuration); + ((reusableLaneDevToolDetails.color = "error"), + (reusableLaneOptions.start = forceSync), + (reusableLaneOptions.end = yieldDuration), + performance.measure("Teared Render", reusableLaneOptions)); + finalizeRender(lanes, startTime); exitStatus = renderRootSync(root$jscomp$0, lanes, !1); - renderWasConcurrent = !1; + yieldDuration = !1; continue; } if (2 === exitStatus) { - renderWasConcurrent = lanes; - if (root$jscomp$0.errorRecoveryDisabledLanes & renderWasConcurrent) + yieldDuration = lanes; + if (root$jscomp$0.errorRecoveryDisabledLanes & yieldDuration) var JSCompiler_inline_result = 0; else (JSCompiler_inline_result = root$jscomp$0.pendingLanes & -536870913), @@ -13650,48 +13714,47 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { : 0); if (0 !== JSCompiler_inline_result) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, yieldDuration); - finalizeRender(lanes, yieldDuration); + logErroredRenderPhase(renderStartTime, startTime); + finalizeRender(lanes, startTime); lanes = JSCompiler_inline_result; var root = root$jscomp$0; - yieldDuration = workInProgressRootConcurrentErrors; + startTime = workInProgressRootConcurrentErrors; var wasRootDehydrated = root.current.memoizedState.isDehydrated; wasRootDehydrated && (prepareFreshStack(root, JSCompiler_inline_result).flags |= 256); exitStatus = renderRootSync(root, JSCompiler_inline_result, !1); 2 !== exitStatus && (workInProgressRootDidAttachPingListener && !wasRootDehydrated - ? ((root.errorRecoveryDisabledLanes |= renderWasConcurrent), - (workInProgressRootInterleavedUpdatedLanes |= - renderWasConcurrent), + ? ((root.errorRecoveryDisabledLanes |= yieldDuration), + (workInProgressRootInterleavedUpdatedLanes |= yieldDuration), (exitStatus = 4)) - : ((renderWasConcurrent = workInProgressRootRecoverableErrors), - (workInProgressRootRecoverableErrors = yieldDuration), - null !== renderWasConcurrent && - ((yieldDuration = renderWasConcurrent), + : ((yieldDuration = workInProgressRootRecoverableErrors), + (workInProgressRootRecoverableErrors = startTime), + null !== yieldDuration && + ((startTime = yieldDuration), null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = yieldDuration) + ? (workInProgressRootRecoverableErrors = startTime) : workInProgressRootRecoverableErrors.push.apply( workInProgressRootRecoverableErrors, - yieldDuration + startTime )))); - renderWasConcurrent = !1; + yieldDuration = !1; if (2 !== exitStatus) continue; - else yieldDuration = now$1(); + else startTime = now$1(); } } if (1 === exitStatus) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, yieldDuration); - finalizeRender(lanes, yieldDuration); + logErroredRenderPhase(renderStartTime, startTime); + finalizeRender(lanes, startTime); prepareFreshStack(root$jscomp$0, 0); markRootSuspended(root$jscomp$0, lanes, 0, !0); break; } a: { yieldEndTime = root$jscomp$0; - renderWasConcurrent = exitStatus; - switch (renderWasConcurrent) { + yieldDuration = exitStatus; + switch (yieldDuration) { case 0: case 1: throw Error(formatProdErrorMessage(345)); @@ -13699,13 +13762,13 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { if ((lanes & 4194048) !== lanes) break; case 6: setCurrentTrackFromLanes(lanes); - logSuspendedRenderPhase(renderStartTime, yieldDuration, lanes); - finalizeRender(lanes, yieldDuration); + logSuspendedRenderPhase(renderStartTime, startTime, lanes); + finalizeRender(lanes, startTime); forceSync = lanes; 0 !== (forceSync & 3) || 0 !== (forceSync & 124) - ? (blockingSuspendedTime = yieldDuration) + ? (blockingSuspendedTime = startTime) : 0 !== (forceSync & 4194048) && - (transitionSuspendedTime = yieldDuration); + (transitionSuspendedTime = startTime); markRootSuspended( yieldEndTime, lanes, @@ -13747,10 +13810,10 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - renderWasConcurrent, + yieldDuration, 2, renderStartTime, - yieldDuration + startTime ), exitStatus ); @@ -13767,10 +13830,10 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - renderWasConcurrent, + yieldDuration, 0, renderStartTime, - yieldDuration + startTime ); } } @@ -13948,38 +14011,10 @@ function finalizeRender(lanes, finalizationTime) { } function prepareFreshStack(root, lanes) { supportsUserTiming && - (console.timeStamp( - "Blocking Track", - 0.003, - 0.003, - "Blocking", - "Scheduler \u269b", - "primary-light" - ), - console.timeStamp( - "Transition Track", - 0.003, - 0.003, - "Transition", - "Scheduler \u269b", - "primary-light" - ), - console.timeStamp( - "Suspense Track", - 0.003, - 0.003, - "Suspense", - "Scheduler \u269b", - "primary-light" - ), - console.timeStamp( - "Idle Track", - 0.003, - 0.003, - "Idle", - "Scheduler \u269b", - "primary-light" - )); + (performance.mark("Blocking Track", blockingLaneMarker), + performance.mark("Transition Track", transitionLaneMarker), + performance.mark("Suspense Track", suspenseLaneMarker), + performance.mark("Idle Track", idleLaneMarker)); var previousRenderStartTime = renderStartTime; renderStartTime = now(); if (0 !== workInProgressRootRenderLanes && 0 < previousRenderStartTime) { @@ -13992,18 +14027,18 @@ function prepareFreshStack(root, lanes) { else { var endTime = renderStartTime; supportsUserTiming && - console.timeStamp( + ((reusableLaneDevToolDetails.color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + (reusableLaneOptions.start = previousRenderStartTime), + (reusableLaneOptions.end = endTime), + performance.measure( (lanes & 536870912) === lanes ? "Prewarm" : (lanes & 201326741) === lanes ? "Interrupted Hydration" : "Interrupted Render", - previousRenderStartTime, - endTime, - currentTrack, - "Scheduler \u269b", - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + reusableLaneOptions + )); } finalizeRender(workInProgressRootRenderLanes, renderStartTime); } @@ -14032,36 +14067,37 @@ function prepareFreshStack(root, lanes) { isSpawnedUpdate = blockingSpawnedUpdate, renderStartTime$jscomp$0 = renderStartTime; supportsUserTiming && - ((currentTrack = "Blocking"), + ((reusableLaneDevToolDetails.track = "Blocking"), 0 < endTime && null !== eventType && - console.timeStamp( - eventIsRepeat ? "" : "Event: " + eventType, - endTime, + ((reusableLaneDevToolDetails.color = eventIsRepeat + ? "secondary-light" + : "warning"), + (reusableLaneOptions.start = endTime), + (reusableLaneOptions.end = 0 < previousRenderStartTime ? previousRenderStartTime - : renderStartTime$jscomp$0, - currentTrack, - "Scheduler \u269b", - eventIsRepeat ? "secondary-light" : "warning" - ), + : renderStartTime$jscomp$0), + performance.measure( + eventIsRepeat ? "" : "Event: " + eventType, + reusableLaneOptions + )), 0 < previousRenderStartTime && - console.timeStamp( + ((reusableLaneDevToolDetails.color = isSpawnedUpdate + ? "error" + : (lanes & 738197653) === lanes + ? "tertiary-light" + : "primary-light"), + (reusableLaneOptions.start = previousRenderStartTime), + (reusableLaneOptions.end = renderStartTime$jscomp$0), + performance.measure( isSpawnedUpdate ? "Cascading Update" : 5 < renderStartTime$jscomp$0 - previousRenderStartTime ? "Update Blocked" : "Update", - previousRenderStartTime, - renderStartTime$jscomp$0, - currentTrack, - "Scheduler \u269b", - isSpawnedUpdate - ? "error" - : (lanes & 738197653) === lanes - ? "tertiary-light" - : "primary-light" - )); + reusableLaneOptions + ))); blockingSuspendedTime = blockingUpdateTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; @@ -14090,39 +14126,37 @@ function prepareFreshStack(root, lanes) { (isSpawnedUpdate = transitionEventIsRepeat), (renderStartTime$jscomp$0 = renderStartTime), supportsUserTiming && - ((currentTrack = "Transition"), + ((reusableLaneDevToolDetails.track = "Transition"), 0 < eventType && null !== eventIsRepeat && - console.timeStamp( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - eventType, + ((reusableLaneDevToolDetails.color = isSpawnedUpdate + ? "secondary-light" + : "warning"), + (reusableLaneOptions.start = eventType), + (reusableLaneOptions.end = 0 < previousRenderStartTime ? previousRenderStartTime : 0 < endTime ? endTime - : renderStartTime$jscomp$0, - currentTrack, - "Scheduler \u269b", - isSpawnedUpdate ? "secondary-light" : "warning" - ), + : renderStartTime$jscomp$0), + performance.measure( + isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, + reusableLaneOptions + )), 0 < previousRenderStartTime && - console.timeStamp( - "Action", - previousRenderStartTime, - 0 < endTime ? endTime : renderStartTime$jscomp$0, - currentTrack, - "Scheduler \u269b", - "primary-dark" - ), + ((reusableLaneDevToolDetails.color = "primary-dark"), + (reusableLaneOptions.start = previousRenderStartTime), + (reusableLaneOptions.end = + 0 < endTime ? endTime : renderStartTime$jscomp$0), + performance.measure("Action", reusableLaneOptions)), 0 < endTime && - console.timeStamp( + ((reusableLaneDevToolDetails.color = "primary-light"), + (reusableLaneOptions.start = endTime), + (reusableLaneOptions.end = renderStartTime$jscomp$0), + performance.measure( 5 < renderStartTime$jscomp$0 - endTime ? "Update Blocked" : "Update", - endTime, - renderStartTime$jscomp$0, - currentTrack, - "Scheduler \u269b", - "primary-light" - )), + reusableLaneOptions + ))), (transitionSuspendedTime = transitionUpdateTime = transitionStartTime = @@ -14298,8 +14332,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); memoizedUpdaters = workInProgressRootExitStatus; break; - } catch (thrownValue$223) { - handleThrow(root, thrownValue$223); + } catch (thrownValue$222) { + handleThrow(root, thrownValue$222); } while (1); lanes && root.shellSuspendCounter++; @@ -14424,8 +14458,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$225) { - handleThrow(root, thrownValue$225); + } catch (thrownValue$224) { + handleThrow(root, thrownValue$224); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -14637,27 +14671,26 @@ function commitRoot( ? logErroredRenderPhase(completedRenderStartTime, completedRenderEndTime) : null !== recoverableErrors ? supportsUserTiming && - console.timeStamp( - "Recovered", - completedRenderStartTime, - completedRenderEndTime, - currentTrack, - "Scheduler \u269b", - "error" - ) - : supportsUserTiming && - console.timeStamp( - (lanes & 536870912) === lanes - ? "Prepared" - : (lanes & 201326741) === lanes - ? "Hydrated" - : "Render", - completedRenderStartTime, - completedRenderEndTime, - currentTrack, - "Scheduler \u269b", - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" - ); + performance.measure("Recovered", { + start: completedRenderStartTime, + end: completedRenderEndTime, + detail: { + devtools: { + color: "primary-dark", + track: reusableLaneDevToolDetails.track, + trackGroup: "Scheduler \u269b", + tooltipText: + null !== finishedWork && + null !== finishedWork.alternate && + finishedWork.alternate.memoizedState.isDehydrated && + 0 !== (finishedWork.flags & 256) + ? "Hydration Failed" + : "Recovered after Error", + properties: [] + } + } + }) + : logRenderPhase(completedRenderStartTime, completedRenderEndTime, lanes); if (null === finishedWork) null !== root.stoppingGestures && stopCompletedGestures(root); else { @@ -14705,25 +14738,9 @@ function commitRoot( commitErrors = null; commitStartTime = now(); 1 === suspendedCommitReason - ? supportsUserTiming && - console.timeStamp( - "Suspended on CSS or Images", - completedRenderEndTime, - commitStartTime, - currentTrack, - "Scheduler \u269b", - "secondary-light" - ) + ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) : 2 === suspendedCommitReason && - supportsUserTiming && - console.timeStamp( - "Throttled", - completedRenderEndTime, - commitStartTime, - currentTrack, - "Scheduler \u269b", - "secondary-light" - ); + logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if (0 !== (finishedWork.subtreeFlags & 13878) || suspendedCommitReason) { @@ -14945,16 +14962,17 @@ function flushSpawnedWork() { 0 === suspendedCommitReason ? completedRenderEndTime : commitStartTime; suspendedCommitReason = commitEndTime; null !== commitErrors - ? logCommitErrored(completedRenderEndTime, suspendedCommitReason) - : supportsUserTiming && - console.timeStamp( - "Commit", + ? logCommitErrored( completedRenderEndTime, suspendedCommitReason, - currentTrack, - "Scheduler \u269b", - "secondary-dark" - ); + commitErrors, + !1 + ) + : supportsUserTiming && + ((reusableLaneDevToolDetails.color = "secondary-dark"), + (reusableLaneOptions.start = completedRenderEndTime), + (reusableLaneOptions.end = suspendedCommitReason), + performance.measure("Commit", reusableLaneOptions)); completedRenderEndTime = (lanes & 335544064) === lanes ? 10262 : 10256; (completedRenderEndTime = 0 !== finishedWork.actualDuration || @@ -15137,26 +15155,26 @@ function commitGestureOnRoot(root, finishedWork) { } var rotate = computedStyle.rotate; if ("none" !== rotate && "" !== rotate) { - var parts$303 = rotate.split(" "); + var parts$302 = rotate.split(" "); transform = - 1 === parts$303.length - ? "rotate(" + parts$303[0] + ") " + transform - : 2 === parts$303.length + 1 === parts$302.length + ? "rotate(" + parts$302[0] + ") " + transform + : 2 === parts$302.length ? "rotate" + - parts$303[0].toUpperCase() + + parts$302[0].toUpperCase() + "(" + - parts$303[1] + + parts$302[1] + ") " + transform - : "rotate3d(" + parts$303.join(", ") + ") " + transform; + : "rotate3d(" + parts$302.join(", ") + ") " + transform; } var translate = computedStyle.translate; if ("none" !== translate && "" !== translate) { - var parts$304 = translate.split(" "); + var parts$303 = translate.split(" "); transform = - (3 === parts$304.length ? "translate3d" : "translate") + + (3 === parts$303.length ? "translate3d" : "translate") + "(" + - parts$304.join(", ") + + parts$303.join(", ") + ") " + transform; } @@ -15307,15 +15325,17 @@ function flushPassiveEffects(wasDelayedCommit) { var passiveEffectStartTime = 0; commitErrors = null; passiveEffectStartTime = now$1(); + var startTime = commitEndTime, + endTime = passiveEffectStartTime; + wasDelayedCommit = !!wasDelayedCommit; supportsUserTiming && - console.timeStamp( + ((reusableLaneDevToolDetails.color = "secondary-light"), + (reusableLaneOptions.start = startTime), + (reusableLaneOptions.end = endTime), + performance.measure( wasDelayedCommit ? "Waiting for Paint" : "", - commitEndTime, - passiveEffectStartTime, - currentTrack, - "Scheduler \u269b", - "secondary-light" - ); + reusableLaneOptions + )); wasDelayedCommit = executionContext; executionContext |= 4; var finishedWork = renderPriority.current; @@ -15335,16 +15355,17 @@ function flushPassiveEffects(wasDelayedCommit) { var passiveEffectsEndTime = now$1(); finishedWork$jscomp$0 = passiveEffectStartTime; null !== commitErrors - ? logCommitErrored(finishedWork$jscomp$0, passiveEffectsEndTime) - : supportsUserTiming && - console.timeStamp( - "Remaining Effects", + ? logCommitErrored( finishedWork$jscomp$0, passiveEffectsEndTime, - currentTrack, - "Scheduler \u269b", - "secondary-dark" - ); + commitErrors, + !0 + ) + : supportsUserTiming && + ((reusableLaneDevToolDetails.color = "secondary-dark"), + (reusableLaneOptions.start = finishedWork$jscomp$0), + (reusableLaneOptions.end = passiveEffectsEndTime), + performance.measure("Remaining Effects", reusableLaneOptions)); finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); if ( @@ -15516,14 +15537,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$231 = firstScheduledRoot; null !== root$231; ) { + for (var root$230 = firstScheduledRoot; null !== root$230; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$231.pendingLanes; + var pendingLanes = root$230.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$231.suspendedLanes, - pingedLanes = root$231.pingedLanes; + var suspendedLanes = root$230.suspendedLanes, + pingedLanes = root$230.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -15537,21 +15558,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$231, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$230, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$231, - root$231 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$231.cancelPendingCommit || - -1 !== root$231.timeoutHandle + root$230, + root$230 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$230.cancelPendingCommit || + -1 !== root$230.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$231, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$230, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$231, JSCompiler_inline_result)); - root$231 = root$231.next; + performSyncWorkOnRoot(root$230, JSCompiler_inline_result)); + root$230 = root$230.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -15836,20 +15857,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1949 = 0; - i$jscomp$inline_1949 < simpleEventPluginEvents.length; - i$jscomp$inline_1949++ + var i$jscomp$inline_1929 = 0; + i$jscomp$inline_1929 < simpleEventPluginEvents.length; + i$jscomp$inline_1929++ ) { - var eventName$jscomp$inline_1950 = - simpleEventPluginEvents[i$jscomp$inline_1949], - domEventName$jscomp$inline_1951 = - eventName$jscomp$inline_1950.toLowerCase(), - capitalizedEvent$jscomp$inline_1952 = - eventName$jscomp$inline_1950[0].toUpperCase() + - eventName$jscomp$inline_1950.slice(1); + var eventName$jscomp$inline_1930 = + simpleEventPluginEvents[i$jscomp$inline_1929], + domEventName$jscomp$inline_1931 = + eventName$jscomp$inline_1930.toLowerCase(), + capitalizedEvent$jscomp$inline_1932 = + eventName$jscomp$inline_1930[0].toUpperCase() + + eventName$jscomp$inline_1930.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1951, - "on" + capitalizedEvent$jscomp$inline_1952 + domEventName$jscomp$inline_1931, + "on" + capitalizedEvent$jscomp$inline_1932 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -17106,34 +17127,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$245 = props[hasSrc]; - if (null != propValue$245) + var propValue$244 = props[hasSrc]; + if (null != propValue$244) switch (hasSrc) { case "name": - hasSrcSet = propValue$245; + hasSrcSet = propValue$244; break; case "type": - propValue = propValue$245; + propValue = propValue$244; break; case "checked": - checked = propValue$245; + checked = propValue$244; break; case "defaultChecked": - defaultChecked = propValue$245; + defaultChecked = propValue$244; break; case "value": - propKey = propValue$245; + propKey = propValue$244; break; case "defaultValue": - defaultValue = propValue$245; + defaultValue = propValue$244; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$245) + if (null != propValue$244) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$245, props, null); + setProp(domElement, tag, hasSrc, propValue$244, props, null); } } initInput( @@ -17272,14 +17293,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$245 in props) - props.hasOwnProperty(propValue$245) && - ((hasSrc = props[propValue$245]), + for (propValue$244 in props) + props.hasOwnProperty(propValue$244) && + ((hasSrc = props[propValue$244]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$245, + propValue$244, hasSrc, props, void 0 @@ -17327,14 +17348,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$262 in nextProps) { - var propKey = nextProps[propKey$262]; - lastProp = lastProps[propKey$262]; + for (var propKey$261 in nextProps) { + var propKey = nextProps[propKey$261]; + lastProp = lastProps[propKey$261]; if ( - nextProps.hasOwnProperty(propKey$262) && + nextProps.hasOwnProperty(propKey$261) && (null != propKey || null != lastProp) ) - switch (propKey$262) { + switch (propKey$261) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -17369,7 +17390,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$262, + propKey$261, propKey, nextProps, lastProp @@ -17388,7 +17409,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$262 = null; + propKey = value = defaultValue = propKey$261 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -17420,7 +17441,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$262 = type; + propKey$261 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -17443,15 +17464,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$262 - ? updateOptions(domElement, !!lastProps, propKey$262, !1) + null != propKey$261 + ? updateOptions(domElement, !!lastProps, propKey$261, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$262 = null; + propKey = propKey$261 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -17476,7 +17497,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$262 = name; + propKey$261 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -17491,17 +17512,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$262, propKey); + updateTextarea(domElement, propKey$261, propKey); return; case "option": - for (var propKey$278 in lastProps) + for (var propKey$277 in lastProps) if ( - ((propKey$262 = lastProps[propKey$278]), - lastProps.hasOwnProperty(propKey$278) && - null != propKey$262 && - !nextProps.hasOwnProperty(propKey$278)) + ((propKey$261 = lastProps[propKey$277]), + lastProps.hasOwnProperty(propKey$277) && + null != propKey$261 && + !nextProps.hasOwnProperty(propKey$277)) ) - switch (propKey$278) { + switch (propKey$277) { case "selected": domElement.selected = !1; break; @@ -17509,34 +17530,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$278, + propKey$277, null, nextProps, - propKey$262 + propKey$261 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$262 = nextProps[lastDefaultValue]), + ((propKey$261 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$262 !== propKey && - (null != propKey$262 || null != propKey)) + propKey$261 !== propKey && + (null != propKey$261 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$262 !== propKey && (viewTransitionMutationContext = !0); + propKey$261 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$262 && - "function" !== typeof propKey$262 && - "symbol" !== typeof propKey$262; + propKey$261 && + "function" !== typeof propKey$261 && + "symbol" !== typeof propKey$261; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$262, + propKey$261, nextProps, propKey ); @@ -17557,24 +17578,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$283 in lastProps) - (propKey$262 = lastProps[propKey$283]), - lastProps.hasOwnProperty(propKey$283) && - null != propKey$262 && - !nextProps.hasOwnProperty(propKey$283) && - setProp(domElement, tag, propKey$283, null, nextProps, propKey$262); + for (var propKey$282 in lastProps) + (propKey$261 = lastProps[propKey$282]), + lastProps.hasOwnProperty(propKey$282) && + null != propKey$261 && + !nextProps.hasOwnProperty(propKey$282) && + setProp(domElement, tag, propKey$282, null, nextProps, propKey$261); for (checked in nextProps) if ( - ((propKey$262 = nextProps[checked]), + ((propKey$261 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$262 !== propKey && - (null != propKey$262 || null != propKey)) + propKey$261 !== propKey && + (null != propKey$261 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$262) + if (null != propKey$261) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -17582,7 +17603,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$262, + propKey$261, nextProps, propKey ); @@ -17590,49 +17611,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$288 in lastProps) - (propKey$262 = lastProps[propKey$288]), - lastProps.hasOwnProperty(propKey$288) && - void 0 !== propKey$262 && - !nextProps.hasOwnProperty(propKey$288) && + for (var propKey$287 in lastProps) + (propKey$261 = lastProps[propKey$287]), + lastProps.hasOwnProperty(propKey$287) && + void 0 !== propKey$261 && + !nextProps.hasOwnProperty(propKey$287) && setPropOnCustomElement( domElement, tag, - propKey$288, + propKey$287, void 0, nextProps, - propKey$262 + propKey$261 ); for (defaultChecked in nextProps) - (propKey$262 = nextProps[defaultChecked]), + (propKey$261 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$262 === propKey || - (void 0 === propKey$262 && void 0 === propKey) || + propKey$261 === propKey || + (void 0 === propKey$261 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$262, + propKey$261, nextProps, propKey ); return; } } - for (var propKey$293 in lastProps) - (propKey$262 = lastProps[propKey$293]), - lastProps.hasOwnProperty(propKey$293) && - null != propKey$262 && - !nextProps.hasOwnProperty(propKey$293) && - setProp(domElement, tag, propKey$293, null, nextProps, propKey$262); + for (var propKey$292 in lastProps) + (propKey$261 = lastProps[propKey$292]), + lastProps.hasOwnProperty(propKey$292) && + null != propKey$261 && + !nextProps.hasOwnProperty(propKey$292) && + setProp(domElement, tag, propKey$292, null, nextProps, propKey$261); for (lastProp in nextProps) - (propKey$262 = nextProps[lastProp]), + (propKey$261 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$262 === propKey || - (null == propKey$262 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$262, nextProps, propKey); + propKey$261 === propKey || + (null == propKey$261 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$261, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -18197,20 +18218,20 @@ function startGestureTransition( ))) : (isExitGroupAnim = !0); } - var timing$308 = pseudoElement.getTiming(); + var timing$307 = pseudoElement.getTiming(); anim = rangeEnd - - (("number" === typeof timing$308.duration - ? timing$308.duration + (("number" === typeof timing$307.duration + ? timing$307.duration : 0) + - timing$308.delay) * + timing$307.delay) * longestDuration; - groupName = rangeEnd - timing$308.delay * longestDuration; + groupName = rangeEnd - timing$307.delay * longestDuration; if ( - "reverse" === timing$308.direction || - "alternate-reverse" === timing$308.direction + "reverse" === timing$307.direction || + "alternate-reverse" === timing$307.direction ) - (timing$308 = anim), (anim = groupName), (groupName = timing$308); + (timing$307 = anim), (anim = groupName), (groupName = timing$307); animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, @@ -19049,26 +19070,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$313 = getResourcesFromRoot( + var styles$312 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$314 = styles$313.get(type); - resource$314 || + resource$313 = styles$312.get(type); + resource$313 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$314 = { + (resource$313 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$313.set(type, resource$314), - (styles$313 = JSCompiler_inline_result.querySelector( + styles$312.set(type, resource$313), + (styles$312 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$313._p && - ((resource$314.instance = styles$313), - (resource$314.state.loading = 5)), + !styles$312._p && + ((resource$313.instance = styles$312), + (resource$313.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -19081,16 +19102,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$313 || + styles$312 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$314.state + resource$313.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$314; + return resource$313; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -19187,37 +19208,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$319 = hoistableRoot.querySelector( + var instance$318 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$319) + if (instance$318) return ( (resource.state.loading |= 4), - (resource.instance = instance$319), - markNodeAsHoistable(instance$319), - instance$319 + (resource.instance = instance$318), + markNodeAsHoistable(instance$318), + instance$318 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$319 = ( + instance$318 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$319); - var linkInstance = instance$319; + markNodeAsHoistable(instance$318); + var linkInstance = instance$318; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$319, "link", instance); + setInitialProperties(instance$318, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$319, props.precedence, hoistableRoot); - return (resource.instance = instance$319); + insertStylesheet(instance$318, props.precedence, hoistableRoot); + return (resource.instance = instance$318); case "script": - instance$319 = getScriptKey(props.src); + instance$318 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$319) + getScriptSelectorFromKey(instance$318) )) ) return ( @@ -19226,7 +19247,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$319))) + if ((styleProps = preloadPropsMap.get(instance$318))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -20308,16 +20329,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2265 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2245 = React.version; if ( - "19.2.0-experimental-408d055a-20250430" !== - isomorphicReactPackageVersion$jscomp$inline_2265 + "19.2.0-experimental-197d6a04-20250424" !== + isomorphicReactPackageVersion$jscomp$inline_2245 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2265, - "19.2.0-experimental-408d055a-20250430" + isomorphicReactPackageVersion$jscomp$inline_2245, + "19.2.0-experimental-197d6a04-20250424" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -20337,24 +20358,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2903 = { +var internals$jscomp$inline_2891 = { bundleType: 0, - version: "19.2.0-experimental-408d055a-20250430", + version: "19.2.0-experimental-197d6a04-20250424", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-408d055a-20250430" + reconcilerVersion: "19.2.0-experimental-197d6a04-20250424" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2904 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2892 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2904.isDisabled && - hook$jscomp$inline_2904.supportsFiber + !hook$jscomp$inline_2892.isDisabled && + hook$jscomp$inline_2892.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2904.inject( - internals$jscomp$inline_2903 + (rendererID = hook$jscomp$inline_2892.inject( + internals$jscomp$inline_2891 )), - (injectedHook = hook$jscomp$inline_2904); + (injectedHook = hook$jscomp$inline_2892); } catch (err) {} } function noop() {} @@ -20607,7 +20628,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-408d055a-20250430"; +exports.version = "19.2.0-experimental-197d6a04-20250424"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js index 4b3b185e5c2ca..c95d808c4a29b 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js @@ -1398,29 +1398,14 @@ return content; } function injectFormReplayingRuntime(resumableState, renderState) { - if ( - (resumableState.instructions & 16) === NothingSent && - !renderState.externalRuntimeScript - ) { - resumableState.instructions |= 16; - var preamble = renderState.preamble, - bootstrapChunks = renderState.bootstrapChunks; - (preamble.htmlChunks || preamble.headChunks) && - 0 === bootstrapChunks.length - ? (bootstrapChunks.push(renderState.startInlineScript), - pushCompletedShellIdAttribute(bootstrapChunks, resumableState), - bootstrapChunks.push( - endOfStartTag, - formReplayingRuntimeScript, - "\x3c/script>" - )) - : bootstrapChunks.unshift( - renderState.startInlineScript, - endOfStartTag, - formReplayingRuntimeScript, - "\x3c/script>" - ); - } + (resumableState.instructions & 16) !== NothingSent || + renderState.externalRuntimeScript || + ((resumableState.instructions |= 16), + renderState.bootstrapChunks.unshift( + renderState.startInlineScript, + formReplayingRuntimeScript, + "\x3c/script>" + )); } function pushLinkImpl(target, props) { target.push(startChunkForTag("link")); @@ -3148,15 +3133,6 @@ styleQueue.sheets.forEach(preloadLateStyle, this); styleQueue.sheets.clear(); } - function pushCompletedShellIdAttribute(target, resumableState) { - (resumableState.instructions & SentCompletedShellId) === NothingSent && - ((resumableState.instructions |= SentCompletedShellId), - target.push( - completedShellIdAttributeStart, - escapeTextForBrowser("\u00ab" + resumableState.idPrefix + "R\u00bb"), - attributeEnd - )); - } function writeStyleResourceDependenciesInJS(destination, hoistableState) { destination.push(arrayFirstOpenBracket); var nextArrayOpenBrackChunk = arrayFirstOpenBracket; @@ -3476,18 +3452,16 @@ bootstrapScripts = resumableState.bootstrapScripts, bootstrapModules = resumableState.bootstrapModules; void 0 !== bootstrapScriptContent && - (bootstrapChunks.push("", escapeEntireInlineScriptContent(bootstrapScriptContent), "\x3c/script>" - )); + ); idPrefix = { placeholderPrefix: idPrefix + "P:", segmentPrefix: idPrefix + "S:", boundaryPrefix: idPrefix + "B:", - startInlineScript: "", preamble: createPreambleState(), externalRuntimeScript: null, bootstrapChunks: bootstrapChunks, @@ -3552,25 +3526,18 @@ ? "use-credentials" : "")); preloadBootstrapScriptOrModule(resumableState, idPrefix, src, props); - bootstrapChunks.push( - '