Commit 9106107

Browse files
sebmarkbagesebmarkbage
authored
Mark ping time as update (#31611)
This ensures that we mark the time from ping until we render as "Blocked". We intentionally don't want to show the event time even if it's something like "load" because it draws attention away from interactions etc. <img width="577" alt="Screenshot 2024-11-21 at 7 22 39 PM" src="https://github.com/user-attachments/assets/70cca2e8-bd5e-489f-98f0-b4dfee5940af">
1 parent a9f14cb commit 9106107

2 files changed

Lines changed: 23 additions & 0 deletions

File tree

‎packages/react-reconciler/src/ReactFiberWorkLoop.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@ import {
269269
startYieldTimer,
270270
yieldStartTime,
271271
yieldReason,
272+
startPingTimerByLanes,
272273
}from'./ReactProfilerTimer';
273274
import{setCurrentTrackFromLanes}from'./ReactFiberPerformanceTrack';
274275

@@ -3961,6 +3962,10 @@ function pingSuspendedRoot(
39613962

39623963
markRootPinged(root,pingedLanes);
39633964

3965+
if(enableProfilerTimer&&enableComponentPerformanceTrack){
3966+
startPingTimerByLanes(pingedLanes);
3967+
}
3968+
39643969
warnIfSuspenseResolutionNotWrappedWithActDEV(root);
39653970

39663971
if(

‎packages/react-reconciler/src/ReactProfilerTimer.js‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,24 @@ export function startUpdateTimerByLane(lane: Lane): void {
108108
}
109109
}
110110

111+
exportfunctionstartPingTimerByLanes(lanes: Lanes): void{
112+
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113+
return;
114+
}
115+
// Mark the update time and clamp anything before it because we don't want
116+
// to show the event time for pings but we also don't want to clear it
117+
// because we still need to track if this was a repeat.
118+
if(includesSyncLane(lanes)||includesBlockingLane(lanes)){
119+
if(blockingUpdateTime<0){
120+
blockingClampTime=blockingUpdateTime=now();
121+
}
122+
}elseif(includesTransitionLane(lanes)){
123+
if(transitionUpdateTime<0){
124+
transitionClampTime=transitionUpdateTime=now();
125+
}
126+
}
127+
}
128+
111129
exportfunctiontrackSuspendedTime(lanes: Lanes,renderEndTime: number){
112130
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113131
return;

0 commit comments

Comments
 (0)
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
Commit 9106107
Browse files
sebmarkbagesebmarkbage
authored
Mark ping time as update (#31611)
This ensures that we mark the time from ping until we render as
"Blocked".
We intentionally don't want to show the event time even if it's
something like "load" because it draws attention away from interactions
etc.
<img width="577" alt="Screenshot 2024-11-21 at 7 22 39 PM"
src="https://github.com/user-attachments/assets/70cca2e8-bd5e-489f-98f0-b4dfee5940af">
1 parent a9f14cb commit 9106107
2 files changed
Lines changed: 23 additions & 0 deletions
File tree
‎packages/react-reconciler/src/ReactFiberWorkLoop.js‎
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@ import {
269269
startYieldTimer,
270270
yieldStartTime,
271271
yieldReason,
272+
startPingTimerByLanes,
272273
}from'./ReactProfilerTimer';
273274
import{setCurrentTrackFromLanes}from'./ReactFiberPerformanceTrack';
274275

@@ -3961,6 +3962,10 @@ function pingSuspendedRoot(
39613962

39623963
markRootPinged(root,pingedLanes);
39633964

3965+
if(enableProfilerTimer&&enableComponentPerformanceTrack){
3966+
startPingTimerByLanes(pingedLanes);
3967+
}
3968+
39643969
warnIfSuspenseResolutionNotWrappedWithActDEV(root);
39653970

39663971
if(
‎packages/react-reconciler/src/ReactProfilerTimer.js‎
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,24 @@ export function startUpdateTimerByLane(lane: Lane): void {
108108
}
109109
}
110110

111+
exportfunctionstartPingTimerByLanes(lanes: Lanes): void{
112+
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113+
return;
114+
}
115+
// Mark the update time and clamp anything before it because we don't want
116+
// to show the event time for pings but we also don't want to clear it
117+
// because we still need to track if this was a repeat.
118+
if(includesSyncLane(lanes)||includesBlockingLane(lanes)){
119+
if(blockingUpdateTime<0){
120+
blockingClampTime=blockingUpdateTime=now();
121+
}
122+
}elseif(includesTransitionLane(lanes)){
123+
if(transitionUpdateTime<0){
124+
transitionClampTime=transitionUpdateTime=now();
125+
}
126+
}
127+
}
128+
111129
exportfunctiontrackSuspendedTime(lanes: Lanes,renderEndTime: number){
112130
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113131
return;
0 commit comments
Comments
 (0)

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Commit 9106107
Browse files
sebmarkbagesebmarkbage
authored
Mark ping time as update (#31611)
This ensures that we mark the time from ping until we render as
"Blocked".
We intentionally don't want to show the event time even if it's
something like "load" because it draws attention away from interactions
etc.
<img width="577" alt="Screenshot 2024-11-21 at 7 22 39 PM"
src="https://github.com/user-attachments/assets/70cca2e8-bd5e-489f-98f0-b4dfee5940af">
1 parent a9f14cb commit 9106107
2 files changed
Lines changed: 23 additions & 0 deletions
File tree
‎packages/react-reconciler/src/ReactFiberWorkLoop.js‎
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@ import {
269269
startYieldTimer,
270270
yieldStartTime,
271271
yieldReason,
272+
startPingTimerByLanes,
272273
}from'./ReactProfilerTimer';
273274
import{setCurrentTrackFromLanes}from'./ReactFiberPerformanceTrack';
274275

@@ -3961,6 +3962,10 @@ function pingSuspendedRoot(
39613962

39623963
markRootPinged(root,pingedLanes);
39633964

3965+
if(enableProfilerTimer&&enableComponentPerformanceTrack){
3966+
startPingTimerByLanes(pingedLanes);
3967+
}
3968+
39643969
warnIfSuspenseResolutionNotWrappedWithActDEV(root);
39653970

39663971
if(
‎packages/react-reconciler/src/ReactProfilerTimer.js‎
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,24 @@ export function startUpdateTimerByLane(lane: Lane): void {
108108
}
109109
}
110110

111+
exportfunctionstartPingTimerByLanes(lanes: Lanes): void{
112+
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113+
return;
114+
}
115+
// Mark the update time and clamp anything before it because we don't want
116+
// to show the event time for pings but we also don't want to clear it
117+
// because we still need to track if this was a repeat.
118+
if(includesSyncLane(lanes)||includesBlockingLane(lanes)){
119+
if(blockingUpdateTime<0){
120+
blockingClampTime=blockingUpdateTime=now();
121+
}
122+
}elseif(includesTransitionLane(lanes)){
123+
if(transitionUpdateTime<0){
124+
transitionClampTime=transitionUpdateTime=now();
125+
}
126+
}
127+
}
128+
111129
exportfunctiontrackSuspendedTime(lanes: Lanes,renderEndTime: number){
112130
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113131
return;
0 commit comments
Comments
 (0)

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Commit 9106107
Browse files
sebmarkbagesebmarkbage
authored
Mark ping time as update (#31611)
This ensures that we mark the time from ping until we render as
"Blocked".
We intentionally don't want to show the event time even if it's
something like "load" because it draws attention away from interactions
etc.
<img width="577" alt="Screenshot 2024-11-21 at 7 22 39 PM"
src="https://github.com/user-attachments/assets/70cca2e8-bd5e-489f-98f0-b4dfee5940af">
1 parent a9f14cb commit 9106107
2 files changed
Lines changed: 23 additions & 0 deletions
File tree
‎packages/react-reconciler/src/ReactFiberWorkLoop.js‎
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@ import {
269269
startYieldTimer,
270270
yieldStartTime,
271271
yieldReason,
272+
startPingTimerByLanes,
272273
}from'./ReactProfilerTimer';
273274
import{setCurrentTrackFromLanes}from'./ReactFiberPerformanceTrack';
274275

@@ -3961,6 +3962,10 @@ function pingSuspendedRoot(
39613962

39623963
markRootPinged(root,pingedLanes);
39633964

3965+
if(enableProfilerTimer&&enableComponentPerformanceTrack){
3966+
startPingTimerByLanes(pingedLanes);
3967+
}
3968+
39643969
warnIfSuspenseResolutionNotWrappedWithActDEV(root);
39653970

39663971
if(
‎packages/react-reconciler/src/ReactProfilerTimer.js‎
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,24 @@ export function startUpdateTimerByLane(lane: Lane): void {
108108
}
109109
}
110110

111+
exportfunctionstartPingTimerByLanes(lanes: Lanes): void{
112+
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113+
return;
114+
}
115+
// Mark the update time and clamp anything before it because we don't want
116+
// to show the event time for pings but we also don't want to clear it
117+
// because we still need to track if this was a repeat.
118+
if(includesSyncLane(lanes)||includesBlockingLane(lanes)){
119+
if(blockingUpdateTime<0){
120+
blockingClampTime=blockingUpdateTime=now();
121+
}
122+
}elseif(includesTransitionLane(lanes)){
123+
if(transitionUpdateTime<0){
124+
transitionClampTime=transitionUpdateTime=now();
125+
}
126+
}
127+
}
128+
111129
exportfunctiontrackSuspendedTime(lanes: Lanes,renderEndTime: number){
112130
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113131
return;
0 commit comments
Comments
 (0)

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
Commit 9106107
Browse files
sebmarkbagesebmarkbage
authored
Mark ping time as update (#31611)
This ensures that we mark the time from ping until we render as
"Blocked".
We intentionally don't want to show the event time even if it's
something like "load" because it draws attention away from interactions
etc.
<img width="577" alt="Screenshot 2024-11-21 at 7 22 39 PM"
src="https://github.com/user-attachments/assets/70cca2e8-bd5e-489f-98f0-b4dfee5940af">
1 parent a9f14cb commit 9106107
2 files changed
Lines changed: 23 additions & 0 deletions
File tree
‎packages/react-reconciler/src/ReactFiberWorkLoop.js‎
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@ import {
269269
startYieldTimer,
270270
yieldStartTime,
271271
yieldReason,
272+
startPingTimerByLanes,
272273
}from'./ReactProfilerTimer';
273274
import{setCurrentTrackFromLanes}from'./ReactFiberPerformanceTrack';
274275

@@ -3961,6 +3962,10 @@ function pingSuspendedRoot(
39613962

39623963
markRootPinged(root,pingedLanes);
39633964

3965+
if(enableProfilerTimer&&enableComponentPerformanceTrack){
3966+
startPingTimerByLanes(pingedLanes);
3967+
}
3968+
39643969
warnIfSuspenseResolutionNotWrappedWithActDEV(root);
39653970

39663971
if(
‎packages/react-reconciler/src/ReactProfilerTimer.js‎
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,24 @@ export function startUpdateTimerByLane(lane: Lane): void {
108108
}
109109
}
110110

111+
exportfunctionstartPingTimerByLanes(lanes: Lanes): void{
112+
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113+
return;
114+
}
115+
// Mark the update time and clamp anything before it because we don't want
116+
// to show the event time for pings but we also don't want to clear it
117+
// because we still need to track if this was a repeat.
118+
if(includesSyncLane(lanes)||includesBlockingLane(lanes)){
119+
if(blockingUpdateTime<0){
120+
blockingClampTime=blockingUpdateTime=now();
121+
}
122+
}elseif(includesTransitionLane(lanes)){
123+
if(transitionUpdateTime<0){
124+
transitionClampTime=transitionUpdateTime=now();
125+
}
126+
}
127+
}
128+
111129
exportfunctiontrackSuspendedTime(lanes: Lanes,renderEndTime: number){
112130
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113131
return;
0 commit comments
Comments
 (0)

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Commit 9106107
Browse files
sebmarkbagesebmarkbage
authored
Mark ping time as update (#31611)
This ensures that we mark the time from ping until we render as
"Blocked".
We intentionally don't want to show the event time even if it's
something like "load" because it draws attention away from interactions
etc.
<img width="577" alt="Screenshot 2024-11-21 at 7 22 39 PM"
src="https://github.com/user-attachments/assets/70cca2e8-bd5e-489f-98f0-b4dfee5940af">
1 parent a9f14cb commit 9106107
2 files changed
Lines changed: 23 additions & 0 deletions
File tree
‎packages/react-reconciler/src/ReactFiberWorkLoop.js‎
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@ import {
269269
startYieldTimer,
270270
yieldStartTime,
271271
yieldReason,
272+
startPingTimerByLanes,
272273
}from'./ReactProfilerTimer';
273274
import{setCurrentTrackFromLanes}from'./ReactFiberPerformanceTrack';
274275

@@ -3961,6 +3962,10 @@ function pingSuspendedRoot(
39613962

39623963
markRootPinged(root,pingedLanes);
39633964

3965+
if(enableProfilerTimer&&enableComponentPerformanceTrack){
3966+
startPingTimerByLanes(pingedLanes);
3967+
}
3968+
39643969
warnIfSuspenseResolutionNotWrappedWithActDEV(root);
39653970

39663971
if(
‎packages/react-reconciler/src/ReactProfilerTimer.js‎
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,24 @@ export function startUpdateTimerByLane(lane: Lane): void {
108108
}
109109
}
110110

111+
exportfunctionstartPingTimerByLanes(lanes: Lanes): void{
112+
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113+
return;
114+
}
115+
// Mark the update time and clamp anything before it because we don't want
116+
// to show the event time for pings but we also don't want to clear it
117+
// because we still need to track if this was a repeat.
118+
if(includesSyncLane(lanes)||includesBlockingLane(lanes)){
119+
if(blockingUpdateTime<0){
120+
blockingClampTime=blockingUpdateTime=now();
121+
}
122+
}elseif(includesTransitionLane(lanes)){
123+
if(transitionUpdateTime<0){
124+
transitionClampTime=transitionUpdateTime=now();
125+
}
126+
}
127+
}
128+
111129
exportfunctiontrackSuspendedTime(lanes: Lanes,renderEndTime: number){
112130
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113131
return;
0 commit comments
Comments
 (0)

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Commit 9106107
Browse files
sebmarkbagesebmarkbage
authored
Mark ping time as update (#31611)
This ensures that we mark the time from ping until we render as
"Blocked".
We intentionally don't want to show the event time even if it's
something like "load" because it draws attention away from interactions
etc.
<img width="577" alt="Screenshot 2024-11-21 at 7 22 39 PM"
src="https://github.com/user-attachments/assets/70cca2e8-bd5e-489f-98f0-b4dfee5940af">
1 parent a9f14cb commit 9106107
2 files changed
Lines changed: 23 additions & 0 deletions
File tree
‎packages/react-reconciler/src/ReactFiberWorkLoop.js‎
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@ import {
269269
startYieldTimer,
270270
yieldStartTime,
271271
yieldReason,
272+
startPingTimerByLanes,
272273
}from'./ReactProfilerTimer';
273274
import{setCurrentTrackFromLanes}from'./ReactFiberPerformanceTrack';
274275

@@ -3961,6 +3962,10 @@ function pingSuspendedRoot(
39613962

39623963
markRootPinged(root,pingedLanes);
39633964

3965+
if(enableProfilerTimer&&enableComponentPerformanceTrack){
3966+
startPingTimerByLanes(pingedLanes);
3967+
}
3968+
39643969
warnIfSuspenseResolutionNotWrappedWithActDEV(root);
39653970

39663971
if(
‎packages/react-reconciler/src/ReactProfilerTimer.js‎
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,24 @@ export function startUpdateTimerByLane(lane: Lane): void {
108108
}
109109
}
110110

111+
exportfunctionstartPingTimerByLanes(lanes: Lanes): void{
112+
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113+
return;
114+
}
115+
// Mark the update time and clamp anything before it because we don't want
116+
// to show the event time for pings but we also don't want to clear it
117+
// because we still need to track if this was a repeat.
118+
if(includesSyncLane(lanes)||includesBlockingLane(lanes)){
119+
if(blockingUpdateTime<0){
120+
blockingClampTime=blockingUpdateTime=now();
121+
}
122+
}elseif(includesTransitionLane(lanes)){
123+
if(transitionUpdateTime<0){
124+
transitionClampTime=transitionUpdateTime=now();
125+
}
126+
}
127+
}
128+
111129
exportfunctiontrackSuspendedTime(lanes: Lanes,renderEndTime: number){
112130
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113131
return;
0 commit comments
Comments
 (0)

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
Commit 9106107
Browse files
sebmarkbagesebmarkbage
authored
Mark ping time as update (#31611)
This ensures that we mark the time from ping until we render as
"Blocked".
We intentionally don't want to show the event time even if it's
something like "load" because it draws attention away from interactions
etc.
<img width="577" alt="Screenshot 2024-11-21 at 7 22 39 PM"
src="https://github.com/user-attachments/assets/70cca2e8-bd5e-489f-98f0-b4dfee5940af">
1 parent a9f14cb commit 9106107
2 files changed
Lines changed: 23 additions & 0 deletions
File tree
‎packages/react-reconciler/src/ReactFiberWorkLoop.js‎
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@ import {
269269
startYieldTimer,
270270
yieldStartTime,
271271
yieldReason,
272+
startPingTimerByLanes,
272273
}from'./ReactProfilerTimer';
273274
import{setCurrentTrackFromLanes}from'./ReactFiberPerformanceTrack';
274275

@@ -3961,6 +3962,10 @@ function pingSuspendedRoot(
39613962

39623963
markRootPinged(root,pingedLanes);
39633964

3965+
if(enableProfilerTimer&&enableComponentPerformanceTrack){
3966+
startPingTimerByLanes(pingedLanes);
3967+
}
3968+
39643969
warnIfSuspenseResolutionNotWrappedWithActDEV(root);
39653970

39663971
if(
‎packages/react-reconciler/src/ReactProfilerTimer.js‎
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,24 @@ export function startUpdateTimerByLane(lane: Lane): void {
108108
}
109109
}
110110

111+
exportfunctionstartPingTimerByLanes(lanes: Lanes): void{
112+
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113+
return;
114+
}
115+
// Mark the update time and clamp anything before it because we don't want
116+
// to show the event time for pings but we also don't want to clear it
117+
// because we still need to track if this was a repeat.
118+
if(includesSyncLane(lanes)||includesBlockingLane(lanes)){
119+
if(blockingUpdateTime<0){
120+
blockingClampTime=blockingUpdateTime=now();
121+
}
122+
}elseif(includesTransitionLane(lanes)){
123+
if(transitionUpdateTime<0){
124+
transitionClampTime=transitionUpdateTime=now();
125+
}
126+
}
127+
}
128+
111129
exportfunctiontrackSuspendedTime(lanes: Lanes,renderEndTime: number){
112130
if(!enableProfilerTimer||!enableComponentPerformanceTrack){
113131
return;
0 commit comments
Comments
 (0)