ref(react-router): Use snake_case for span op names - #18617

Merged
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans
Dec 29, 2025
Merged

ref(react-router): Use snake_case for span op names#18617
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans

Conversation

@onurtemizkan

Copy link
Copy Markdown
Contributor

This came up while working on #18580

The span ops should be using snake_case as per our spec: https://develop.sentry.dev/sdk/telemetry/traces/span-operations/

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates span operation names in the react-router package from kebab-case to snake_case to comply with Sentry's telemetry specification for span operations. The changes ensure consistency across all loader and action span operations.

  • Updated span operation names from function.react-router.* to function.react_router.*
  • Applied changes consistently across source code, utilities, and all test files
  • Maintained backward compatibility by only changing the naming convention

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
FileDescription
packages/react-router/src/server/wrapServerLoader.tsUpdated span op attribute to use function.react_router.loader
packages/react-router/src/server/wrapServerAction.tsUpdated span op attribute to use function.react_router.action
packages/react-router/src/server/instrumentation/util.tsUpdated all three return values in getOpName() to use snake_case
packages/react-router/test/server/wrapServerLoader.test.tsUpdated test expectations for loader span operations
packages/react-router/test/server/wrapServerAction.test.tsUpdated test expectations for action span operations
dev-packages/e2e-tests/test-applications/react-router-7-framework/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@onurtemizkan
onurtemizkan marked this pull request as ready for review December 23, 2025 17:45

@Lms24Lms24 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@Lms24
Lms24 merged commit 8787a87 into developDec 29, 2025
48 checks passed
@Lms24
Lms24 deleted the onur/react-router-snake_case-spans branch December 29, 2025 10:33
@Lms24Lms24 changed the title chore(react-router): Use snake_case for span op namesref(react-router): Use snake_case for span op namesDec 29, 2025
Lms24 pushed a commit that referenced this pull request Jan 30, 2026
Following up: #18617
> The span ops should be using snake_case as per our spec:
https://develop.sentry.dev/sdk/telemetry/traces/span-operations/Closes#18730 (added automatically)
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@onurtemizkan@Lms24
, '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

ref(react-router): Use snake_case for span op names - #18617

Merged
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans
Dec 29, 2025
Merged

ref(react-router): Use snake_case for span op names#18617
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans

Conversation

@onurtemizkan

Copy link
Copy Markdown
Contributor

This came up while working on #18580

The span ops should be using snake_case as per our spec: https://develop.sentry.dev/sdk/telemetry/traces/span-operations/

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates span operation names in the react-router package from kebab-case to snake_case to comply with Sentry's telemetry specification for span operations. The changes ensure consistency across all loader and action span operations.

  • Updated span operation names from function.react-router.* to function.react_router.*
  • Applied changes consistently across source code, utilities, and all test files
  • Maintained backward compatibility by only changing the naming convention

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
FileDescription
packages/react-router/src/server/wrapServerLoader.tsUpdated span op attribute to use function.react_router.loader
packages/react-router/src/server/wrapServerAction.tsUpdated span op attribute to use function.react_router.action
packages/react-router/src/server/instrumentation/util.tsUpdated all three return values in getOpName() to use snake_case
packages/react-router/test/server/wrapServerLoader.test.tsUpdated test expectations for loader span operations
packages/react-router/test/server/wrapServerAction.test.tsUpdated test expectations for action span operations
dev-packages/e2e-tests/test-applications/react-router-7-framework/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@onurtemizkan
onurtemizkan marked this pull request as ready for review December 23, 2025 17:45

@Lms24Lms24 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@Lms24
Lms24 merged commit 8787a87 into developDec 29, 2025
48 checks passed
@Lms24
Lms24 deleted the onur/react-router-snake_case-spans branch December 29, 2025 10:33
@Lms24Lms24 changed the title chore(react-router): Use snake_case for span op namesref(react-router): Use snake_case for span op namesDec 29, 2025
Lms24 pushed a commit that referenced this pull request Jan 30, 2026
Following up: #18617
> The span ops should be using snake_case as per our spec:
https://develop.sentry.dev/sdk/telemetry/traces/span-operations/Closes#18730 (added automatically)
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@onurtemizkan@Lms24
, '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

ref(react-router): Use snake_case for span op names - #18617

