@@ -125,10 +125,15 @@ export function logBlockingStart(
125
125
reusableLaneDevToolDetails . track = 'Blocking' ;
126
126
if ( eventTime > 0 && eventType !== null ) {
127
127
// Log the time from the event timeStamp until we called setState.
128
- reusableLaneDevToolDetails . color = 'secondary-dark' ;
128
+ reusableLaneDevToolDetails . color = eventIsRepeat
129
+ ? 'secondary-light'
130
+ : 'warning' ;
129
131
reusableLaneOptions . start = eventTime ;
130
132
reusableLaneOptions . end = updateTime > 0 ? updateTime : renderStartTime ;
131
- performance . measure ( eventIsRepeat ? '' : eventType , reusableLaneOptions ) ;
133
+ performance . measure (
134
+ eventIsRepeat ? '' : 'Event: ' + eventType ,
135
+ reusableLaneOptions ,
136
+ ) ;
132
137
}
133
138
if ( updateTime > 0 ) {
134
139
// Log the time from when we called setState until we started rendering.
@@ -152,15 +157,20 @@ export function logTransitionStart(
152
157
reusableLaneDevToolDetails . track = 'Transition' ;
153
158
if ( eventTime > 0 && eventType !== null ) {
154
159
// Log the time from the event timeStamp until we started a transition.
155
- reusableLaneDevToolDetails . color = 'secondary-dark' ;
160
+ reusableLaneDevToolDetails . color = eventIsRepeat
161
+ ? 'secondary-light'
162
+ : 'warning' ;
156
163
reusableLaneOptions . start = eventTime ;
157
164
reusableLaneOptions . end =
158
165
startTime > 0
159
166
? startTime
160
167
: updateTime > 0
161
168
? updateTime
162
169
: renderStartTime ;
163
- performance . measure ( eventIsRepeat ? '' : eventType , reusableLaneOptions ) ;
170
+ performance . measure (
171
+ eventIsRepeat ? '' : 'Event: ' + eventType ,
172
+ reusableLaneOptions ,
173
+ ) ;
164
174
}
165
175
if ( startTime > 0 ) {
166
176
// Log the time from when we started an async transition until we called setState or started rendering.
0 commit comments