[compiler:playground] Resizable tabs

[abizek]

Summary

Every tab wraps the text around but there is no way to resize it. It was also hard to use the source map tab. It doesn't occupy the full height nor is the tab resizable. So I made all the tabs resizable.

Also,

• make the source map tab occupy full height
• make it a teeny tiny bit easier to work with the compiler playground (especially source map)

How did you test this change?

https://github.com/facebook/react/assets/91976421/cdec30e8-cadb-4958-8786-31c54ea83bd6

[vercel[bot]]

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	May 17, 2024 6:47pm

[react-sizebot]

Comparing: 3f1436cca1f8dd80a19fd52b97b6ff71a4d9ce82...ee7de1648ee383e8e9a15d9ce44a4a84173b4f1f

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.66 kB	6.66 kB	=	1.82 kB	1.82 kB
oss-stable/react-dom/cjs/react-dom-client.production.js	=	495.01 kB	495.01 kB	=	88.68 kB	88.67 kB
oss-experimental/react-dom/cjs/react-dom.production.js	=	6.67 kB	6.67 kB	=	1.83 kB	1.83 kB
oss-experimental/react-dom/cjs/react-dom-client.production.js	=	499.81 kB	499.81 kB	=	89.36 kB	89.36 kB
facebook-www/ReactDOM-prod.classic.js	=	592.16 kB	592.16 kB	=	104.15 kB	104.15 kB
facebook-www/ReactDOM-prod.modern.js	=	568.39 kB	568.39 kB	=	100.55 kB	100.55 kB
test_utils/ReactAllWarnings.js	Deleted	64.26 kB	0.00 kB	Deleted	16.02 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
test_utils/ReactAllWarnings.js	Deleted	64.26 kB	0.00 kB	Deleted	16.02 kB	0.00 kB

Generated by :no_entry_sign: dangerJS against ee7de1648ee383e8e9a15d9ce44a4a84173b4f1f

[poteto]

neat, thanks!