Merged
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans
Dec 29, 2025
Merged

ref(react-router): Use snake_case for span op names#18617
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans

Conversation

@onurtemizkan

Copy link
Copy Markdown
Contributor

This came up while working on #18580

The span ops should be using snake_case as per our spec: https://develop.sentry.dev/sdk/telemetry/traces/span-operations/

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates span operation names in the react-router package from kebab-case to snake_case to comply with Sentry's telemetry specification for span operations. The changes ensure consistency across all loader and action span operations.

  • Updated span operation names from function.react-router.* to function.react_router.*
  • Applied changes consistently across source code, utilities, and all test files
  • Maintained backward compatibility by only changing the naming convention

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
FileDescription
packages/react-router/src/server/wrapServerLoader.tsUpdated span op attribute to use function.react_router.loader
packages/react-router/src/server/wrapServerAction.tsUpdated span op attribute to use function.react_router.action
packages/react-router/src/server/instrumentation/util.tsUpdated all three return values in getOpName() to use snake_case
packages/react-router/test/server/wrapServerLoader.test.tsUpdated test expectations for loader span operations
packages/react-router/test/server/wrapServerAction.test.tsUpdated test expectations for action span operations
dev-packages/e2e-tests/test-applications/react-router-7-framework/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@onurtemizkan
onurtemizkan marked this pull request as ready for review December 23, 2025 17:45

@Lms24Lms24 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@Lms24
Lms24 merged commit 8787a87 into developDec 29, 2025
48 checks passed
@Lms24
Lms24 deleted the onur/react-router-snake_case-spans branch December 29, 2025 10:33
@Lms24Lms24 changed the title chore(react-router): Use snake_case for span op namesref(react-router): Use snake_case for span op namesDec 29, 2025
Lms24 pushed a commit that referenced this pull request Jan 30, 2026
Following up: #18617
> The span ops should be using snake_case as per our spec:
https://develop.sentry.dev/sdk/telemetry/traces/span-operations/Closes#18730 (added automatically)
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@onurtemizkan@Lms24
, '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

ref(react-router): Use snake_case for span op names - #18617

Merged
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans
Dec 29, 2025
Merged

ref(react-router): Use snake_case for span op names#18617
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans

Conversation

@onurtemizkan

Copy link
Copy Markdown
Contributor

This came up while working on #18580

The span ops should be using snake_case as per our spec: https://develop.sentry.dev/sdk/telemetry/traces/span-operations/

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates span operation names in the react-router package from kebab-case to snake_case to comply with Sentry's telemetry specification for span operations. The changes ensure consistency across all loader and action span operations.

  • Updated span operation names from function.react-router.* to function.react_router.*
  • Applied changes consistently across source code, utilities, and all test files
  • Maintained backward compatibility by only changing the naming convention

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
FileDescription
packages/react-router/src/server/wrapServerLoader.tsUpdated span op attribute to use function.react_router.loader
packages/react-router/src/server/wrapServerAction.tsUpdated span op attribute to use function.react_router.action
packages/react-router/src/server/instrumentation/util.tsUpdated all three return values in getOpName() to use snake_case
packages/react-router/test/server/wrapServerLoader.test.tsUpdated test expectations for loader span operations
packages/react-router/test/server/wrapServerAction.test.tsUpdated test expectations for action span operations
dev-packages/e2e-tests/test-applications/react-router-7-framework/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@onurtemizkan
onurtemizkan marked this pull request as ready for review December 23, 2025 17:45

@Lms24Lms24 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@Lms24
Lms24 merged commit 8787a87 into developDec 29, 2025
48 checks passed
@Lms24
Lms24 deleted the onur/react-router-snake_case-spans branch December 29, 2025 10:33
@Lms24Lms24 changed the title chore(react-router): Use snake_case for span op namesref(react-router): Use snake_case for span op namesDec 29, 2025
Lms24 pushed a commit that referenced this pull request Jan 30, 2026
Following up: #18617
> The span ops should be using snake_case as per our spec:
https://develop.sentry.dev/sdk/telemetry/traces/span-operations/Closes#18730 (added automatically)
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@onurtemizkan@Lms24
, '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

ref(react-router): Use snake_case for span op names - #18617

Merged
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans
Dec 29, 2025
Merged

