Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Fizz] Run console.createTask during SSR when available #30142

Merged
merged 1 commit into from
Jul 1, 2024

Conversation

sebmarkbage
Copy link
Collaborator

Same as #30140 but for Fizz.

This is rarely used but it does allow seeing component stacks when inspecting the Node.js server running Fizz using --inspect and the Chrome DevTools.

Screenshot 2024-06-29 at 4 08 22 PM
@sebmarkbage sebmarkbage requested a review from gnoff June 29, 2024 20:11
Copy link

vercel bot commented Jun 29, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
react-compiler-playground ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 1, 2024 1:37pm
@react-sizebot
Copy link

react-sizebot commented Jun 29, 2024

Comparing: d40ea87...819de51

Critical size changes

Includes critical production bundles, as well as any change greater than 2%:

Name +/- Base Current +/- gzip Base gzip Current gzip
oss-stable/react-dom/cjs/react-dom.production.js = 6.68 kB 6.68 kB = 1.83 kB 1.83 kB
oss-stable/react-dom/cjs/react-dom-client.production.js = 497.99 kB 497.99 kB = 89.27 kB 89.27 kB
oss-experimental/react-dom/cjs/react-dom.production.js = 6.69 kB 6.69 kB +0.05% 1.83 kB 1.83 kB
oss-experimental/react-dom/cjs/react-dom-client.production.js = 502.81 kB 502.81 kB = 89.97 kB 89.97 kB
facebook-www/ReactDOM-prod.classic.js = 597.08 kB 597.08 kB = 105.33 kB 105.33 kB
facebook-www/ReactDOM-prod.modern.js = 571.42 kB 571.42 kB = 101.27 kB 101.27 kB
test_utils/ReactAllWarnings.js Deleted 62.88 kB 0.00 kB Deleted 15.69 kB 0.00 kB

Significant size changes

Includes any change greater than 0.2%:

Expand to show
Name +/- Base Current +/- gzip Base gzip Current gzip
oss-experimental/react-html/cjs/react-html.react-server.development.js = 477.24 kB 475.27 kB = 86.35 kB 86.14 kB
oss-experimental/react-dom/cjs/react-dom-server.edge.development.js = 385.93 kB 383.95 kB = 68.08 kB 67.86 kB
oss-experimental/react-dom/cjs/react-dom-server.browser.development.js = 385.38 kB 383.40 kB = 67.98 kB 67.77 kB
oss-experimental/react-dom/cjs/react-dom-server.node.development.js = 380.86 kB 378.87 kB = 67.48 kB 67.27 kB
oss-experimental/react-dom/cjs/react-dom-server-legacy.browser.development.js = 362.54 kB 360.56 kB = 65.29 kB 65.07 kB
oss-experimental/react-dom/cjs/react-dom-server-legacy.node.development.js = 362.54 kB 360.55 kB = 65.29 kB 65.07 kB
oss-experimental/react-html/cjs/react-html.development.js = 334.46 kB 332.52 kB = 61.11 kB 60.90 kB
oss-experimental/react-dom/cjs/react-dom-server.bun.development.js = 322.94 kB 320.68 kB = 62.27 kB 62.05 kB
oss-experimental/react-server/cjs/react-server.development.js = 168.12 kB 166.14 kB = 30.31 kB 30.09 kB
test_utils/ReactAllWarnings.js Deleted 62.88 kB 0.00 kB Deleted 15.69 kB 0.00 kB

Generated by 🚫 dangerJS against 819de51

sebmarkbage added a commit that referenced this pull request Jul 1, 2024
…lable (#30140)

Same as #30142 but for Flight Server.

This is rarely used but it does allow seeing component stacks when
inspecting the Node.js server running Flight using `--inspect` and the
Chrome DevTools.

<img width="595" alt="Screenshot 2024-06-29 at 1 08 47 PM"
src="https://github.com/facebook/react/assets/63648/7f643e1e-a251-4e4d-b015-22a22a47031d">
This is rarely used but it does allow seeing component stacks when inspecting the Node.js server running Fizz using --inspect and the Chrome DevTools.
@sebmarkbage sebmarkbage merged commit e6783e7 into facebook:main Jul 1, 2024
139 checks passed
sebmarkbage added a commit that referenced this pull request Jul 1, 2024
Stacked on #30142.

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

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

This gets us both owner stacks from `captureOwnerStack()`, as well as
appended to console.errors logged by Fizz, while rendering and in
onError.
github-actions bot pushed a commit that referenced this pull request Jul 1, 2024
Stacked on #30142.

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

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

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

DiffTrain build for [315109b](315109b)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed React Core Team Opened by a member of the React Core Team
5 participants