Sebastian Markbåge
7c0fff6f2b
[DevTools] Add Play/Pause and Skip Controls to the Timeline ( #34620 )
...
Stacked on #34625 .
This is a nice way to step through the timeline and simulate the visuals
on screen as you do it. It's also convenient to step through one at a
time, especially with the forwards button.
However, the secondary purpose of this is that it helps anchor the UI
visually as something like a timeline like in a video so that the
timeline itself becomes more identifiable.
https://github.com/user-attachments/assets/cb367c8e-9efb-4a00-a58e-4579be20beb8
2025-09-28 19:14:28 -04:00
Sebastian Markbåge
e2d19bf6a9
[DevTools] Use pretty icon with icon for unique suspenders toggle ( #34625 )
...
Stacked on #34624 .
<img width="638" height="170" alt="Screenshot 2025-09-27 at 12 57 10 PM"
src="https://github.com/user-attachments/assets/f67023b1-e7be-4252-93ab-6302bc63ac26 "
/>
<img width="641" height="250" alt="Screenshot 2025-09-27 at 12 57 21 PM"
src="https://github.com/user-attachments/assets/f96a9b48-c6f4-406f-a0ea-b3da288411b5 "
/>
2025-09-28 19:13:15 -04:00
Sebastian Markbåge
09d3cd8fb5
[DevTools] Larger panel buttons and center ( #34619 )
...
The panel icons are quite small. Especially compared to the equivalent
buttons elsewhere in Chrome DevTools that otherwise use the same icons.
This makes them a little bigger to make them similar size to our other
button icons.
They were also a bit off center. This centers them as well.
Before:
<img width="409" height="426" alt="Screenshot 2025-09-26 at 4 23 15 PM"
src="https://github.com/user-attachments/assets/4a5de032-e316-44ed-9424-8bccce00f0cd "
/>
After:
<img width="519" height="388" alt="Screenshot 2025-09-26 at 4 22 57 PM"
src="https://github.com/user-attachments/assets/1763e522-5683-4fac-a913-27910a30a039 "
/>
2025-09-28 12:09:08 -04:00
Sebastian "Sebbie" Silbermann
b1c519f3d4
[DevTools] Only show boundaries with unique suspenders by default in the timeline ( #34397 )
2025-09-11 11:33:05 +02:00
Sebastian "Sebbie" Silbermann
36c63d4f9c
[DevTools] Layout for Suspense tab ( #34042 )
2025-07-30 07:12:18 +02:00
Andrew Clark
9cdf8a99ed
[Codemod] Update copyright header to Meta ( #25315 )
...
* Facebook -> Meta in copyright
rg --files | xargs sed -i 's#Copyright (c) Facebook, Inc. and its affiliates.#Copyright (c) Meta Platforms, Inc. and affiliates.#g'
* Manual tweaks
2022-10-18 11:19:24 -04:00
Jan Kassens
e6a062bd2a
Flow: add simple explicit export types to Devtools ( #25251 )
2022-09-13 12:03:20 -04:00
Jan Kassens
8003ab9cf5
Flow: remove explicit object syntax ( #25223 )
2022-09-09 16:03:48 -04:00
EzzAk
255221c869
[DevTools] Add open in editor for fb ( #22649 )
...
Co-authored-by: Brian Vaughn <bvaughn@fb.com >
2021-11-03 11:27:30 -04:00
Brian Vaughn
c5cfa71948
DevTools: Show hook names based on variable usage ( #21641 )
...
Co-authored-by: Brian Vaughn <brian.david.vaughn@gmail.com >
Co-authored-by: Saphal Patro <saphal1998@gmail.com >
Co-authored-by: VibhorCodecianGupta <vibhordelgupta@gmail.com >
2021-07-01 14:39:18 -04:00
Bao Pham
8b4201535c
Devtools: add feature to trigger an error boundary ( #21583 )
...
Co-authored-by: Brian Vaughn <bvaughn@fb.com >
2021-06-03 11:21:44 -04:00
Sebastian Markbåge
09348798a9
Codemod to import * as React from "react"; ( #18102 )
...
* import * as React from "react";
This is the correct way to import React from an ES module since the ES
module will not have a default export. Only named exports.
* import * as ReactDOM from "react-dom"
2020-02-21 19:45:20 -08:00
Brian Vaughn
8e1434e80e
Added FB copyright header
2019-08-27 10:54:01 -07:00
Brian Vaughn
183f96f2ac
Prettier
2019-08-13 17:58:03 -07:00
Brian Vaughn
ec7ef50e8b
Reorganized things again into packages
2019-08-13 11:37:25 -07:00