ref(react-router): Use snake_case for span op names#18617
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans

Conversation

@onurtemizkan

Copy link
Copy Markdown
Contributor

This came up while working on #18580

The span ops should be using snake_case as per our spec: https://develop.sentry.dev/sdk/telemetry/traces/span-operations/

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates span operation names in the react-router package from kebab-case to snake_case to comply with Sentry's telemetry specification for span operations. The changes ensure consistency across all loader and action span operations.

  • Updated span operation names from function.react-router.* to function.react_router.*
  • Applied changes consistently across source code, utilities, and all test files
  • Maintained backward compatibility by only changing the naming convention

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
FileDescription
packages/react-router/src/server/wrapServerLoader.tsUpdated span op attribute to use function.react_router.loader
packages/react-router/src/server/wrapServerAction.tsUpdated span op attribute to use function.react_router.action
packages/react-router/src/server/instrumentation/util.tsUpdated all three return values in getOpName() to use snake_case
packages/react-router/test/server/wrapServerLoader.test.tsUpdated test expectations for loader span operations
packages/react-router/test/server/wrapServerAction.test.tsUpdated test expectations for action span operations
dev-packages/e2e-tests/test-applications/react-router-7-framework/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@onurtemizkan
onurtemizkan marked this pull request as ready for review December 23, 2025 17:45

@Lms24Lms24 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@Lms24
Lms24 merged commit 8787a87 into developDec 29, 2025
48 checks passed
@Lms24
Lms24 deleted the onur/react-router-snake_case-spans branch December 29, 2025 10:33
@Lms24Lms24 changed the title chore(react-router): Use snake_case for span op namesref(react-router): Use snake_case for span op namesDec 29, 2025
Lms24 pushed a commit that referenced this pull request Jan 30, 2026
Following up: #18617
> The span ops should be using snake_case as per our spec:
https://develop.sentry.dev/sdk/telemetry/traces/span-operations/Closes#18730 (added automatically)
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@onurtemizkan@Lms24
, '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

ref(react-router): Use snake_case for span op names - #18617

Merged
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans
Dec 29, 2025
Merged

ref(react-router): Use snake_case for span op names#18617
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans

Conversation

@onurtemizkan

Copy link
Copy Markdown
Contributor

This came up while working on #18580

The span ops should be using snake_case as per our spec: https://develop.sentry.dev/sdk/telemetry/traces/span-operations/

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates span operation names in the react-router package from kebab-case to snake_case to comply with Sentry's telemetry specification for span operations. The changes ensure consistency across all loader and action span operations.

  • Updated span operation names from function.react-router.* to function.react_router.*
  • Applied changes consistently across source code, utilities, and all test files
  • Maintained backward compatibility by only changing the naming convention

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
FileDescription
packages/react-router/src/server/wrapServerLoader.tsUpdated span op attribute to use function.react_router.loader
packages/react-router/src/server/wrapServerAction.tsUpdated span op attribute to use function.react_router.action
packages/react-router/src/server/instrumentation/util.tsUpdated all three return values in getOpName() to use snake_case
packages/react-router/test/server/wrapServerLoader.test.tsUpdated test expectations for loader span operations
packages/react-router/test/server/wrapServerAction.test.tsUpdated test expectations for action span operations
dev-packages/e2e-tests/test-applications/react-router-7-framework/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@onurtemizkan
onurtemizkan marked this pull request as ready for review December 23, 2025 17:45

@Lms24Lms24 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@Lms24
Lms24 merged commit 8787a87 into developDec 29, 2025
48 checks passed
@Lms24
Lms24 deleted the onur/react-router-snake_case-spans branch December 29, 2025 10:33
@Lms24Lms24 changed the title chore(react-router): Use snake_case for span op namesref(react-router): Use snake_case for span op namesDec 29, 2025
Lms24 pushed a commit that referenced this pull request Jan 30, 2026
Following up: #18617
> The span ops should be using snake_case as per our spec:
https://develop.sentry.dev/sdk/telemetry/traces/span-operations/Closes#18730 (added automatically)
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@onurtemizkan@Lms24
, '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

ref(react-router): Use snake_case for span op names - #18617

Merged
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans
Dec 29, 2025
Merged

