From e786a226bb6e2914cb9df71f5cc6a2d99b4bc77e Mon Sep 17 00:00:00 2001 From: nextjs-bot Date: Thu, 3 Jul 2025 16:27:07 +0000 Subject: [PATCH 1/6] Update `react@experimental` --- package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index cfe81b61241f9..a464e32187378 100644 --- a/package.json +++ b/package.json @@ -236,13 +236,13 @@ "react-builtin": "npm:react@19.2.0-canary-73aa744b-20250702", "react-dom": "19.0.0", "react-dom-builtin": "npm:react-dom@19.2.0-canary-73aa744b-20250702", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-73aa744b-20250702", - "react-experimental-builtin": "npm:react@0.0.0-experimental-73aa744b-20250702", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-ef8b6fa2-20250702", + "react-experimental-builtin": "npm:react@0.0.0-experimental-ef8b6fa2-20250702", "react-is-builtin": "npm:react-is@19.2.0-canary-73aa744b-20250702", "react-server-dom-turbopack": "19.2.0-canary-73aa744b-20250702", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-73aa744b-20250702", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-ef8b6fa2-20250702", "react-server-dom-webpack": "19.2.0-canary-73aa744b-20250702", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-73aa744b-20250702", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-ef8b6fa2-20250702", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -253,7 +253,7 @@ "sass": "1.54.0", "satori": "0.12.2", "scheduler-builtin": "npm:scheduler@0.27.0-canary-73aa744b-20250702", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-73aa744b-20250702", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-ef8b6fa2-20250702", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", From 4903df905ba6f3972fb809f6f29a49642ee30b56 Mon Sep 17 00:00:00 2001 From: nextjs-bot Date: Thu, 3 Jul 2025 16:27:08 +0000 Subject: [PATCH 2/6] Update `react` --- package.json | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index a464e32187378..a0359c8afa5a5 100644 --- a/package.json +++ b/package.json @@ -233,15 +233,15 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.2.0-canary-73aa744b-20250702", + "react-builtin": "npm:react@19.2.0-canary-ef8b6fa2-20250702", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.2.0-canary-73aa744b-20250702", + "react-dom-builtin": "npm:react-dom@19.2.0-canary-ef8b6fa2-20250702", "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-ef8b6fa2-20250702", "react-experimental-builtin": "npm:react@0.0.0-experimental-ef8b6fa2-20250702", - "react-is-builtin": "npm:react-is@19.2.0-canary-73aa744b-20250702", - "react-server-dom-turbopack": "19.2.0-canary-73aa744b-20250702", + "react-is-builtin": "npm:react-is@19.2.0-canary-ef8b6fa2-20250702", + "react-server-dom-turbopack": "19.2.0-canary-ef8b6fa2-20250702", "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-ef8b6fa2-20250702", - "react-server-dom-webpack": "19.2.0-canary-73aa744b-20250702", + "react-server-dom-webpack": "19.2.0-canary-ef8b6fa2-20250702", "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-ef8b6fa2-20250702", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", @@ -252,7 +252,7 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.12.2", - "scheduler-builtin": "npm:scheduler@0.27.0-canary-73aa744b-20250702", + "scheduler-builtin": "npm:scheduler@0.27.0-canary-ef8b6fa2-20250702", "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-ef8b6fa2-20250702", "seedrandom": "3.0.5", "semver": "7.3.7", @@ -296,10 +296,10 @@ "@types/react-dom": "19.1.2", "@types/retry": "0.12.0", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.2.0-canary-73aa744b-20250702", - "react-dom": "19.2.0-canary-73aa744b-20250702", - "react-is": "19.2.0-canary-73aa744b-20250702", - "scheduler": "0.27.0-canary-73aa744b-20250702" + "react": "19.2.0-canary-ef8b6fa2-20250702", + "react-dom": "19.2.0-canary-ef8b6fa2-20250702", + "react-is": "19.2.0-canary-ef8b6fa2-20250702", + "scheduler": "0.27.0-canary-ef8b6fa2-20250702" }, "patchedDependencies": { "webpack-sources@3.2.3": "patches/webpack-sources@3.2.3.patch", From e1248a58b27573313d9fb489a628c97d6ff0d959 Mon Sep 17 00:00:00 2001 From: nextjs-bot Date: Thu, 3 Jul 2025 16:27:09 +0000 Subject: [PATCH 3/6] Updated peer dependency references in apps From f3e6499b5cf1f9805ec32695886a63cc4eec8f7b Mon Sep 17 00:00:00 2001 From: nextjs-bot Date: Thu, 3 Jul 2025 16:27:09 +0000 Subject: [PATCH 4/6] Updated peer dependency references in libraries From 66b7242201ef44efbad1800b8a040536eda6b143 Mon Sep 17 00:00:00 2001 From: nextjs-bot Date: Thu, 3 Jul 2025 16:27:22 +0000 Subject: [PATCH 5/6] Update lockfile --- pnpm-lock.yaml | 478 ++++++++++++++++++++++++------------------------- 1 file changed, 239 insertions(+), 239 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 901a15b62f8de..1bc363bd5a079 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-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 - react-is: 19.2.0-canary-73aa744b-20250702 - scheduler: 0.27.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 + scheduler: 0.27.0-canary-ef8b6fa2-20250702 patchedDependencies: '@ampproject/toolbox-optimizer@2.8.3': @@ -81,7 +81,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-73aa744b-20250702) + version: 11.11.1(@types/react@19.1.1)(react@19.2.0-canary-ef8b6fa2-20250702) '@fullhuman/postcss-purgecss': specifier: 1.3.0 version: 1.3.0 @@ -93,7 +93,7 @@ importers: version: 2.2.1(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) '@mdx-js/react': specifier: 2.2.1 - version: 2.2.1(react@19.2.0-canary-73aa744b-20250702) + version: 2.2.1(react@19.2.0-canary-ef8b6fa2-20250702) '@next/bundle-analyzer': specifier: workspace:* version: link:packages/next-bundle-analyzer @@ -159,7 +159,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-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702) + version: 15.0.7(@types/react@19.1.1)(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702) '@types/busboy': specifier: 1.5.3 version: 1.5.3 @@ -479,44 +479,44 @@ importers: specifier: 0.3.0 version: 0.3.0 react: - specifier: 19.2.0-canary-73aa744b-20250702 - version: 19.2.0-canary-73aa744b-20250702 + specifier: 19.2.0-canary-ef8b6fa2-20250702 + version: 19.2.0-canary-ef8b6fa2-20250702 react-builtin: - specifier: npm:react@19.2.0-canary-73aa744b-20250702 - version: react@19.2.0-canary-73aa744b-20250702 + specifier: npm:react@19.2.0-canary-ef8b6fa2-20250702 + version: react@19.2.0-canary-ef8b6fa2-20250702 react-dom: - specifier: 19.2.0-canary-73aa744b-20250702 - version: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + specifier: 19.2.0-canary-ef8b6fa2-20250702 + version: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) react-dom-builtin: - specifier: npm:react-dom@19.2.0-canary-73aa744b-20250702 - version: react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + specifier: npm:react-dom@19.2.0-canary-ef8b6fa2-20250702 + version: react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) react-dom-experimental-builtin: - specifier: npm:react-dom@0.0.0-experimental-73aa744b-20250702 - version: react-dom@0.0.0-experimental-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + specifier: npm:react-dom@0.0.0-experimental-ef8b6fa2-20250702 + version: react-dom@0.0.0-experimental-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) react-experimental-builtin: - specifier: npm:react@0.0.0-experimental-73aa744b-20250702 - version: react@0.0.0-experimental-73aa744b-20250702 + specifier: npm:react@0.0.0-experimental-ef8b6fa2-20250702 + version: react@0.0.0-experimental-ef8b6fa2-20250702 react-is-builtin: - specifier: npm:react-is@19.2.0-canary-73aa744b-20250702 - version: react-is@19.2.0-canary-73aa744b-20250702 + specifier: npm:react-is@19.2.0-canary-ef8b6fa2-20250702 + version: react-is@19.2.0-canary-ef8b6fa2-20250702 react-server-dom-turbopack: - specifier: 19.2.0-canary-73aa744b-20250702 - version: 19.2.0-canary-73aa744b-20250702(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702) + specifier: 19.2.0-canary-ef8b6fa2-20250702 + version: 19.2.0-canary-ef8b6fa2-20250702(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702) react-server-dom-turbopack-experimental: - specifier: npm:react-server-dom-turbopack@0.0.0-experimental-73aa744b-20250702 - version: react-server-dom-turbopack@0.0.0-experimental-73aa744b-20250702(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702) + specifier: npm:react-server-dom-turbopack@0.0.0-experimental-ef8b6fa2-20250702 + version: react-server-dom-turbopack@0.0.0-experimental-ef8b6fa2-20250702(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702) react-server-dom-webpack: - specifier: 19.2.0-canary-73aa744b-20250702 - version: 19.2.0-canary-73aa744b-20250702(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) + specifier: 19.2.0-canary-ef8b6fa2-20250702 + version: 19.2.0-canary-ef8b6fa2-20250702(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) react-server-dom-webpack-experimental: - specifier: npm:react-server-dom-webpack@0.0.0-experimental-73aa744b-20250702 - version: react-server-dom-webpack@0.0.0-experimental-73aa744b-20250702(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) + specifier: npm:react-server-dom-webpack@0.0.0-experimental-ef8b6fa2-20250702 + version: react-server-dom-webpack@0.0.0-experimental-ef8b6fa2-20250702(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) react-ssr-prepass: specifier: 1.0.8 - version: 1.0.8(react-is@19.2.0-canary-fa3feba6-20250623)(react@19.2.0-canary-73aa744b-20250702) + version: 1.0.8(react-is@19.2.0-canary-fa3feba6-20250623)(react@19.2.0-canary-ef8b6fa2-20250702) react-virtualized: specifier: 9.22.3 - version: 9.22.3(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702) + version: 9.22.3(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702) relay-compiler: specifier: 13.0.2 version: 13.0.2 @@ -539,11 +539,11 @@ importers: specifier: 0.12.2 version: 0.12.2 scheduler-builtin: - specifier: npm:scheduler@0.27.0-canary-73aa744b-20250702 - version: scheduler@0.27.0-canary-73aa744b-20250702 + specifier: npm:scheduler@0.27.0-canary-ef8b6fa2-20250702 + version: scheduler@0.27.0-canary-ef8b6fa2-20250702 scheduler-experimental-builtin: - specifier: npm:scheduler@0.0.0-experimental-73aa744b-20250702 - version: scheduler@0.0.0-experimental-73aa744b-20250702 + specifier: npm:scheduler@0.0.0-experimental-ef8b6fa2-20250702 + version: scheduler@0.0.0-experimental-ef8b6fa2-20250702 seedrandom: specifier: 3.0.5 version: 3.0.5 @@ -558,13 +558,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-73aa744b-20250702) + version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-ef8b6fa2-20250702) 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-73aa744b-20250702) + version: 2.2.4(react@19.2.0-canary-ef8b6fa2-20250702) tailwindcss: specifier: 3.2.7 version: 3.2.7(postcss@8.4.31) @@ -915,17 +915,17 @@ importers: specifier: 8.4.31 version: 8.4.31 react: - specifier: 19.2.0-canary-73aa744b-20250702 - version: 19.2.0-canary-73aa744b-20250702 + specifier: 19.2.0-canary-ef8b6fa2-20250702 + version: 19.2.0-canary-ef8b6fa2-20250702 react-dom: - specifier: 19.2.0-canary-73aa744b-20250702 - version: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + specifier: 19.2.0-canary-ef8b6fa2-20250702 + version: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) 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-73aa744b-20250702) + version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-ef8b6fa2-20250702) optionalDependencies: sharp: specifier: ^0.34.1 @@ -996,7 +996,7 @@ importers: version: 7.27.0 '@base-ui-components/react': specifier: 1.0.0-beta.1 - version: 1.0.0-beta.1(@types/react@19.1.1)(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702) + version: 1.0.0-beta.1(@types/react@19.1.1)(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702) '@capsizecss/metrics': specifier: 3.4.0 version: 3.4.0 @@ -1062,13 +1062,13 @@ importers: version: 3.0.0(@swc/helpers@0.5.15)(webpack@5.98.0(@swc/core@1.11.24(@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-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(storybook@8.6.0(prettier@3.3.3)) + version: 8.6.0(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(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-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(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-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(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.12(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + version: 8.6.0(@rspack/core@1.3.12(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(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)) @@ -1548,7 +1548,7 @@ importers: version: 1.0.35 unistore: specifier: 3.4.1 - version: 3.4.1(react@19.2.0-canary-73aa744b-20250702) + version: 3.4.1(react@19.2.0-canary-ef8b6fa2-20250702) util: specifier: 0.12.4 version: 0.12.4 @@ -1721,8 +1721,8 @@ importers: packages/third-parties: dependencies: react: - specifier: 19.2.0-canary-73aa744b-20250702 - version: 19.2.0-canary-73aa744b-20250702 + specifier: 19.2.0-canary-ef8b6fa2-20250702 + version: 19.2.0-canary-ef8b6fa2-20250702 third-party-capital: specifier: 1.0.20 version: 1.0.20 @@ -1785,14 +1785,14 @@ importers: specifier: 29.5.0 version: 29.5.0 react: - specifier: 19.2.0-canary-73aa744b-20250702 - version: 19.2.0-canary-73aa744b-20250702 + specifier: 19.2.0-canary-ef8b6fa2-20250702 + version: 19.2.0-canary-ef8b6fa2-20250702 react-test-renderer: specifier: 18.2.0 - version: 18.2.0(react@19.2.0-canary-73aa744b-20250702) + version: 18.2.0(react@19.2.0-canary-ef8b6fa2-20250702) 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-73aa744b-20250702) + version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-ef8b6fa2-20250702) turbopack/packages/devlow-bench: dependencies: @@ -2720,8 +2720,8 @@ packages: engines: {node: '>=14.0.0'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true @@ -2927,7 +2927,7 @@ packages: resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true @@ -2944,7 +2944,7 @@ packages: '@emotion/use-insertion-effect-with-fallbacks@1.0.1': resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 '@emotion/utils@1.2.1': resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==} @@ -3605,20 +3605,20 @@ packages: '@floating-ui/react-dom@2.1.0': resolution: {integrity: sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 '@floating-ui/react-dom@2.1.4': resolution: {integrity: sha512-JbbpPhp38UmXDDAu60RJmbeme37Jbgsm7NrHGgzYYFKmblzRUh6Pa641dII6LsjwF4XlScDrde2UAzDo/b9KPw==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 '@floating-ui/react@0.26.16': resolution: {integrity: sha512-HEf43zxZNAI/E781QIVpYSF3K2VH4TTYZpqecjdsFkjsaU1EbaWcM++kw0HXFffj7gDUcBFevX8s0rQGQpxkow==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 '@floating-ui/utils@0.2.10': resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==} @@ -4322,13 +4322,13 @@ packages: resolution: {integrity: sha512-l9ypojKN3PjwO1CSLIsqxi7mA25+7w+xc71Q+JuCCREI0tuGwkZsKbIOpuTATIJOjPh8ycLiW7QxX1LYsRTq6w==} peerDependencies: '@mantine/hooks': 7.10.1 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 '@mantine/hooks@7.11.2': resolution: {integrity: sha512-jhyVe/sbDEG2U8rr2lMecUPgQxcfr5hh9HazqGfkS7ZRIMDO7uJ947yAcTMGGkp5Lxtt5TBFt1Cb6tiB2/1agg==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 '@manypkg/find-root@1.1.0': resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==} @@ -4351,13 +4351,13 @@ packages: '@mdx-js/react@2.2.1': resolution: {integrity: sha512-YdXcMcEnqZhzql98RNrqYo9cEhTTesBiCclEtoiQUbJwx87q9453GTapYU6kJ8ZZ2ek1Vp25SiAXEFy5O/eAPw==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 '@mdx-js/react@3.1.0': resolution: {integrity: sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 '@module-federation/error-codes@0.14.0': resolution: {integrity: sha512-GGk+EoeSACJikZZyShnLshtq9E2eCrDWbRiB4QAFXCX4oYmGgFfzXlx59vMNwqTKPJWxkEGnPYacJMcr2YYjag==} @@ -5050,8 +5050,8 @@ packages: '@storybook/blocks@8.6.0': resolution: {integrity: sha512-3PNxlB5Ooj8CIhttbDxeV6kW7ui+2GEdTngtqhnsUHVjzeTKpilsk2lviOeUzqlyq5FDK+rhpZ3L3DJ9pDvioA==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 storybook: ^8.6.0 peerDependenciesMeta: react: @@ -5101,8 +5101,8 @@ packages: resolution: {integrity: sha512-Nz/UzeYQdUZUhacrPyfkiiysSjydyjgg/p0P9HxB4p/WaJUUjMAcaoaLgy3EXx61zZJ3iD36WPuDkZs5QYrA0A==} engines: {node: '>=14.0.0'} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 '@storybook/instrumenter@8.6.0': resolution: {integrity: sha512-eEY/Hfa3Vj5Nv4vHRHlSqjoyW6oAKNK3rKIXfL/eawQwb7rKhzijDLG5YBH44Hh7dEPIqUp0LEdgpyIY7GXezg==} @@ -5118,8 +5118,8 @@ packages: resolution: {integrity: sha512-04T86VG0UJtiozgZkTR5sY1qM3E0Rgwqwllvyy7kFFdkV+Sv/VsPjW9sC38s9C8FtCYRL8pJZz81ey3oylpIMA==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 storybook: ^8.6.0 typescript: '*' peerDependenciesMeta: @@ -5140,16 +5140,16 @@ packages: '@storybook/react-dom-shim@8.6.0': resolution: {integrity: sha512-5Y+vMHhcx0xnaNsLQMbkmjc3zkDn/fGBNsiLH2e4POvW3ZQvOxjoyxAsEQaKwLtFgsdCFSd2tR89F6ItYrA2JQ==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 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-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5161,8 +5161,8 @@ packages: engines: {node: '>=18.0.0'} peerDependencies: '@storybook/test': 8.6.0 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5342,8 +5342,8 @@ packages: engines: {node: '>=18'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true @@ -11457,7 +11457,7 @@ packages: lucide-react@0.383.0: resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} @@ -13972,23 +13972,23 @@ packages: resolution: {integrity: sha512-APPU8HB2uZnpl6Vt/+0AFoVYgSRtfiP6FLrZgPPTDmqSb2R4qZRbgd0A3VzIFxDt5e+Fozjx79WjLWnF69DK8g==} engines: {node: '>=16.14.0'} - react-dom@0.0.0-experimental-73aa744b-20250702: - resolution: {integrity: sha512-jXHWpstt0z5ZIFXvwj+TF4BDushj6UuzeFwLarpyaI1SK1CKul9EWv91rphC0rQ9XCYH0iyaNQmzujyp+hWFuA==} + react-dom@0.0.0-experimental-ef8b6fa2-20250702: + resolution: {integrity: sha512-kikYex52O8M+wfiRRm1eizl6N0eSmK5TE5WIN5fMWviniPHqfw5+ctmfWR818wLGJJgoPXrU96JHRIBD74nVoA==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 - react-dom@19.2.0-canary-73aa744b-20250702: - resolution: {integrity: sha512-a38pQ5qffLegSBdoEmzkJCGr7/cFzlswo5JvAwZhdekO4Jf+IcofywX4gYWMxk2uc6ybWl1SYpXAoJZLBu1ORA==} + react-dom@19.2.0-canary-ef8b6fa2-20250702: + resolution: {integrity: sha512-BJd26v8mOGs/LXSDuvFHXGy6e4i1A6fnYDAPQZO6mCaYkZr/BPfSL9Co9hxEad/1o5BbRN+ew+nfXxTZIv4nTw==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 react-dom@19.2.0-canary-fa3feba6-20250623: resolution: {integrity: sha512-a/OyVKA4wJo1eBL82KJOBho8x2p2rZe/pubH94hGCBMfsty+x0xyB8KbE/YtNhXzMJaJ28PvvPceZ6WbqbDQlg==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 - react-is@19.2.0-canary-73aa744b-20250702: - resolution: {integrity: sha512-7fnHe1LmNBy9OCTs6iRsdNJuiZL0KEf/ycu8QJ1wTFEnGzhRdprc0SlbBnn2xxSxP9UsWxqjfAWwe3Pssm0H0A==} + react-is@19.2.0-canary-ef8b6fa2-20250702: + resolution: {integrity: sha512-29ENicXmrHAuUVGzXSSWaDevyvKX7aQ9R7SOdMqmANZJinG9voXVQA8UIL2e5x7k/AKBwoEfHS1wmwgSX+sTFg==} react-is@19.2.0-canary-fa3feba6-20250623: resolution: {integrity: sha512-BktwFemMIkQdqE8Ijv9BzB7rx0yAk4xndThBAi8cLnkMOd6Imm+XBeTweHHuMhehtTK623DIsWT1roVRBUby8Q==} @@ -13999,8 +13999,8 @@ packages: react-number-format@5.4.0: resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 react-refresh@0.12.0: resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==} @@ -14011,7 +14011,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true @@ -14021,58 +14021,58 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true - react-server-dom-turbopack@0.0.0-experimental-73aa744b-20250702: - resolution: {integrity: sha512-98U7DXl9jT8J/LS0GTJ7V16ePpZqfi9q9NREdCt0wf5NJY8CZtUahkejI5niibTREmXmcNDdgdPrxrjGMBC0fg==} + react-server-dom-turbopack@0.0.0-experimental-ef8b6fa2-20250702: + resolution: {integrity: sha512-6gAyARr0iCh90S9JquVib84BmFRTlkG8o9TxdXF3rZSqmPyfGq+98/37uBr3l8x46Gr/O3l0lIt9ENMo97a9SA==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 - react-server-dom-turbopack@19.2.0-canary-73aa744b-20250702: - resolution: {integrity: sha512-nmKPyD/e67Tk4LeHfAVWTdFCAmlkRU7S1VAKV7yyiSNF6yR9eKM2eCoNdycZ7WbVZ/cZEsQK3Jfy7H1P+hLM6g==} + react-server-dom-turbopack@19.2.0-canary-ef8b6fa2-20250702: + resolution: {integrity: sha512-jWARxyh0Q0Mz0nOLe37eiZs2zoxYZMGZXd84Ov+bnpwEBy0K+gpKVdb030YpRUAZnFeU5atbCf6MuVEoWCSTMQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 - react-server-dom-webpack@0.0.0-experimental-73aa744b-20250702: - resolution: {integrity: sha512-e9nWLuJL9MtUHVKgkiJ1VrVpgbb8yZm5Fi+dNbAjxe+GBSWxpnIwONjOnIK1bvgRYBxplIDUkDG+6SlY4esodw==} + react-server-dom-webpack@0.0.0-experimental-ef8b6fa2-20250702: + resolution: {integrity: sha512-t1WuQmufsL3SJAtN3c/39tBiyQoMT0HeAsaCcydoeCQMB++J94fipiO+GyTPsb7eMsgoyDcX7+Kb5CYYXs+H/w==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 webpack: 5.98.0 - react-server-dom-webpack@19.2.0-canary-73aa744b-20250702: - resolution: {integrity: sha512-vGYvzcGAJUB9USxrHNBy2ikWvrM7XG5ip1RXrHMJAwGXV6orw3TDkFUa2uenQC+QIFOz9eTDKTpz8diSPmblrA==} + react-server-dom-webpack@19.2.0-canary-ef8b6fa2-20250702: + resolution: {integrity: sha512-0kAHaooZt92pZVCPKdIR92MoUDWqjcDLEE2F2NQ0hmLzInU44a8HxAP3TQBdhdHtvewPn1SYLhkji8C9+I+pPw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 webpack: 5.98.0 react-shallow-renderer@16.15.0: resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 react-ssr-prepass@1.0.8: resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-is: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 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-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true @@ -14080,26 +14080,26 @@ packages: react-test-renderer@18.2.0: resolution: {integrity: sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 react-textarea-autosize@8.5.3: resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} engines: {node: '>=10'} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 react-virtualized@9.22.3: resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702 - react@0.0.0-experimental-73aa744b-20250702: - resolution: {integrity: sha512-QetGHHtKZEpbH005T+OoW6wJmNET/LOruRqyadpgiBvDDZao3WdwkknWRubxhMm4sP2Qh1fvPj014gja++pMWg==} + react@0.0.0-experimental-ef8b6fa2-20250702: + resolution: {integrity: sha512-t7wlIZiR0vgL5cadG6+140Gbs6p8fbfmM43IlYGvvx6e0N7myVWnybHml60vEfn1zusXf7MwJMvZ6dN87L273w==} engines: {node: '>=0.10.0'} - react@19.2.0-canary-73aa744b-20250702: - resolution: {integrity: sha512-NdlTMEqAyt8YT4ZsuQN966rMBcQMpgE4R+M1wwhVJNo3D2JZgWwdD8Fmy+k0dDJbo3Mvtx7VMx1tu/J3bZXm5Q==} + react@19.2.0-canary-ef8b6fa2-20250702: + resolution: {integrity: sha512-GUGMe2VZT/iuHVOo03EOGz9nkfe1NlsR1HPRYQgAry5AK/obJ4Vnt+5Bb1w6aYgQGJrbptTVFQIGUgtu7p2CpA==} engines: {node: '>=0.10.0'} react@19.2.0-canary-fa3feba6-20250623: @@ -14652,11 +14652,11 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.0.0-experimental-73aa744b-20250702: - resolution: {integrity: sha512-mRY+pDXc0RtnOSwwdan+I2SzxsUa+Z9mps3GPKRuEW5enh4N38QYmrbp8ap+Io3isHhN3nZ9znCpMVGMufkuog==} + scheduler@0.0.0-experimental-ef8b6fa2-20250702: + resolution: {integrity: sha512-7LWnQ40M5rIwPdS7FVtQCJ/uLCbcozEd/Jw2iUrasoaT25Ciex8mJJV2FEDFnvBmKwgk1Q+xULjABGqORNzqeg==} - scheduler@0.27.0-canary-73aa744b-20250702: - resolution: {integrity: sha512-u0RJRp/s67q7p0t2eGoAfgqsyP4aV0X6qlcQ0vn6XdY7dGkR22xj3UbxKFQpfy4MHT8KQ8jM4+V11wxgD+Qr7w==} + scheduler@0.27.0-canary-ef8b6fa2-20250702: + resolution: {integrity: sha512-IMkI2Z4md3eIfo0WRl9j46+VR1Cdf5I6KngRGrYgsfxXUoz4QFdxaob4mzNuxUENoI9+f5sYxlSSPgyOmKO6yw==} schema-utils@2.7.1: resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==} @@ -15306,7 +15306,7 @@ packages: peerDependencies: '@babel/core': '*' babel-plugin-macros: '*' - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@babel/core': optional: true @@ -15387,7 +15387,7 @@ packages: swr@2.2.4: resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 symbol-observable@1.0.1: resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==} @@ -16179,7 +16179,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true @@ -16187,13 +16187,13 @@ packages: use-composed-ref@1.3.0: resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 use-isomorphic-layout-effect@1.1.2: resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true @@ -16202,7 +16202,7 @@ packages: resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true @@ -16212,7 +16212,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 peerDependenciesMeta: '@types/react': optional: true @@ -16220,12 +16220,12 @@ packages: use-sync-external-store@1.2.0: resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 use-sync-external-store@1.5.0: resolution: {integrity: sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==} peerDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 util-deprecate@1.0.2: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} @@ -17915,16 +17915,16 @@ snapshots: '@babel/helper-string-parser': 7.25.9 '@babel/helper-validator-identifier': 7.25.9 - '@base-ui-components/react@1.0.0-beta.1(@types/react@19.1.1)(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)': + '@base-ui-components/react@1.0.0-beta.1(@types/react@19.1.1)(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)': dependencies: '@babel/runtime': 7.27.6 - '@floating-ui/react-dom': 2.1.4(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702) + '@floating-ui/react-dom': 2.1.4(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702) '@floating-ui/utils': 0.2.10 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) reselect: 5.1.1 tabbable: 6.2.0 - use-sync-external-store: 1.5.0(react@19.2.0-canary-73aa744b-20250702) + use-sync-external-store: 1.5.0(react@19.2.0-canary-ef8b6fa2-20250702) optionalDependencies: '@types/react': 19.1.1 @@ -18241,17 +18241,17 @@ snapshots: '@emotion/memoize@0.8.1': {} - '@emotion/react@11.11.1(@types/react@19.1.1)(react@19.2.0-canary-73aa744b-20250702)': + '@emotion/react@11.11.1(@types/react@19.1.1)(react@19.2.0-canary-ef8b6fa2-20250702)': 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-73aa744b-20250702) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.2.0-canary-ef8b6fa2-20250702) '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 hoist-non-react-statics: 3.3.2 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 optionalDependencies: '@types/react': 19.1.1 transitivePeerDependencies: @@ -18269,9 +18269,9 @@ snapshots: '@emotion/unitless@0.8.1': {} - '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.2.0-canary-73aa744b-20250702)': + '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.2.0-canary-ef8b6fa2-20250702)': dependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 '@emotion/utils@1.2.1': {} @@ -18790,11 +18790,11 @@ snapshots: react: 19.2.0-canary-fa3feba6-20250623 react-dom: 19.2.0-canary-fa3feba6-20250623(react@19.2.0-canary-fa3feba6-20250623) - '@floating-ui/react-dom@2.1.4(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)': + '@floating-ui/react-dom@2.1.4(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)': dependencies: '@floating-ui/dom': 1.7.2 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) '@floating-ui/react@0.26.16(react-dom@19.2.0-canary-fa3feba6-20250623(react@19.2.0-canary-fa3feba6-20250623))(react@19.2.0-canary-fa3feba6-20250623)': dependencies: @@ -19939,11 +19939,11 @@ snapshots: transitivePeerDependencies: - supports-color - '@mdx-js/react@2.2.1(react@19.2.0-canary-73aa744b-20250702)': + '@mdx-js/react@2.2.1(react@19.2.0-canary-ef8b6fa2-20250702)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.1.1 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 '@mdx-js/react@2.2.1(react@19.2.0-canary-fa3feba6-20250623)': dependencies: @@ -19951,11 +19951,11 @@ snapshots: '@types/react': 19.1.1 react: 19.2.0-canary-fa3feba6-20250623 - '@mdx-js/react@3.1.0(@types/react@19.1.1)(react@19.2.0-canary-73aa744b-20250702)': + '@mdx-js/react@3.1.0(@types/react@19.1.1)(react@19.2.0-canary-ef8b6fa2-20250702)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.1.1 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 '@module-federation/error-codes@0.14.0': {} @@ -20703,12 +20703,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-73aa744b-20250702) - '@storybook/blocks': 8.6.0(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(storybook@8.6.0(prettier@3.3.3)) + '@mdx-js/react': 3.1.0(@types/react@19.1.1)(react@19.2.0-canary-ef8b6fa2-20250702) + '@storybook/blocks': 8.6.0(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(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-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(storybook@8.6.0(prettier@3.3.3)) - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(storybook@8.6.0(prettier@3.3.3)) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 transitivePeerDependencies: @@ -20773,14 +20773,14 @@ snapshots: - '@swc/helpers' - webpack - '@storybook/blocks@8.6.0(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/blocks@8.6.0(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@storybook/icons': 1.3.0(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702) + '@storybook/icons': 1.3.0(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 optionalDependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) '@storybook/builder-webpack5@8.6.0(@rspack/core@1.3.12(@swc/helpers@0.5.15))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: @@ -20859,10 +20859,10 @@ snapshots: '@storybook/global@5.0.0': {} - '@storybook/icons@1.3.0(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)': + '@storybook/icons@1.3.0(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)': dependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) '@storybook/instrumenter@8.6.0(storybook@8.6.0(prettier@3.3.3))': dependencies: @@ -20874,17 +20874,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.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(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.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(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-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(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-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(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.11.24(@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-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 react-docgen: 7.1.0 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) resolve: 1.22.8 semver: 7.6.3 storybook: 8.6.0(prettier@3.3.3) @@ -20918,19 +20918,19 @@ snapshots: transitivePeerDependencies: - supports-color - '@storybook/react-dom-shim@8.6.0(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/react-dom-shim@8.6.0(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(storybook@8.6.0(prettier@3.3.3))': dependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) storybook: 8.6.0(prettier@3.3.3) - '@storybook/react-webpack5@8.6.0(@rspack/core@1.3.12(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react-webpack5@8.6.0(@rspack/core@1.3.12(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/builder-webpack5': 8.6.0(@rspack/core@1.3.12(@swc/helpers@0.5.15))(@swc/core@1.11.24(@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.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(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-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(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-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: typescript: 5.8.2 @@ -20943,16 +20943,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-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(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-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(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-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(storybook@8.6.0(prettier@3.3.3)) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(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-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: '@storybook/test': 8.6.0(storybook@8.6.0(prettier@3.3.3)) @@ -21159,13 +21159,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-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)': + '@testing-library/react@15.0.7(@types/react@19.1.1)(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)': 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-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) optionalDependencies: '@types/react': 19.1.1 @@ -26891,7 +26891,7 @@ snapshots: hoist-non-react-statics@3.3.2: dependencies: - react-is: 19.2.0-canary-73aa744b-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 homedir-polyfill@1.0.3: dependencies: @@ -31817,25 +31817,25 @@ snapshots: dependencies: ansi-regex: 5.0.1 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-73aa744b-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 pretty-format@29.5.0: dependencies: '@jest/schemas': 29.4.3 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-73aa744b-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 pretty-format@29.7.0: dependencies: '@jest/schemas': 29.6.3 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-73aa744b-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 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-73aa744b-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 pretty-ms@7.0.0: dependencies: @@ -31898,7 +31898,7 @@ snapshots: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react-is: 19.2.0-canary-73aa744b-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 property-information@5.6.0: dependencies: @@ -32107,22 +32107,22 @@ snapshots: transitivePeerDependencies: - supports-color - react-dom@0.0.0-experimental-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702): + react-dom@0.0.0-experimental-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: - react: 19.2.0-canary-73aa744b-20250702 - scheduler: 0.27.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + scheduler: 0.27.0-canary-ef8b6fa2-20250702 - react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702): + react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: - react: 19.2.0-canary-73aa744b-20250702 - scheduler: 0.27.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + scheduler: 0.27.0-canary-ef8b6fa2-20250702 react-dom@19.2.0-canary-fa3feba6-20250623(react@19.2.0-canary-fa3feba6-20250623): dependencies: react: 19.2.0-canary-fa3feba6-20250623 - scheduler: 0.27.0-canary-73aa744b-20250702 + scheduler: 0.27.0-canary-ef8b6fa2-20250702 - react-is@19.2.0-canary-73aa744b-20250702: {} + react-is@19.2.0-canary-ef8b6fa2-20250702: {} react-is@19.2.0-canary-fa3feba6-20250623: {} @@ -32155,48 +32155,48 @@ snapshots: optionalDependencies: '@types/react': 19.1.1 - react-server-dom-turbopack@0.0.0-experimental-73aa744b-20250702(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702): + react-server-dom-turbopack@0.0.0-experimental-ef8b6fa2-20250702(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) - react-server-dom-turbopack@19.2.0-canary-73aa744b-20250702(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702): + react-server-dom-turbopack@19.2.0-canary-ef8b6fa2-20250702(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) - react-server-dom-webpack@0.0.0-experimental-73aa744b-20250702(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))): + react-server-dom-webpack@0.0.0-experimental-ef8b6fa2-20250702(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) webpack: 5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-server-dom-webpack@19.2.0-canary-73aa744b-20250702(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))): + react-server-dom-webpack@19.2.0-canary-ef8b6fa2-20250702(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) webpack: 5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-shallow-renderer@16.15.0(react@19.2.0-canary-73aa744b-20250702): + react-shallow-renderer@16.15.0(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: object-assign: 4.1.1 - react: 19.2.0-canary-73aa744b-20250702 - react-is: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 - react-ssr-prepass@1.0.8(react-is@19.2.0-canary-fa3feba6-20250623)(react@19.2.0-canary-73aa744b-20250702): + react-ssr-prepass@1.0.8(react-is@19.2.0-canary-fa3feba6-20250623)(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: object-is: 1.0.2 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 react-is: 19.2.0-canary-fa3feba6-20250623 react-style-singleton@2.2.1(@types/react@19.1.1)(react@19.2.0-canary-fa3feba6-20250623): @@ -32208,12 +32208,12 @@ snapshots: optionalDependencies: '@types/react': 19.1.1 - react-test-renderer@18.2.0(react@19.2.0-canary-73aa744b-20250702): + react-test-renderer@18.2.0(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: - react: 19.2.0-canary-73aa744b-20250702 - react-is: 19.2.0-canary-73aa744b-20250702 - react-shallow-renderer: 16.15.0(react@19.2.0-canary-73aa744b-20250702) - scheduler: 0.27.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 + react-is: 19.2.0-canary-ef8b6fa2-20250702 + react-shallow-renderer: 16.15.0(react@19.2.0-canary-ef8b6fa2-20250702) + scheduler: 0.27.0-canary-ef8b6fa2-20250702 react-textarea-autosize@8.5.3(@types/react@19.1.1)(react@19.2.0-canary-fa3feba6-20250623): dependencies: @@ -32224,20 +32224,20 @@ snapshots: transitivePeerDependencies: - '@types/react' - react-virtualized@9.22.3(react-dom@19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702))(react@19.2.0-canary-73aa744b-20250702): + react-virtualized@9.22.3(react-dom@19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702))(react@19.2.0-canary-ef8b6fa2-20250702): 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-73aa744b-20250702 - react-dom: 19.2.0-canary-73aa744b-20250702(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + react-dom: 19.2.0-canary-ef8b6fa2-20250702(react@19.2.0-canary-ef8b6fa2-20250702) react-lifecycles-compat: 3.0.4 - react@0.0.0-experimental-73aa744b-20250702: {} + react@0.0.0-experimental-ef8b6fa2-20250702: {} - react@19.2.0-canary-73aa744b-20250702: {} + react@19.2.0-canary-ef8b6fa2-20250702: {} react@19.2.0-canary-fa3feba6-20250623: {} @@ -33000,9 +33000,9 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.0.0-experimental-73aa744b-20250702: {} + scheduler@0.0.0-experimental-ef8b6fa2-20250702: {} - scheduler@0.27.0-canary-73aa744b-20250702: {} + scheduler@0.27.0-canary-ef8b6fa2-20250702: {} schema-utils@2.7.1: dependencies: @@ -33787,10 +33787,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-73aa744b-20250702): + styled-jsx@5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: client-only: 0.0.1 - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 optionalDependencies: '@babel/core': 7.26.10 babel-plugin-macros: 3.1.0 @@ -33884,11 +33884,11 @@ snapshots: '@swc/counter': 0.1.3 webpack: 5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.24.2) - swr@2.2.4(react@19.2.0-canary-73aa744b-20250702): + swr@2.2.4(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: client-only: 0.0.1 - react: 19.2.0-canary-73aa744b-20250702 - use-sync-external-store: 1.2.0(react@19.2.0-canary-73aa744b-20250702) + react: 19.2.0-canary-ef8b6fa2-20250702 + use-sync-external-store: 1.2.0(react@19.2.0-canary-ef8b6fa2-20250702) symbol-observable@1.0.1: {} @@ -34685,9 +34685,9 @@ snapshots: unist-util-is: 6.0.0 unist-util-visit-parents: 6.0.1 - unistore@3.4.1(react@19.2.0-canary-73aa744b-20250702): + unistore@3.4.1(react@19.2.0-canary-ef8b6fa2-20250702): optionalDependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 universal-github-app-jwt@1.1.1: dependencies: @@ -34813,13 +34813,13 @@ snapshots: optionalDependencies: '@types/react': 19.1.1 - use-sync-external-store@1.2.0(react@19.2.0-canary-73aa744b-20250702): + use-sync-external-store@1.2.0(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 - use-sync-external-store@1.5.0(react@19.2.0-canary-73aa744b-20250702): + use-sync-external-store@1.5.0(react@19.2.0-canary-ef8b6fa2-20250702): dependencies: - react: 19.2.0-canary-73aa744b-20250702 + react: 19.2.0-canary-ef8b6fa2-20250702 util-deprecate@1.0.2: {} From 9666c28f37863a0ac5cf59f2cb0196adc4588353 Mon Sep 17 00:00:00 2001 From: nextjs-bot Date: Thu, 3 Jul 2025 16:28:09 +0000 Subject: [PATCH 6/6] ncc-compiled --- .../cjs/react-dom-client.development.js | 1100 +++++++++------- .../cjs/react-dom-client.production.js | 285 +++-- .../cjs/react-dom-profiling.development.js | 1100 +++++++++------- .../cjs/react-dom-profiling.profiling.js | 384 ++++-- ...t-dom-server-legacy.browser.development.js | 2 +- ...ct-dom-server-legacy.browser.production.js | 2 +- ...eact-dom-server-legacy.node.development.js | 2 +- ...react-dom-server-legacy.node.production.js | 2 +- .../react-dom-server.browser.development.js | 6 +- .../react-dom-server.browser.production.js | 6 +- .../cjs/react-dom-server.bun.production.js | 6 +- .../cjs/react-dom-server.edge.development.js | 6 +- .../cjs/react-dom-server.edge.production.js | 6 +- .../cjs/react-dom-server.node.development.js | 6 +- .../cjs/react-dom-server.node.production.js | 6 +- .../react-dom-unstable_testing.development.js | 1100 +++++++++------- .../react-dom-unstable_testing.production.js | 285 +++-- .../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 | 10 +- .../cjs/react-dom-client.production.js | 10 +- .../cjs/react-dom-profiling.development.js | 10 +- .../cjs/react-dom-profiling.profiling.js | 10 +- ...t-dom-server-legacy.browser.development.js | 2 +- ...ct-dom-server-legacy.browser.production.js | 2 +- ...eact-dom-server-legacy.node.development.js | 2 +- ...react-dom-server-legacy.node.production.js | 2 +- .../react-dom-server.browser.development.js | 6 +- .../react-dom-server.browser.production.js | 6 +- .../cjs/react-dom-server.bun.production.js | 6 +- .../cjs/react-dom-server.edge.development.js | 6 +- .../cjs/react-dom-server.edge.production.js | 6 +- .../cjs/react-dom-server.node.development.js | 6 +- .../cjs/react-dom-server.node.production.js | 6 +- .../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 | 1117 +++++++++-------- ...r-dom-turbopack-client.edge.development.js | 1113 +++++++++------- ...r-dom-turbopack-client.node.development.js | 1113 +++++++++------- ...om-turbopack-server.browser.development.js | 34 +- ...r-dom-turbopack-server.edge.development.js | 34 +- ...r-dom-turbopack-server.node.development.js | 40 +- .../package.json | 4 +- ...om-turbopack-client.browser.development.js | 4 +- ...om-turbopack-server.browser.development.js | 34 +- ...r-dom-turbopack-server.edge.development.js | 34 +- ...r-dom-turbopack-server.node.development.js | 40 +- .../react-server-dom-turbopack/package.json | 4 +- ...-dom-webpack-client.browser.development.js | 1117 +++++++++-------- ...ver-dom-webpack-client.edge.development.js | 1113 +++++++++------- ...ver-dom-webpack-client.node.development.js | 1113 +++++++++------- ...bpack-client.node.unbundled.development.js | 1113 +++++++++------- ...-dom-webpack-server.browser.development.js | 34 +- ...ver-dom-webpack-server.edge.development.js | 34 +- ...ver-dom-webpack-server.node.development.js | 40 +- ...bpack-server.node.unbundled.development.js | 40 +- .../package.json | 4 +- ...-dom-webpack-client.browser.development.js | 4 +- ...-dom-webpack-server.browser.development.js | 34 +- ...ver-dom-webpack-server.edge.development.js | 34 +- ...ver-dom-webpack-server.node.development.js | 40 +- ...bpack-server.node.unbundled.development.js | 40 +- .../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 +- 79 files changed, 7581 insertions(+), 5192 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 0dfb0ad4ae08f..4dca94d78e893 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 @@ -3890,13 +3890,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -3923,11 +3929,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -3941,7 +3953,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -3960,7 +3973,7 @@ break; } else if (propKey === ENTRIES_ARRAY) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -3973,7 +3986,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -3985,7 +3999,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -4001,7 +4016,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -4020,10 +4036,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -4042,7 +4059,115 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function addObjectDiffToProperties(prev, next, properties, indent) { + var isDeeplyEqual = !0; + for (key in prev) + key in next || + (properties.push([ + REMOVED + "\u00a0\u00a0".repeat(indent) + key, + "\u2026" + ]), + (isDeeplyEqual = !1)); + for (var _key in next) + if (_key in prev) { + var key = prev[_key]; + var nextValue = next[_key]; + if (key !== nextValue) { + if (0 === indent && "children" === _key) + (isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key), + properties.push( + [REMOVED + isDeeplyEqual, "\u2026"], + [ADDED + isDeeplyEqual, "\u2026"] + ); + else { + if (!(3 <= indent)) + if ( + "object" === typeof key && + "object" === typeof nextValue && + null !== key && + null !== nextValue && + key.$$typeof === nextValue.$$typeof + ) + if (nextValue.$$typeof === REACT_ELEMENT_TYPE) { + if ( + key.type === nextValue.type && + key.key === nextValue.key + ) { + key = + getComponentNameFromType(nextValue.type) || "\u2026"; + isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key; + key = "<" + key + " \u2026 />"; + properties.push( + [REMOVED + isDeeplyEqual, key], + [ADDED + isDeeplyEqual, key] + ); + isDeeplyEqual = !1; + continue; + } + } else { + var prevKind = Object.prototype.toString.call(key), + nextKind = Object.prototype.toString.call(nextValue); + if ( + prevKind === nextKind && + ("[object Object]" === nextKind || + "[object Array]" === nextKind) + ) { + prevKind = [ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + "[object Array]" === nextKind ? "Array" : "" + ]; + properties.push(prevKind); + nextKind = properties.length; + addObjectDiffToProperties( + key, + nextValue, + properties, + indent + 1 + ) + ? nextKind === properties.length && + (prevKind[1] = + "Referentially unequal but deeply equal objects. Consider memoization.") + : (isDeeplyEqual = !1); + continue; + } + } + else if ( + "function" === typeof key && + "function" === typeof nextValue && + key.name === nextValue.name && + key.length === nextValue.length && + ((prevKind = Function.prototype.toString.call(key)), + (nextKind = Function.prototype.toString.call(nextValue)), + prevKind === nextKind) + ) { + key = + "" === nextValue.name + ? "() => {}" + : nextValue.name + "() {}"; + properties.push([ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + key + + " Referentially unequal function closure. Consider memoization." + ]); + continue; + } + addValueToProperties(_key, key, properties, indent, REMOVED); + addValueToProperties(_key, nextValue, properties, indent, ADDED); + } + isDeeplyEqual = !1; + } + } else + properties.push([ + ADDED + "\u00a0\u00a0".repeat(indent) + _key, + "\u2026" + ]), + (isDeeplyEqual = !1); + return isDeeplyEqual; } function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -4058,35 +4183,36 @@ } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((fiber = fiber._debugTask) + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + (fiber = fiber._debugTask) ? fiber.run( - console.timeStamp.bind( - console, + performance.measure.bind( + performance, trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" + reusableComponentOptions ) ) - : console.timeStamp( - trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" - )); + : performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } - function logComponentRender(fiber, startTime, endTime, wasHydrated) { + function logComponentRender( + fiber, + startTime, + endTime, + wasHydrated, + committedLanes + ) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (var child = fiber.child; null !== child; child = child.sibling) selfTime -= child.actualDuration; wasHydrated = @@ -4103,142 +4229,154 @@ ? "tertiary-dark" : "primary-dark" : "error"; - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, + if ((selfTime = fiber._debugTask)) { + var props = fiber.memoizedProps; + if ( + null !== props && + null !== alternate && + alternate.memoizedProps !== props && + ((child = [resuableChangedPropsEntry]), + (props = addObjectDiffToProperties( + alternate.memoizedProps, + props, + child, + 0 + )), + 1 < child.length) + ) { + props && + !alreadyWarnedForDeepEquality && + 0 === (alternate.lanes & committedLanes) && + 100 < fiber.actualDuration + ? ((alreadyWarnedForDeepEquality = !0), + (child[0] = reusableDeeplyEqualPropsEntry), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = + DEEP_EQUALITY_WARNING)) + : ((reusableComponentDevToolDetails.color = wasHydrated), + (reusableComponentDevToolDetails.tooltipText = name)); + reusableComponentDevToolDetails.properties = child; + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + selfTime.run( + performance.measure.bind( + performance, name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - wasHydrated + reusableComponentOptions ) - ) - : console.timeStamp( + ); + return; + } + selfTime.run( + console.timeStamp.bind( + console, name, startTime, endTime, COMPONENTS_TRACK, void 0, wasHydrated - ); + ) + ); + } else + console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + wasHydrated + ); } } function logComponentErrored(fiber, startTime, endTime, errors) { if (supportsUserTiming) { var name = getComponentNameFromFiber(fiber); - if (null !== name) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure + if (null !== name) { + for ( + var debugTask = null, properties = [], i = 0; + i < errors.length; + i++ ) { - 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([ + 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 !== fiber.key && + addValueToProperties("key", fiber.key, properties, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, properties, 0, ""); + 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 + } + } + }; + debugTask + ? debugTask.run(performance.measure.bind(performance, name, fiber)) + : performance.measure(name, fiber); + } + } + } + function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { + if (null !== errors) { + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) { + selfTime = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + selfTime.push([ "Error", - "object" === typeof capturedValue && - null !== capturedValue && - "string" === typeof capturedValue.message - ? String(capturedValue.message) - : String(capturedValue) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ]); } null !== fiber.key && - addValueToProperties("key", fiber.key, properties, 0); + addValueToProperties("key", fiber.key, selfTime, 0, ""); null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, properties, 0); - null == debugTask && (debugTask = fiber._debugTask); - fiber = { + addObjectToProperties(fiber.memoizedProps, selfTime, 0, ""); + startTime = { start: startTime, end: endTime, detail: { devtools: { color: "error", track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties + tooltipText: "A lifecycle or effect errored", + properties: selfTime } } }; - debugTask - ? debugTask.run( - performance.measure.bind(performance, name, fiber) + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind(performance, name, startTime) ) - : 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) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, selfTime, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, selfTime, 0); - 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" - ); + : performance.measure(name, startTime); + } } } else (name = getComponentNameFromFiber(fiber)), @@ -4302,47 +4440,35 @@ 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: currentTrack, + 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 && @@ -4356,46 +4482,34 @@ ); } 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: currentTrack, + 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 finishQueueingConcurrentUpdates() { for ( @@ -10681,25 +10795,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3149; - var JSCompiler_object_inline_stack_3148 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3158; + var JSCompiler_object_inline_stack_3157 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3147 = !1; + var JSCompiler_object_inline_digest_3156 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3149 = didSuspend) || - (JSCompiler_object_inline_componentStack_3149 = + (JSCompiler_object_inline_componentStack_3158 = didSuspend) || + (JSCompiler_object_inline_componentStack_3158 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3149 && - ((JSCompiler_object_inline_digest_3147 = !0), + JSCompiler_object_inline_componentStack_3158 && + ((JSCompiler_object_inline_digest_3156 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3149 = + JSCompiler_object_inline_componentStack_3158 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3147 + JSCompiler_object_inline_digest_3156 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10712,20 +10826,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3149 = { + ((JSCompiler_object_inline_componentStack_3158 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3149), - (JSCompiler_object_inline_componentStack_3149 = + JSCompiler_object_inline_componentStack_3158), + (JSCompiler_object_inline_componentStack_3158 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3149.return = + (JSCompiler_object_inline_componentStack_3158.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3149), + JSCompiler_object_inline_componentStack_3158), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10739,12 +10853,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3148.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3148.fallback; - if (JSCompiler_object_inline_digest_3147) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3157.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3157.fallback; + if (JSCompiler_object_inline_digest_3156) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3148 = + (JSCompiler_object_inline_stack_3157 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10756,19 +10870,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3149, + JSCompiler_object_inline_componentStack_3158, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3148 + JSCompiler_object_inline_stack_3157 ); if ( "number" === - typeof JSCompiler_object_inline_stack_3148.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3157.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3148 = + (JSCompiler_object_inline_stack_3157 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10780,12 +10894,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3149, + JSCompiler_object_inline_componentStack_3158, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_3148 + JSCompiler_object_inline_stack_3157 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10795,8 +10909,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3146 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3146) { + var JSCompiler_object_inline_message_3155 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3155) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10813,13 +10927,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3148.fallback), + JSCompiler_object_inline_stack_3157.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3148 = + (JSCompiler_object_inline_stack_3157 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3148.children + children: JSCompiler_object_inline_stack_3157.children }, nextFallbackChildren )), @@ -10830,24 +10944,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3148.return = workInProgress), + (JSCompiler_object_inline_stack_3157.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3148.sibling = + (JSCompiler_object_inline_stack_3157.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3148), + (workInProgress.child = JSCompiler_object_inline_stack_3157), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3148 = workInProgress.child), - (JSCompiler_object_inline_stack_3148.memoizedState = + (JSCompiler_object_inline_stack_3157 = workInProgress.child), + (JSCompiler_object_inline_stack_3157.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3148.childLanes = + (JSCompiler_object_inline_stack_3157.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3149, + JSCompiler_object_inline_componentStack_3158, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10855,48 +10969,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3146)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3155)) ) { - JSCompiler_object_inline_componentStack_3149 = - JSCompiler_object_inline_message_3146.nextSibling && - JSCompiler_object_inline_message_3146.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3149) { + JSCompiler_object_inline_componentStack_3158 = + JSCompiler_object_inline_message_3155.nextSibling && + JSCompiler_object_inline_message_3155.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3158) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3149.dgst; - var message = JSCompiler_object_inline_componentStack_3149.msg; + JSCompiler_object_inline_componentStack_3158.dgst; + var message = JSCompiler_object_inline_componentStack_3158.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3149.stck; + JSCompiler_object_inline_componentStack_3158.stck; var componentStack = - JSCompiler_object_inline_componentStack_3149.cstck; + JSCompiler_object_inline_componentStack_3158.cstck; } - JSCompiler_object_inline_message_3146 = message; - JSCompiler_object_inline_digest_3147 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3148 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3149 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3147; - nextFallbackChildren = JSCompiler_object_inline_message_3146; - componentStack = JSCompiler_object_inline_componentStack_3149; + JSCompiler_object_inline_message_3155 = message; + JSCompiler_object_inline_digest_3156 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3157 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3158 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3156; + nextFallbackChildren = JSCompiler_object_inline_message_3155; + componentStack = JSCompiler_object_inline_componentStack_3158; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3149 = + ((JSCompiler_object_inline_componentStack_3158 = 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_3149.stack = - JSCompiler_object_inline_stack_3148 || ""), - (JSCompiler_object_inline_componentStack_3149.digest = + (JSCompiler_object_inline_componentStack_3158.stack = + JSCompiler_object_inline_stack_3157 || ""), + (JSCompiler_object_inline_componentStack_3158.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3148 = + (JSCompiler_object_inline_stack_3157 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3149, + value: JSCompiler_object_inline_componentStack_3158, source: null, - stack: JSCompiler_object_inline_stack_3148 + stack: JSCompiler_object_inline_stack_3157 }), - "string" === typeof JSCompiler_object_inline_stack_3148 && + "string" === typeof JSCompiler_object_inline_stack_3157 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3149, + JSCompiler_object_inline_componentStack_3158, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10913,34 +11027,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3149 = + (JSCompiler_object_inline_componentStack_3158 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3149) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3158) ) { - JSCompiler_object_inline_componentStack_3149 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3158 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3149 && - ((JSCompiler_object_inline_stack_3148 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3149, + null !== JSCompiler_object_inline_componentStack_3158 && + ((JSCompiler_object_inline_stack_3157 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3158, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3148 && - JSCompiler_object_inline_stack_3148 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3157 && + JSCompiler_object_inline_stack_3157 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3148), + ((prevState.retryLane = JSCompiler_object_inline_stack_3157), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3148 + JSCompiler_object_inline_stack_3157 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3149, + JSCompiler_object_inline_componentStack_3158, current, - JSCompiler_object_inline_stack_3148 + JSCompiler_object_inline_stack_3157 ), SelectiveHydrationException) ); - isSuspenseInstancePending(JSCompiler_object_inline_message_3146) || + isSuspenseInstancePending(JSCompiler_object_inline_message_3155) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10948,13 +11062,13 @@ renderLanes ); } else - isSuspenseInstancePending(JSCompiler_object_inline_message_3146) + isSuspenseInstancePending(JSCompiler_object_inline_message_3155) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3146.nextSibling + JSCompiler_object_inline_message_3155.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10966,31 +11080,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3148.children + JSCompiler_object_inline_stack_3157.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3147) + if (JSCompiler_object_inline_digest_3156) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3148.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3157.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3146 = componentStack.sibling), - (JSCompiler_object_inline_stack_3148 = createWorkInProgress( + (JSCompiler_object_inline_message_3155 = componentStack.sibling), + (JSCompiler_object_inline_stack_3157 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3148.children + children: JSCompiler_object_inline_stack_3157.children } )), - (JSCompiler_object_inline_stack_3148.subtreeFlags = + (JSCompiler_object_inline_stack_3157.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3146 + null !== JSCompiler_object_inline_message_3155 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3146, + JSCompiler_object_inline_message_3155, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -11001,24 +11115,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3148.return = workInProgress), - (JSCompiler_object_inline_stack_3148.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3148), - (JSCompiler_object_inline_stack_3148 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_3157.return = workInProgress), + (JSCompiler_object_inline_stack_3157.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3157), + (JSCompiler_object_inline_stack_3157 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_3146 = + ? ((JSCompiler_object_inline_message_3155 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_3146 + JSCompiler_object_inline_message_3155 ? { - parent: JSCompiler_object_inline_message_3146, - pool: JSCompiler_object_inline_message_3146 + parent: JSCompiler_object_inline_message_3155, + pool: JSCompiler_object_inline_message_3155 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -11029,28 +11143,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3149, + JSCompiler_object_inline_componentStack_3158, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3148 + JSCompiler_object_inline_stack_3157 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3148.children + children: JSCompiler_object_inline_stack_3157.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3149 = + ((JSCompiler_object_inline_componentStack_3158 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3149 + null === JSCompiler_object_inline_componentStack_3158 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3149.push(current)); + : JSCompiler_object_inline_componentStack_3158.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -16336,6 +16450,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality, isViewTransitionEligible = (committedLanes & 335544064) === committedLanes; isViewTransitionEligible && @@ -16355,7 +16470,8 @@ finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -16382,7 +16498,8 @@ finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes )); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -16673,6 +16790,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot, @@ -16708,7 +16826,8 @@ ) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality; (finishedWork.mode & ProfileMode) !== NoMode && 0 < finishedWork.actualStartTime && 0 !== (finishedWork.flags & 1) && @@ -16716,7 +16835,8 @@ finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16807,6 +16927,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( finishedRoot$jscomp$0, @@ -16824,7 +16945,8 @@ endTime = null !== parentFiber ? parentFiber.actualStartTime - : endTime$jscomp$0; + : endTime$jscomp$0, + prevDeepEquality = alreadyWarnedForDeepEquality; (child.mode & ProfileMode) !== NoMode && 0 < child.actualStartTime && 0 !== (child.flags & 1) && @@ -16832,7 +16954,8 @@ child, child.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = child.flags; switch (child.tag) { @@ -16867,6 +16990,7 @@ endTime ); } + alreadyWarnedForDeepEquality = prevDeepEquality; child = parentFiber; } } @@ -18481,7 +18605,15 @@ debugTask = blockingUpdateTask; if (supportsUserTiming) { currentTrack = "Blocking"; - if (0 < clampedEventTime && null !== eventType) { + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; + if ( + 0 < clampedEventTime && + null !== eventType && + eventEndTime > clampedEventTime + ) { var color = eventIsRepeat ? "secondary-light" : "warning"; debugTask ? debugTask.run( @@ -18489,9 +18621,7 @@ console, eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color @@ -18500,15 +18630,14 @@ : console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ); } 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes @@ -18549,74 +18678,77 @@ 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), + (clampedEventTime = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime; + : transitionEventTime), 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= renderStartTime$jscomp$0 - ? renderStartTime$jscomp$0 + 0 <= clampedEventTime + ? clampedEventTime : 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 = - 0 < previousRenderStartTime - ? previousRenderStartTime - : 0 < endTime - ? endTime - : eventType; - eventIsRepeat - ? eventIsRepeat.run( + )), + (eventType = transitionEventType), + (eventIsRepeat = transitionEventIsRepeat), + (renderStartTime$jscomp$0 = renderStartTime), + (debugTask = transitionUpdateTask), + supportsUserTiming && + ((currentTrack = "Transition"), + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : renderStartTime$jscomp$0), + 0 < clampedEventTime && + eventEndTime > clampedEventTime && + null !== eventType && + ((color = eventIsRepeat ? "secondary-light" : "warning"), + debugTask + ? debugTask.run( console.timeStamp.bind( console, - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ) ) : console.timeStamp( - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color - ); - } + )), + (clampedEventTime = 0 < endTime ? endTime : renderStartTime$jscomp$0), 0 < previousRenderStartTime && - (eventIsRepeat - ? eventIsRepeat.run( + clampedEventTime > previousRenderStartTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" @@ -18625,38 +18757,41 @@ : console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" - )); + )), 0 < endTime && - (eventIsRepeat - ? eventIsRepeat.run( + renderStartTime$jscomp$0 > endTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" ) ) : console.timeStamp( - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" - )); - } - transitionUpdateTime = transitionStartTime = -1.1; - transitionUpdateTask = null; - transitionSuspendedTime = -1.1; - transitionEventIsRepeat = !0; - } + ))), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateTask = null), + (transitionSuspendedTime = -1.1), + (transitionEventIsRepeat = !0)); previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && ((root.timeoutHandle = noTimeout), @@ -24511,14 +24646,79 @@ types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - transition.ready.then(spawnedWorkCallback, function (error) { - try { - (error = customizeViewTransitionError(error, !1)), - null !== error && errorCallback(error); - } finally { - mutationCallback(), layoutCallback(), spawnedWorkCallback(); + transition.ready.then( + function () { + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var effect = animations[i].effect, + pseudoElement = effect.pseudoElement; + if ( + null != pseudoElement && + pseudoElement.startsWith("::view-transition") + ) { + pseudoElement = effect.getKeyframes(); + for ( + var width = void 0, + height = void 0, + unchangedDimensions = !0, + j = 0; + j < pseudoElement.length; + j++ + ) { + var keyframe = pseudoElement[j], + w = keyframe.width; + if (void 0 === width) width = w; + else if (width !== w) { + unchangedDimensions = !1; + break; + } + w = keyframe.height; + if (void 0 === height) height = w; + else if (height !== w) { + unchangedDimensions = !1; + break; + } + delete keyframe.width; + delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + } + unchangedDimensions && + void 0 !== width && + void 0 !== height && + (effect.setKeyframes(pseudoElement), + (unchangedDimensions = getComputedStyle( + effect.target, + effect.pseudoElement + )), + unchangedDimensions.width !== width || + unchangedDimensions.height !== height) && + ((unchangedDimensions = pseudoElement[0]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + (unchangedDimensions = + pseudoElement[pseudoElement.length - 1]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + effect.setKeyframes(pseudoElement)); + } + } + spawnedWorkCallback(); + }, + function (error) { + try { + (error = customizeViewTransitionError(error, !1)), + null !== error && errorCallback(error); + } finally { + mutationCallback(), layoutCallback(), spawnedWorkCallback(); + } } - }); + ); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); ownerDocument.__reactViewTransition === transition && @@ -24551,33 +24751,40 @@ targetElement, pseudoElement, timeline, + customTimelineCleanup, rangeStart, rangeEnd, moveFirstFrameIntoViewport, moveAllFramesIntoViewport ) { - for (var i = 0; i < keyframes.length; i++) { + for ( + var width, height, unchangedDimensions = !0, i = 0; + i < keyframes.length; + i++ + ) { var keyframe = keyframes[i]; delete keyframe.easing; delete keyframe.computedOffset; + var w = keyframe.width; + void 0 === width + ? (width = w) + : width !== w && (unchangedDimensions = !1); + w = keyframe.height; + void 0 === height + ? (height = w) + : height !== w && (unchangedDimensions = !1); "auto" === keyframe.width && delete keyframe.width; "auto" === keyframe.height && delete keyframe.height; "none" === keyframe.transform && delete keyframe.transform; - if (moveAllFramesIntoViewport && null == keyframe.transform) - if (null == keyframe.translate || "" === keyframe.translate) { - var elementTranslate = getComputedStyle( - targetElement, - pseudoElement - ).translate; - keyframe.translate = mergeTranslate( - elementTranslate, - "20000px 20000px" - ); - } else - keyframe.translate = mergeTranslate( - keyframe.translate, - "20000px 20000px" - ); + moveAllFramesIntoViewport && + null == keyframe.transform && + (null == keyframe.translate || "" === keyframe.translate + ? ((w = getComputedStyle(targetElement, pseudoElement).translate), + (keyframe.translate = mergeTranslate(w, "20000px 20000px"))) + : (keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ))); } moveFirstFrameIntoViewport && ((moveFirstFrameIntoViewport = keyframes[0]), @@ -24588,16 +24795,39 @@ ("none" === moveAllFramesIntoViewport ? "" : moveAllFramesIntoViewport))); - moveFirstFrameIntoViewport = rangeStart > rangeEnd; - targetElement.animate(keyframes, { - pseudoElement: pseudoElement, - timeline: timeline, - easing: "linear", - fill: "both", - direction: moveFirstFrameIntoViewport ? "normal" : "reverse", - rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", - rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" - }); + if ( + unchangedDimensions && + void 0 !== width && + void 0 !== height && + ((unchangedDimensions = getComputedStyle(targetElement, pseudoElement)), + unchangedDimensions.width === width && + unchangedDimensions.height === height) + ) + for (width = 0; width < keyframes.length; width++) + (height = keyframes[width]), + delete height.width, + delete height.height; + width = rangeStart > rangeEnd; + timeline instanceof AnimationTimeline + ? targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + rangeStart: (width ? rangeEnd : rangeStart) + "%", + rangeEnd: (width ? rangeStart : rangeEnd) + "%" + }) + : ((keyframes = targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + delay: width ? rangeEnd : rangeStart, + duration: width ? rangeStart - rangeEnd : rangeEnd - rangeStart + })), + (timeline = timeline.animate(keyframes)) && + customTimelineCleanup.push(timeline)); } function startGestureTransition( rootContainer, @@ -24620,7 +24850,8 @@ types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var readyCallback = function () { + var customTimelineCleanup = [], + readyCallback = function () { for ( var documentElement = ownerDocument.documentElement, animations = documentElement.getAnimations({ subtree: !0 }), @@ -24689,6 +24920,7 @@ pseudoElement.target, effect, timeline, + customTimelineCleanup, anim, groupName, isGeneratedGroupAnim, @@ -24704,6 +24936,7 @@ pseudoElement.target, "::view-transition-group" + effect, timeline, + customTimelineCleanup, rangeStart, rangeEnd, !1, @@ -24735,6 +24968,8 @@ }); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); + for (var i = 0; i < customTimelineCleanup.length; i++) + (0, customTimelineCleanup[i])(); ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -28136,12 +28371,33 @@ COMPLEX_ARRAY = 1, PRIMITIVE_ARRAY = 2, ENTRIES_ARRAY = 3, + REMOVED = "\u2013\u00a0", + ADDED = "+\u00a0", + UNCHANGED = "\u2007\u00a0", supportsUserTiming = "undefined" !== typeof console && - "function" === typeof console.timeStamp, + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, COMPONENTS_TRACK = "Components \u269b", LANES_TRACK_GROUP = "Scheduler \u269b", currentTrack = "Blocking", + alreadyWarnedForDeepEquality = !1, + reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: COMPONENTS_TRACK + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + resuableChangedPropsEntry = ["Changed Props", ""], + DEEP_EQUALITY_WARNING = + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.", + reusableDeeplyEqualPropsEntry = ["Changed Props", DEEP_EQUALITY_WARNING], OffscreenVisible = 1, OffscreenPassiveEffectsConnected = 2, concurrentQueues = [], @@ -30849,11 +31105,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ef8b6fa2-20250702" !== 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-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30890,10 +31146,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-73aa744b-20250702", + version: "19.2.0-experimental-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-73aa744b-20250702" + reconcilerVersion: "19.2.0-experimental-ef8b6fa2-20250702" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31039,7 +31295,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; "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 722f2ebe30d96..39ab82de32c10 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 @@ -14481,20 +14481,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1779 = 0; - i$jscomp$inline_1779 < simpleEventPluginEvents.length; - i$jscomp$inline_1779++ + var i$jscomp$inline_1781 = 0; + i$jscomp$inline_1781 < simpleEventPluginEvents.length; + i$jscomp$inline_1781++ ) { - var eventName$jscomp$inline_1780 = - simpleEventPluginEvents[i$jscomp$inline_1779], - domEventName$jscomp$inline_1781 = - eventName$jscomp$inline_1780.toLowerCase(), - capitalizedEvent$jscomp$inline_1782 = - eventName$jscomp$inline_1780[0].toUpperCase() + - eventName$jscomp$inline_1780.slice(1); + var eventName$jscomp$inline_1782 = + simpleEventPluginEvents[i$jscomp$inline_1781], + domEventName$jscomp$inline_1783 = + eventName$jscomp$inline_1782.toLowerCase(), + capitalizedEvent$jscomp$inline_1784 = + eventName$jscomp$inline_1782[0].toUpperCase() + + eventName$jscomp$inline_1782.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1781, - "on" + capitalizedEvent$jscomp$inline_1782 + domEventName$jscomp$inline_1783, + "on" + capitalizedEvent$jscomp$inline_1784 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -16697,14 +16697,78 @@ function startViewTransition( types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - transition.ready.then(spawnedWorkCallback, function (error) { - try { - (error = customizeViewTransitionError(error, !1)), - null !== error && errorCallback(error); - } finally { - mutationCallback(), layoutCallback(), spawnedWorkCallback(); + transition.ready.then( + function () { + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var effect = animations[i].effect, + pseudoElement = effect.pseudoElement; + if ( + null != pseudoElement && + pseudoElement.startsWith("::view-transition") + ) { + pseudoElement = effect.getKeyframes(); + for ( + var width = void 0, + height = void 0, + unchangedDimensions = !0, + j = 0; + j < pseudoElement.length; + j++ + ) { + var keyframe = pseudoElement[j], + w = keyframe.width; + if (void 0 === width) width = w; + else if (width !== w) { + unchangedDimensions = !1; + break; + } + w = keyframe.height; + if (void 0 === height) height = w; + else if (height !== w) { + unchangedDimensions = !1; + break; + } + delete keyframe.width; + delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + } + unchangedDimensions && + void 0 !== width && + void 0 !== height && + (effect.setKeyframes(pseudoElement), + (unchangedDimensions = getComputedStyle( + effect.target, + effect.pseudoElement + )), + unchangedDimensions.width !== width || + unchangedDimensions.height !== height) && + ((unchangedDimensions = pseudoElement[0]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + (unchangedDimensions = pseudoElement[pseudoElement.length - 1]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + effect.setKeyframes(pseudoElement)); + } + } + spawnedWorkCallback(); + }, + function (error) { + try { + (error = customizeViewTransitionError(error, !1)), + null !== error && errorCallback(error); + } finally { + mutationCallback(), layoutCallback(), spawnedWorkCallback(); + } } - }); + ); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); ownerDocument.__reactViewTransition === transition && @@ -16735,33 +16799,38 @@ function animateGesture( targetElement, pseudoElement, timeline, + customTimelineCleanup, rangeStart, rangeEnd, moveFirstFrameIntoViewport, moveAllFramesIntoViewport ) { - for (var i = 0; i < keyframes.length; i++) { + for ( + var width, height, unchangedDimensions = !0, i = 0; + i < keyframes.length; + i++ + ) { var keyframe = keyframes[i]; delete keyframe.easing; delete keyframe.computedOffset; + var w = keyframe.width; + void 0 === width ? (width = w) : width !== w && (unchangedDimensions = !1); + w = keyframe.height; + void 0 === height + ? (height = w) + : height !== w && (unchangedDimensions = !1); "auto" === keyframe.width && delete keyframe.width; "auto" === keyframe.height && delete keyframe.height; "none" === keyframe.transform && delete keyframe.transform; - if (moveAllFramesIntoViewport && null == keyframe.transform) - if (null == keyframe.translate || "" === keyframe.translate) { - var elementTranslate = getComputedStyle( - targetElement, - pseudoElement - ).translate; - keyframe.translate = mergeTranslate( - elementTranslate, - "20000px 20000px" - ); - } else - keyframe.translate = mergeTranslate( - keyframe.translate, - "20000px 20000px" - ); + moveAllFramesIntoViewport && + null == keyframe.transform && + (null == keyframe.translate || "" === keyframe.translate + ? ((w = getComputedStyle(targetElement, pseudoElement).translate), + (keyframe.translate = mergeTranslate(w, "20000px 20000px"))) + : (keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ))); } moveFirstFrameIntoViewport && ((moveFirstFrameIntoViewport = keyframes[0]), @@ -16772,16 +16841,37 @@ function animateGesture( ("none" === moveAllFramesIntoViewport ? "" : moveAllFramesIntoViewport))); - moveFirstFrameIntoViewport = rangeStart > rangeEnd; - targetElement.animate(keyframes, { - pseudoElement: pseudoElement, - timeline: timeline, - easing: "linear", - fill: "both", - direction: moveFirstFrameIntoViewport ? "normal" : "reverse", - rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", - rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" - }); + if ( + unchangedDimensions && + void 0 !== width && + void 0 !== height && + ((unchangedDimensions = getComputedStyle(targetElement, pseudoElement)), + unchangedDimensions.width === width && + unchangedDimensions.height === height) + ) + for (width = 0; width < keyframes.length; width++) + (height = keyframes[width]), delete height.width, delete height.height; + width = rangeStart > rangeEnd; + timeline instanceof AnimationTimeline + ? targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + rangeStart: (width ? rangeEnd : rangeStart) + "%", + rangeEnd: (width ? rangeStart : rangeEnd) + "%" + }) + : ((keyframes = targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + delay: width ? rangeEnd : rangeStart, + duration: width ? rangeStart - rangeEnd : rangeEnd - rangeStart + })), + (timeline = timeline.animate(keyframes)) && + customTimelineCleanup.push(timeline)); } function startGestureTransition( rootContainer, @@ -16802,7 +16892,8 @@ function startGestureTransition( types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var readyCallback = function () { + var customTimelineCleanup = [], + readyCallback = function () { for ( var documentElement = ownerDocument.documentElement, animations = documentElement.getAnimations({ subtree: !0 }), @@ -16852,25 +16943,26 @@ function startGestureTransition( ))) : (isExitGroupAnim = !0); } - var timing$268 = pseudoElement.getTiming(); + var timing$270 = pseudoElement.getTiming(); anim = rangeEnd - - (("number" === typeof timing$268.duration - ? timing$268.duration + (("number" === typeof timing$270.duration + ? timing$270.duration : 0) + - timing$268.delay) * + timing$270.delay) * longestDuration; - groupName = rangeEnd - timing$268.delay * longestDuration; + groupName = rangeEnd - timing$270.delay * longestDuration; if ( - "reverse" === timing$268.direction || - "alternate-reverse" === timing$268.direction + "reverse" === timing$270.direction || + "alternate-reverse" === timing$270.direction ) - (timing$268 = anim), (anim = groupName), (groupName = timing$268); + (timing$270 = anim), (anim = groupName), (groupName = timing$270); animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, effect, timeline, + customTimelineCleanup, anim, groupName, isGeneratedGroupAnim, @@ -16886,6 +16978,7 @@ function startGestureTransition( pseudoElement.target, "::view-transition-group" + effect, timeline, + customTimelineCleanup, rangeStart, rangeEnd, !1, @@ -16917,6 +17010,8 @@ function startGestureTransition( }); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); + for (var i = 0; i < customTimelineCleanup.length; i++) + (0, customTimelineCleanup[i])(); ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -17879,26 +17974,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$277 = getResourcesFromRoot( + var styles$279 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$278 = styles$277.get(type); - resource$278 || + resource$280 = styles$279.get(type); + resource$280 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$278 = { + (resource$280 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$277.set(type, resource$278), - (styles$277 = JSCompiler_inline_result.querySelector( + styles$279.set(type, resource$280), + (styles$279 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$277._p && - ((resource$278.instance = styles$277), - (resource$278.state.loading = 5)), + !styles$279._p && + ((resource$280.instance = styles$279), + (resource$280.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -17911,16 +18006,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$277 || + styles$279 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$278.state + resource$280.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$278; + return resource$280; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -18017,37 +18112,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$283 = hoistableRoot.querySelector( + var instance$285 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$283) + if (instance$285) return ( (resource.state.loading |= 4), - (resource.instance = instance$283), - markNodeAsHoistable(instance$283), - instance$283 + (resource.instance = instance$285), + markNodeAsHoistable(instance$285), + instance$285 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$283 = ( + instance$285 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$283); - var linkInstance = instance$283; + markNodeAsHoistable(instance$285); + var linkInstance = instance$285; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$283, "link", instance); + setInitialProperties(instance$285, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$283, props.precedence, hoistableRoot); - return (resource.instance = instance$283); + insertStylesheet(instance$285, props.precedence, hoistableRoot); + return (resource.instance = instance$285); case "script": - instance$283 = getScriptKey(props.src); + instance$285 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$283) + getScriptSelectorFromKey(instance$285) )) ) return ( @@ -18056,7 +18151,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$283))) + if ((styleProps = preloadPropsMap.get(instance$285))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -19156,16 +19251,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2167 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2169 = React.version; if ( - "19.2.0-experimental-73aa744b-20250702" !== - isomorphicReactPackageVersion$jscomp$inline_2167 + "19.2.0-experimental-ef8b6fa2-20250702" !== + isomorphicReactPackageVersion$jscomp$inline_2169 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2167, - "19.2.0-experimental-73aa744b-20250702" + isomorphicReactPackageVersion$jscomp$inline_2169, + "19.2.0-experimental-ef8b6fa2-20250702" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19185,24 +19280,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2852 = { +var internals$jscomp$inline_2854 = { bundleType: 0, - version: "19.2.0-experimental-73aa744b-20250702", + version: "19.2.0-experimental-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-73aa744b-20250702" + reconcilerVersion: "19.2.0-experimental-ef8b6fa2-20250702" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2853 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2855 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2853.isDisabled && - hook$jscomp$inline_2853.supportsFiber + !hook$jscomp$inline_2855.isDisabled && + hook$jscomp$inline_2855.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2853.inject( - internals$jscomp$inline_2852 + (rendererID = hook$jscomp$inline_2855.inject( + internals$jscomp$inline_2854 )), - (injectedHook = hook$jscomp$inline_2853); + (injectedHook = hook$jscomp$inline_2855); } catch (err) {} } exports.createRoot = function (container, options) { @@ -19297,4 +19392,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; 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 ec25711129c1e..ce1ad2562abd7 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 @@ -3898,13 +3898,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -3931,11 +3937,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -3949,7 +3961,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -3968,7 +3981,7 @@ break; } else if (propKey === ENTRIES_ARRAY) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -3981,7 +3994,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -3993,7 +4007,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -4009,7 +4024,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -4028,10 +4044,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -4050,7 +4067,115 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function addObjectDiffToProperties(prev, next, properties, indent) { + var isDeeplyEqual = !0; + for (key in prev) + key in next || + (properties.push([ + REMOVED + "\u00a0\u00a0".repeat(indent) + key, + "\u2026" + ]), + (isDeeplyEqual = !1)); + for (var _key in next) + if (_key in prev) { + var key = prev[_key]; + var nextValue = next[_key]; + if (key !== nextValue) { + if (0 === indent && "children" === _key) + (isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key), + properties.push( + [REMOVED + isDeeplyEqual, "\u2026"], + [ADDED + isDeeplyEqual, "\u2026"] + ); + else { + if (!(3 <= indent)) + if ( + "object" === typeof key && + "object" === typeof nextValue && + null !== key && + null !== nextValue && + key.$$typeof === nextValue.$$typeof + ) + if (nextValue.$$typeof === REACT_ELEMENT_TYPE) { + if ( + key.type === nextValue.type && + key.key === nextValue.key + ) { + key = + getComponentNameFromType(nextValue.type) || "\u2026"; + isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key; + key = "<" + key + " \u2026 />"; + properties.push( + [REMOVED + isDeeplyEqual, key], + [ADDED + isDeeplyEqual, key] + ); + isDeeplyEqual = !1; + continue; + } + } else { + var prevKind = Object.prototype.toString.call(key), + nextKind = Object.prototype.toString.call(nextValue); + if ( + prevKind === nextKind && + ("[object Object]" === nextKind || + "[object Array]" === nextKind) + ) { + prevKind = [ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + "[object Array]" === nextKind ? "Array" : "" + ]; + properties.push(prevKind); + nextKind = properties.length; + addObjectDiffToProperties( + key, + nextValue, + properties, + indent + 1 + ) + ? nextKind === properties.length && + (prevKind[1] = + "Referentially unequal but deeply equal objects. Consider memoization.") + : (isDeeplyEqual = !1); + continue; + } + } + else if ( + "function" === typeof key && + "function" === typeof nextValue && + key.name === nextValue.name && + key.length === nextValue.length && + ((prevKind = Function.prototype.toString.call(key)), + (nextKind = Function.prototype.toString.call(nextValue)), + prevKind === nextKind) + ) { + key = + "" === nextValue.name + ? "() => {}" + : nextValue.name + "() {}"; + properties.push([ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + key + + " Referentially unequal function closure. Consider memoization." + ]); + continue; + } + addValueToProperties(_key, key, properties, indent, REMOVED); + addValueToProperties(_key, nextValue, properties, indent, ADDED); + } + isDeeplyEqual = !1; + } + } else + properties.push([ + ADDED + "\u00a0\u00a0".repeat(indent) + _key, + "\u2026" + ]), + (isDeeplyEqual = !1); + return isDeeplyEqual; } function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -4066,35 +4191,36 @@ } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((fiber = fiber._debugTask) + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + (fiber = fiber._debugTask) ? fiber.run( - console.timeStamp.bind( - console, + performance.measure.bind( + performance, trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" + reusableComponentOptions ) ) - : console.timeStamp( - trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" - )); + : performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } - function logComponentRender(fiber, startTime, endTime, wasHydrated) { + function logComponentRender( + fiber, + startTime, + endTime, + wasHydrated, + committedLanes + ) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (var child = fiber.child; null !== child; child = child.sibling) selfTime -= child.actualDuration; wasHydrated = @@ -4111,142 +4237,154 @@ ? "tertiary-dark" : "primary-dark" : "error"; - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, + if ((selfTime = fiber._debugTask)) { + var props = fiber.memoizedProps; + if ( + null !== props && + null !== alternate && + alternate.memoizedProps !== props && + ((child = [resuableChangedPropsEntry]), + (props = addObjectDiffToProperties( + alternate.memoizedProps, + props, + child, + 0 + )), + 1 < child.length) + ) { + props && + !alreadyWarnedForDeepEquality && + 0 === (alternate.lanes & committedLanes) && + 100 < fiber.actualDuration + ? ((alreadyWarnedForDeepEquality = !0), + (child[0] = reusableDeeplyEqualPropsEntry), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = + DEEP_EQUALITY_WARNING)) + : ((reusableComponentDevToolDetails.color = wasHydrated), + (reusableComponentDevToolDetails.tooltipText = name)); + reusableComponentDevToolDetails.properties = child; + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + selfTime.run( + performance.measure.bind( + performance, name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - wasHydrated + reusableComponentOptions ) - ) - : console.timeStamp( + ); + return; + } + selfTime.run( + console.timeStamp.bind( + console, name, startTime, endTime, COMPONENTS_TRACK, void 0, wasHydrated - ); + ) + ); + } else + console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + wasHydrated + ); } } function logComponentErrored(fiber, startTime, endTime, errors) { if (supportsUserTiming) { var name = getComponentNameFromFiber(fiber); - if (null !== name) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure + if (null !== name) { + for ( + var debugTask = null, properties = [], i = 0; + i < errors.length; + i++ ) { - 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([ + 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 !== fiber.key && + addValueToProperties("key", fiber.key, properties, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, properties, 0, ""); + 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 + } + } + }; + debugTask + ? debugTask.run(performance.measure.bind(performance, name, fiber)) + : performance.measure(name, fiber); + } + } + } + function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { + if (null !== errors) { + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) { + selfTime = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + selfTime.push([ "Error", - "object" === typeof capturedValue && - null !== capturedValue && - "string" === typeof capturedValue.message - ? String(capturedValue.message) - : String(capturedValue) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ]); } null !== fiber.key && - addValueToProperties("key", fiber.key, properties, 0); + addValueToProperties("key", fiber.key, selfTime, 0, ""); null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, properties, 0); - null == debugTask && (debugTask = fiber._debugTask); - fiber = { + addObjectToProperties(fiber.memoizedProps, selfTime, 0, ""); + startTime = { start: startTime, end: endTime, detail: { devtools: { color: "error", track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties + tooltipText: "A lifecycle or effect errored", + properties: selfTime } } }; - debugTask - ? debugTask.run( - performance.measure.bind(performance, name, fiber) + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind(performance, name, startTime) ) - : 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) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, selfTime, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, selfTime, 0); - 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" - ); + : performance.measure(name, startTime); + } } } else (name = getComponentNameFromFiber(fiber)), @@ -4310,47 +4448,35 @@ 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: currentTrack, + 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 && @@ -4364,46 +4490,34 @@ ); } 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: currentTrack, + 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 finishQueueingConcurrentUpdates() { for ( @@ -10689,25 +10803,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3154; - var JSCompiler_object_inline_stack_3153 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3163; + var JSCompiler_object_inline_stack_3162 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3152 = !1; + var JSCompiler_object_inline_digest_3161 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3154 = didSuspend) || - (JSCompiler_object_inline_componentStack_3154 = + (JSCompiler_object_inline_componentStack_3163 = didSuspend) || + (JSCompiler_object_inline_componentStack_3163 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3154 && - ((JSCompiler_object_inline_digest_3152 = !0), + JSCompiler_object_inline_componentStack_3163 && + ((JSCompiler_object_inline_digest_3161 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3154 = + JSCompiler_object_inline_componentStack_3163 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3152 + JSCompiler_object_inline_digest_3161 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10720,20 +10834,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3154 = { + ((JSCompiler_object_inline_componentStack_3163 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3154), - (JSCompiler_object_inline_componentStack_3154 = + JSCompiler_object_inline_componentStack_3163), + (JSCompiler_object_inline_componentStack_3163 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3154.return = + (JSCompiler_object_inline_componentStack_3163.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3154), + JSCompiler_object_inline_componentStack_3163), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10747,12 +10861,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3153.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3153.fallback; - if (JSCompiler_object_inline_digest_3152) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3162.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3162.fallback; + if (JSCompiler_object_inline_digest_3161) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3153 = + (JSCompiler_object_inline_stack_3162 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10764,19 +10878,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3154, + JSCompiler_object_inline_componentStack_3163, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3153 + JSCompiler_object_inline_stack_3162 ); if ( "number" === - typeof JSCompiler_object_inline_stack_3153.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3162.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3153 = + (JSCompiler_object_inline_stack_3162 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10788,12 +10902,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3154, + JSCompiler_object_inline_componentStack_3163, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_3153 + JSCompiler_object_inline_stack_3162 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10803,8 +10917,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3151 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3151) { + var JSCompiler_object_inline_message_3160 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3160) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10821,13 +10935,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3153.fallback), + JSCompiler_object_inline_stack_3162.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3153 = + (JSCompiler_object_inline_stack_3162 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3153.children + children: JSCompiler_object_inline_stack_3162.children }, nextFallbackChildren )), @@ -10838,24 +10952,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3153.return = workInProgress), + (JSCompiler_object_inline_stack_3162.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3153.sibling = + (JSCompiler_object_inline_stack_3162.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3153), + (workInProgress.child = JSCompiler_object_inline_stack_3162), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3153 = workInProgress.child), - (JSCompiler_object_inline_stack_3153.memoizedState = + (JSCompiler_object_inline_stack_3162 = workInProgress.child), + (JSCompiler_object_inline_stack_3162.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3153.childLanes = + (JSCompiler_object_inline_stack_3162.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3154, + JSCompiler_object_inline_componentStack_3163, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10863,48 +10977,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3151)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3160)) ) { - JSCompiler_object_inline_componentStack_3154 = - JSCompiler_object_inline_message_3151.nextSibling && - JSCompiler_object_inline_message_3151.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3154) { + JSCompiler_object_inline_componentStack_3163 = + JSCompiler_object_inline_message_3160.nextSibling && + JSCompiler_object_inline_message_3160.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3163) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3154.dgst; - var message = JSCompiler_object_inline_componentStack_3154.msg; + JSCompiler_object_inline_componentStack_3163.dgst; + var message = JSCompiler_object_inline_componentStack_3163.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3154.stck; + JSCompiler_object_inline_componentStack_3163.stck; var componentStack = - JSCompiler_object_inline_componentStack_3154.cstck; + JSCompiler_object_inline_componentStack_3163.cstck; } - JSCompiler_object_inline_message_3151 = message; - JSCompiler_object_inline_digest_3152 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3153 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3154 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3152; - nextFallbackChildren = JSCompiler_object_inline_message_3151; - componentStack = JSCompiler_object_inline_componentStack_3154; + JSCompiler_object_inline_message_3160 = message; + JSCompiler_object_inline_digest_3161 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3162 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3163 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3161; + nextFallbackChildren = JSCompiler_object_inline_message_3160; + componentStack = JSCompiler_object_inline_componentStack_3163; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3154 = + ((JSCompiler_object_inline_componentStack_3163 = 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_3154.stack = - JSCompiler_object_inline_stack_3153 || ""), - (JSCompiler_object_inline_componentStack_3154.digest = + (JSCompiler_object_inline_componentStack_3163.stack = + JSCompiler_object_inline_stack_3162 || ""), + (JSCompiler_object_inline_componentStack_3163.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3153 = + (JSCompiler_object_inline_stack_3162 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3154, + value: JSCompiler_object_inline_componentStack_3163, source: null, - stack: JSCompiler_object_inline_stack_3153 + stack: JSCompiler_object_inline_stack_3162 }), - "string" === typeof JSCompiler_object_inline_stack_3153 && + "string" === typeof JSCompiler_object_inline_stack_3162 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3154, + JSCompiler_object_inline_componentStack_3163, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10921,34 +11035,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3154 = + (JSCompiler_object_inline_componentStack_3163 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3154) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3163) ) { - JSCompiler_object_inline_componentStack_3154 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3163 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3154 && - ((JSCompiler_object_inline_stack_3153 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3154, + null !== JSCompiler_object_inline_componentStack_3163 && + ((JSCompiler_object_inline_stack_3162 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3163, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3153 && - JSCompiler_object_inline_stack_3153 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3162 && + JSCompiler_object_inline_stack_3162 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3153), + ((prevState.retryLane = JSCompiler_object_inline_stack_3162), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3153 + JSCompiler_object_inline_stack_3162 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3154, + JSCompiler_object_inline_componentStack_3163, current, - JSCompiler_object_inline_stack_3153 + JSCompiler_object_inline_stack_3162 ), SelectiveHydrationException) ); - isSuspenseInstancePending(JSCompiler_object_inline_message_3151) || + isSuspenseInstancePending(JSCompiler_object_inline_message_3160) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10956,13 +11070,13 @@ renderLanes ); } else - isSuspenseInstancePending(JSCompiler_object_inline_message_3151) + isSuspenseInstancePending(JSCompiler_object_inline_message_3160) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3151.nextSibling + JSCompiler_object_inline_message_3160.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10974,31 +11088,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3153.children + JSCompiler_object_inline_stack_3162.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3152) + if (JSCompiler_object_inline_digest_3161) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3153.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3162.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3151 = componentStack.sibling), - (JSCompiler_object_inline_stack_3153 = createWorkInProgress( + (JSCompiler_object_inline_message_3160 = componentStack.sibling), + (JSCompiler_object_inline_stack_3162 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3153.children + children: JSCompiler_object_inline_stack_3162.children } )), - (JSCompiler_object_inline_stack_3153.subtreeFlags = + (JSCompiler_object_inline_stack_3162.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3151 + null !== JSCompiler_object_inline_message_3160 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3151, + JSCompiler_object_inline_message_3160, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -11009,24 +11123,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3153.return = workInProgress), - (JSCompiler_object_inline_stack_3153.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3153), - (JSCompiler_object_inline_stack_3153 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_3162.return = workInProgress), + (JSCompiler_object_inline_stack_3162.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3162), + (JSCompiler_object_inline_stack_3162 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_3151 = + ? ((JSCompiler_object_inline_message_3160 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_3151 + JSCompiler_object_inline_message_3160 ? { - parent: JSCompiler_object_inline_message_3151, - pool: JSCompiler_object_inline_message_3151 + parent: JSCompiler_object_inline_message_3160, + pool: JSCompiler_object_inline_message_3160 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -11037,28 +11151,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3154, + JSCompiler_object_inline_componentStack_3163, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3153 + JSCompiler_object_inline_stack_3162 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3153.children + children: JSCompiler_object_inline_stack_3162.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3154 = + ((JSCompiler_object_inline_componentStack_3163 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3154 + null === JSCompiler_object_inline_componentStack_3163 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3154.push(current)); + : JSCompiler_object_inline_componentStack_3163.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -16344,6 +16458,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality, isViewTransitionEligible = (committedLanes & 335544064) === committedLanes; isViewTransitionEligible && @@ -16363,7 +16478,8 @@ finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -16390,7 +16506,8 @@ finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes )); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -16681,6 +16798,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot, @@ -16716,7 +16834,8 @@ ) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality; (finishedWork.mode & ProfileMode) !== NoMode && 0 < finishedWork.actualStartTime && 0 !== (finishedWork.flags & 1) && @@ -16724,7 +16843,8 @@ finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16815,6 +16935,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( finishedRoot$jscomp$0, @@ -16832,7 +16953,8 @@ endTime = null !== parentFiber ? parentFiber.actualStartTime - : endTime$jscomp$0; + : endTime$jscomp$0, + prevDeepEquality = alreadyWarnedForDeepEquality; (child.mode & ProfileMode) !== NoMode && 0 < child.actualStartTime && 0 !== (child.flags & 1) && @@ -16840,7 +16962,8 @@ child, child.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = child.flags; switch (child.tag) { @@ -16875,6 +16998,7 @@ endTime ); } + alreadyWarnedForDeepEquality = prevDeepEquality; child = parentFiber; } } @@ -18489,7 +18613,15 @@ debugTask = blockingUpdateTask; if (supportsUserTiming) { currentTrack = "Blocking"; - if (0 < clampedEventTime && null !== eventType) { + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; + if ( + 0 < clampedEventTime && + null !== eventType && + eventEndTime > clampedEventTime + ) { var color = eventIsRepeat ? "secondary-light" : "warning"; debugTask ? debugTask.run( @@ -18497,9 +18629,7 @@ console, eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color @@ -18508,15 +18638,14 @@ : console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ); } 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes @@ -18557,74 +18686,77 @@ 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), + (clampedEventTime = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime; + : transitionEventTime), 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= renderStartTime$jscomp$0 - ? renderStartTime$jscomp$0 + 0 <= clampedEventTime + ? clampedEventTime : 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 = - 0 < previousRenderStartTime - ? previousRenderStartTime - : 0 < endTime - ? endTime - : eventType; - eventIsRepeat - ? eventIsRepeat.run( + )), + (eventType = transitionEventType), + (eventIsRepeat = transitionEventIsRepeat), + (renderStartTime$jscomp$0 = renderStartTime), + (debugTask = transitionUpdateTask), + supportsUserTiming && + ((currentTrack = "Transition"), + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : renderStartTime$jscomp$0), + 0 < clampedEventTime && + eventEndTime > clampedEventTime && + null !== eventType && + ((color = eventIsRepeat ? "secondary-light" : "warning"), + debugTask + ? debugTask.run( console.timeStamp.bind( console, - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ) ) : console.timeStamp( - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color - ); - } + )), + (clampedEventTime = 0 < endTime ? endTime : renderStartTime$jscomp$0), 0 < previousRenderStartTime && - (eventIsRepeat - ? eventIsRepeat.run( + clampedEventTime > previousRenderStartTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" @@ -18633,38 +18765,41 @@ : console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" - )); + )), 0 < endTime && - (eventIsRepeat - ? eventIsRepeat.run( + renderStartTime$jscomp$0 > endTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" ) ) : console.timeStamp( - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" - )); - } - transitionUpdateTime = transitionStartTime = -1.1; - transitionUpdateTask = null; - transitionSuspendedTime = -1.1; - transitionEventIsRepeat = !0; - } + ))), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateTask = null), + (transitionSuspendedTime = -1.1), + (transitionEventIsRepeat = !0)); previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && ((root.timeoutHandle = noTimeout), @@ -24519,14 +24654,79 @@ types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - transition.ready.then(spawnedWorkCallback, function (error) { - try { - (error = customizeViewTransitionError(error, !1)), - null !== error && errorCallback(error); - } finally { - mutationCallback(), layoutCallback(), spawnedWorkCallback(); + transition.ready.then( + function () { + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var effect = animations[i].effect, + pseudoElement = effect.pseudoElement; + if ( + null != pseudoElement && + pseudoElement.startsWith("::view-transition") + ) { + pseudoElement = effect.getKeyframes(); + for ( + var width = void 0, + height = void 0, + unchangedDimensions = !0, + j = 0; + j < pseudoElement.length; + j++ + ) { + var keyframe = pseudoElement[j], + w = keyframe.width; + if (void 0 === width) width = w; + else if (width !== w) { + unchangedDimensions = !1; + break; + } + w = keyframe.height; + if (void 0 === height) height = w; + else if (height !== w) { + unchangedDimensions = !1; + break; + } + delete keyframe.width; + delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + } + unchangedDimensions && + void 0 !== width && + void 0 !== height && + (effect.setKeyframes(pseudoElement), + (unchangedDimensions = getComputedStyle( + effect.target, + effect.pseudoElement + )), + unchangedDimensions.width !== width || + unchangedDimensions.height !== height) && + ((unchangedDimensions = pseudoElement[0]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + (unchangedDimensions = + pseudoElement[pseudoElement.length - 1]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + effect.setKeyframes(pseudoElement)); + } + } + spawnedWorkCallback(); + }, + function (error) { + try { + (error = customizeViewTransitionError(error, !1)), + null !== error && errorCallback(error); + } finally { + mutationCallback(), layoutCallback(), spawnedWorkCallback(); + } } - }); + ); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); ownerDocument.__reactViewTransition === transition && @@ -24559,33 +24759,40 @@ targetElement, pseudoElement, timeline, + customTimelineCleanup, rangeStart, rangeEnd, moveFirstFrameIntoViewport, moveAllFramesIntoViewport ) { - for (var i = 0; i < keyframes.length; i++) { + for ( + var width, height, unchangedDimensions = !0, i = 0; + i < keyframes.length; + i++ + ) { var keyframe = keyframes[i]; delete keyframe.easing; delete keyframe.computedOffset; + var w = keyframe.width; + void 0 === width + ? (width = w) + : width !== w && (unchangedDimensions = !1); + w = keyframe.height; + void 0 === height + ? (height = w) + : height !== w && (unchangedDimensions = !1); "auto" === keyframe.width && delete keyframe.width; "auto" === keyframe.height && delete keyframe.height; "none" === keyframe.transform && delete keyframe.transform; - if (moveAllFramesIntoViewport && null == keyframe.transform) - if (null == keyframe.translate || "" === keyframe.translate) { - var elementTranslate = getComputedStyle( - targetElement, - pseudoElement - ).translate; - keyframe.translate = mergeTranslate( - elementTranslate, - "20000px 20000px" - ); - } else - keyframe.translate = mergeTranslate( - keyframe.translate, - "20000px 20000px" - ); + moveAllFramesIntoViewport && + null == keyframe.transform && + (null == keyframe.translate || "" === keyframe.translate + ? ((w = getComputedStyle(targetElement, pseudoElement).translate), + (keyframe.translate = mergeTranslate(w, "20000px 20000px"))) + : (keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ))); } moveFirstFrameIntoViewport && ((moveFirstFrameIntoViewport = keyframes[0]), @@ -24596,16 +24803,39 @@ ("none" === moveAllFramesIntoViewport ? "" : moveAllFramesIntoViewport))); - moveFirstFrameIntoViewport = rangeStart > rangeEnd; - targetElement.animate(keyframes, { - pseudoElement: pseudoElement, - timeline: timeline, - easing: "linear", - fill: "both", - direction: moveFirstFrameIntoViewport ? "normal" : "reverse", - rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", - rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" - }); + if ( + unchangedDimensions && + void 0 !== width && + void 0 !== height && + ((unchangedDimensions = getComputedStyle(targetElement, pseudoElement)), + unchangedDimensions.width === width && + unchangedDimensions.height === height) + ) + for (width = 0; width < keyframes.length; width++) + (height = keyframes[width]), + delete height.width, + delete height.height; + width = rangeStart > rangeEnd; + timeline instanceof AnimationTimeline + ? targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + rangeStart: (width ? rangeEnd : rangeStart) + "%", + rangeEnd: (width ? rangeStart : rangeEnd) + "%" + }) + : ((keyframes = targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + delay: width ? rangeEnd : rangeStart, + duration: width ? rangeStart - rangeEnd : rangeEnd - rangeStart + })), + (timeline = timeline.animate(keyframes)) && + customTimelineCleanup.push(timeline)); } function startGestureTransition( rootContainer, @@ -24628,7 +24858,8 @@ types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var readyCallback = function () { + var customTimelineCleanup = [], + readyCallback = function () { for ( var documentElement = ownerDocument.documentElement, animations = documentElement.getAnimations({ subtree: !0 }), @@ -24697,6 +24928,7 @@ pseudoElement.target, effect, timeline, + customTimelineCleanup, anim, groupName, isGeneratedGroupAnim, @@ -24712,6 +24944,7 @@ pseudoElement.target, "::view-transition-group" + effect, timeline, + customTimelineCleanup, rangeStart, rangeEnd, !1, @@ -24743,6 +24976,8 @@ }); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); + for (var i = 0; i < customTimelineCleanup.length; i++) + (0, customTimelineCleanup[i])(); ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -28188,12 +28423,33 @@ COMPLEX_ARRAY = 1, PRIMITIVE_ARRAY = 2, ENTRIES_ARRAY = 3, + REMOVED = "\u2013\u00a0", + ADDED = "+\u00a0", + UNCHANGED = "\u2007\u00a0", supportsUserTiming = "undefined" !== typeof console && - "function" === typeof console.timeStamp, + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, COMPONENTS_TRACK = "Components \u269b", LANES_TRACK_GROUP = "Scheduler \u269b", currentTrack = "Blocking", + alreadyWarnedForDeepEquality = !1, + reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: COMPONENTS_TRACK + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + resuableChangedPropsEntry = ["Changed Props", ""], + DEEP_EQUALITY_WARNING = + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.", + reusableDeeplyEqualPropsEntry = ["Changed Props", DEEP_EQUALITY_WARNING], OffscreenVisible = 1, OffscreenPassiveEffectsConnected = 2, concurrentQueues = [], @@ -30901,11 +31157,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ef8b6fa2-20250702" !== 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-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30942,10 +31198,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-73aa744b-20250702", + version: "19.2.0-experimental-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-73aa744b-20250702" + reconcilerVersion: "19.2.0-experimental-ef8b6fa2-20250702" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31421,7 +31677,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; "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 c71d60e266300..da1fe542b0132 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 @@ -2534,7 +2534,9 @@ var reportGlobalError = console.error(error); }, supportsUserTiming = - "undefined" !== typeof console && "function" === typeof console.timeStamp, + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + !0, currentTrack = "Blocking"; function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -2550,23 +2552,33 @@ function setCurrentTrackFromLanes(lanes) { } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - console.timeStamp( - trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" - ); + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } +var reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: "Components \u269b" + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }; function logComponentRender(fiber, startTime, endTime, wasHydrated) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) selfTime -= fiber.actualDuration; console.timeStamp( @@ -14213,21 +14225,25 @@ function prepareFreshStack(root, lanes) { eventIsRepeat = blockingEventIsRepeat, isSpawnedUpdate = blockingSpawnedUpdate, renderStartTime$jscomp$0 = renderStartTime; - supportsUserTiming && - ((currentTrack = "Blocking"), + if (supportsUserTiming) { + currentTrack = "Blocking"; + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; 0 < endTime && null !== eventType && + eventEndTime > endTime && console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, endTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, "Scheduler \u269b", eventIsRepeat ? "secondary-light" : "warning" - ), + ); 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && console.timeStamp( isSpawnedUpdate ? "Cascading Update" @@ -14243,7 +14259,8 @@ function prepareFreshStack(root, lanes) { : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light" - )); + ); + } blockingSuspendedTime = blockingUpdateTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; @@ -14257,7 +14274,7 @@ function prepareFreshStack(root, lanes) { 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime : transitionUpdateTime), - (eventType = + (eventIsRepeat = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime : transitionEventTime), @@ -14265,42 +14282,52 @@ function prepareFreshStack(root, lanes) { (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= eventType ? eventType : 0 <= endTime ? endTime : renderStartTime, + 0 <= eventIsRepeat + ? eventIsRepeat + : 0 <= endTime + ? endTime + : renderStartTime, lanes )), - (eventIsRepeat = transitionEventType), - (isSpawnedUpdate = transitionEventIsRepeat), - (renderStartTime$jscomp$0 = renderStartTime), + (isSpawnedUpdate = transitionEventType), + (renderStartTime$jscomp$0 = transitionEventIsRepeat), + (eventType = renderStartTime), supportsUserTiming && ((currentTrack = "Transition"), - 0 < eventType && - null !== eventIsRepeat && + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : eventType), + 0 < eventIsRepeat && + eventEndTime > eventIsRepeat && + null !== isSpawnedUpdate && console.timeStamp( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - eventType, - 0 < previousRenderStartTime - ? previousRenderStartTime - : 0 < endTime - ? endTime - : renderStartTime$jscomp$0, + renderStartTime$jscomp$0 ? "" : "Event: " + isSpawnedUpdate, + eventIsRepeat, + eventEndTime, currentTrack, "Scheduler \u269b", - isSpawnedUpdate ? "secondary-light" : "warning" + renderStartTime$jscomp$0 ? "secondary-light" : "warning" ), + (eventIsRepeat = 0 < endTime ? endTime : eventType), 0 < previousRenderStartTime && + eventIsRepeat > previousRenderStartTime && console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : renderStartTime$jscomp$0, + eventIsRepeat, currentTrack, "Scheduler \u269b", "primary-dark" ), 0 < endTime && + eventType > endTime && console.timeStamp( - 5 < renderStartTime$jscomp$0 - endTime ? "Update Blocked" : "Update", + 5 < eventType - endTime ? "Update Blocked" : "Update", endTime, - renderStartTime$jscomp$0, + eventType, currentTrack, "Scheduler \u269b", "primary-light" @@ -16110,20 +16137,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1999 = 0; - i$jscomp$inline_1999 < simpleEventPluginEvents.length; - i$jscomp$inline_1999++ + var i$jscomp$inline_2003 = 0; + i$jscomp$inline_2003 < simpleEventPluginEvents.length; + i$jscomp$inline_2003++ ) { - var eventName$jscomp$inline_2000 = - simpleEventPluginEvents[i$jscomp$inline_1999], - domEventName$jscomp$inline_2001 = - eventName$jscomp$inline_2000.toLowerCase(), - capitalizedEvent$jscomp$inline_2002 = - eventName$jscomp$inline_2000[0].toUpperCase() + - eventName$jscomp$inline_2000.slice(1); + var eventName$jscomp$inline_2004 = + simpleEventPluginEvents[i$jscomp$inline_2003], + domEventName$jscomp$inline_2005 = + eventName$jscomp$inline_2004.toLowerCase(), + capitalizedEvent$jscomp$inline_2006 = + eventName$jscomp$inline_2004[0].toUpperCase() + + eventName$jscomp$inline_2004.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_2001, - "on" + capitalizedEvent$jscomp$inline_2002 + domEventName$jscomp$inline_2005, + "on" + capitalizedEvent$jscomp$inline_2006 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -18335,14 +18362,78 @@ function startViewTransition( types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - transition.ready.then(spawnedWorkCallback, function (error) { - try { - (error = customizeViewTransitionError(error, !1)), - null !== error && errorCallback(error); - } finally { - mutationCallback(), layoutCallback(), spawnedWorkCallback(); + transition.ready.then( + function () { + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var effect = animations[i].effect, + pseudoElement = effect.pseudoElement; + if ( + null != pseudoElement && + pseudoElement.startsWith("::view-transition") + ) { + pseudoElement = effect.getKeyframes(); + for ( + var width = void 0, + height = void 0, + unchangedDimensions = !0, + j = 0; + j < pseudoElement.length; + j++ + ) { + var keyframe = pseudoElement[j], + w = keyframe.width; + if (void 0 === width) width = w; + else if (width !== w) { + unchangedDimensions = !1; + break; + } + w = keyframe.height; + if (void 0 === height) height = w; + else if (height !== w) { + unchangedDimensions = !1; + break; + } + delete keyframe.width; + delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + } + unchangedDimensions && + void 0 !== width && + void 0 !== height && + (effect.setKeyframes(pseudoElement), + (unchangedDimensions = getComputedStyle( + effect.target, + effect.pseudoElement + )), + unchangedDimensions.width !== width || + unchangedDimensions.height !== height) && + ((unchangedDimensions = pseudoElement[0]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + (unchangedDimensions = pseudoElement[pseudoElement.length - 1]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + effect.setKeyframes(pseudoElement)); + } + } + spawnedWorkCallback(); + }, + function (error) { + try { + (error = customizeViewTransitionError(error, !1)), + null !== error && errorCallback(error); + } finally { + mutationCallback(), layoutCallback(), spawnedWorkCallback(); + } } - }); + ); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); ownerDocument.__reactViewTransition === transition && @@ -18373,33 +18464,38 @@ function animateGesture( targetElement, pseudoElement, timeline, + customTimelineCleanup, rangeStart, rangeEnd, moveFirstFrameIntoViewport, moveAllFramesIntoViewport ) { - for (var i = 0; i < keyframes.length; i++) { + for ( + var width, height, unchangedDimensions = !0, i = 0; + i < keyframes.length; + i++ + ) { var keyframe = keyframes[i]; delete keyframe.easing; delete keyframe.computedOffset; + var w = keyframe.width; + void 0 === width ? (width = w) : width !== w && (unchangedDimensions = !1); + w = keyframe.height; + void 0 === height + ? (height = w) + : height !== w && (unchangedDimensions = !1); "auto" === keyframe.width && delete keyframe.width; "auto" === keyframe.height && delete keyframe.height; "none" === keyframe.transform && delete keyframe.transform; - if (moveAllFramesIntoViewport && null == keyframe.transform) - if (null == keyframe.translate || "" === keyframe.translate) { - var elementTranslate = getComputedStyle( - targetElement, - pseudoElement - ).translate; - keyframe.translate = mergeTranslate( - elementTranslate, - "20000px 20000px" - ); - } else - keyframe.translate = mergeTranslate( - keyframe.translate, - "20000px 20000px" - ); + moveAllFramesIntoViewport && + null == keyframe.transform && + (null == keyframe.translate || "" === keyframe.translate + ? ((w = getComputedStyle(targetElement, pseudoElement).translate), + (keyframe.translate = mergeTranslate(w, "20000px 20000px"))) + : (keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ))); } moveFirstFrameIntoViewport && ((moveFirstFrameIntoViewport = keyframes[0]), @@ -18410,16 +18506,37 @@ function animateGesture( ("none" === moveAllFramesIntoViewport ? "" : moveAllFramesIntoViewport))); - moveFirstFrameIntoViewport = rangeStart > rangeEnd; - targetElement.animate(keyframes, { - pseudoElement: pseudoElement, - timeline: timeline, - easing: "linear", - fill: "both", - direction: moveFirstFrameIntoViewport ? "normal" : "reverse", - rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", - rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" - }); + if ( + unchangedDimensions && + void 0 !== width && + void 0 !== height && + ((unchangedDimensions = getComputedStyle(targetElement, pseudoElement)), + unchangedDimensions.width === width && + unchangedDimensions.height === height) + ) + for (width = 0; width < keyframes.length; width++) + (height = keyframes[width]), delete height.width, delete height.height; + width = rangeStart > rangeEnd; + timeline instanceof AnimationTimeline + ? targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + rangeStart: (width ? rangeEnd : rangeStart) + "%", + rangeEnd: (width ? rangeStart : rangeEnd) + "%" + }) + : ((keyframes = targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + delay: width ? rangeEnd : rangeStart, + duration: width ? rangeStart - rangeEnd : rangeEnd - rangeStart + })), + (timeline = timeline.animate(keyframes)) && + customTimelineCleanup.push(timeline)); } function startGestureTransition( rootContainer, @@ -18440,7 +18557,8 @@ function startGestureTransition( types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var readyCallback = function () { + var customTimelineCleanup = [], + readyCallback = function () { for ( var documentElement = ownerDocument.documentElement, animations = documentElement.getAnimations({ subtree: !0 }), @@ -18490,25 +18608,26 @@ function startGestureTransition( ))) : (isExitGroupAnim = !0); } - var timing$303 = pseudoElement.getTiming(); + var timing$305 = pseudoElement.getTiming(); anim = rangeEnd - - (("number" === typeof timing$303.duration - ? timing$303.duration + (("number" === typeof timing$305.duration + ? timing$305.duration : 0) + - timing$303.delay) * + timing$305.delay) * longestDuration; - groupName = rangeEnd - timing$303.delay * longestDuration; + groupName = rangeEnd - timing$305.delay * longestDuration; if ( - "reverse" === timing$303.direction || - "alternate-reverse" === timing$303.direction + "reverse" === timing$305.direction || + "alternate-reverse" === timing$305.direction ) - (timing$303 = anim), (anim = groupName), (groupName = timing$303); + (timing$305 = anim), (anim = groupName), (groupName = timing$305); animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, effect, timeline, + customTimelineCleanup, anim, groupName, isGeneratedGroupAnim, @@ -18524,6 +18643,7 @@ function startGestureTransition( pseudoElement.target, "::view-transition-group" + effect, timeline, + customTimelineCleanup, rangeStart, rangeEnd, !1, @@ -18555,6 +18675,8 @@ function startGestureTransition( }); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); + for (var i = 0; i < customTimelineCleanup.length; i++) + (0, customTimelineCleanup[i])(); ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -19517,26 +19639,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$312 = getResourcesFromRoot( + var styles$314 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$313 = styles$312.get(type); - resource$313 || + resource$315 = styles$314.get(type); + resource$315 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$313 = { + (resource$315 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$312.set(type, resource$313), - (styles$312 = JSCompiler_inline_result.querySelector( + styles$314.set(type, resource$315), + (styles$314 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$312._p && - ((resource$313.instance = styles$312), - (resource$313.state.loading = 5)), + !styles$314._p && + ((resource$315.instance = styles$314), + (resource$315.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -19549,16 +19671,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$312 || + styles$314 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$313.state + resource$315.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$313; + return resource$315; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -19655,37 +19777,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$318 = hoistableRoot.querySelector( + var instance$320 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$318) + if (instance$320) return ( (resource.state.loading |= 4), - (resource.instance = instance$318), - markNodeAsHoistable(instance$318), - instance$318 + (resource.instance = instance$320), + markNodeAsHoistable(instance$320), + instance$320 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$318 = ( + instance$320 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$318); - var linkInstance = instance$318; + markNodeAsHoistable(instance$320); + var linkInstance = instance$320; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$318, "link", instance); + setInitialProperties(instance$320, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$318, props.precedence, hoistableRoot); - return (resource.instance = instance$318); + insertStylesheet(instance$320, props.precedence, hoistableRoot); + return (resource.instance = instance$320); case "script": - instance$318 = getScriptKey(props.src); + instance$320 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$318) + getScriptSelectorFromKey(instance$320) )) ) return ( @@ -19694,7 +19816,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$318))) + if ((styleProps = preloadPropsMap.get(instance$320))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -20811,16 +20933,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2387 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2391 = React.version; if ( - "19.2.0-experimental-73aa744b-20250702" !== - isomorphicReactPackageVersion$jscomp$inline_2387 + "19.2.0-experimental-ef8b6fa2-20250702" !== + isomorphicReactPackageVersion$jscomp$inline_2391 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2387, - "19.2.0-experimental-73aa744b-20250702" + isomorphicReactPackageVersion$jscomp$inline_2391, + "19.2.0-experimental-ef8b6fa2-20250702" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -20840,24 +20962,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_3074 = { +var internals$jscomp$inline_3078 = { bundleType: 0, - version: "19.2.0-experimental-73aa744b-20250702", + version: "19.2.0-experimental-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-73aa744b-20250702" + reconcilerVersion: "19.2.0-experimental-ef8b6fa2-20250702" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_3075 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_3079 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_3075.isDisabled && - hook$jscomp$inline_3075.supportsFiber + !hook$jscomp$inline_3079.isDisabled && + hook$jscomp$inline_3079.supportsFiber ) try { - (rendererID = hook$jscomp$inline_3075.inject( - internals$jscomp$inline_3074 + (rendererID = hook$jscomp$inline_3079.inject( + internals$jscomp$inline_3078 )), - (injectedHook = hook$jscomp$inline_3075); + (injectedHook = hook$jscomp$inline_3079); } catch (err) {} } function getCrossOriginStringAs(as, input) { @@ -21112,7 +21234,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; "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 2ff3036937ad2..aefdda7cdc842 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 @@ -10486,5 +10486,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js index 25caccac83d18..cf46e98551eb6 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js @@ -7107,4 +7107,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js index d77e0fb810142..b07faafb75e3b 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js @@ -10486,5 +10486,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js index 78037b05afde5..8aa7d42cd51e8 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js @@ -7210,4 +7210,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js index 3d7fbef28218f..fb9edab53ea9d 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js @@ -9477,11 +9477,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ef8b6fa2-20250702" !== 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-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -11300,5 +11300,5 @@ startWork(request); }); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js index 726693e2279e3..09cd1f1995b6e 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js @@ -7772,12 +7772,12 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ef8b6fa2-20250702" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.2.0-experimental-73aa744b-20250702" + "19.2.0-experimental-ef8b6fa2-20250702" ) ); } @@ -8032,4 +8032,4 @@ exports.resumeAndPrerender = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js index bd7158a6f2844..a556d3a3de115 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js @@ -7257,13 +7257,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_868 = React.version; if ( - "19.2.0-experimental-73aa744b-20250702" !== + "19.2.0-experimental-ef8b6fa2-20250702" !== isomorphicReactPackageVersion$jscomp$inline_868 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_868 + - "\n - react-dom: 19.2.0-experimental-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -7354,4 +7354,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js index 3bab061e806a9..8e8232b2c894a 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js @@ -9506,11 +9506,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ef8b6fa2-20250702" !== 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-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -11325,5 +11325,5 @@ startWork(request); }); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js index dcf34f7008871..51e639653346e 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js @@ -7890,11 +7890,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ef8b6fa2-20250702" !== 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-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -8148,4 +8148,4 @@ exports.resumeAndPrerender = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js index 7291f369c2e90..40a9328dc7f56 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js @@ -9367,11 +9367,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ef8b6fa2-20250702" !== 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-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -11496,5 +11496,5 @@ } }; }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js index edfeb0cd187e4..786dd7f813f23 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js @@ -7770,11 +7770,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ef8b6fa2-20250702" !== 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-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -8332,4 +8332,4 @@ exports.resumeToPipeableStream = function (children, postponedState, options) { } }; }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js index 9b7c76d6a8ec7..181e9936290b8 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js @@ -3931,13 +3931,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -3964,11 +3970,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -3982,7 +3994,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -4001,7 +4014,7 @@ break; } else if (propKey === ENTRIES_ARRAY) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -4014,7 +4027,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -4026,7 +4040,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -4042,7 +4057,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -4061,10 +4077,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -4083,7 +4100,115 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function addObjectDiffToProperties(prev, next, properties, indent) { + var isDeeplyEqual = !0; + for (key in prev) + key in next || + (properties.push([ + REMOVED + "\u00a0\u00a0".repeat(indent) + key, + "\u2026" + ]), + (isDeeplyEqual = !1)); + for (var _key in next) + if (_key in prev) { + var key = prev[_key]; + var nextValue = next[_key]; + if (key !== nextValue) { + if (0 === indent && "children" === _key) + (isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key), + properties.push( + [REMOVED + isDeeplyEqual, "\u2026"], + [ADDED + isDeeplyEqual, "\u2026"] + ); + else { + if (!(3 <= indent)) + if ( + "object" === typeof key && + "object" === typeof nextValue && + null !== key && + null !== nextValue && + key.$$typeof === nextValue.$$typeof + ) + if (nextValue.$$typeof === REACT_ELEMENT_TYPE) { + if ( + key.type === nextValue.type && + key.key === nextValue.key + ) { + key = + getComponentNameFromType(nextValue.type) || "\u2026"; + isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key; + key = "<" + key + " \u2026 />"; + properties.push( + [REMOVED + isDeeplyEqual, key], + [ADDED + isDeeplyEqual, key] + ); + isDeeplyEqual = !1; + continue; + } + } else { + var prevKind = Object.prototype.toString.call(key), + nextKind = Object.prototype.toString.call(nextValue); + if ( + prevKind === nextKind && + ("[object Object]" === nextKind || + "[object Array]" === nextKind) + ) { + prevKind = [ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + "[object Array]" === nextKind ? "Array" : "" + ]; + properties.push(prevKind); + nextKind = properties.length; + addObjectDiffToProperties( + key, + nextValue, + properties, + indent + 1 + ) + ? nextKind === properties.length && + (prevKind[1] = + "Referentially unequal but deeply equal objects. Consider memoization.") + : (isDeeplyEqual = !1); + continue; + } + } + else if ( + "function" === typeof key && + "function" === typeof nextValue && + key.name === nextValue.name && + key.length === nextValue.length && + ((prevKind = Function.prototype.toString.call(key)), + (nextKind = Function.prototype.toString.call(nextValue)), + prevKind === nextKind) + ) { + key = + "" === nextValue.name + ? "() => {}" + : nextValue.name + "() {}"; + properties.push([ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + key + + " Referentially unequal function closure. Consider memoization." + ]); + continue; + } + addValueToProperties(_key, key, properties, indent, REMOVED); + addValueToProperties(_key, nextValue, properties, indent, ADDED); + } + isDeeplyEqual = !1; + } + } else + properties.push([ + ADDED + "\u00a0\u00a0".repeat(indent) + _key, + "\u2026" + ]), + (isDeeplyEqual = !1); + return isDeeplyEqual; } function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -4099,35 +4224,36 @@ } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((fiber = fiber._debugTask) + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + (fiber = fiber._debugTask) ? fiber.run( - console.timeStamp.bind( - console, + performance.measure.bind( + performance, trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" + reusableComponentOptions ) ) - : console.timeStamp( - trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" - )); + : performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } - function logComponentRender(fiber, startTime, endTime, wasHydrated) { + function logComponentRender( + fiber, + startTime, + endTime, + wasHydrated, + committedLanes + ) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (var child = fiber.child; null !== child; child = child.sibling) selfTime -= child.actualDuration; wasHydrated = @@ -4144,142 +4270,154 @@ ? "tertiary-dark" : "primary-dark" : "error"; - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, + if ((selfTime = fiber._debugTask)) { + var props = fiber.memoizedProps; + if ( + null !== props && + null !== alternate && + alternate.memoizedProps !== props && + ((child = [resuableChangedPropsEntry]), + (props = addObjectDiffToProperties( + alternate.memoizedProps, + props, + child, + 0 + )), + 1 < child.length) + ) { + props && + !alreadyWarnedForDeepEquality && + 0 === (alternate.lanes & committedLanes) && + 100 < fiber.actualDuration + ? ((alreadyWarnedForDeepEquality = !0), + (child[0] = reusableDeeplyEqualPropsEntry), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = + DEEP_EQUALITY_WARNING)) + : ((reusableComponentDevToolDetails.color = wasHydrated), + (reusableComponentDevToolDetails.tooltipText = name)); + reusableComponentDevToolDetails.properties = child; + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + selfTime.run( + performance.measure.bind( + performance, name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - wasHydrated + reusableComponentOptions ) - ) - : console.timeStamp( + ); + return; + } + selfTime.run( + console.timeStamp.bind( + console, name, startTime, endTime, COMPONENTS_TRACK, void 0, wasHydrated - ); + ) + ); + } else + console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + wasHydrated + ); } } function logComponentErrored(fiber, startTime, endTime, errors) { if (supportsUserTiming) { var name = getComponentNameFromFiber(fiber); - if (null !== name) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure + if (null !== name) { + for ( + var debugTask = null, properties = [], i = 0; + i < errors.length; + i++ ) { - 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([ + 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 !== fiber.key && + addValueToProperties("key", fiber.key, properties, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, properties, 0, ""); + 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 + } + } + }; + debugTask + ? debugTask.run(performance.measure.bind(performance, name, fiber)) + : performance.measure(name, fiber); + } + } + } + function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { + if (null !== errors) { + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) { + selfTime = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + selfTime.push([ "Error", - "object" === typeof capturedValue && - null !== capturedValue && - "string" === typeof capturedValue.message - ? String(capturedValue.message) - : String(capturedValue) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ]); } null !== fiber.key && - addValueToProperties("key", fiber.key, properties, 0); + addValueToProperties("key", fiber.key, selfTime, 0, ""); null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, properties, 0); - null == debugTask && (debugTask = fiber._debugTask); - fiber = { + addObjectToProperties(fiber.memoizedProps, selfTime, 0, ""); + startTime = { start: startTime, end: endTime, detail: { devtools: { color: "error", track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties + tooltipText: "A lifecycle or effect errored", + properties: selfTime } } }; - debugTask - ? debugTask.run( - performance.measure.bind(performance, name, fiber) + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind(performance, name, startTime) ) - : 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) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, selfTime, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, selfTime, 0); - 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" - ); + : performance.measure(name, startTime); + } } } else (name = getComponentNameFromFiber(fiber)), @@ -4343,47 +4481,35 @@ 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: currentTrack, + 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 && @@ -4397,46 +4523,34 @@ ); } 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: currentTrack, + 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 finishQueueingConcurrentUpdates() { for ( @@ -10722,25 +10836,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3183; - var JSCompiler_object_inline_stack_3182 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3192; + var JSCompiler_object_inline_stack_3191 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3181 = !1; + var JSCompiler_object_inline_digest_3190 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3183 = didSuspend) || - (JSCompiler_object_inline_componentStack_3183 = + (JSCompiler_object_inline_componentStack_3192 = didSuspend) || + (JSCompiler_object_inline_componentStack_3192 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3183 && - ((JSCompiler_object_inline_digest_3181 = !0), + JSCompiler_object_inline_componentStack_3192 && + ((JSCompiler_object_inline_digest_3190 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3183 = + JSCompiler_object_inline_componentStack_3192 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3181 + JSCompiler_object_inline_digest_3190 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10753,20 +10867,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3183 = { + ((JSCompiler_object_inline_componentStack_3192 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3183), - (JSCompiler_object_inline_componentStack_3183 = + JSCompiler_object_inline_componentStack_3192), + (JSCompiler_object_inline_componentStack_3192 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3183.return = + (JSCompiler_object_inline_componentStack_3192.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3183), + JSCompiler_object_inline_componentStack_3192), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10780,12 +10894,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3182.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3182.fallback; - if (JSCompiler_object_inline_digest_3181) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3191.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3191.fallback; + if (JSCompiler_object_inline_digest_3190) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3182 = + (JSCompiler_object_inline_stack_3191 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10797,19 +10911,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3183, + JSCompiler_object_inline_componentStack_3192, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3182 + JSCompiler_object_inline_stack_3191 ); if ( "number" === - typeof JSCompiler_object_inline_stack_3182.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3191.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3182 = + (JSCompiler_object_inline_stack_3191 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10821,12 +10935,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3183, + JSCompiler_object_inline_componentStack_3192, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_3182 + JSCompiler_object_inline_stack_3191 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10836,8 +10950,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3180 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3180) { + var JSCompiler_object_inline_message_3189 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3189) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10854,13 +10968,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3182.fallback), + JSCompiler_object_inline_stack_3191.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3182 = + (JSCompiler_object_inline_stack_3191 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3182.children + children: JSCompiler_object_inline_stack_3191.children }, nextFallbackChildren )), @@ -10871,24 +10985,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3182.return = workInProgress), + (JSCompiler_object_inline_stack_3191.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3182.sibling = + (JSCompiler_object_inline_stack_3191.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3182), + (workInProgress.child = JSCompiler_object_inline_stack_3191), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3182 = workInProgress.child), - (JSCompiler_object_inline_stack_3182.memoizedState = + (JSCompiler_object_inline_stack_3191 = workInProgress.child), + (JSCompiler_object_inline_stack_3191.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3182.childLanes = + (JSCompiler_object_inline_stack_3191.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3183, + JSCompiler_object_inline_componentStack_3192, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10896,48 +11010,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3180)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3189)) ) { - JSCompiler_object_inline_componentStack_3183 = - JSCompiler_object_inline_message_3180.nextSibling && - JSCompiler_object_inline_message_3180.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3183) { + JSCompiler_object_inline_componentStack_3192 = + JSCompiler_object_inline_message_3189.nextSibling && + JSCompiler_object_inline_message_3189.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3192) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3183.dgst; - var message = JSCompiler_object_inline_componentStack_3183.msg; + JSCompiler_object_inline_componentStack_3192.dgst; + var message = JSCompiler_object_inline_componentStack_3192.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3183.stck; + JSCompiler_object_inline_componentStack_3192.stck; var componentStack = - JSCompiler_object_inline_componentStack_3183.cstck; + JSCompiler_object_inline_componentStack_3192.cstck; } - JSCompiler_object_inline_message_3180 = message; - JSCompiler_object_inline_digest_3181 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3182 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3183 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3181; - nextFallbackChildren = JSCompiler_object_inline_message_3180; - componentStack = JSCompiler_object_inline_componentStack_3183; + JSCompiler_object_inline_message_3189 = message; + JSCompiler_object_inline_digest_3190 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3191 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3192 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3190; + nextFallbackChildren = JSCompiler_object_inline_message_3189; + componentStack = JSCompiler_object_inline_componentStack_3192; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3183 = + ((JSCompiler_object_inline_componentStack_3192 = 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_3183.stack = - JSCompiler_object_inline_stack_3182 || ""), - (JSCompiler_object_inline_componentStack_3183.digest = + (JSCompiler_object_inline_componentStack_3192.stack = + JSCompiler_object_inline_stack_3191 || ""), + (JSCompiler_object_inline_componentStack_3192.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3182 = + (JSCompiler_object_inline_stack_3191 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3183, + value: JSCompiler_object_inline_componentStack_3192, source: null, - stack: JSCompiler_object_inline_stack_3182 + stack: JSCompiler_object_inline_stack_3191 }), - "string" === typeof JSCompiler_object_inline_stack_3182 && + "string" === typeof JSCompiler_object_inline_stack_3191 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3183, + JSCompiler_object_inline_componentStack_3192, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10954,34 +11068,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3183 = + (JSCompiler_object_inline_componentStack_3192 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3183) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3192) ) { - JSCompiler_object_inline_componentStack_3183 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3192 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3183 && - ((JSCompiler_object_inline_stack_3182 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3183, + null !== JSCompiler_object_inline_componentStack_3192 && + ((JSCompiler_object_inline_stack_3191 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3192, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3182 && - JSCompiler_object_inline_stack_3182 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3191 && + JSCompiler_object_inline_stack_3191 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3182), + ((prevState.retryLane = JSCompiler_object_inline_stack_3191), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3182 + JSCompiler_object_inline_stack_3191 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3183, + JSCompiler_object_inline_componentStack_3192, current, - JSCompiler_object_inline_stack_3182 + JSCompiler_object_inline_stack_3191 ), SelectiveHydrationException) ); - isSuspenseInstancePending(JSCompiler_object_inline_message_3180) || + isSuspenseInstancePending(JSCompiler_object_inline_message_3189) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10989,13 +11103,13 @@ renderLanes ); } else - isSuspenseInstancePending(JSCompiler_object_inline_message_3180) + isSuspenseInstancePending(JSCompiler_object_inline_message_3189) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3180.nextSibling + JSCompiler_object_inline_message_3189.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -11007,31 +11121,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3182.children + JSCompiler_object_inline_stack_3191.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3181) + if (JSCompiler_object_inline_digest_3190) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3182.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3191.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3180 = componentStack.sibling), - (JSCompiler_object_inline_stack_3182 = createWorkInProgress( + (JSCompiler_object_inline_message_3189 = componentStack.sibling), + (JSCompiler_object_inline_stack_3191 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3182.children + children: JSCompiler_object_inline_stack_3191.children } )), - (JSCompiler_object_inline_stack_3182.subtreeFlags = + (JSCompiler_object_inline_stack_3191.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3180 + null !== JSCompiler_object_inline_message_3189 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3180, + JSCompiler_object_inline_message_3189, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -11042,24 +11156,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3182.return = workInProgress), - (JSCompiler_object_inline_stack_3182.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3182), - (JSCompiler_object_inline_stack_3182 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_3191.return = workInProgress), + (JSCompiler_object_inline_stack_3191.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3191), + (JSCompiler_object_inline_stack_3191 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_3180 = + ? ((JSCompiler_object_inline_message_3189 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_3180 + JSCompiler_object_inline_message_3189 ? { - parent: JSCompiler_object_inline_message_3180, - pool: JSCompiler_object_inline_message_3180 + parent: JSCompiler_object_inline_message_3189, + pool: JSCompiler_object_inline_message_3189 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -11070,28 +11184,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3183, + JSCompiler_object_inline_componentStack_3192, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3182 + JSCompiler_object_inline_stack_3191 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3182.children + children: JSCompiler_object_inline_stack_3191.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3183 = + ((JSCompiler_object_inline_componentStack_3192 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3183 + null === JSCompiler_object_inline_componentStack_3192 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3183.push(current)); + : JSCompiler_object_inline_componentStack_3192.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -16377,6 +16491,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality, isViewTransitionEligible = (committedLanes & 335544064) === committedLanes; isViewTransitionEligible && @@ -16396,7 +16511,8 @@ finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -16423,7 +16539,8 @@ finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes )); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -16714,6 +16831,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot, @@ -16749,7 +16867,8 @@ ) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality; (finishedWork.mode & ProfileMode) !== NoMode && 0 < finishedWork.actualStartTime && 0 !== (finishedWork.flags & 1) && @@ -16757,7 +16876,8 @@ finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16848,6 +16968,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( finishedRoot$jscomp$0, @@ -16865,7 +16986,8 @@ endTime = null !== parentFiber ? parentFiber.actualStartTime - : endTime$jscomp$0; + : endTime$jscomp$0, + prevDeepEquality = alreadyWarnedForDeepEquality; (child.mode & ProfileMode) !== NoMode && 0 < child.actualStartTime && 0 !== (child.flags & 1) && @@ -16873,7 +16995,8 @@ child, child.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = child.flags; switch (child.tag) { @@ -16908,6 +17031,7 @@ endTime ); } + alreadyWarnedForDeepEquality = prevDeepEquality; child = parentFiber; } } @@ -18704,7 +18828,15 @@ debugTask = blockingUpdateTask; if (supportsUserTiming) { currentTrack = "Blocking"; - if (0 < clampedEventTime && null !== eventType) { + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; + if ( + 0 < clampedEventTime && + null !== eventType && + eventEndTime > clampedEventTime + ) { var color = eventIsRepeat ? "secondary-light" : "warning"; debugTask ? debugTask.run( @@ -18712,9 +18844,7 @@ console, eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color @@ -18723,15 +18853,14 @@ : console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ); } 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes @@ -18772,74 +18901,77 @@ 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), + (clampedEventTime = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime; + : transitionEventTime), 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= renderStartTime$jscomp$0 - ? renderStartTime$jscomp$0 + 0 <= clampedEventTime + ? clampedEventTime : 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 = - 0 < previousRenderStartTime - ? previousRenderStartTime - : 0 < endTime - ? endTime - : eventType; - eventIsRepeat - ? eventIsRepeat.run( + )), + (eventType = transitionEventType), + (eventIsRepeat = transitionEventIsRepeat), + (renderStartTime$jscomp$0 = renderStartTime), + (debugTask = transitionUpdateTask), + supportsUserTiming && + ((currentTrack = "Transition"), + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : renderStartTime$jscomp$0), + 0 < clampedEventTime && + eventEndTime > clampedEventTime && + null !== eventType && + ((color = eventIsRepeat ? "secondary-light" : "warning"), + debugTask + ? debugTask.run( console.timeStamp.bind( console, - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ) ) : console.timeStamp( - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color - ); - } + )), + (clampedEventTime = 0 < endTime ? endTime : renderStartTime$jscomp$0), 0 < previousRenderStartTime && - (eventIsRepeat - ? eventIsRepeat.run( + clampedEventTime > previousRenderStartTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" @@ -18848,38 +18980,41 @@ : console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" - )); + )), 0 < endTime && - (eventIsRepeat - ? eventIsRepeat.run( + renderStartTime$jscomp$0 > endTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" ) ) : console.timeStamp( - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" - )); - } - transitionUpdateTime = transitionStartTime = -1.1; - transitionUpdateTask = null; - transitionSuspendedTime = -1.1; - transitionEventIsRepeat = !0; - } + ))), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateTask = null), + (transitionSuspendedTime = -1.1), + (transitionEventIsRepeat = !0)); previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && ((root.timeoutHandle = noTimeout), @@ -24734,14 +24869,79 @@ types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - transition.ready.then(spawnedWorkCallback, function (error) { - try { - (error = customizeViewTransitionError(error, !1)), - null !== error && errorCallback(error); - } finally { - mutationCallback(), layoutCallback(), spawnedWorkCallback(); + transition.ready.then( + function () { + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var effect = animations[i].effect, + pseudoElement = effect.pseudoElement; + if ( + null != pseudoElement && + pseudoElement.startsWith("::view-transition") + ) { + pseudoElement = effect.getKeyframes(); + for ( + var width = void 0, + height = void 0, + unchangedDimensions = !0, + j = 0; + j < pseudoElement.length; + j++ + ) { + var keyframe = pseudoElement[j], + w = keyframe.width; + if (void 0 === width) width = w; + else if (width !== w) { + unchangedDimensions = !1; + break; + } + w = keyframe.height; + if (void 0 === height) height = w; + else if (height !== w) { + unchangedDimensions = !1; + break; + } + delete keyframe.width; + delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + } + unchangedDimensions && + void 0 !== width && + void 0 !== height && + (effect.setKeyframes(pseudoElement), + (unchangedDimensions = getComputedStyle( + effect.target, + effect.pseudoElement + )), + unchangedDimensions.width !== width || + unchangedDimensions.height !== height) && + ((unchangedDimensions = pseudoElement[0]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + (unchangedDimensions = + pseudoElement[pseudoElement.length - 1]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + effect.setKeyframes(pseudoElement)); + } + } + spawnedWorkCallback(); + }, + function (error) { + try { + (error = customizeViewTransitionError(error, !1)), + null !== error && errorCallback(error); + } finally { + mutationCallback(), layoutCallback(), spawnedWorkCallback(); + } } - }); + ); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); ownerDocument.__reactViewTransition === transition && @@ -24774,33 +24974,40 @@ targetElement, pseudoElement, timeline, + customTimelineCleanup, rangeStart, rangeEnd, moveFirstFrameIntoViewport, moveAllFramesIntoViewport ) { - for (var i = 0; i < keyframes.length; i++) { + for ( + var width, height, unchangedDimensions = !0, i = 0; + i < keyframes.length; + i++ + ) { var keyframe = keyframes[i]; delete keyframe.easing; delete keyframe.computedOffset; + var w = keyframe.width; + void 0 === width + ? (width = w) + : width !== w && (unchangedDimensions = !1); + w = keyframe.height; + void 0 === height + ? (height = w) + : height !== w && (unchangedDimensions = !1); "auto" === keyframe.width && delete keyframe.width; "auto" === keyframe.height && delete keyframe.height; "none" === keyframe.transform && delete keyframe.transform; - if (moveAllFramesIntoViewport && null == keyframe.transform) - if (null == keyframe.translate || "" === keyframe.translate) { - var elementTranslate = getComputedStyle( - targetElement, - pseudoElement - ).translate; - keyframe.translate = mergeTranslate( - elementTranslate, - "20000px 20000px" - ); - } else - keyframe.translate = mergeTranslate( - keyframe.translate, - "20000px 20000px" - ); + moveAllFramesIntoViewport && + null == keyframe.transform && + (null == keyframe.translate || "" === keyframe.translate + ? ((w = getComputedStyle(targetElement, pseudoElement).translate), + (keyframe.translate = mergeTranslate(w, "20000px 20000px"))) + : (keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ))); } moveFirstFrameIntoViewport && ((moveFirstFrameIntoViewport = keyframes[0]), @@ -24811,16 +25018,39 @@ ("none" === moveAllFramesIntoViewport ? "" : moveAllFramesIntoViewport))); - moveFirstFrameIntoViewport = rangeStart > rangeEnd; - targetElement.animate(keyframes, { - pseudoElement: pseudoElement, - timeline: timeline, - easing: "linear", - fill: "both", - direction: moveFirstFrameIntoViewport ? "normal" : "reverse", - rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", - rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" - }); + if ( + unchangedDimensions && + void 0 !== width && + void 0 !== height && + ((unchangedDimensions = getComputedStyle(targetElement, pseudoElement)), + unchangedDimensions.width === width && + unchangedDimensions.height === height) + ) + for (width = 0; width < keyframes.length; width++) + (height = keyframes[width]), + delete height.width, + delete height.height; + width = rangeStart > rangeEnd; + timeline instanceof AnimationTimeline + ? targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + rangeStart: (width ? rangeEnd : rangeStart) + "%", + rangeEnd: (width ? rangeStart : rangeEnd) + "%" + }) + : ((keyframes = targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + delay: width ? rangeEnd : rangeStart, + duration: width ? rangeStart - rangeEnd : rangeEnd - rangeStart + })), + (timeline = timeline.animate(keyframes)) && + customTimelineCleanup.push(timeline)); } function startGestureTransition( rootContainer, @@ -24843,7 +25073,8 @@ types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var readyCallback = function () { + var customTimelineCleanup = [], + readyCallback = function () { for ( var documentElement = ownerDocument.documentElement, animations = documentElement.getAnimations({ subtree: !0 }), @@ -24912,6 +25143,7 @@ pseudoElement.target, effect, timeline, + customTimelineCleanup, anim, groupName, isGeneratedGroupAnim, @@ -24927,6 +25159,7 @@ pseudoElement.target, "::view-transition-group" + effect, timeline, + customTimelineCleanup, rangeStart, rangeEnd, !1, @@ -24958,6 +25191,8 @@ }); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); + for (var i = 0; i < customTimelineCleanup.length; i++) + (0, customTimelineCleanup[i])(); ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -28452,12 +28687,33 @@ COMPLEX_ARRAY = 1, PRIMITIVE_ARRAY = 2, ENTRIES_ARRAY = 3, + REMOVED = "\u2013\u00a0", + ADDED = "+\u00a0", + UNCHANGED = "\u2007\u00a0", supportsUserTiming = "undefined" !== typeof console && - "function" === typeof console.timeStamp, + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, COMPONENTS_TRACK = "Components \u269b", LANES_TRACK_GROUP = "Scheduler \u269b", currentTrack = "Blocking", + alreadyWarnedForDeepEquality = !1, + reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: COMPONENTS_TRACK + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + resuableChangedPropsEntry = ["Changed Props", ""], + DEEP_EQUALITY_WARNING = + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.", + reusableDeeplyEqualPropsEntry = ["Changed Props", DEEP_EQUALITY_WARNING], OffscreenVisible = 1, OffscreenPassiveEffectsConnected = 2, concurrentQueues = [], @@ -31170,11 +31426,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ef8b6fa2-20250702" !== 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-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -31211,10 +31467,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-73aa744b-20250702", + version: "19.2.0-experimental-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-73aa744b-20250702" + reconcilerVersion: "19.2.0-experimental-ef8b6fa2-20250702" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31526,5 +31782,5 @@ } }; }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js index ea01fce78247e..938f972eef736 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js @@ -14753,20 +14753,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1808 = 0; - i$jscomp$inline_1808 < simpleEventPluginEvents.length; - i$jscomp$inline_1808++ + var i$jscomp$inline_1810 = 0; + i$jscomp$inline_1810 < simpleEventPluginEvents.length; + i$jscomp$inline_1810++ ) { - var eventName$jscomp$inline_1809 = - simpleEventPluginEvents[i$jscomp$inline_1808], - domEventName$jscomp$inline_1810 = - eventName$jscomp$inline_1809.toLowerCase(), - capitalizedEvent$jscomp$inline_1811 = - eventName$jscomp$inline_1809[0].toUpperCase() + - eventName$jscomp$inline_1809.slice(1); + var eventName$jscomp$inline_1811 = + simpleEventPluginEvents[i$jscomp$inline_1810], + domEventName$jscomp$inline_1812 = + eventName$jscomp$inline_1811.toLowerCase(), + capitalizedEvent$jscomp$inline_1813 = + eventName$jscomp$inline_1811[0].toUpperCase() + + eventName$jscomp$inline_1811.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1810, - "on" + capitalizedEvent$jscomp$inline_1811 + domEventName$jscomp$inline_1812, + "on" + capitalizedEvent$jscomp$inline_1813 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -16969,14 +16969,78 @@ function startViewTransition( types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - transition.ready.then(spawnedWorkCallback, function (error) { - try { - (error = customizeViewTransitionError(error, !1)), - null !== error && errorCallback(error); - } finally { - mutationCallback(), layoutCallback(), spawnedWorkCallback(); + transition.ready.then( + function () { + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var effect = animations[i].effect, + pseudoElement = effect.pseudoElement; + if ( + null != pseudoElement && + pseudoElement.startsWith("::view-transition") + ) { + pseudoElement = effect.getKeyframes(); + for ( + var width = void 0, + height = void 0, + unchangedDimensions = !0, + j = 0; + j < pseudoElement.length; + j++ + ) { + var keyframe = pseudoElement[j], + w = keyframe.width; + if (void 0 === width) width = w; + else if (width !== w) { + unchangedDimensions = !1; + break; + } + w = keyframe.height; + if (void 0 === height) height = w; + else if (height !== w) { + unchangedDimensions = !1; + break; + } + delete keyframe.width; + delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + } + unchangedDimensions && + void 0 !== width && + void 0 !== height && + (effect.setKeyframes(pseudoElement), + (unchangedDimensions = getComputedStyle( + effect.target, + effect.pseudoElement + )), + unchangedDimensions.width !== width || + unchangedDimensions.height !== height) && + ((unchangedDimensions = pseudoElement[0]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + (unchangedDimensions = pseudoElement[pseudoElement.length - 1]), + (unchangedDimensions.width = width), + (unchangedDimensions.height = height), + effect.setKeyframes(pseudoElement)); + } + } + spawnedWorkCallback(); + }, + function (error) { + try { + (error = customizeViewTransitionError(error, !1)), + null !== error && errorCallback(error); + } finally { + mutationCallback(), layoutCallback(), spawnedWorkCallback(); + } } - }); + ); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); ownerDocument.__reactViewTransition === transition && @@ -17007,33 +17071,38 @@ function animateGesture( targetElement, pseudoElement, timeline, + customTimelineCleanup, rangeStart, rangeEnd, moveFirstFrameIntoViewport, moveAllFramesIntoViewport ) { - for (var i = 0; i < keyframes.length; i++) { + for ( + var width, height, unchangedDimensions = !0, i = 0; + i < keyframes.length; + i++ + ) { var keyframe = keyframes[i]; delete keyframe.easing; delete keyframe.computedOffset; + var w = keyframe.width; + void 0 === width ? (width = w) : width !== w && (unchangedDimensions = !1); + w = keyframe.height; + void 0 === height + ? (height = w) + : height !== w && (unchangedDimensions = !1); "auto" === keyframe.width && delete keyframe.width; "auto" === keyframe.height && delete keyframe.height; "none" === keyframe.transform && delete keyframe.transform; - if (moveAllFramesIntoViewport && null == keyframe.transform) - if (null == keyframe.translate || "" === keyframe.translate) { - var elementTranslate = getComputedStyle( - targetElement, - pseudoElement - ).translate; - keyframe.translate = mergeTranslate( - elementTranslate, - "20000px 20000px" - ); - } else - keyframe.translate = mergeTranslate( - keyframe.translate, - "20000px 20000px" - ); + moveAllFramesIntoViewport && + null == keyframe.transform && + (null == keyframe.translate || "" === keyframe.translate + ? ((w = getComputedStyle(targetElement, pseudoElement).translate), + (keyframe.translate = mergeTranslate(w, "20000px 20000px"))) + : (keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ))); } moveFirstFrameIntoViewport && ((moveFirstFrameIntoViewport = keyframes[0]), @@ -17044,16 +17113,37 @@ function animateGesture( ("none" === moveAllFramesIntoViewport ? "" : moveAllFramesIntoViewport))); - moveFirstFrameIntoViewport = rangeStart > rangeEnd; - targetElement.animate(keyframes, { - pseudoElement: pseudoElement, - timeline: timeline, - easing: "linear", - fill: "both", - direction: moveFirstFrameIntoViewport ? "normal" : "reverse", - rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", - rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" - }); + if ( + unchangedDimensions && + void 0 !== width && + void 0 !== height && + ((unchangedDimensions = getComputedStyle(targetElement, pseudoElement)), + unchangedDimensions.width === width && + unchangedDimensions.height === height) + ) + for (width = 0; width < keyframes.length; width++) + (height = keyframes[width]), delete height.width, delete height.height; + width = rangeStart > rangeEnd; + timeline instanceof AnimationTimeline + ? targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + rangeStart: (width ? rangeEnd : rangeStart) + "%", + rangeEnd: (width ? rangeStart : rangeEnd) + "%" + }) + : ((keyframes = targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + easing: "linear", + fill: "both", + direction: width ? "normal" : "reverse", + delay: width ? rangeEnd : rangeStart, + duration: width ? rangeStart - rangeEnd : rangeEnd - rangeStart + })), + (timeline = timeline.animate(keyframes)) && + customTimelineCleanup.push(timeline)); } function startGestureTransition( rootContainer, @@ -17074,7 +17164,8 @@ function startGestureTransition( types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var readyCallback = function () { + var customTimelineCleanup = [], + readyCallback = function () { for ( var documentElement = ownerDocument.documentElement, animations = documentElement.getAnimations({ subtree: !0 }), @@ -17124,25 +17215,26 @@ function startGestureTransition( ))) : (isExitGroupAnim = !0); } - var timing$269 = pseudoElement.getTiming(); + var timing$271 = pseudoElement.getTiming(); anim = rangeEnd - - (("number" === typeof timing$269.duration - ? timing$269.duration + (("number" === typeof timing$271.duration + ? timing$271.duration : 0) + - timing$269.delay) * + timing$271.delay) * longestDuration; - groupName = rangeEnd - timing$269.delay * longestDuration; + groupName = rangeEnd - timing$271.delay * longestDuration; if ( - "reverse" === timing$269.direction || - "alternate-reverse" === timing$269.direction + "reverse" === timing$271.direction || + "alternate-reverse" === timing$271.direction ) - (timing$269 = anim), (anim = groupName), (groupName = timing$269); + (timing$271 = anim), (anim = groupName), (groupName = timing$271); animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, effect, timeline, + customTimelineCleanup, anim, groupName, isGeneratedGroupAnim, @@ -17158,6 +17250,7 @@ function startGestureTransition( pseudoElement.target, "::view-transition-group" + effect, timeline, + customTimelineCleanup, rangeStart, rangeEnd, !1, @@ -17189,6 +17282,8 @@ function startGestureTransition( }); transition.finished.finally(function () { cancelAllViewTransitionAnimations(ownerDocument.documentElement); + for (var i = 0; i < customTimelineCleanup.length; i++) + (0, customTimelineCleanup[i])(); ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -18195,26 +18290,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$278 = getResourcesFromRoot( + var styles$280 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$279 = styles$278.get(type); - resource$279 || + resource$281 = styles$280.get(type); + resource$281 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$279 = { + (resource$281 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$278.set(type, resource$279), - (styles$278 = JSCompiler_inline_result.querySelector( + styles$280.set(type, resource$281), + (styles$280 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$278._p && - ((resource$279.instance = styles$278), - (resource$279.state.loading = 5)), + !styles$280._p && + ((resource$281.instance = styles$280), + (resource$281.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -18227,16 +18322,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$278 || + styles$280 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$279.state + resource$281.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$279; + return resource$281; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -18333,37 +18428,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$284 = hoistableRoot.querySelector( + var instance$286 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$284) + if (instance$286) return ( (resource.state.loading |= 4), - (resource.instance = instance$284), - markNodeAsHoistable(instance$284), - instance$284 + (resource.instance = instance$286), + markNodeAsHoistable(instance$286), + instance$286 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$284 = ( + instance$286 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$284); - var linkInstance = instance$284; + markNodeAsHoistable(instance$286); + var linkInstance = instance$286; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$284, "link", instance); + setInitialProperties(instance$286, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$284, props.precedence, hoistableRoot); - return (resource.instance = instance$284); + insertStylesheet(instance$286, props.precedence, hoistableRoot); + return (resource.instance = instance$286); case "script": - instance$284 = getScriptKey(props.src); + instance$286 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$284) + getScriptSelectorFromKey(instance$286) )) ) return ( @@ -18372,7 +18467,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$284))) + if ((styleProps = preloadPropsMap.get(instance$286))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -19472,16 +19567,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2196 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2198 = React.version; if ( - "19.2.0-experimental-73aa744b-20250702" !== - isomorphicReactPackageVersion$jscomp$inline_2196 + "19.2.0-experimental-ef8b6fa2-20250702" !== + isomorphicReactPackageVersion$jscomp$inline_2198 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2196, - "19.2.0-experimental-73aa744b-20250702" + isomorphicReactPackageVersion$jscomp$inline_2198, + "19.2.0-experimental-ef8b6fa2-20250702" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19501,24 +19596,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2886 = { +var internals$jscomp$inline_2888 = { bundleType: 0, - version: "19.2.0-experimental-73aa744b-20250702", + version: "19.2.0-experimental-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-73aa744b-20250702" + reconcilerVersion: "19.2.0-experimental-ef8b6fa2-20250702" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2887 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2889 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2887.isDisabled && - hook$jscomp$inline_2887.supportsFiber + !hook$jscomp$inline_2889.isDisabled && + hook$jscomp$inline_2889.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2887.inject( - internals$jscomp$inline_2886 + (rendererID = hook$jscomp$inline_2889.inject( + internals$jscomp$inline_2888 )), - (injectedHook = hook$jscomp$inline_2887); + (injectedHook = hook$jscomp$inline_2889); } catch (err) {} } exports.createComponentSelector = function (component) { @@ -19764,4 +19859,4 @@ exports.observeVisibleRects = function ( } }; }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js index cea7e1e4e0425..e42038d3a0e70 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; "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.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js index 6049f97e02eed..9f3c4bea14d6b 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js index b57fefbf3627f..3086e87627f09 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js index bd45db456264b..9b09759d5efb5 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom-experimental/package.json b/packages/next/src/compiled/react-dom-experimental/package.json index 4e3901ce34b49..4caad223f5aca 100644 --- a/packages/next/src/compiled/react-dom-experimental/package.json +++ b/packages/next/src/compiled/react-dom-experimental/package.json @@ -72,10 +72,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.0.0-experimental-73aa744b-20250702" + "scheduler": "0.0.0-experimental-ef8b6fa2-20250702" }, "peerDependencies": { - "react": "0.0.0-experimental-73aa744b-20250702" + "react": "0.0.0-experimental-ef8b6fa2-20250702" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js index 93734a97a879a..ad711700b7caa 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js @@ -25503,11 +25503,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-ef8b6fa2-20250702" !== 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-canary-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -25544,10 +25544,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-canary-73aa744b-20250702", + version: "19.2.0-canary-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-73aa744b-20250702" + reconcilerVersion: "19.2.0-canary-ef8b6fa2-20250702" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -25685,7 +25685,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js index 4b8507dd03673..1ba44c28f5845 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js @@ -15712,14 +15712,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_1838 = React.version; if ( - "19.2.0-canary-73aa744b-20250702" !== + "19.2.0-canary-ef8b6fa2-20250702" !== isomorphicReactPackageVersion$jscomp$inline_1838 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1838, - "19.2.0-canary-73aa744b-20250702" + "19.2.0-canary-ef8b6fa2-20250702" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15741,10 +15741,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2331 = { bundleType: 0, - version: "19.2.0-canary-73aa744b-20250702", + version: "19.2.0-canary-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-73aa744b-20250702" + reconcilerVersion: "19.2.0-canary-ef8b6fa2-20250702" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2332 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -15842,4 +15842,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js index 82f256ed6bd08..0f9cf17d63b22 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js @@ -25555,11 +25555,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-ef8b6fa2-20250702" !== 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-canary-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -25596,10 +25596,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-canary-73aa744b-20250702", + version: "19.2.0-canary-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-73aa744b-20250702" + reconcilerVersion: "19.2.0-canary-ef8b6fa2-20250702" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -26067,7 +26067,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js index 49273c7078f8a..53295f814a90a 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js @@ -16413,14 +16413,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_1942 = React.version; if ( - "19.2.0-canary-73aa744b-20250702" !== + "19.2.0-canary-ef8b6fa2-20250702" !== isomorphicReactPackageVersion$jscomp$inline_1942 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1942, - "19.2.0-canary-73aa744b-20250702" + "19.2.0-canary-ef8b6fa2-20250702" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -16442,10 +16442,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_1949 = { bundleType: 0, - version: "19.2.0-canary-73aa744b-20250702", + version: "19.2.0-canary-ef8b6fa2-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-73aa744b-20250702", + reconcilerVersion: "19.2.0-canary-ef8b6fa2-20250702", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$281 = 0; @@ -16718,7 +16718,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js index a0e053c1c487e..4d68064f0e744 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js @@ -9687,5 +9687,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js index 9e1b6b1c63470..2fbe6c101fb04 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js @@ -6456,4 +6456,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js index ce773e9e89237..c95b539d1e6c9 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js @@ -9687,5 +9687,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js index 25370973f8f08..792964548d0bd 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js @@ -6539,4 +6539,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js index 28a42e01ea17a..a5e85642ce313 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js @@ -8436,11 +8436,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-ef8b6fa2-20250702" !== 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-canary-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -10130,5 +10130,5 @@ startWork(request); }); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js index fe878f4074e90..ca9de9daccfa0 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js @@ -6842,12 +6842,12 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-ef8b6fa2-20250702" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.2.0-canary-73aa744b-20250702" + "19.2.0-canary-ef8b6fa2-20250702" ) ); } @@ -6994,4 +6994,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js index 9aa7b32c8427d..62e9002cebb1e 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js @@ -6487,13 +6487,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_815 = React.version; if ( - "19.2.0-canary-73aa744b-20250702" !== + "19.2.0-canary-ef8b6fa2-20250702" !== isomorphicReactPackageVersion$jscomp$inline_815 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_815 + - "\n - react-dom: 19.2.0-canary-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -6584,4 +6584,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js index cd106a70a516b..ec32bfc8162d8 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js @@ -8459,11 +8459,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-ef8b6fa2-20250702" !== 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-canary-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -10149,5 +10149,5 @@ startWork(request); }); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js index 148e793e80b20..0b169fd6a76a4 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js @@ -6940,11 +6940,11 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-ef8b6fa2-20250702" !== 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-canary-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7090,4 +7090,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js index 9afbd90324191..80f601177fb86 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js @@ -8334,11 +8334,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-ef8b6fa2-20250702" !== 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-canary-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -10209,5 +10209,5 @@ startWork(request); }); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js index 2c891c2fec6e3..a2d0096f37357 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js @@ -6832,11 +6832,11 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-ef8b6fa2-20250702" !== 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-canary-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-ef8b6fa2-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7174,4 +7174,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js index 23712df22cddd..ba383ba874d74 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js index 1161b628adfb5..6931061705c60 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js index fd7aaf06f4786..011d42044c59a 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js index 02fd7de211420..e8e2214e2915e 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-dom/package.json b/packages/next/src/compiled/react-dom/package.json index 59334ec2bc099..8c61a452bd940 100644 --- a/packages/next/src/compiled/react-dom/package.json +++ b/packages/next/src/compiled/react-dom/package.json @@ -67,10 +67,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.27.0-canary-73aa744b-20250702" + "scheduler": "0.27.0-canary-ef8b6fa2-20250702" }, "peerDependencies": { - "react": "19.2.0-canary-73aa744b-20250702" + "react": "19.2.0-canary-ef8b6fa2-20250702" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-experimental/cjs/react.development.js b/packages/next/src/compiled/react-experimental/cjs/react.development.js index 13afee905a2bc..223fba3282d92 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.development.js @@ -1328,7 +1328,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-experimental/cjs/react.production.js b/packages/next/src/compiled/react-experimental/cjs/react.production.js index 3a5e2ab9efb1f..c3dff99aa5c7e 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.production.js @@ -605,4 +605,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js index 774786fe430f2..37e74aa045f54 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js @@ -996,5 +996,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.2.0-experimental-73aa744b-20250702"; + exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js index 006e7afb953cb..ee21a97ac6fb6 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js @@ -572,4 +572,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.2.0-experimental-73aa744b-20250702"; +exports.version = "19.2.0-experimental-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react-is/package.json b/packages/next/src/compiled/react-is/package.json index 410fb7188a600..cc024b90b2ea7 100644 --- a/packages/next/src/compiled/react-is/package.json +++ b/packages/next/src/compiled/react-is/package.json @@ -1,6 +1,6 @@ { "name": "react-is", - "version": "19.2.0-canary-73aa744b-20250702", + "version": "19.2.0-canary-ef8b6fa2-20250702", "description": "Brand checking of React Elements.", "main": "index.js", "sideEffects": false, diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js index 37c0c2bcce7e8..9f9e5245d1845 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js @@ -933,13 +933,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -966,11 +972,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -984,7 +996,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -1003,7 +1016,7 @@ break; } else if (3 === propKey) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -1016,7 +1029,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -1028,7 +1042,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1044,7 +1059,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1063,10 +1079,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -1088,7 +1105,10 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); } function markAllTracksInOrder() { supportsUserTiming && @@ -1119,6 +1139,80 @@ return "tertiary-dark"; } } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + rootEnv = ""; + var descMaxLength = 30 - ioInfo.length - env.length; + if (1 < descMaxLength) { + var l = description.length; + if (0 < l && l <= descMaxLength) rootEnv = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + l = description.indexOf("?"); + -1 === l && (l = description.length); + 47 === description.charCodeAt(l - 1) && l--; + var slashIdx = description.lastIndexOf("/", l - 1); + l - slashIdx < descMaxLength && + (rootEnv = " (" + description.slice(slashIdx + 1, l) + ")"); + } + } + return ioInfo + rootEnv + env; + } function logComponentAwait( asyncInfo, trackIdx, @@ -1128,77 +1222,91 @@ value ) { if (supportsUserTiming && 0 < endTime) { - var env = asyncInfo.env, - name = asyncInfo.awaited.name, - isPrimaryEnv = env === rootEnv; - rootEnv = getIOColor(name); - env = - "await " + - (isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]"); - (asyncInfo = asyncInfo.debugTask || asyncInfo.awaited.debugTask) - ? ((name = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, name, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, name, 0), - asyncInfo.run( - performance.measure.bind(performance, env, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: rootEnv, - track: trackNames[trackIdx], - trackGroup: "Server Components \u269b", - properties: name - } + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo } - }) - )) - : console.timeStamp( - env, - 0 > startTime ? 0 : startTime, - endTime, - trackNames[trackIdx], - "Server Components \u269b", - rootEnv - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); } } function logIOInfoErrored(ioInfo, rootEnv, error) { var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - (ioInfo = ioInfo.debugTask) - ? ioInfo.run( - performance.measure.bind(performance, rootEnv, { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "Rejected", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, entryName, { start: 0 > startTime ? 0 : startTime, end: endTime, detail: { devtools: { color: "error", track: "Server Requests \u269b", - properties: [ - [ - "Rejected", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ] - ], - tooltipText: rootEnv + " Rejected" + properties: error, + tooltipText: ioInfo } } }) - ) + )) : console.timeStamp( - rootEnv, + entryName, 0 > startTime ? 0 : startTime, endTime, "Server Requests \u269b", @@ -1211,39 +1319,40 @@ var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - ioInfo = ioInfo.debugTask; - name = getIOColor(name); - ioInfo - ? ((env = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, env, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, env, 0), - ioInfo.run( - performance.measure.bind(performance, rootEnv, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: name, - track: "Server Requests \u269b", - properties: env - } + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo } - }) - )) - : console.timeStamp( - rootEnv, - 0 > startTime ? 0 : startTime, - endTime, - "Server Requests \u269b", - void 0, - name - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); } } function ReactPromise(status, value, reason) { @@ -2903,484 +3012,514 @@ function flushComponentPerformance( response$jscomp$0, root, - trackIdx$jscomp$1, + trackIdx$jscomp$6, trackTime, parentEndTime ) { if (!isArrayImpl(root._children)) { - root = root._children; - var previousEndTime = root.endTime; + var previousResult = root._children, + previousEndTime = previousResult.endTime; if ( -Infinity < parentEndTime && parentEndTime < previousEndTime && - null !== root.component + null !== previousResult.component ) { - var componentInfo = root.component, - trackIdx = trackIdx$jscomp$1; + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { - response$jscomp$0 = - componentInfo.env === response$jscomp$0._rootEnvironmentName - ? "primary-light" - : "secondary-light"; - var entryName = componentInfo.name + " [deduped]"; - (componentInfo = componentInfo.debugTask) - ? componentInfo.run( + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( console.timeStamp.bind( console, entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ) ) : console.timeStamp( entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ); } } - root.track = trackIdx$jscomp$1; - return root; + previousResult.track = trackIdx$jscomp$6; + return previousResult; } - entryName = root._children; + var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); - if ((previousEndTime = root._debugInfo)) { - for ( - componentInfo = trackIdx = 0; - componentInfo < previousEndTime.length; - componentInfo++ - ) { - var info = previousEndTime[componentInfo]; - "number" === typeof info.time && (trackIdx = info.time); + var debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); if ("string" === typeof info.name) { - trackIdx < trackTime && trackIdx$jscomp$1++; - trackTime = trackIdx; + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; break; } } - for (trackIdx = previousEndTime.length - 1; 0 <= trackIdx; trackIdx--) - if ( - ((componentInfo = previousEndTime[trackIdx]), - "number" === typeof componentInfo.time && - componentInfo.time > parentEndTime) - ) { - parentEndTime = componentInfo.time; + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; break; } + } } - trackIdx = { - track: trackIdx$jscomp$1, + var result = { + track: trackIdx$jscomp$6, endTime: -Infinity, component: null }; - root._children = trackIdx; - componentInfo = -Infinity; - info = trackIdx$jscomp$1; - for (var _i5 = 0; _i5 < entryName.length; _i5++) { + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { var childResult = flushComponentPerformance( response$jscomp$0, - entryName[_i5], - info, - trackTime, + children[_i5], + childTrackIdx, + childTrackTime, parentEndTime ); null !== childResult.component && - (trackIdx.component = childResult.component); - info = childResult.track; - childResult = childResult.endTime; - childResult > trackTime && (trackTime = childResult); - childResult > componentInfo && (componentInfo = childResult); + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); } - if (previousEndTime) + if (debugInfo) for ( - childResult = 0, - _i5 = !0, - info = parentEndTime = -1, - entryName = previousEndTime.length - 1; - 0 <= entryName; - entryName-- - ) - if ( - ((trackTime = previousEndTime[entryName]), - "number" === typeof trackTime.time) - ) { - 0 === childResult && (childResult = trackTime.time); - trackTime = trackTime.time; - if (-1 < info) - for (--info; info > entryName; info--) { - var candidateInfo = previousEndTime[info]; + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; if ("string" === typeof candidateInfo.name) { - childResult > componentInfo && (componentInfo = childResult); - var response = response$jscomp$0, - componentInfo$jscomp$0 = candidateInfo, - trackIdx$jscomp$0 = trackIdx$jscomp$1, - startTime = trackTime, - componentEndTime = childResult, - childrenEndTime = componentInfo; + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; if ( - _i5 && + isLastComponent && "rejected" === root.status && root.reason !== response._closedReason - ) - (_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - (componentEndTime = childrenEndTime), - (childrenEndTime = root.reason), - supportsUserTiming && - ((trackIdx$jscomp$0 = _i5.env), - (componentInfo$jscomp$0 = _i5.name), - (response = - trackIdx$jscomp$0 === response._rootEnvironmentName || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"), - (childrenEndTime = [ + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ [ "Error", - "object" === typeof childrenEndTime && - null !== childrenEndTime && - "string" === typeof childrenEndTime.message - ? String(childrenEndTime.message) - : String(childrenEndTime) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ] - ]), - null != _i5.key && - addValueToProperties( - "key", - _i5.key, - childrenEndTime, - 0 - ), - null != _i5.props && - addObjectToProperties(_i5.props, childrenEndTime, 0), - performance.measure(response, { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childResult], - trackGroup: "Server Components \u269b", - tooltipText: response + " Errored", - properties: childrenEndTime - } + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure(entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties } - })); - else if ( - ((_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - supportsUserTiming && - 0 <= childrenEndTime && - 10 > childResult) - ) { - trackIdx$jscomp$0 = _i5.env; - componentInfo$jscomp$0 = _i5.name; - var isPrimaryEnv = - trackIdx$jscomp$0 === response._rootEnvironmentName; - response = componentEndTime - startTime; - response = - 0.5 > response - ? isPrimaryEnv - ? "primary-light" - : "secondary-light" - : 50 > response - ? isPrimaryEnv - ? "primary" - : "secondary" - : 500 > response + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime ? isPrimaryEnv - ? "primary-dark" - : "secondary-dark" - : "error"; - componentEndTime = - isPrimaryEnv || void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"; - (trackIdx$jscomp$0 = _i5.debugTask) - ? ((componentInfo$jscomp$0 = []), - null != _i5.key && + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && addValueToProperties( "key", - _i5.key, - componentInfo$jscomp$0, - 0 - ), - null != _i5.props && + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && addObjectToProperties( - _i5.props, - componentInfo$jscomp$0, - 0 - ), - trackIdx$jscomp$0.run( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( performance.measure.bind( performance, - componentEndTime, + entryName$jscomp$1, { - start: 0 > startTime ? 0 : startTime, - end: childrenEndTime, + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, detail: { devtools: { - color: response, - track: trackNames[childResult], + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], trackGroup: "Server Components \u269b", - properties: componentInfo$jscomp$0 + properties: properties$jscomp$0 } } } ) - )) - : console.timeStamp( - componentEndTime, - 0 > startTime ? 0 : startTime, - childrenEndTime, - trackNames[childResult], + ); + } else + console.timeStamp( + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], "Server Components \u269b", - response + color$jscomp$0 ); + } } - childResult = trackTime; - trackIdx.component = candidateInfo; - _i5 = !1; - } else if (candidateInfo.awaited) - if ( - (parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (childrenEndTime = response$jscomp$0._rootEnvironmentName), - (response = candidateInfo.awaited.value)) - ) - switch ( - ((trackIdx$jscomp$0 = response), trackIdx$jscomp$0.status) - ) { + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if (candidateInfo.awaited) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { case "fulfilled": logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, - trackIdx$jscomp$0.value + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value ); break; case "rejected": - response = trackIdx$jscomp$1; - startTime = trackTime; - componentEndTime = parentEndTime; - trackIdx$jscomp$0 = trackIdx$jscomp$0.reason; - supportsUserTiming && - 0 < componentEndTime && - ((componentInfo$jscomp$0 = candidateInfo.env), - (isPrimaryEnv = candidateInfo.awaited.name), - (childrenEndTime = - "await " + - (componentInfo$jscomp$0 === childrenEndTime || - void 0 === componentInfo$jscomp$0 - ? isPrimaryEnv - : isPrimaryEnv + - " [" + - componentInfo$jscomp$0 + - "]")), - (candidateInfo = - candidateInfo.debugTask || - candidateInfo.awaited.debugTask) - ? candidateInfo.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[response], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Rejected", - "object" === - typeof trackIdx$jscomp$0 && - null !== trackIdx$jscomp$0 && - "string" === - typeof trackIdx$jscomp$0.message - ? String( - trackIdx$jscomp$0.message - ) - : String(trackIdx$jscomp$0) - ] - ], - tooltipText: - childrenEndTime + " Rejected" - } + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText } } - ) + } ) - : console.timeStamp( - childrenEndTime, - 0 > startTime ? 0 : startTime, - componentEndTime, - trackNames[response], - "Server Components \u269b", - "error" - )); + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } break; default: logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); } - else + } else logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); + } } - else - for ( - parentEndTime = trackTime, info = previousEndTime.length - 1; - info > entryName; - info-- - ) - (candidateInfo = previousEndTime[info]), - "string" === typeof candidateInfo.name - ? (childResult > componentInfo && - (componentInfo = childResult), - (_i5 = candidateInfo), - (componentEndTime = - response$jscomp$0._rootEnvironmentName), - (childResult = _i5), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = componentInfo), - supportsUserTiming && - ((childrenEndTime = childResult.env), - (trackIdx$jscomp$0 = childResult.name), - (componentEndTime = - childrenEndTime === componentEndTime || - void 0 === childrenEndTime - ? trackIdx$jscomp$0 - : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"), - (childrenEndTime = [ - [ - "Aborted", - "The stream was aborted before this Component finished rendering." - ] - ]), - null != childResult.key && - addValueToProperties( - "key", - childResult.key, - childrenEndTime, - 0 - ), - null != childResult.props && - addObjectToProperties( - childResult.props, - childrenEndTime, - 0 - ), - performance.measure(componentEndTime, { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - tooltipText: componentEndTime + " Aborted", - properties: childrenEndTime + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure(entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if (_candidateInfo.awaited) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } } } - })), - (childResult = trackTime), - (trackIdx.component = _i5), - (_i5 = !1)) - : candidateInfo.awaited && - ((componentEndTime = candidateInfo), - (childrenEndTime = - response$jscomp$0._rootEnvironmentName), - componentEndTime.awaited.end > parentEndTime && - (parentEndTime = componentEndTime.awaited.end), - parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = parentEndTime), - supportsUserTiming && - 0 < startTime && - ((trackIdx$jscomp$0 = componentEndTime.env), - (componentInfo$jscomp$0 = - componentEndTime.awaited.name), - (childrenEndTime = - "await " + - (trackIdx$jscomp$0 === childrenEndTime || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]")), - (componentEndTime = - componentEndTime.debugTask || - componentEndTime.awaited.debugTask) - ? componentEndTime.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Aborted", - "The stream was aborted before this Promise resolved." - ] - ], - tooltipText: childrenEndTime + " Aborted" - } - } - } - ) - ) - : console.timeStamp( - childrenEndTime, - 0 > response ? 0 : response, - startTime, - trackNames[candidateInfo], - "Server Components \u269b", - "warning" - ))); - parentEndTime = trackTime; - info = entryName; + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; } - trackIdx.endTime = componentInfo; - return trackIdx; + } + result.endTime = childrenEndTime; + return result; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { @@ -3923,10 +4062,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-experimental-73aa744b-20250702", + version: "19.2.0-experimental-ef8b6fa2-20250702", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-73aa744b-20250702", + reconcilerVersion: "19.2.0-experimental-ef8b6fa2-20250702", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js index d58cc8b84458d..90356c210a156 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js @@ -1139,13 +1139,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -1172,11 +1178,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -1190,7 +1202,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -1209,7 +1222,7 @@ break; } else if (3 === propKey) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -1222,7 +1235,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -1234,7 +1248,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1250,7 +1265,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1269,10 +1285,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -1294,7 +1311,10 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); } function markAllTracksInOrder() { supportsUserTiming && @@ -1325,6 +1345,80 @@ return "tertiary-dark"; } } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + rootEnv = ""; + var descMaxLength = 30 - ioInfo.length - env.length; + if (1 < descMaxLength) { + var l = description.length; + if (0 < l && l <= descMaxLength) rootEnv = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + l = description.indexOf("?"); + -1 === l && (l = description.length); + 47 === description.charCodeAt(l - 1) && l--; + var slashIdx = description.lastIndexOf("/", l - 1); + l - slashIdx < descMaxLength && + (rootEnv = " (" + description.slice(slashIdx + 1, l) + ")"); + } + } + return ioInfo + rootEnv + env; + } function logComponentAwait( asyncInfo, trackIdx, @@ -1334,77 +1428,91 @@ value ) { if (supportsUserTiming && 0 < endTime) { - var env = asyncInfo.env, - name = asyncInfo.awaited.name, - isPrimaryEnv = env === rootEnv; - rootEnv = getIOColor(name); - env = - "await " + - (isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]"); - (asyncInfo = asyncInfo.debugTask || asyncInfo.awaited.debugTask) - ? ((name = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, name, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, name, 0), - asyncInfo.run( - performance.measure.bind(performance, env, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: rootEnv, - track: trackNames[trackIdx], - trackGroup: "Server Components \u269b", - properties: name - } + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo } - }) - )) - : console.timeStamp( - env, - 0 > startTime ? 0 : startTime, - endTime, - trackNames[trackIdx], - "Server Components \u269b", - rootEnv - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); } } function logIOInfoErrored(ioInfo, rootEnv, error) { var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - (ioInfo = ioInfo.debugTask) - ? ioInfo.run( - performance.measure.bind(performance, rootEnv, { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "Rejected", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, entryName, { start: 0 > startTime ? 0 : startTime, end: endTime, detail: { devtools: { color: "error", track: "Server Requests \u269b", - properties: [ - [ - "Rejected", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ] - ], - tooltipText: rootEnv + " Rejected" + properties: error, + tooltipText: ioInfo } } }) - ) + )) : console.timeStamp( - rootEnv, + entryName, 0 > startTime ? 0 : startTime, endTime, "Server Requests \u269b", @@ -1417,39 +1525,40 @@ var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - ioInfo = ioInfo.debugTask; - name = getIOColor(name); - ioInfo - ? ((env = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, env, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, env, 0), - ioInfo.run( - performance.measure.bind(performance, rootEnv, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: name, - track: "Server Requests \u269b", - properties: env - } + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo } - }) - )) - : console.timeStamp( - rootEnv, - 0 > startTime ? 0 : startTime, - endTime, - "Server Requests \u269b", - void 0, - name - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); } } function prepareStackTrace(error, structuredStackTrace) { @@ -3127,484 +3236,514 @@ function flushComponentPerformance( response$jscomp$0, root, - trackIdx$jscomp$1, + trackIdx$jscomp$6, trackTime, parentEndTime ) { if (!isArrayImpl(root._children)) { - root = root._children; - var previousEndTime = root.endTime; + var previousResult = root._children, + previousEndTime = previousResult.endTime; if ( -Infinity < parentEndTime && parentEndTime < previousEndTime && - null !== root.component + null !== previousResult.component ) { - var componentInfo = root.component, - trackIdx = trackIdx$jscomp$1; + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { - response$jscomp$0 = - componentInfo.env === response$jscomp$0._rootEnvironmentName - ? "primary-light" - : "secondary-light"; - var entryName = componentInfo.name + " [deduped]"; - (componentInfo = componentInfo.debugTask) - ? componentInfo.run( + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( console.timeStamp.bind( console, entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ) ) : console.timeStamp( entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ); } } - root.track = trackIdx$jscomp$1; - return root; + previousResult.track = trackIdx$jscomp$6; + return previousResult; } - entryName = root._children; + var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); - if ((previousEndTime = root._debugInfo)) { - for ( - componentInfo = trackIdx = 0; - componentInfo < previousEndTime.length; - componentInfo++ - ) { - var info = previousEndTime[componentInfo]; - "number" === typeof info.time && (trackIdx = info.time); + var debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); if ("string" === typeof info.name) { - trackIdx < trackTime && trackIdx$jscomp$1++; - trackTime = trackIdx; + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; break; } } - for (trackIdx = previousEndTime.length - 1; 0 <= trackIdx; trackIdx--) - if ( - ((componentInfo = previousEndTime[trackIdx]), - "number" === typeof componentInfo.time && - componentInfo.time > parentEndTime) - ) { - parentEndTime = componentInfo.time; + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; break; } + } } - trackIdx = { - track: trackIdx$jscomp$1, + var result = { + track: trackIdx$jscomp$6, endTime: -Infinity, component: null }; - root._children = trackIdx; - componentInfo = -Infinity; - info = trackIdx$jscomp$1; - for (var _i5 = 0; _i5 < entryName.length; _i5++) { + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { var childResult = flushComponentPerformance( response$jscomp$0, - entryName[_i5], - info, - trackTime, + children[_i5], + childTrackIdx, + childTrackTime, parentEndTime ); null !== childResult.component && - (trackIdx.component = childResult.component); - info = childResult.track; - childResult = childResult.endTime; - childResult > trackTime && (trackTime = childResult); - childResult > componentInfo && (componentInfo = childResult); + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); } - if (previousEndTime) + if (debugInfo) for ( - childResult = 0, - _i5 = !0, - info = parentEndTime = -1, - entryName = previousEndTime.length - 1; - 0 <= entryName; - entryName-- - ) - if ( - ((trackTime = previousEndTime[entryName]), - "number" === typeof trackTime.time) - ) { - 0 === childResult && (childResult = trackTime.time); - trackTime = trackTime.time; - if (-1 < info) - for (--info; info > entryName; info--) { - var candidateInfo = previousEndTime[info]; + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; if ("string" === typeof candidateInfo.name) { - childResult > componentInfo && (componentInfo = childResult); - var response = response$jscomp$0, - componentInfo$jscomp$0 = candidateInfo, - trackIdx$jscomp$0 = trackIdx$jscomp$1, - startTime = trackTime, - componentEndTime = childResult, - childrenEndTime = componentInfo; + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; if ( - _i5 && + isLastComponent && "rejected" === root.status && root.reason !== response._closedReason - ) - (_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - (componentEndTime = childrenEndTime), - (childrenEndTime = root.reason), - supportsUserTiming && - ((trackIdx$jscomp$0 = _i5.env), - (componentInfo$jscomp$0 = _i5.name), - (response = - trackIdx$jscomp$0 === response._rootEnvironmentName || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"), - (childrenEndTime = [ + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ [ "Error", - "object" === typeof childrenEndTime && - null !== childrenEndTime && - "string" === typeof childrenEndTime.message - ? String(childrenEndTime.message) - : String(childrenEndTime) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ] - ]), - null != _i5.key && - addValueToProperties( - "key", - _i5.key, - childrenEndTime, - 0 - ), - null != _i5.props && - addObjectToProperties(_i5.props, childrenEndTime, 0), - performance.measure(response, { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childResult], - trackGroup: "Server Components \u269b", - tooltipText: response + " Errored", - properties: childrenEndTime - } + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure(entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties } - })); - else if ( - ((_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - supportsUserTiming && - 0 <= childrenEndTime && - 10 > childResult) - ) { - trackIdx$jscomp$0 = _i5.env; - componentInfo$jscomp$0 = _i5.name; - var isPrimaryEnv = - trackIdx$jscomp$0 === response._rootEnvironmentName; - response = componentEndTime - startTime; - response = - 0.5 > response - ? isPrimaryEnv - ? "primary-light" - : "secondary-light" - : 50 > response - ? isPrimaryEnv - ? "primary" - : "secondary" - : 500 > response + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime ? isPrimaryEnv - ? "primary-dark" - : "secondary-dark" - : "error"; - componentEndTime = - isPrimaryEnv || void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"; - (trackIdx$jscomp$0 = _i5.debugTask) - ? ((componentInfo$jscomp$0 = []), - null != _i5.key && + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && addValueToProperties( "key", - _i5.key, - componentInfo$jscomp$0, - 0 - ), - null != _i5.props && + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && addObjectToProperties( - _i5.props, - componentInfo$jscomp$0, - 0 - ), - trackIdx$jscomp$0.run( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( performance.measure.bind( performance, - componentEndTime, + entryName$jscomp$1, { - start: 0 > startTime ? 0 : startTime, - end: childrenEndTime, + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, detail: { devtools: { - color: response, - track: trackNames[childResult], + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], trackGroup: "Server Components \u269b", - properties: componentInfo$jscomp$0 + properties: properties$jscomp$0 } } } ) - )) - : console.timeStamp( - componentEndTime, - 0 > startTime ? 0 : startTime, - childrenEndTime, - trackNames[childResult], + ); + } else + console.timeStamp( + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], "Server Components \u269b", - response + color$jscomp$0 ); + } } - childResult = trackTime; - trackIdx.component = candidateInfo; - _i5 = !1; - } else if (candidateInfo.awaited) - if ( - (parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (childrenEndTime = response$jscomp$0._rootEnvironmentName), - (response = candidateInfo.awaited.value)) - ) - switch ( - ((trackIdx$jscomp$0 = response), trackIdx$jscomp$0.status) - ) { + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if (candidateInfo.awaited) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { case "fulfilled": logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, - trackIdx$jscomp$0.value + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value ); break; case "rejected": - response = trackIdx$jscomp$1; - startTime = trackTime; - componentEndTime = parentEndTime; - trackIdx$jscomp$0 = trackIdx$jscomp$0.reason; - supportsUserTiming && - 0 < componentEndTime && - ((componentInfo$jscomp$0 = candidateInfo.env), - (isPrimaryEnv = candidateInfo.awaited.name), - (childrenEndTime = - "await " + - (componentInfo$jscomp$0 === childrenEndTime || - void 0 === componentInfo$jscomp$0 - ? isPrimaryEnv - : isPrimaryEnv + - " [" + - componentInfo$jscomp$0 + - "]")), - (candidateInfo = - candidateInfo.debugTask || - candidateInfo.awaited.debugTask) - ? candidateInfo.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[response], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Rejected", - "object" === - typeof trackIdx$jscomp$0 && - null !== trackIdx$jscomp$0 && - "string" === - typeof trackIdx$jscomp$0.message - ? String( - trackIdx$jscomp$0.message - ) - : String(trackIdx$jscomp$0) - ] - ], - tooltipText: - childrenEndTime + " Rejected" - } + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText } } - ) + } ) - : console.timeStamp( - childrenEndTime, - 0 > startTime ? 0 : startTime, - componentEndTime, - trackNames[response], - "Server Components \u269b", - "error" - )); + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } break; default: logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); } - else + } else logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); + } } - else - for ( - parentEndTime = trackTime, info = previousEndTime.length - 1; - info > entryName; - info-- - ) - (candidateInfo = previousEndTime[info]), - "string" === typeof candidateInfo.name - ? (childResult > componentInfo && - (componentInfo = childResult), - (_i5 = candidateInfo), - (componentEndTime = - response$jscomp$0._rootEnvironmentName), - (childResult = _i5), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = componentInfo), - supportsUserTiming && - ((childrenEndTime = childResult.env), - (trackIdx$jscomp$0 = childResult.name), - (componentEndTime = - childrenEndTime === componentEndTime || - void 0 === childrenEndTime - ? trackIdx$jscomp$0 - : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"), - (childrenEndTime = [ - [ - "Aborted", - "The stream was aborted before this Component finished rendering." - ] - ]), - null != childResult.key && - addValueToProperties( - "key", - childResult.key, - childrenEndTime, - 0 - ), - null != childResult.props && - addObjectToProperties( - childResult.props, - childrenEndTime, - 0 - ), - performance.measure(componentEndTime, { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - tooltipText: componentEndTime + " Aborted", - properties: childrenEndTime + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure(entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if (_candidateInfo.awaited) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } } } - })), - (childResult = trackTime), - (trackIdx.component = _i5), - (_i5 = !1)) - : candidateInfo.awaited && - ((componentEndTime = candidateInfo), - (childrenEndTime = - response$jscomp$0._rootEnvironmentName), - componentEndTime.awaited.end > parentEndTime && - (parentEndTime = componentEndTime.awaited.end), - parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = parentEndTime), - supportsUserTiming && - 0 < startTime && - ((trackIdx$jscomp$0 = componentEndTime.env), - (componentInfo$jscomp$0 = - componentEndTime.awaited.name), - (childrenEndTime = - "await " + - (trackIdx$jscomp$0 === childrenEndTime || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]")), - (componentEndTime = - componentEndTime.debugTask || - componentEndTime.awaited.debugTask) - ? componentEndTime.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Aborted", - "The stream was aborted before this Promise resolved." - ] - ], - tooltipText: childrenEndTime + " Aborted" - } - } - } - ) - ) - : console.timeStamp( - childrenEndTime, - 0 > response ? 0 : response, - startTime, - trackNames[candidateInfo], - "Server Components \u269b", - "warning" - ))); - parentEndTime = trackTime; - info = entryName; + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; } - trackIdx.endTime = componentInfo; - return trackIdx; + } + result.endTime = childrenEndTime; + return result; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js index 9f84cb239e7a5..e055a4bc708c7 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js @@ -1139,13 +1139,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -1172,11 +1178,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -1190,7 +1202,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -1209,7 +1222,7 @@ break; } else if (3 === propKey) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -1222,7 +1235,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -1234,7 +1248,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1250,7 +1265,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1269,10 +1285,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -1294,7 +1311,10 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); } function markAllTracksInOrder() { supportsUserTiming && @@ -1325,6 +1345,80 @@ return "tertiary-dark"; } } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + rootEnv = ""; + var descMaxLength = 30 - ioInfo.length - env.length; + if (1 < descMaxLength) { + var l = description.length; + if (0 < l && l <= descMaxLength) rootEnv = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + l = description.indexOf("?"); + -1 === l && (l = description.length); + 47 === description.charCodeAt(l - 1) && l--; + var slashIdx = description.lastIndexOf("/", l - 1); + l - slashIdx < descMaxLength && + (rootEnv = " (" + description.slice(slashIdx + 1, l) + ")"); + } + } + return ioInfo + rootEnv + env; + } function logComponentAwait( asyncInfo, trackIdx, @@ -1334,77 +1428,91 @@ value ) { if (supportsUserTiming && 0 < endTime) { - var env = asyncInfo.env, - name = asyncInfo.awaited.name, - isPrimaryEnv = env === rootEnv; - rootEnv = getIOColor(name); - env = - "await " + - (isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]"); - (asyncInfo = asyncInfo.debugTask || asyncInfo.awaited.debugTask) - ? ((name = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, name, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, name, 0), - asyncInfo.run( - performance.measure.bind(performance, env, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: rootEnv, - track: trackNames[trackIdx], - trackGroup: "Server Components \u269b", - properties: name - } + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo } - }) - )) - : console.timeStamp( - env, - 0 > startTime ? 0 : startTime, - endTime, - trackNames[trackIdx], - "Server Components \u269b", - rootEnv - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); } } function logIOInfoErrored(ioInfo, rootEnv, error) { var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - (ioInfo = ioInfo.debugTask) - ? ioInfo.run( - performance.measure.bind(performance, rootEnv, { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "Rejected", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, entryName, { start: 0 > startTime ? 0 : startTime, end: endTime, detail: { devtools: { color: "error", track: "Server Requests \u269b", - properties: [ - [ - "Rejected", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ] - ], - tooltipText: rootEnv + " Rejected" + properties: error, + tooltipText: ioInfo } } }) - ) + )) : console.timeStamp( - rootEnv, + entryName, 0 > startTime ? 0 : startTime, endTime, "Server Requests \u269b", @@ -1417,39 +1525,40 @@ var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - ioInfo = ioInfo.debugTask; - name = getIOColor(name); - ioInfo - ? ((env = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, env, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, env, 0), - ioInfo.run( - performance.measure.bind(performance, rootEnv, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: name, - track: "Server Requests \u269b", - properties: env - } + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo } - }) - )) - : console.timeStamp( - rootEnv, - 0 > startTime ? 0 : startTime, - endTime, - "Server Requests \u269b", - void 0, - name - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); } } function prepareStackTrace(error, structuredStackTrace) { @@ -3127,484 +3236,514 @@ function flushComponentPerformance( response$jscomp$0, root, - trackIdx$jscomp$1, + trackIdx$jscomp$6, trackTime, parentEndTime ) { if (!isArrayImpl(root._children)) { - root = root._children; - var previousEndTime = root.endTime; + var previousResult = root._children, + previousEndTime = previousResult.endTime; if ( -Infinity < parentEndTime && parentEndTime < previousEndTime && - null !== root.component + null !== previousResult.component ) { - var componentInfo = root.component, - trackIdx = trackIdx$jscomp$1; + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { - response$jscomp$0 = - componentInfo.env === response$jscomp$0._rootEnvironmentName - ? "primary-light" - : "secondary-light"; - var entryName = componentInfo.name + " [deduped]"; - (componentInfo = componentInfo.debugTask) - ? componentInfo.run( + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( console.timeStamp.bind( console, entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ) ) : console.timeStamp( entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ); } } - root.track = trackIdx$jscomp$1; - return root; + previousResult.track = trackIdx$jscomp$6; + return previousResult; } - entryName = root._children; + var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); - if ((previousEndTime = root._debugInfo)) { - for ( - componentInfo = trackIdx = 0; - componentInfo < previousEndTime.length; - componentInfo++ - ) { - var info = previousEndTime[componentInfo]; - "number" === typeof info.time && (trackIdx = info.time); + var debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); if ("string" === typeof info.name) { - trackIdx < trackTime && trackIdx$jscomp$1++; - trackTime = trackIdx; + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; break; } } - for (trackIdx = previousEndTime.length - 1; 0 <= trackIdx; trackIdx--) - if ( - ((componentInfo = previousEndTime[trackIdx]), - "number" === typeof componentInfo.time && - componentInfo.time > parentEndTime) - ) { - parentEndTime = componentInfo.time; + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; break; } + } } - trackIdx = { - track: trackIdx$jscomp$1, + var result = { + track: trackIdx$jscomp$6, endTime: -Infinity, component: null }; - root._children = trackIdx; - componentInfo = -Infinity; - info = trackIdx$jscomp$1; - for (var _i5 = 0; _i5 < entryName.length; _i5++) { + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { var childResult = flushComponentPerformance( response$jscomp$0, - entryName[_i5], - info, - trackTime, + children[_i5], + childTrackIdx, + childTrackTime, parentEndTime ); null !== childResult.component && - (trackIdx.component = childResult.component); - info = childResult.track; - childResult = childResult.endTime; - childResult > trackTime && (trackTime = childResult); - childResult > componentInfo && (componentInfo = childResult); + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); } - if (previousEndTime) + if (debugInfo) for ( - childResult = 0, - _i5 = !0, - info = parentEndTime = -1, - entryName = previousEndTime.length - 1; - 0 <= entryName; - entryName-- - ) - if ( - ((trackTime = previousEndTime[entryName]), - "number" === typeof trackTime.time) - ) { - 0 === childResult && (childResult = trackTime.time); - trackTime = trackTime.time; - if (-1 < info) - for (--info; info > entryName; info--) { - var candidateInfo = previousEndTime[info]; + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; if ("string" === typeof candidateInfo.name) { - childResult > componentInfo && (componentInfo = childResult); - var response = response$jscomp$0, - componentInfo$jscomp$0 = candidateInfo, - trackIdx$jscomp$0 = trackIdx$jscomp$1, - startTime = trackTime, - componentEndTime = childResult, - childrenEndTime = componentInfo; + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; if ( - _i5 && + isLastComponent && "rejected" === root.status && root.reason !== response._closedReason - ) - (_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - (componentEndTime = childrenEndTime), - (childrenEndTime = root.reason), - supportsUserTiming && - ((trackIdx$jscomp$0 = _i5.env), - (componentInfo$jscomp$0 = _i5.name), - (response = - trackIdx$jscomp$0 === response._rootEnvironmentName || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"), - (childrenEndTime = [ + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ [ "Error", - "object" === typeof childrenEndTime && - null !== childrenEndTime && - "string" === typeof childrenEndTime.message - ? String(childrenEndTime.message) - : String(childrenEndTime) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ] - ]), - null != _i5.key && - addValueToProperties( - "key", - _i5.key, - childrenEndTime, - 0 - ), - null != _i5.props && - addObjectToProperties(_i5.props, childrenEndTime, 0), - performance.measure(response, { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childResult], - trackGroup: "Server Components \u269b", - tooltipText: response + " Errored", - properties: childrenEndTime - } + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure(entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties } - })); - else if ( - ((_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - supportsUserTiming && - 0 <= childrenEndTime && - 10 > childResult) - ) { - trackIdx$jscomp$0 = _i5.env; - componentInfo$jscomp$0 = _i5.name; - var isPrimaryEnv = - trackIdx$jscomp$0 === response._rootEnvironmentName; - response = componentEndTime - startTime; - response = - 0.5 > response - ? isPrimaryEnv - ? "primary-light" - : "secondary-light" - : 50 > response - ? isPrimaryEnv - ? "primary" - : "secondary" - : 500 > response + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime ? isPrimaryEnv - ? "primary-dark" - : "secondary-dark" - : "error"; - componentEndTime = - isPrimaryEnv || void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"; - (trackIdx$jscomp$0 = _i5.debugTask) - ? ((componentInfo$jscomp$0 = []), - null != _i5.key && + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && addValueToProperties( "key", - _i5.key, - componentInfo$jscomp$0, - 0 - ), - null != _i5.props && + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && addObjectToProperties( - _i5.props, - componentInfo$jscomp$0, - 0 - ), - trackIdx$jscomp$0.run( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( performance.measure.bind( performance, - componentEndTime, + entryName$jscomp$1, { - start: 0 > startTime ? 0 : startTime, - end: childrenEndTime, + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, detail: { devtools: { - color: response, - track: trackNames[childResult], + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], trackGroup: "Server Components \u269b", - properties: componentInfo$jscomp$0 + properties: properties$jscomp$0 } } } ) - )) - : console.timeStamp( - componentEndTime, - 0 > startTime ? 0 : startTime, - childrenEndTime, - trackNames[childResult], + ); + } else + console.timeStamp( + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], "Server Components \u269b", - response + color$jscomp$0 ); + } } - childResult = trackTime; - trackIdx.component = candidateInfo; - _i5 = !1; - } else if (candidateInfo.awaited) - if ( - (parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (childrenEndTime = response$jscomp$0._rootEnvironmentName), - (response = candidateInfo.awaited.value)) - ) - switch ( - ((trackIdx$jscomp$0 = response), trackIdx$jscomp$0.status) - ) { + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if (candidateInfo.awaited) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { case "fulfilled": logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, - trackIdx$jscomp$0.value + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value ); break; case "rejected": - response = trackIdx$jscomp$1; - startTime = trackTime; - componentEndTime = parentEndTime; - trackIdx$jscomp$0 = trackIdx$jscomp$0.reason; - supportsUserTiming && - 0 < componentEndTime && - ((componentInfo$jscomp$0 = candidateInfo.env), - (isPrimaryEnv = candidateInfo.awaited.name), - (childrenEndTime = - "await " + - (componentInfo$jscomp$0 === childrenEndTime || - void 0 === componentInfo$jscomp$0 - ? isPrimaryEnv - : isPrimaryEnv + - " [" + - componentInfo$jscomp$0 + - "]")), - (candidateInfo = - candidateInfo.debugTask || - candidateInfo.awaited.debugTask) - ? candidateInfo.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[response], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Rejected", - "object" === - typeof trackIdx$jscomp$0 && - null !== trackIdx$jscomp$0 && - "string" === - typeof trackIdx$jscomp$0.message - ? String( - trackIdx$jscomp$0.message - ) - : String(trackIdx$jscomp$0) - ] - ], - tooltipText: - childrenEndTime + " Rejected" - } + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText } } - ) + } ) - : console.timeStamp( - childrenEndTime, - 0 > startTime ? 0 : startTime, - componentEndTime, - trackNames[response], - "Server Components \u269b", - "error" - )); + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } break; default: logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); } - else + } else logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); + } } - else - for ( - parentEndTime = trackTime, info = previousEndTime.length - 1; - info > entryName; - info-- - ) - (candidateInfo = previousEndTime[info]), - "string" === typeof candidateInfo.name - ? (childResult > componentInfo && - (componentInfo = childResult), - (_i5 = candidateInfo), - (componentEndTime = - response$jscomp$0._rootEnvironmentName), - (childResult = _i5), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = componentInfo), - supportsUserTiming && - ((childrenEndTime = childResult.env), - (trackIdx$jscomp$0 = childResult.name), - (componentEndTime = - childrenEndTime === componentEndTime || - void 0 === childrenEndTime - ? trackIdx$jscomp$0 - : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"), - (childrenEndTime = [ - [ - "Aborted", - "The stream was aborted before this Component finished rendering." - ] - ]), - null != childResult.key && - addValueToProperties( - "key", - childResult.key, - childrenEndTime, - 0 - ), - null != childResult.props && - addObjectToProperties( - childResult.props, - childrenEndTime, - 0 - ), - performance.measure(componentEndTime, { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - tooltipText: componentEndTime + " Aborted", - properties: childrenEndTime + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure(entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if (_candidateInfo.awaited) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } } } - })), - (childResult = trackTime), - (trackIdx.component = _i5), - (_i5 = !1)) - : candidateInfo.awaited && - ((componentEndTime = candidateInfo), - (childrenEndTime = - response$jscomp$0._rootEnvironmentName), - componentEndTime.awaited.end > parentEndTime && - (parentEndTime = componentEndTime.awaited.end), - parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = parentEndTime), - supportsUserTiming && - 0 < startTime && - ((trackIdx$jscomp$0 = componentEndTime.env), - (componentInfo$jscomp$0 = - componentEndTime.awaited.name), - (childrenEndTime = - "await " + - (trackIdx$jscomp$0 === childrenEndTime || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]")), - (componentEndTime = - componentEndTime.debugTask || - componentEndTime.awaited.debugTask) - ? componentEndTime.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Aborted", - "The stream was aborted before this Promise resolved." - ] - ], - tooltipText: childrenEndTime + " Aborted" - } - } - } - ) - ) - : console.timeStamp( - childrenEndTime, - 0 > response ? 0 : response, - startTime, - trackNames[candidateInfo], - "Server Components \u269b", - "warning" - ))); - parentEndTime = trackTime; - info = entryName; + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; } - trackIdx.endTime = componentInfo; - return trackIdx; + } + result.endTime = childrenEndTime; + return result; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js index 48572e0f32391..0ad06b5ebcc25 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js @@ -679,12 +679,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("%c%s%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(7)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js index 5a499bb37d760..7b501aa50cce2 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js @@ -686,12 +686,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js index cae614e070f6c..f3d51868b772c 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js @@ -725,12 +725,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, @@ -5417,12 +5441,12 @@ "React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it." ); pendingFiles++; - var JSCompiler_object_inline_chunks_214 = []; + var JSCompiler_object_inline_chunks_221 = []; value.on("data", function (chunk) { - JSCompiler_object_inline_chunks_214.push(chunk); + JSCompiler_object_inline_chunks_221.push(chunk); }); value.on("end", function () { - var blob = new Blob(JSCompiler_object_inline_chunks_214, { + var blob = new Blob(JSCompiler_object_inline_chunks_221, { type: mimeType }); response._formData.append(name, blob, filename); diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json index eec1184393b17..b07f35b8161a1 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "0.0.0-experimental-73aa744b-20250702", - "react-dom": "0.0.0-experimental-73aa744b-20250702" + "react": "0.0.0-experimental-ef8b6fa2-20250702", + "react-dom": "0.0.0-experimental-ef8b6fa2-20250702" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js index 7aa0c6d39bc73..abf55eabaf5c9 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js @@ -2975,10 +2975,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-canary-73aa744b-20250702", + version: "19.2.0-canary-ef8b6fa2-20250702", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-73aa744b-20250702", + reconcilerVersion: "19.2.0-canary-ef8b6fa2-20250702", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js index 60193b0442a7b..7785a5be996a8 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js @@ -676,12 +676,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("%c%s%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(7)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js index f840d89f71651..b093e8946a3ae 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js @@ -683,12 +683,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js index 3ed4e1e812780..975fe245183de 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js @@ -707,12 +707,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, @@ -4794,12 +4818,12 @@ "React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it." ); pendingFiles++; - var JSCompiler_object_inline_chunks_200 = []; + var JSCompiler_object_inline_chunks_207 = []; value.on("data", function (chunk) { - JSCompiler_object_inline_chunks_200.push(chunk); + JSCompiler_object_inline_chunks_207.push(chunk); }); value.on("end", function () { - var blob = new Blob(JSCompiler_object_inline_chunks_200, { + var blob = new Blob(JSCompiler_object_inline_chunks_207, { type: mimeType }); response._formData.append(name, blob, filename); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/package.json b/packages/next/src/compiled/react-server-dom-turbopack/package.json index 0943bbedafa4d..486ce926839be 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "19.2.0-canary-73aa744b-20250702", - "react-dom": "19.2.0-canary-73aa744b-20250702" + "react": "19.2.0-canary-ef8b6fa2-20250702", + "react-dom": "19.2.0-canary-ef8b6fa2-20250702" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js index 3743d5a92a7e0..5a27110c16d1d 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js @@ -940,13 +940,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -973,11 +979,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -991,7 +1003,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -1010,7 +1023,7 @@ break; } else if (3 === propKey) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -1023,7 +1036,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -1035,7 +1049,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1051,7 +1066,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1070,10 +1086,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -1095,7 +1112,10 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); } function markAllTracksInOrder() { supportsUserTiming && @@ -1126,6 +1146,80 @@ return "tertiary-dark"; } } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + rootEnv = ""; + var descMaxLength = 30 - ioInfo.length - env.length; + if (1 < descMaxLength) { + var l = description.length; + if (0 < l && l <= descMaxLength) rootEnv = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + l = description.indexOf("?"); + -1 === l && (l = description.length); + 47 === description.charCodeAt(l - 1) && l--; + var slashIdx = description.lastIndexOf("/", l - 1); + l - slashIdx < descMaxLength && + (rootEnv = " (" + description.slice(slashIdx + 1, l) + ")"); + } + } + return ioInfo + rootEnv + env; + } function logComponentAwait( asyncInfo, trackIdx, @@ -1135,77 +1229,91 @@ value ) { if (supportsUserTiming && 0 < endTime) { - var env = asyncInfo.env, - name = asyncInfo.awaited.name, - isPrimaryEnv = env === rootEnv; - rootEnv = getIOColor(name); - env = - "await " + - (isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]"); - (asyncInfo = asyncInfo.debugTask || asyncInfo.awaited.debugTask) - ? ((name = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, name, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, name, 0), - asyncInfo.run( - performance.measure.bind(performance, env, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: rootEnv, - track: trackNames[trackIdx], - trackGroup: "Server Components \u269b", - properties: name - } + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo } - }) - )) - : console.timeStamp( - env, - 0 > startTime ? 0 : startTime, - endTime, - trackNames[trackIdx], - "Server Components \u269b", - rootEnv - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); } } function logIOInfoErrored(ioInfo, rootEnv, error) { var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - (ioInfo = ioInfo.debugTask) - ? ioInfo.run( - performance.measure.bind(performance, rootEnv, { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "Rejected", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, entryName, { start: 0 > startTime ? 0 : startTime, end: endTime, detail: { devtools: { color: "error", track: "Server Requests \u269b", - properties: [ - [ - "Rejected", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ] - ], - tooltipText: rootEnv + " Rejected" + properties: error, + tooltipText: ioInfo } } }) - ) + )) : console.timeStamp( - rootEnv, + entryName, 0 > startTime ? 0 : startTime, endTime, "Server Requests \u269b", @@ -1218,39 +1326,40 @@ var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - ioInfo = ioInfo.debugTask; - name = getIOColor(name); - ioInfo - ? ((env = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, env, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, env, 0), - ioInfo.run( - performance.measure.bind(performance, rootEnv, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: name, - track: "Server Requests \u269b", - properties: env - } + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo } - }) - )) - : console.timeStamp( - rootEnv, - 0 > startTime ? 0 : startTime, - endTime, - "Server Requests \u269b", - void 0, - name - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); } } function ReactPromise(status, value, reason) { @@ -2910,484 +3019,514 @@ function flushComponentPerformance( response$jscomp$0, root, - trackIdx$jscomp$1, + trackIdx$jscomp$6, trackTime, parentEndTime ) { if (!isArrayImpl(root._children)) { - root = root._children; - var previousEndTime = root.endTime; + var previousResult = root._children, + previousEndTime = previousResult.endTime; if ( -Infinity < parentEndTime && parentEndTime < previousEndTime && - null !== root.component + null !== previousResult.component ) { - var componentInfo = root.component, - trackIdx = trackIdx$jscomp$1; + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { - response$jscomp$0 = - componentInfo.env === response$jscomp$0._rootEnvironmentName - ? "primary-light" - : "secondary-light"; - var entryName = componentInfo.name + " [deduped]"; - (componentInfo = componentInfo.debugTask) - ? componentInfo.run( + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( console.timeStamp.bind( console, entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ) ) : console.timeStamp( entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ); } } - root.track = trackIdx$jscomp$1; - return root; + previousResult.track = trackIdx$jscomp$6; + return previousResult; } - entryName = root._children; + var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); - if ((previousEndTime = root._debugInfo)) { - for ( - componentInfo = trackIdx = 0; - componentInfo < previousEndTime.length; - componentInfo++ - ) { - var info = previousEndTime[componentInfo]; - "number" === typeof info.time && (trackIdx = info.time); + var debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); if ("string" === typeof info.name) { - trackIdx < trackTime && trackIdx$jscomp$1++; - trackTime = trackIdx; + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; break; } } - for (trackIdx = previousEndTime.length - 1; 0 <= trackIdx; trackIdx--) - if ( - ((componentInfo = previousEndTime[trackIdx]), - "number" === typeof componentInfo.time && - componentInfo.time > parentEndTime) - ) { - parentEndTime = componentInfo.time; + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; break; } + } } - trackIdx = { - track: trackIdx$jscomp$1, + var result = { + track: trackIdx$jscomp$6, endTime: -Infinity, component: null }; - root._children = trackIdx; - componentInfo = -Infinity; - info = trackIdx$jscomp$1; - for (var _i5 = 0; _i5 < entryName.length; _i5++) { + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { var childResult = flushComponentPerformance( response$jscomp$0, - entryName[_i5], - info, - trackTime, + children[_i5], + childTrackIdx, + childTrackTime, parentEndTime ); null !== childResult.component && - (trackIdx.component = childResult.component); - info = childResult.track; - childResult = childResult.endTime; - childResult > trackTime && (trackTime = childResult); - childResult > componentInfo && (componentInfo = childResult); + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); } - if (previousEndTime) + if (debugInfo) for ( - childResult = 0, - _i5 = !0, - info = parentEndTime = -1, - entryName = previousEndTime.length - 1; - 0 <= entryName; - entryName-- - ) - if ( - ((trackTime = previousEndTime[entryName]), - "number" === typeof trackTime.time) - ) { - 0 === childResult && (childResult = trackTime.time); - trackTime = trackTime.time; - if (-1 < info) - for (--info; info > entryName; info--) { - var candidateInfo = previousEndTime[info]; + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; if ("string" === typeof candidateInfo.name) { - childResult > componentInfo && (componentInfo = childResult); - var response = response$jscomp$0, - componentInfo$jscomp$0 = candidateInfo, - trackIdx$jscomp$0 = trackIdx$jscomp$1, - startTime = trackTime, - componentEndTime = childResult, - childrenEndTime = componentInfo; + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; if ( - _i5 && + isLastComponent && "rejected" === root.status && root.reason !== response._closedReason - ) - (_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - (componentEndTime = childrenEndTime), - (childrenEndTime = root.reason), - supportsUserTiming && - ((trackIdx$jscomp$0 = _i5.env), - (componentInfo$jscomp$0 = _i5.name), - (response = - trackIdx$jscomp$0 === response._rootEnvironmentName || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"), - (childrenEndTime = [ + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ [ "Error", - "object" === typeof childrenEndTime && - null !== childrenEndTime && - "string" === typeof childrenEndTime.message - ? String(childrenEndTime.message) - : String(childrenEndTime) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ] - ]), - null != _i5.key && - addValueToProperties( - "key", - _i5.key, - childrenEndTime, - 0 - ), - null != _i5.props && - addObjectToProperties(_i5.props, childrenEndTime, 0), - performance.measure(response, { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childResult], - trackGroup: "Server Components \u269b", - tooltipText: response + " Errored", - properties: childrenEndTime - } + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure(entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties } - })); - else if ( - ((_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - supportsUserTiming && - 0 <= childrenEndTime && - 10 > childResult) - ) { - trackIdx$jscomp$0 = _i5.env; - componentInfo$jscomp$0 = _i5.name; - var isPrimaryEnv = - trackIdx$jscomp$0 === response._rootEnvironmentName; - response = componentEndTime - startTime; - response = - 0.5 > response - ? isPrimaryEnv - ? "primary-light" - : "secondary-light" - : 50 > response - ? isPrimaryEnv - ? "primary" - : "secondary" - : 500 > response + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime ? isPrimaryEnv - ? "primary-dark" - : "secondary-dark" - : "error"; - componentEndTime = - isPrimaryEnv || void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"; - (trackIdx$jscomp$0 = _i5.debugTask) - ? ((componentInfo$jscomp$0 = []), - null != _i5.key && + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && addValueToProperties( "key", - _i5.key, - componentInfo$jscomp$0, - 0 - ), - null != _i5.props && + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && addObjectToProperties( - _i5.props, - componentInfo$jscomp$0, - 0 - ), - trackIdx$jscomp$0.run( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( performance.measure.bind( performance, - componentEndTime, + entryName$jscomp$1, { - start: 0 > startTime ? 0 : startTime, - end: childrenEndTime, + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, detail: { devtools: { - color: response, - track: trackNames[childResult], + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], trackGroup: "Server Components \u269b", - properties: componentInfo$jscomp$0 + properties: properties$jscomp$0 } } } ) - )) - : console.timeStamp( - componentEndTime, - 0 > startTime ? 0 : startTime, - childrenEndTime, - trackNames[childResult], + ); + } else + console.timeStamp( + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], "Server Components \u269b", - response + color$jscomp$0 ); + } } - childResult = trackTime; - trackIdx.component = candidateInfo; - _i5 = !1; - } else if (candidateInfo.awaited) - if ( - (parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (childrenEndTime = response$jscomp$0._rootEnvironmentName), - (response = candidateInfo.awaited.value)) - ) - switch ( - ((trackIdx$jscomp$0 = response), trackIdx$jscomp$0.status) - ) { + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if (candidateInfo.awaited) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { case "fulfilled": logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, - trackIdx$jscomp$0.value + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value ); break; case "rejected": - response = trackIdx$jscomp$1; - startTime = trackTime; - componentEndTime = parentEndTime; - trackIdx$jscomp$0 = trackIdx$jscomp$0.reason; - supportsUserTiming && - 0 < componentEndTime && - ((componentInfo$jscomp$0 = candidateInfo.env), - (isPrimaryEnv = candidateInfo.awaited.name), - (childrenEndTime = - "await " + - (componentInfo$jscomp$0 === childrenEndTime || - void 0 === componentInfo$jscomp$0 - ? isPrimaryEnv - : isPrimaryEnv + - " [" + - componentInfo$jscomp$0 + - "]")), - (candidateInfo = - candidateInfo.debugTask || - candidateInfo.awaited.debugTask) - ? candidateInfo.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[response], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Rejected", - "object" === - typeof trackIdx$jscomp$0 && - null !== trackIdx$jscomp$0 && - "string" === - typeof trackIdx$jscomp$0.message - ? String( - trackIdx$jscomp$0.message - ) - : String(trackIdx$jscomp$0) - ] - ], - tooltipText: - childrenEndTime + " Rejected" - } + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText } } - ) + } ) - : console.timeStamp( - childrenEndTime, - 0 > startTime ? 0 : startTime, - componentEndTime, - trackNames[response], - "Server Components \u269b", - "error" - )); + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } break; default: logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); } - else + } else logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); + } } - else - for ( - parentEndTime = trackTime, info = previousEndTime.length - 1; - info > entryName; - info-- - ) - (candidateInfo = previousEndTime[info]), - "string" === typeof candidateInfo.name - ? (childResult > componentInfo && - (componentInfo = childResult), - (_i5 = candidateInfo), - (componentEndTime = - response$jscomp$0._rootEnvironmentName), - (childResult = _i5), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = componentInfo), - supportsUserTiming && - ((childrenEndTime = childResult.env), - (trackIdx$jscomp$0 = childResult.name), - (componentEndTime = - childrenEndTime === componentEndTime || - void 0 === childrenEndTime - ? trackIdx$jscomp$0 - : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"), - (childrenEndTime = [ - [ - "Aborted", - "The stream was aborted before this Component finished rendering." - ] - ]), - null != childResult.key && - addValueToProperties( - "key", - childResult.key, - childrenEndTime, - 0 - ), - null != childResult.props && - addObjectToProperties( - childResult.props, - childrenEndTime, - 0 - ), - performance.measure(componentEndTime, { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - tooltipText: componentEndTime + " Aborted", - properties: childrenEndTime + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure(entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if (_candidateInfo.awaited) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } } } - })), - (childResult = trackTime), - (trackIdx.component = _i5), - (_i5 = !1)) - : candidateInfo.awaited && - ((componentEndTime = candidateInfo), - (childrenEndTime = - response$jscomp$0._rootEnvironmentName), - componentEndTime.awaited.end > parentEndTime && - (parentEndTime = componentEndTime.awaited.end), - parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = parentEndTime), - supportsUserTiming && - 0 < startTime && - ((trackIdx$jscomp$0 = componentEndTime.env), - (componentInfo$jscomp$0 = - componentEndTime.awaited.name), - (childrenEndTime = - "await " + - (trackIdx$jscomp$0 === childrenEndTime || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]")), - (componentEndTime = - componentEndTime.debugTask || - componentEndTime.awaited.debugTask) - ? componentEndTime.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Aborted", - "The stream was aborted before this Promise resolved." - ] - ], - tooltipText: childrenEndTime + " Aborted" - } - } - } - ) - ) - : console.timeStamp( - childrenEndTime, - 0 > response ? 0 : response, - startTime, - trackNames[candidateInfo], - "Server Components \u269b", - "warning" - ))); - parentEndTime = trackTime; - info = entryName; + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; } - trackIdx.endTime = componentInfo; - return trackIdx; + } + result.endTime = childrenEndTime; + return result; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { @@ -3938,10 +4077,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-experimental-73aa744b-20250702", + version: "19.2.0-experimental-ef8b6fa2-20250702", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-73aa744b-20250702", + reconcilerVersion: "19.2.0-experimental-ef8b6fa2-20250702", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js index 27675dc5ad81e..3d3a470993721 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js @@ -1142,13 +1142,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -1175,11 +1181,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -1193,7 +1205,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -1212,7 +1225,7 @@ break; } else if (3 === propKey) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -1225,7 +1238,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -1237,7 +1251,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1253,7 +1268,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1272,10 +1288,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -1297,7 +1314,10 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); } function markAllTracksInOrder() { supportsUserTiming && @@ -1328,6 +1348,80 @@ return "tertiary-dark"; } } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + rootEnv = ""; + var descMaxLength = 30 - ioInfo.length - env.length; + if (1 < descMaxLength) { + var l = description.length; + if (0 < l && l <= descMaxLength) rootEnv = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + l = description.indexOf("?"); + -1 === l && (l = description.length); + 47 === description.charCodeAt(l - 1) && l--; + var slashIdx = description.lastIndexOf("/", l - 1); + l - slashIdx < descMaxLength && + (rootEnv = " (" + description.slice(slashIdx + 1, l) + ")"); + } + } + return ioInfo + rootEnv + env; + } function logComponentAwait( asyncInfo, trackIdx, @@ -1337,77 +1431,91 @@ value ) { if (supportsUserTiming && 0 < endTime) { - var env = asyncInfo.env, - name = asyncInfo.awaited.name, - isPrimaryEnv = env === rootEnv; - rootEnv = getIOColor(name); - env = - "await " + - (isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]"); - (asyncInfo = asyncInfo.debugTask || asyncInfo.awaited.debugTask) - ? ((name = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, name, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, name, 0), - asyncInfo.run( - performance.measure.bind(performance, env, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: rootEnv, - track: trackNames[trackIdx], - trackGroup: "Server Components \u269b", - properties: name - } + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo } - }) - )) - : console.timeStamp( - env, - 0 > startTime ? 0 : startTime, - endTime, - trackNames[trackIdx], - "Server Components \u269b", - rootEnv - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); } } function logIOInfoErrored(ioInfo, rootEnv, error) { var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - (ioInfo = ioInfo.debugTask) - ? ioInfo.run( - performance.measure.bind(performance, rootEnv, { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "Rejected", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, entryName, { start: 0 > startTime ? 0 : startTime, end: endTime, detail: { devtools: { color: "error", track: "Server Requests \u269b", - properties: [ - [ - "Rejected", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ] - ], - tooltipText: rootEnv + " Rejected" + properties: error, + tooltipText: ioInfo } } }) - ) + )) : console.timeStamp( - rootEnv, + entryName, 0 > startTime ? 0 : startTime, endTime, "Server Requests \u269b", @@ -1420,39 +1528,40 @@ var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - ioInfo = ioInfo.debugTask; - name = getIOColor(name); - ioInfo - ? ((env = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, env, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, env, 0), - ioInfo.run( - performance.measure.bind(performance, rootEnv, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: name, - track: "Server Requests \u269b", - properties: env - } + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo } - }) - )) - : console.timeStamp( - rootEnv, - 0 > startTime ? 0 : startTime, - endTime, - "Server Requests \u269b", - void 0, - name - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); } } function prepareStackTrace(error, structuredStackTrace) { @@ -3130,484 +3239,514 @@ function flushComponentPerformance( response$jscomp$0, root, - trackIdx$jscomp$1, + trackIdx$jscomp$6, trackTime, parentEndTime ) { if (!isArrayImpl(root._children)) { - root = root._children; - var previousEndTime = root.endTime; + var previousResult = root._children, + previousEndTime = previousResult.endTime; if ( -Infinity < parentEndTime && parentEndTime < previousEndTime && - null !== root.component + null !== previousResult.component ) { - var componentInfo = root.component, - trackIdx = trackIdx$jscomp$1; + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { - response$jscomp$0 = - componentInfo.env === response$jscomp$0._rootEnvironmentName - ? "primary-light" - : "secondary-light"; - var entryName = componentInfo.name + " [deduped]"; - (componentInfo = componentInfo.debugTask) - ? componentInfo.run( + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( console.timeStamp.bind( console, entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ) ) : console.timeStamp( entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ); } } - root.track = trackIdx$jscomp$1; - return root; + previousResult.track = trackIdx$jscomp$6; + return previousResult; } - entryName = root._children; + var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); - if ((previousEndTime = root._debugInfo)) { - for ( - componentInfo = trackIdx = 0; - componentInfo < previousEndTime.length; - componentInfo++ - ) { - var info = previousEndTime[componentInfo]; - "number" === typeof info.time && (trackIdx = info.time); + var debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); if ("string" === typeof info.name) { - trackIdx < trackTime && trackIdx$jscomp$1++; - trackTime = trackIdx; + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; break; } } - for (trackIdx = previousEndTime.length - 1; 0 <= trackIdx; trackIdx--) - if ( - ((componentInfo = previousEndTime[trackIdx]), - "number" === typeof componentInfo.time && - componentInfo.time > parentEndTime) - ) { - parentEndTime = componentInfo.time; + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; break; } + } } - trackIdx = { - track: trackIdx$jscomp$1, + var result = { + track: trackIdx$jscomp$6, endTime: -Infinity, component: null }; - root._children = trackIdx; - componentInfo = -Infinity; - info = trackIdx$jscomp$1; - for (var _i5 = 0; _i5 < entryName.length; _i5++) { + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { var childResult = flushComponentPerformance( response$jscomp$0, - entryName[_i5], - info, - trackTime, + children[_i5], + childTrackIdx, + childTrackTime, parentEndTime ); null !== childResult.component && - (trackIdx.component = childResult.component); - info = childResult.track; - childResult = childResult.endTime; - childResult > trackTime && (trackTime = childResult); - childResult > componentInfo && (componentInfo = childResult); + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); } - if (previousEndTime) + if (debugInfo) for ( - childResult = 0, - _i5 = !0, - info = parentEndTime = -1, - entryName = previousEndTime.length - 1; - 0 <= entryName; - entryName-- - ) - if ( - ((trackTime = previousEndTime[entryName]), - "number" === typeof trackTime.time) - ) { - 0 === childResult && (childResult = trackTime.time); - trackTime = trackTime.time; - if (-1 < info) - for (--info; info > entryName; info--) { - var candidateInfo = previousEndTime[info]; + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; if ("string" === typeof candidateInfo.name) { - childResult > componentInfo && (componentInfo = childResult); - var response = response$jscomp$0, - componentInfo$jscomp$0 = candidateInfo, - trackIdx$jscomp$0 = trackIdx$jscomp$1, - startTime = trackTime, - componentEndTime = childResult, - childrenEndTime = componentInfo; + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; if ( - _i5 && + isLastComponent && "rejected" === root.status && root.reason !== response._closedReason - ) - (_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - (componentEndTime = childrenEndTime), - (childrenEndTime = root.reason), - supportsUserTiming && - ((trackIdx$jscomp$0 = _i5.env), - (componentInfo$jscomp$0 = _i5.name), - (response = - trackIdx$jscomp$0 === response._rootEnvironmentName || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"), - (childrenEndTime = [ + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ [ "Error", - "object" === typeof childrenEndTime && - null !== childrenEndTime && - "string" === typeof childrenEndTime.message - ? String(childrenEndTime.message) - : String(childrenEndTime) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ] - ]), - null != _i5.key && - addValueToProperties( - "key", - _i5.key, - childrenEndTime, - 0 - ), - null != _i5.props && - addObjectToProperties(_i5.props, childrenEndTime, 0), - performance.measure(response, { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childResult], - trackGroup: "Server Components \u269b", - tooltipText: response + " Errored", - properties: childrenEndTime - } + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure(entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties } - })); - else if ( - ((_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - supportsUserTiming && - 0 <= childrenEndTime && - 10 > childResult) - ) { - trackIdx$jscomp$0 = _i5.env; - componentInfo$jscomp$0 = _i5.name; - var isPrimaryEnv = - trackIdx$jscomp$0 === response._rootEnvironmentName; - response = componentEndTime - startTime; - response = - 0.5 > response - ? isPrimaryEnv - ? "primary-light" - : "secondary-light" - : 50 > response - ? isPrimaryEnv - ? "primary" - : "secondary" - : 500 > response + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime ? isPrimaryEnv - ? "primary-dark" - : "secondary-dark" - : "error"; - componentEndTime = - isPrimaryEnv || void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"; - (trackIdx$jscomp$0 = _i5.debugTask) - ? ((componentInfo$jscomp$0 = []), - null != _i5.key && + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && addValueToProperties( "key", - _i5.key, - componentInfo$jscomp$0, - 0 - ), - null != _i5.props && + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && addObjectToProperties( - _i5.props, - componentInfo$jscomp$0, - 0 - ), - trackIdx$jscomp$0.run( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( performance.measure.bind( performance, - componentEndTime, + entryName$jscomp$1, { - start: 0 > startTime ? 0 : startTime, - end: childrenEndTime, + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, detail: { devtools: { - color: response, - track: trackNames[childResult], + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], trackGroup: "Server Components \u269b", - properties: componentInfo$jscomp$0 + properties: properties$jscomp$0 } } } ) - )) - : console.timeStamp( - componentEndTime, - 0 > startTime ? 0 : startTime, - childrenEndTime, - trackNames[childResult], + ); + } else + console.timeStamp( + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], "Server Components \u269b", - response + color$jscomp$0 ); + } } - childResult = trackTime; - trackIdx.component = candidateInfo; - _i5 = !1; - } else if (candidateInfo.awaited) - if ( - (parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (childrenEndTime = response$jscomp$0._rootEnvironmentName), - (response = candidateInfo.awaited.value)) - ) - switch ( - ((trackIdx$jscomp$0 = response), trackIdx$jscomp$0.status) - ) { + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if (candidateInfo.awaited) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { case "fulfilled": logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, - trackIdx$jscomp$0.value + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value ); break; case "rejected": - response = trackIdx$jscomp$1; - startTime = trackTime; - componentEndTime = parentEndTime; - trackIdx$jscomp$0 = trackIdx$jscomp$0.reason; - supportsUserTiming && - 0 < componentEndTime && - ((componentInfo$jscomp$0 = candidateInfo.env), - (isPrimaryEnv = candidateInfo.awaited.name), - (childrenEndTime = - "await " + - (componentInfo$jscomp$0 === childrenEndTime || - void 0 === componentInfo$jscomp$0 - ? isPrimaryEnv - : isPrimaryEnv + - " [" + - componentInfo$jscomp$0 + - "]")), - (candidateInfo = - candidateInfo.debugTask || - candidateInfo.awaited.debugTask) - ? candidateInfo.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[response], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Rejected", - "object" === - typeof trackIdx$jscomp$0 && - null !== trackIdx$jscomp$0 && - "string" === - typeof trackIdx$jscomp$0.message - ? String( - trackIdx$jscomp$0.message - ) - : String(trackIdx$jscomp$0) - ] - ], - tooltipText: - childrenEndTime + " Rejected" - } + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText } } - ) + } ) - : console.timeStamp( - childrenEndTime, - 0 > startTime ? 0 : startTime, - componentEndTime, - trackNames[response], - "Server Components \u269b", - "error" - )); + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } break; default: logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); } - else + } else logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); + } } - else - for ( - parentEndTime = trackTime, info = previousEndTime.length - 1; - info > entryName; - info-- - ) - (candidateInfo = previousEndTime[info]), - "string" === typeof candidateInfo.name - ? (childResult > componentInfo && - (componentInfo = childResult), - (_i5 = candidateInfo), - (componentEndTime = - response$jscomp$0._rootEnvironmentName), - (childResult = _i5), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = componentInfo), - supportsUserTiming && - ((childrenEndTime = childResult.env), - (trackIdx$jscomp$0 = childResult.name), - (componentEndTime = - childrenEndTime === componentEndTime || - void 0 === childrenEndTime - ? trackIdx$jscomp$0 - : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"), - (childrenEndTime = [ - [ - "Aborted", - "The stream was aborted before this Component finished rendering." - ] - ]), - null != childResult.key && - addValueToProperties( - "key", - childResult.key, - childrenEndTime, - 0 - ), - null != childResult.props && - addObjectToProperties( - childResult.props, - childrenEndTime, - 0 - ), - performance.measure(componentEndTime, { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - tooltipText: componentEndTime + " Aborted", - properties: childrenEndTime + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure(entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if (_candidateInfo.awaited) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } } } - })), - (childResult = trackTime), - (trackIdx.component = _i5), - (_i5 = !1)) - : candidateInfo.awaited && - ((componentEndTime = candidateInfo), - (childrenEndTime = - response$jscomp$0._rootEnvironmentName), - componentEndTime.awaited.end > parentEndTime && - (parentEndTime = componentEndTime.awaited.end), - parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = parentEndTime), - supportsUserTiming && - 0 < startTime && - ((trackIdx$jscomp$0 = componentEndTime.env), - (componentInfo$jscomp$0 = - componentEndTime.awaited.name), - (childrenEndTime = - "await " + - (trackIdx$jscomp$0 === childrenEndTime || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]")), - (componentEndTime = - componentEndTime.debugTask || - componentEndTime.awaited.debugTask) - ? componentEndTime.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Aborted", - "The stream was aborted before this Promise resolved." - ] - ], - tooltipText: childrenEndTime + " Aborted" - } - } - } - ) - ) - : console.timeStamp( - childrenEndTime, - 0 > response ? 0 : response, - startTime, - trackNames[candidateInfo], - "Server Components \u269b", - "warning" - ))); - parentEndTime = trackTime; - info = entryName; + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; } - trackIdx.endTime = componentInfo; - return trackIdx; + } + result.endTime = childrenEndTime; + return result; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js index c341f88165f12..1812e629fba41 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js @@ -1142,13 +1142,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -1175,11 +1181,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -1193,7 +1205,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -1212,7 +1225,7 @@ break; } else if (3 === propKey) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -1225,7 +1238,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -1237,7 +1251,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1253,7 +1268,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1272,10 +1288,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -1297,7 +1314,10 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); } function markAllTracksInOrder() { supportsUserTiming && @@ -1328,6 +1348,80 @@ return "tertiary-dark"; } } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + rootEnv = ""; + var descMaxLength = 30 - ioInfo.length - env.length; + if (1 < descMaxLength) { + var l = description.length; + if (0 < l && l <= descMaxLength) rootEnv = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + l = description.indexOf("?"); + -1 === l && (l = description.length); + 47 === description.charCodeAt(l - 1) && l--; + var slashIdx = description.lastIndexOf("/", l - 1); + l - slashIdx < descMaxLength && + (rootEnv = " (" + description.slice(slashIdx + 1, l) + ")"); + } + } + return ioInfo + rootEnv + env; + } function logComponentAwait( asyncInfo, trackIdx, @@ -1337,77 +1431,91 @@ value ) { if (supportsUserTiming && 0 < endTime) { - var env = asyncInfo.env, - name = asyncInfo.awaited.name, - isPrimaryEnv = env === rootEnv; - rootEnv = getIOColor(name); - env = - "await " + - (isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]"); - (asyncInfo = asyncInfo.debugTask || asyncInfo.awaited.debugTask) - ? ((name = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, name, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, name, 0), - asyncInfo.run( - performance.measure.bind(performance, env, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: rootEnv, - track: trackNames[trackIdx], - trackGroup: "Server Components \u269b", - properties: name - } + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo } - }) - )) - : console.timeStamp( - env, - 0 > startTime ? 0 : startTime, - endTime, - trackNames[trackIdx], - "Server Components \u269b", - rootEnv - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); } } function logIOInfoErrored(ioInfo, rootEnv, error) { var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - (ioInfo = ioInfo.debugTask) - ? ioInfo.run( - performance.measure.bind(performance, rootEnv, { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "Rejected", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, entryName, { start: 0 > startTime ? 0 : startTime, end: endTime, detail: { devtools: { color: "error", track: "Server Requests \u269b", - properties: [ - [ - "Rejected", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ] - ], - tooltipText: rootEnv + " Rejected" + properties: error, + tooltipText: ioInfo } } }) - ) + )) : console.timeStamp( - rootEnv, + entryName, 0 > startTime ? 0 : startTime, endTime, "Server Requests \u269b", @@ -1420,39 +1528,40 @@ var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - ioInfo = ioInfo.debugTask; - name = getIOColor(name); - ioInfo - ? ((env = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, env, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, env, 0), - ioInfo.run( - performance.measure.bind(performance, rootEnv, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: name, - track: "Server Requests \u269b", - properties: env - } + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo } - }) - )) - : console.timeStamp( - rootEnv, - 0 > startTime ? 0 : startTime, - endTime, - "Server Requests \u269b", - void 0, - name - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); } } function prepareStackTrace(error, structuredStackTrace) { @@ -3130,484 +3239,514 @@ function flushComponentPerformance( response$jscomp$0, root, - trackIdx$jscomp$1, + trackIdx$jscomp$6, trackTime, parentEndTime ) { if (!isArrayImpl(root._children)) { - root = root._children; - var previousEndTime = root.endTime; + var previousResult = root._children, + previousEndTime = previousResult.endTime; if ( -Infinity < parentEndTime && parentEndTime < previousEndTime && - null !== root.component + null !== previousResult.component ) { - var componentInfo = root.component, - trackIdx = trackIdx$jscomp$1; + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { - response$jscomp$0 = - componentInfo.env === response$jscomp$0._rootEnvironmentName - ? "primary-light" - : "secondary-light"; - var entryName = componentInfo.name + " [deduped]"; - (componentInfo = componentInfo.debugTask) - ? componentInfo.run( + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( console.timeStamp.bind( console, entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ) ) : console.timeStamp( entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ); } } - root.track = trackIdx$jscomp$1; - return root; + previousResult.track = trackIdx$jscomp$6; + return previousResult; } - entryName = root._children; + var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); - if ((previousEndTime = root._debugInfo)) { - for ( - componentInfo = trackIdx = 0; - componentInfo < previousEndTime.length; - componentInfo++ - ) { - var info = previousEndTime[componentInfo]; - "number" === typeof info.time && (trackIdx = info.time); + var debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); if ("string" === typeof info.name) { - trackIdx < trackTime && trackIdx$jscomp$1++; - trackTime = trackIdx; + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; break; } } - for (trackIdx = previousEndTime.length - 1; 0 <= trackIdx; trackIdx--) - if ( - ((componentInfo = previousEndTime[trackIdx]), - "number" === typeof componentInfo.time && - componentInfo.time > parentEndTime) - ) { - parentEndTime = componentInfo.time; + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; break; } + } } - trackIdx = { - track: trackIdx$jscomp$1, + var result = { + track: trackIdx$jscomp$6, endTime: -Infinity, component: null }; - root._children = trackIdx; - componentInfo = -Infinity; - info = trackIdx$jscomp$1; - for (var _i5 = 0; _i5 < entryName.length; _i5++) { + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { var childResult = flushComponentPerformance( response$jscomp$0, - entryName[_i5], - info, - trackTime, + children[_i5], + childTrackIdx, + childTrackTime, parentEndTime ); null !== childResult.component && - (trackIdx.component = childResult.component); - info = childResult.track; - childResult = childResult.endTime; - childResult > trackTime && (trackTime = childResult); - childResult > componentInfo && (componentInfo = childResult); + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); } - if (previousEndTime) + if (debugInfo) for ( - childResult = 0, - _i5 = !0, - info = parentEndTime = -1, - entryName = previousEndTime.length - 1; - 0 <= entryName; - entryName-- - ) - if ( - ((trackTime = previousEndTime[entryName]), - "number" === typeof trackTime.time) - ) { - 0 === childResult && (childResult = trackTime.time); - trackTime = trackTime.time; - if (-1 < info) - for (--info; info > entryName; info--) { - var candidateInfo = previousEndTime[info]; + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; if ("string" === typeof candidateInfo.name) { - childResult > componentInfo && (componentInfo = childResult); - var response = response$jscomp$0, - componentInfo$jscomp$0 = candidateInfo, - trackIdx$jscomp$0 = trackIdx$jscomp$1, - startTime = trackTime, - componentEndTime = childResult, - childrenEndTime = componentInfo; + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; if ( - _i5 && + isLastComponent && "rejected" === root.status && root.reason !== response._closedReason - ) - (_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - (componentEndTime = childrenEndTime), - (childrenEndTime = root.reason), - supportsUserTiming && - ((trackIdx$jscomp$0 = _i5.env), - (componentInfo$jscomp$0 = _i5.name), - (response = - trackIdx$jscomp$0 === response._rootEnvironmentName || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"), - (childrenEndTime = [ + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ [ "Error", - "object" === typeof childrenEndTime && - null !== childrenEndTime && - "string" === typeof childrenEndTime.message - ? String(childrenEndTime.message) - : String(childrenEndTime) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ] - ]), - null != _i5.key && - addValueToProperties( - "key", - _i5.key, - childrenEndTime, - 0 - ), - null != _i5.props && - addObjectToProperties(_i5.props, childrenEndTime, 0), - performance.measure(response, { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childResult], - trackGroup: "Server Components \u269b", - tooltipText: response + " Errored", - properties: childrenEndTime - } + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure(entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties } - })); - else if ( - ((_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - supportsUserTiming && - 0 <= childrenEndTime && - 10 > childResult) - ) { - trackIdx$jscomp$0 = _i5.env; - componentInfo$jscomp$0 = _i5.name; - var isPrimaryEnv = - trackIdx$jscomp$0 === response._rootEnvironmentName; - response = componentEndTime - startTime; - response = - 0.5 > response - ? isPrimaryEnv - ? "primary-light" - : "secondary-light" - : 50 > response - ? isPrimaryEnv - ? "primary" - : "secondary" - : 500 > response + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime ? isPrimaryEnv - ? "primary-dark" - : "secondary-dark" - : "error"; - componentEndTime = - isPrimaryEnv || void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"; - (trackIdx$jscomp$0 = _i5.debugTask) - ? ((componentInfo$jscomp$0 = []), - null != _i5.key && + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && addValueToProperties( "key", - _i5.key, - componentInfo$jscomp$0, - 0 - ), - null != _i5.props && + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && addObjectToProperties( - _i5.props, - componentInfo$jscomp$0, - 0 - ), - trackIdx$jscomp$0.run( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( performance.measure.bind( performance, - componentEndTime, + entryName$jscomp$1, { - start: 0 > startTime ? 0 : startTime, - end: childrenEndTime, + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, detail: { devtools: { - color: response, - track: trackNames[childResult], + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], trackGroup: "Server Components \u269b", - properties: componentInfo$jscomp$0 + properties: properties$jscomp$0 } } } ) - )) - : console.timeStamp( - componentEndTime, - 0 > startTime ? 0 : startTime, - childrenEndTime, - trackNames[childResult], + ); + } else + console.timeStamp( + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], "Server Components \u269b", - response + color$jscomp$0 ); + } } - childResult = trackTime; - trackIdx.component = candidateInfo; - _i5 = !1; - } else if (candidateInfo.awaited) - if ( - (parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (childrenEndTime = response$jscomp$0._rootEnvironmentName), - (response = candidateInfo.awaited.value)) - ) - switch ( - ((trackIdx$jscomp$0 = response), trackIdx$jscomp$0.status) - ) { + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if (candidateInfo.awaited) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { case "fulfilled": logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, - trackIdx$jscomp$0.value + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value ); break; case "rejected": - response = trackIdx$jscomp$1; - startTime = trackTime; - componentEndTime = parentEndTime; - trackIdx$jscomp$0 = trackIdx$jscomp$0.reason; - supportsUserTiming && - 0 < componentEndTime && - ((componentInfo$jscomp$0 = candidateInfo.env), - (isPrimaryEnv = candidateInfo.awaited.name), - (childrenEndTime = - "await " + - (componentInfo$jscomp$0 === childrenEndTime || - void 0 === componentInfo$jscomp$0 - ? isPrimaryEnv - : isPrimaryEnv + - " [" + - componentInfo$jscomp$0 + - "]")), - (candidateInfo = - candidateInfo.debugTask || - candidateInfo.awaited.debugTask) - ? candidateInfo.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[response], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Rejected", - "object" === - typeof trackIdx$jscomp$0 && - null !== trackIdx$jscomp$0 && - "string" === - typeof trackIdx$jscomp$0.message - ? String( - trackIdx$jscomp$0.message - ) - : String(trackIdx$jscomp$0) - ] - ], - tooltipText: - childrenEndTime + " Rejected" - } + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText } } - ) + } ) - : console.timeStamp( - childrenEndTime, - 0 > startTime ? 0 : startTime, - componentEndTime, - trackNames[response], - "Server Components \u269b", - "error" - )); + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } break; default: logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); } - else + } else logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); + } } - else - for ( - parentEndTime = trackTime, info = previousEndTime.length - 1; - info > entryName; - info-- - ) - (candidateInfo = previousEndTime[info]), - "string" === typeof candidateInfo.name - ? (childResult > componentInfo && - (componentInfo = childResult), - (_i5 = candidateInfo), - (componentEndTime = - response$jscomp$0._rootEnvironmentName), - (childResult = _i5), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = componentInfo), - supportsUserTiming && - ((childrenEndTime = childResult.env), - (trackIdx$jscomp$0 = childResult.name), - (componentEndTime = - childrenEndTime === componentEndTime || - void 0 === childrenEndTime - ? trackIdx$jscomp$0 - : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"), - (childrenEndTime = [ - [ - "Aborted", - "The stream was aborted before this Component finished rendering." - ] - ]), - null != childResult.key && - addValueToProperties( - "key", - childResult.key, - childrenEndTime, - 0 - ), - null != childResult.props && - addObjectToProperties( - childResult.props, - childrenEndTime, - 0 - ), - performance.measure(componentEndTime, { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - tooltipText: componentEndTime + " Aborted", - properties: childrenEndTime + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure(entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if (_candidateInfo.awaited) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } } } - })), - (childResult = trackTime), - (trackIdx.component = _i5), - (_i5 = !1)) - : candidateInfo.awaited && - ((componentEndTime = candidateInfo), - (childrenEndTime = - response$jscomp$0._rootEnvironmentName), - componentEndTime.awaited.end > parentEndTime && - (parentEndTime = componentEndTime.awaited.end), - parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = parentEndTime), - supportsUserTiming && - 0 < startTime && - ((trackIdx$jscomp$0 = componentEndTime.env), - (componentInfo$jscomp$0 = - componentEndTime.awaited.name), - (childrenEndTime = - "await " + - (trackIdx$jscomp$0 === childrenEndTime || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]")), - (componentEndTime = - componentEndTime.debugTask || - componentEndTime.awaited.debugTask) - ? componentEndTime.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Aborted", - "The stream was aborted before this Promise resolved." - ] - ], - tooltipText: childrenEndTime + " Aborted" - } - } - } - ) - ) - : console.timeStamp( - childrenEndTime, - 0 > response ? 0 : response, - startTime, - trackNames[candidateInfo], - "Server Components \u269b", - "warning" - ))); - parentEndTime = trackTime; - info = entryName; + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; } - trackIdx.endTime = componentInfo; - return trackIdx; + } + result.endTime = childrenEndTime; + return result; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js index 87b5c21b5cf65..2e34d8c5e9d30 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js @@ -1104,13 +1104,19 @@ } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -1137,11 +1143,17 @@ break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -1155,7 +1167,8 @@ propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -1174,7 +1187,7 @@ break; } else if (3 === propKey) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -1187,7 +1200,8 @@ typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -1199,7 +1213,8 @@ propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1215,7 +1230,8 @@ propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -1234,10 +1250,11 @@ "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -1259,7 +1276,10 @@ default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); } function markAllTracksInOrder() { supportsUserTiming && @@ -1290,6 +1310,80 @@ return "tertiary-dark"; } } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + rootEnv = ""; + var descMaxLength = 30 - ioInfo.length - env.length; + if (1 < descMaxLength) { + var l = description.length; + if (0 < l && l <= descMaxLength) rootEnv = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + l = description.indexOf("?"); + -1 === l && (l = description.length); + 47 === description.charCodeAt(l - 1) && l--; + var slashIdx = description.lastIndexOf("/", l - 1); + l - slashIdx < descMaxLength && + (rootEnv = " (" + description.slice(slashIdx + 1, l) + ")"); + } + } + return ioInfo + rootEnv + env; + } function logComponentAwait( asyncInfo, trackIdx, @@ -1299,77 +1393,91 @@ value ) { if (supportsUserTiming && 0 < endTime) { - var env = asyncInfo.env, - name = asyncInfo.awaited.name, - isPrimaryEnv = env === rootEnv; - rootEnv = getIOColor(name); - env = - "await " + - (isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]"); - (asyncInfo = asyncInfo.debugTask || asyncInfo.awaited.debugTask) - ? ((name = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, name, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, name, 0), - asyncInfo.run( - performance.measure.bind(performance, env, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: rootEnv, - track: trackNames[trackIdx], - trackGroup: "Server Components \u269b", - properties: name - } + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo } - }) - )) - : console.timeStamp( - env, - 0 > startTime ? 0 : startTime, - endTime, - trackNames[trackIdx], - "Server Components \u269b", - rootEnv - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); } } function logIOInfoErrored(ioInfo, rootEnv, error) { var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - (ioInfo = ioInfo.debugTask) - ? ioInfo.run( - performance.measure.bind(performance, rootEnv, { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "Rejected", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, entryName, { start: 0 > startTime ? 0 : startTime, end: endTime, detail: { devtools: { color: "error", track: "Server Requests \u269b", - properties: [ - [ - "Rejected", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ] - ], - tooltipText: rootEnv + " Rejected" + properties: error, + tooltipText: ioInfo } } }) - ) + )) : console.timeStamp( - rootEnv, + entryName, 0 > startTime ? 0 : startTime, endTime, "Server Requests \u269b", @@ -1382,39 +1490,40 @@ var startTime = ioInfo.start, endTime = ioInfo.end; if (supportsUserTiming && 0 <= endTime) { - var name = ioInfo.name, - env = ioInfo.env; - rootEnv = - env === rootEnv || void 0 === env ? name : name + " [" + env + "]"; - ioInfo = ioInfo.debugTask; - name = getIOColor(name); - ioInfo - ? ((env = []), - "object" === typeof value && null !== value - ? addObjectToProperties(value, env, 0) - : void 0 !== value && - addValueToProperties("Resolved", value, env, 0), - ioInfo.run( - performance.measure.bind(performance, rootEnv, { - start: 0 > startTime ? 0 : startTime, - end: endTime, - detail: { - devtools: { - color: name, - track: "Server Requests \u269b", - properties: env - } + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo } - }) - )) - : console.timeStamp( - rootEnv, - 0 > startTime ? 0 : startTime, - endTime, - "Server Requests \u269b", - void 0, - name - ); + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); } } function prepareStackTrace(error, structuredStackTrace) { @@ -3092,484 +3201,514 @@ function flushComponentPerformance( response$jscomp$0, root, - trackIdx$jscomp$1, + trackIdx$jscomp$6, trackTime, parentEndTime ) { if (!isArrayImpl(root._children)) { - root = root._children; - var previousEndTime = root.endTime; + var previousResult = root._children, + previousEndTime = previousResult.endTime; if ( -Infinity < parentEndTime && parentEndTime < previousEndTime && - null !== root.component + null !== previousResult.component ) { - var componentInfo = root.component, - trackIdx = trackIdx$jscomp$1; + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { - response$jscomp$0 = - componentInfo.env === response$jscomp$0._rootEnvironmentName - ? "primary-light" - : "secondary-light"; - var entryName = componentInfo.name + " [deduped]"; - (componentInfo = componentInfo.debugTask) - ? componentInfo.run( + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( console.timeStamp.bind( console, entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ) ) : console.timeStamp( entryName, - 0 > parentEndTime ? 0 : parentEndTime, + 0 > startTime ? 0 : startTime, previousEndTime, trackNames[trackIdx], "Server Components \u269b", - response$jscomp$0 + color ); } } - root.track = trackIdx$jscomp$1; - return root; + previousResult.track = trackIdx$jscomp$6; + return previousResult; } - entryName = root._children; + var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); - if ((previousEndTime = root._debugInfo)) { - for ( - componentInfo = trackIdx = 0; - componentInfo < previousEndTime.length; - componentInfo++ - ) { - var info = previousEndTime[componentInfo]; - "number" === typeof info.time && (trackIdx = info.time); + var debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); if ("string" === typeof info.name) { - trackIdx < trackTime && trackIdx$jscomp$1++; - trackTime = trackIdx; + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; break; } } - for (trackIdx = previousEndTime.length - 1; 0 <= trackIdx; trackIdx--) - if ( - ((componentInfo = previousEndTime[trackIdx]), - "number" === typeof componentInfo.time && - componentInfo.time > parentEndTime) - ) { - parentEndTime = componentInfo.time; + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; break; } + } } - trackIdx = { - track: trackIdx$jscomp$1, + var result = { + track: trackIdx$jscomp$6, endTime: -Infinity, component: null }; - root._children = trackIdx; - componentInfo = -Infinity; - info = trackIdx$jscomp$1; - for (var _i5 = 0; _i5 < entryName.length; _i5++) { + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { var childResult = flushComponentPerformance( response$jscomp$0, - entryName[_i5], - info, - trackTime, + children[_i5], + childTrackIdx, + childTrackTime, parentEndTime ); null !== childResult.component && - (trackIdx.component = childResult.component); - info = childResult.track; - childResult = childResult.endTime; - childResult > trackTime && (trackTime = childResult); - childResult > componentInfo && (componentInfo = childResult); + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); } - if (previousEndTime) + if (debugInfo) for ( - childResult = 0, - _i5 = !0, - info = parentEndTime = -1, - entryName = previousEndTime.length - 1; - 0 <= entryName; - entryName-- - ) - if ( - ((trackTime = previousEndTime[entryName]), - "number" === typeof trackTime.time) - ) { - 0 === childResult && (childResult = trackTime.time); - trackTime = trackTime.time; - if (-1 < info) - for (--info; info > entryName; info--) { - var candidateInfo = previousEndTime[info]; + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; if ("string" === typeof candidateInfo.name) { - childResult > componentInfo && (componentInfo = childResult); - var response = response$jscomp$0, - componentInfo$jscomp$0 = candidateInfo, - trackIdx$jscomp$0 = trackIdx$jscomp$1, - startTime = trackTime, - componentEndTime = childResult, - childrenEndTime = componentInfo; + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; if ( - _i5 && + isLastComponent && "rejected" === root.status && root.reason !== response._closedReason - ) - (_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - (componentEndTime = childrenEndTime), - (childrenEndTime = root.reason), - supportsUserTiming && - ((trackIdx$jscomp$0 = _i5.env), - (componentInfo$jscomp$0 = _i5.name), - (response = - trackIdx$jscomp$0 === response._rootEnvironmentName || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"), - (childrenEndTime = [ + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ [ "Error", - "object" === typeof childrenEndTime && - null !== childrenEndTime && - "string" === typeof childrenEndTime.message - ? String(childrenEndTime.message) - : String(childrenEndTime) + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) ] - ]), - null != _i5.key && - addValueToProperties( - "key", - _i5.key, - childrenEndTime, - 0 - ), - null != _i5.props && - addObjectToProperties(_i5.props, childrenEndTime, 0), - performance.measure(response, { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childResult], - trackGroup: "Server Components \u269b", - tooltipText: response + " Errored", - properties: childrenEndTime - } + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure(entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties } - })); - else if ( - ((_i5 = componentInfo$jscomp$0), - (childResult = trackIdx$jscomp$0), - supportsUserTiming && - 0 <= childrenEndTime && - 10 > childResult) - ) { - trackIdx$jscomp$0 = _i5.env; - componentInfo$jscomp$0 = _i5.name; - var isPrimaryEnv = - trackIdx$jscomp$0 === response._rootEnvironmentName; - response = componentEndTime - startTime; - response = - 0.5 > response - ? isPrimaryEnv - ? "primary-light" - : "secondary-light" - : 50 > response - ? isPrimaryEnv - ? "primary" - : "secondary" - : 500 > response + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime ? isPrimaryEnv - ? "primary-dark" - : "secondary-dark" - : "error"; - componentEndTime = - isPrimaryEnv || void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]"; - (trackIdx$jscomp$0 = _i5.debugTask) - ? ((componentInfo$jscomp$0 = []), - null != _i5.key && + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && addValueToProperties( "key", - _i5.key, - componentInfo$jscomp$0, - 0 - ), - null != _i5.props && + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && addObjectToProperties( - _i5.props, - componentInfo$jscomp$0, - 0 - ), - trackIdx$jscomp$0.run( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( performance.measure.bind( performance, - componentEndTime, + entryName$jscomp$1, { - start: 0 > startTime ? 0 : startTime, - end: childrenEndTime, + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, detail: { devtools: { - color: response, - track: trackNames[childResult], + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], trackGroup: "Server Components \u269b", - properties: componentInfo$jscomp$0 + properties: properties$jscomp$0 } } } ) - )) - : console.timeStamp( - componentEndTime, - 0 > startTime ? 0 : startTime, - childrenEndTime, - trackNames[childResult], + ); + } else + console.timeStamp( + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], "Server Components \u269b", - response + color$jscomp$0 ); + } } - childResult = trackTime; - trackIdx.component = candidateInfo; - _i5 = !1; - } else if (candidateInfo.awaited) - if ( - (parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (childrenEndTime = response$jscomp$0._rootEnvironmentName), - (response = candidateInfo.awaited.value)) - ) - switch ( - ((trackIdx$jscomp$0 = response), trackIdx$jscomp$0.status) - ) { + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if (candidateInfo.awaited) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { case "fulfilled": logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, - trackIdx$jscomp$0.value + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value ); break; case "rejected": - response = trackIdx$jscomp$1; - startTime = trackTime; - componentEndTime = parentEndTime; - trackIdx$jscomp$0 = trackIdx$jscomp$0.reason; - supportsUserTiming && - 0 < componentEndTime && - ((componentInfo$jscomp$0 = candidateInfo.env), - (isPrimaryEnv = candidateInfo.awaited.name), - (childrenEndTime = - "await " + - (componentInfo$jscomp$0 === childrenEndTime || - void 0 === componentInfo$jscomp$0 - ? isPrimaryEnv - : isPrimaryEnv + - " [" + - componentInfo$jscomp$0 + - "]")), - (candidateInfo = - candidateInfo.debugTask || - candidateInfo.awaited.debugTask) - ? candidateInfo.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > startTime ? 0 : startTime, - end: componentEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[response], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Rejected", - "object" === - typeof trackIdx$jscomp$0 && - null !== trackIdx$jscomp$0 && - "string" === - typeof trackIdx$jscomp$0.message - ? String( - trackIdx$jscomp$0.message - ) - : String(trackIdx$jscomp$0) - ] - ], - tooltipText: - childrenEndTime + " Rejected" - } + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText } } - ) + } ) - : console.timeStamp( - childrenEndTime, - 0 > startTime ? 0 : startTime, - componentEndTime, - trackNames[response], - "Server Components \u269b", - "error" - )); + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } break; default: logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); } - else + } else logComponentAwait( - candidateInfo, - trackIdx$jscomp$1, - trackTime, - parentEndTime, - childrenEndTime, + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, void 0 ); + } } - else - for ( - parentEndTime = trackTime, info = previousEndTime.length - 1; - info > entryName; - info-- - ) - (candidateInfo = previousEndTime[info]), - "string" === typeof candidateInfo.name - ? (childResult > componentInfo && - (componentInfo = childResult), - (_i5 = candidateInfo), - (componentEndTime = - response$jscomp$0._rootEnvironmentName), - (childResult = _i5), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = componentInfo), - supportsUserTiming && - ((childrenEndTime = childResult.env), - (trackIdx$jscomp$0 = childResult.name), - (componentEndTime = - childrenEndTime === componentEndTime || - void 0 === childrenEndTime - ? trackIdx$jscomp$0 - : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"), - (childrenEndTime = [ - [ - "Aborted", - "The stream was aborted before this Component finished rendering." - ] - ]), - null != childResult.key && - addValueToProperties( - "key", - childResult.key, - childrenEndTime, - 0 - ), - null != childResult.props && - addObjectToProperties( - childResult.props, - childrenEndTime, - 0 - ), - performance.measure(componentEndTime, { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - tooltipText: componentEndTime + " Aborted", - properties: childrenEndTime + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure(entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if (_candidateInfo.awaited) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } } } - })), - (childResult = trackTime), - (trackIdx.component = _i5), - (_i5 = !1)) - : candidateInfo.awaited && - ((componentEndTime = candidateInfo), - (childrenEndTime = - response$jscomp$0._rootEnvironmentName), - componentEndTime.awaited.end > parentEndTime && - (parentEndTime = componentEndTime.awaited.end), - parentEndTime > componentInfo && - (componentInfo = parentEndTime), - (candidateInfo = trackIdx$jscomp$1), - (response = trackTime), - (startTime = parentEndTime), - supportsUserTiming && - 0 < startTime && - ((trackIdx$jscomp$0 = componentEndTime.env), - (componentInfo$jscomp$0 = - componentEndTime.awaited.name), - (childrenEndTime = - "await " + - (trackIdx$jscomp$0 === childrenEndTime || - void 0 === trackIdx$jscomp$0 - ? componentInfo$jscomp$0 - : componentInfo$jscomp$0 + - " [" + - trackIdx$jscomp$0 + - "]")), - (componentEndTime = - componentEndTime.debugTask || - componentEndTime.awaited.debugTask) - ? componentEndTime.run( - performance.measure.bind( - performance, - childrenEndTime, - { - start: 0 > response ? 0 : response, - end: startTime, - detail: { - devtools: { - color: "warning", - track: trackNames[candidateInfo], - trackGroup: "Server Components \u269b", - properties: [ - [ - "Aborted", - "The stream was aborted before this Promise resolved." - ] - ], - tooltipText: childrenEndTime + " Aborted" - } - } - } - ) - ) - : console.timeStamp( - childrenEndTime, - 0 > response ? 0 : response, - startTime, - trackNames[candidateInfo], - "Server Components \u269b", - "warning" - ))); - parentEndTime = trackTime; - info = entryName; + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; } - trackIdx.endTime = componentInfo; - return trackIdx; + } + result.endTime = childrenEndTime; + return result; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js index 6d3c343b94c13..885d84ab03f41 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js @@ -679,12 +679,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("%c%s%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(7)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js index d3444080401e0..ec63ccee4e186 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js @@ -686,12 +686,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js index 4e53701a89cba..839a546c1dfcd 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js @@ -725,12 +725,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, @@ -5420,12 +5444,12 @@ "React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it." ); pendingFiles++; - var JSCompiler_object_inline_chunks_214 = []; + var JSCompiler_object_inline_chunks_221 = []; value.on("data", function (chunk) { - JSCompiler_object_inline_chunks_214.push(chunk); + JSCompiler_object_inline_chunks_221.push(chunk); }); value.on("end", function () { - var blob = new Blob(JSCompiler_object_inline_chunks_214, { + var blob = new Blob(JSCompiler_object_inline_chunks_221, { type: mimeType }); response._formData.append(name, blob, filename); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js index 12aee9af863fa..966c46abd2785 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js @@ -725,12 +725,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, @@ -5383,12 +5407,12 @@ "React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it." ); pendingFiles++; - var JSCompiler_object_inline_chunks_214 = []; + var JSCompiler_object_inline_chunks_221 = []; value.on("data", function (chunk) { - JSCompiler_object_inline_chunks_214.push(chunk); + JSCompiler_object_inline_chunks_221.push(chunk); }); value.on("end", function () { - var blob = new Blob(JSCompiler_object_inline_chunks_214, { + var blob = new Blob(JSCompiler_object_inline_chunks_221, { type: mimeType }); response._formData.append(name, blob, filename); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json index 71340090b09d3..506acd9580e04 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "0.0.0-experimental-73aa744b-20250702", - "react-dom": "0.0.0-experimental-73aa744b-20250702", + "react": "0.0.0-experimental-ef8b6fa2-20250702", + "react-dom": "0.0.0-experimental-ef8b6fa2-20250702", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js index 91206324d3be4..e7a03f9da52af 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js @@ -2990,10 +2990,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-canary-73aa744b-20250702", + version: "19.2.0-canary-ef8b6fa2-20250702", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-73aa744b-20250702", + reconcilerVersion: "19.2.0-canary-ef8b6fa2-20250702", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js index b6001b125e502..e476c585f05ce 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js @@ -676,12 +676,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("%c%s%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(7)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js index ef5d1654a2619..f8af5f0026883 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js @@ -683,12 +683,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js index 3e93eb4b24718..411995901543a 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js @@ -707,12 +707,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, @@ -4797,12 +4821,12 @@ "React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it." ); pendingFiles++; - var JSCompiler_object_inline_chunks_200 = []; + var JSCompiler_object_inline_chunks_207 = []; value.on("data", function (chunk) { - JSCompiler_object_inline_chunks_200.push(chunk); + JSCompiler_object_inline_chunks_207.push(chunk); }); value.on("end", function () { - var blob = new Blob(JSCompiler_object_inline_chunks_200, { + var blob = new Blob(JSCompiler_object_inline_chunks_207, { type: mimeType }); response._formData.append(name, blob, filename); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js index f6db71a8f7ede..a7aa0fef388e0 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js @@ -707,12 +707,36 @@ ); request.pendingChunks++; var owner = resolveOwner(), - args = arguments; + args = Array.from(arguments); + a: { + var env = 0; + switch (methodName) { + case "dir": + case "dirxml": + case "groupEnd": + case "table": + env = null; + break a; + case "assert": + env = 1; + } + var format = args[env], + style = args[env + 1], + badge = args[env + 2]; + "string" === typeof format && + format.startsWith("\u001b[0m\u001b[7m%c%s\u001b[0m%c ") && + "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px" === + style && + "string" === typeof badge + ? (args.splice(env, 4, format.slice(19)), + (env = badge.slice(1, badge.length - 1))) + : (env = null); + } + null === env && (env = (0, request.environmentName)()); null != owner && outlineComponentInfo(request, owner); - var env = (0, request.environmentName)(), - payload = [methodName, stack, owner, env]; - payload.push.apply(payload, args); - args = serializeDebugModel(request, 500, payload); + format = [methodName, stack, owner, env]; + format.push.apply(format, args); + args = serializeDebugModel(request, 500, format); "[" !== args[0] && (args = serializeDebugModel(request, 500, [ methodName, @@ -4760,12 +4784,12 @@ "React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it." ); pendingFiles++; - var JSCompiler_object_inline_chunks_200 = []; + var JSCompiler_object_inline_chunks_207 = []; value.on("data", function (chunk) { - JSCompiler_object_inline_chunks_200.push(chunk); + JSCompiler_object_inline_chunks_207.push(chunk); }); value.on("end", function () { - var blob = new Blob(JSCompiler_object_inline_chunks_200, { + var blob = new Blob(JSCompiler_object_inline_chunks_207, { type: mimeType }); response._formData.append(name, blob, filename); diff --git a/packages/next/src/compiled/react-server-dom-webpack/package.json b/packages/next/src/compiled/react-server-dom-webpack/package.json index d29edfd17f688..3d16a04c5426a 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "19.2.0-canary-73aa744b-20250702", - "react-dom": "19.2.0-canary-73aa744b-20250702", + "react": "19.2.0-canary-ef8b6fa2-20250702", + "react-dom": "19.2.0-canary-ef8b6fa2-20250702", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react/cjs/react.development.js b/packages/next/src/compiled/react/cjs/react.development.js index e703ad59c1c7d..dcdcfde803f18 100644 --- a/packages/next/src/compiled/react/cjs/react.development.js +++ b/packages/next/src/compiled/react/cjs/react.development.js @@ -1244,7 +1244,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react/cjs/react.production.js b/packages/next/src/compiled/react/cjs/react.production.js index 4b8e6941e52e9..d70e3916385a2 100644 --- a/packages/next/src/compiled/react/cjs/react.production.js +++ b/packages/next/src/compiled/react/cjs/react.production.js @@ -543,4 +543,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/react/cjs/react.react-server.development.js b/packages/next/src/compiled/react/cjs/react.react-server.development.js index 84aab7ec13108..43cea466dfe41 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.development.js @@ -816,5 +816,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.2.0-canary-73aa744b-20250702"; + exports.version = "19.2.0-canary-ef8b6fa2-20250702"; })(); diff --git a/packages/next/src/compiled/react/cjs/react.react-server.production.js b/packages/next/src/compiled/react/cjs/react.react-server.production.js index 4aa9483279101..27d59a4b5e124 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.production.js @@ -430,4 +430,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.2.0-canary-73aa744b-20250702"; +exports.version = "19.2.0-canary-ef8b6fa2-20250702"; diff --git a/packages/next/src/compiled/unistore/unistore.js b/packages/next/src/compiled/unistore/unistore.js index ab53ddce5516d..34cace6aea94c 100644 --- a/packages/next/src/compiled/unistore/unistore.js +++ b/packages/next/src/compiled/unistore/unistore.js @@ -1 +1 @@ -(()=>{var t={229:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a{var t={989:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a