ref(react-router): Use snake_case for span op names#18617
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans

Conversation

@onurtemizkan

Copy link
Copy Markdown
Contributor

This came up while working on #18580

The span ops should be using snake_case as per our spec: https://develop.sentry.dev/sdk/telemetry/traces/span-operations/

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates span operation names in the react-router package from kebab-case to snake_case to comply with Sentry's telemetry specification for span operations. The changes ensure consistency across all loader and action span operations.

  • Updated span operation names from function.react-router.* to function.react_router.*
  • Applied changes consistently across source code, utilities, and all test files
  • Maintained backward compatibility by only changing the naming convention

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
FileDescription
packages/react-router/src/server/wrapServerLoader.tsUpdated span op attribute to use function.react_router.loader
packages/react-router/src/server/wrapServerAction.tsUpdated span op attribute to use function.react_router.action
packages/react-router/src/server/instrumentation/util.tsUpdated all three return values in getOpName() to use snake_case
packages/react-router/test/server/wrapServerLoader.test.tsUpdated test expectations for loader span operations
packages/react-router/test/server/wrapServerAction.test.tsUpdated test expectations for action span operations
dev-packages/e2e-tests/test-applications/react-router-7-framework/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@onurtemizkan
onurtemizkan marked this pull request as ready for review December 23, 2025 17:45

@Lms24Lms24 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@Lms24
Lms24 merged commit 8787a87 into developDec 29, 2025
48 checks passed
@Lms24
Lms24 deleted the onur/react-router-snake_case-spans branch December 29, 2025 10:33
@Lms24Lms24 changed the title chore(react-router): Use snake_case for span op namesref(react-router): Use snake_case for span op namesDec 29, 2025
Lms24 pushed a commit that referenced this pull request Jan 30, 2026
Following up: #18617
> The span ops should be using snake_case as per our spec:
https://develop.sentry.dev/sdk/telemetry/traces/span-operations/Closes#18730 (added automatically)
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@onurtemizkan@Lms24
, '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

ref(react-router): Use snake_case for span op names - #18617

Merged
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans
Dec 29, 2025
Merged

ref(react-router): Use snake_case for span op names#18617
Lms24 merged 1 commit into
developfrom
onur/react-router-snake_case-spans

Conversation

@onurtemizkan

Copy link
Copy Markdown
Contributor

This came up while working on #18580

The span ops should be using snake_case as per our spec: https://develop.sentry.dev/sdk/telemetry/traces/span-operations/

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates span operation names in the react-router package from kebab-case to snake_case to comply with Sentry's telemetry specification for span operations. The changes ensure consistency across all loader and action span operations.

  • Updated span operation names from function.react-router.* to function.react_router.*
  • Applied changes consistently across source code, utilities, and all test files
  • Maintained backward compatibility by only changing the naming convention

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
FileDescription
packages/react-router/src/server/wrapServerLoader.tsUpdated span op attribute to use function.react_router.loader
packages/react-router/src/server/wrapServerAction.tsUpdated span op attribute to use function.react_router.action
packages/react-router/src/server/instrumentation/util.tsUpdated all three return values in getOpName() to use snake_case
packages/react-router/test/server/wrapServerLoader.test.tsUpdated test expectations for loader span operations
packages/react-router/test/server/wrapServerAction.test.tsUpdated test expectations for action span operations
dev-packages/e2e-tests/test-applications/react-router-7-framework/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops
dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/tests/performance/performance.server.test.tsUpdated E2E test assertions for both loader and action span ops

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@onurtemizkan
onurtemizkan marked this pull request as ready for review December 23, 2025 17:45

@Lms24Lms24 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@Lms24
Lms24 merged commit 8787a87 into developDec 29, 2025
48 checks passed
@Lms24
Lms24 deleted the onur/react-router-snake_case-spans branch December 29, 2025 10:33
@Lms24Lms24 changed the title chore(react-router): Use snake_case for span op namesref(react-router): Use snake_case for span op namesDec 29, 2025
Lms24 pushed a commit that referenced this pull request Jan 30, 2026
Following up: #18617
> The span ops should be using snake_case as per our spec:
https://develop.sentry.dev/sdk/telemetry/traces/span-operations/Closes#18730 (added automatically)
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@onurtemizkan@Lms24