Fix copy button output on logging page

[dcramer]

The copy logic within the Expandable component in src/components/expandable/index.tsx was refined to prevent unwanted inline code from being copied.

Previously, the copy button selected all <code> elements, including inline code snippets like .cursorrules and rules.md from explanatory text.

The changes implement a more selective approach:

• Primary Selection: The component now first attempts to copy content from pre code elements, which typically contain main code blocks.
• Fallback Filtering: If no pre code blocks are found, a fallback mechanism filters all <code> elements. It excludes:
  • Code elements found within paragraphs.
  • Short code snippets (less than 100 characters), which are likely inline.
• Final Fallback: If no suitable code blocks are identified, the entire text content of the expandable section is copied.

This ensures that only the intended code content is copied, omitting extraneous inline text.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
develop-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 9, 2025 9:02pm
sentry-docs	🛑 Canceled (Inspect)			Jun 9, 2025 9:02pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
changelog	⬜️ Ignored (Inspect)	Visit Preview		Jun 9, 2025 9:02pm

[Copilot]

Pull Request Overview

This pull request refines the copy logic of the Expandable component on the logging page to ensure that only the intended code content—mainly from code blocks—is copied.

• Prioritizes copying text from "pre code" elements for main code blocks.
• Introduces a fallback filtering mechanism that excludes inline code snippets based on proximity to paragraph elements and a 100-character threshold.
• Provides a final fallback to copy the entire content if no suitable code blocks are found.

[codecov]

Bundle Report

Changes will increase total bundle size by 238 bytes (0.0%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
sentry-docs-server-cjs	10.86MB	130 bytes (0.0%) ⬆️
sentry-docs-client-array-push	9.77MB	108 bytes (0.0%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: sentry-docs-server-cjs

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
1729.js	-3 bytes	1.63MB	-0.0%
../instrumentation.js	-3 bytes	957.45kB	-0.0%
9523.js	-3 bytes	933.5kB	-0.0%
../app/[[...path]]/page.js	139 bytes	586.5kB	0.02%

Files in ../app/[[...path]]/page.js:

• ./src/components/expandable/index.tsx → Total Size: 6.71kB

• ./src/components/expandable/index.tsx → Total Size: 460 bytes

App Routes Affected:

App Route	Size Change	Total Size	Change (%)
/[[...path]]	139 bytes	3.13MB	0.0%

view changes for bundle: sentry-docs-client-array-push

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
static/chunks/pages/_app-*.js	-3 bytes	873.24kB	-0.0%
static/chunks/7750-*.js	-3 bytes	401.83kB	-0.0%
static/chunks/app/[[...path]]/page-*.js	114 bytes	80.26kB	0.14%
static/jlKNpcenYr8VhIvCJiOkG/_buildManifest.js (New)	616 bytes	616 bytes	100.0% 🚀
static/jlKNpcenYr8VhIvCJiOkG/_ssgManifest.js (New)	77 bytes	77 bytes	100.0% 🚀
static/GLBefTZGYQ0zBT9DYJevG/_buildManifest.js (Deleted)	-616 bytes	0 bytes	-100.0% 🗑️
static/GLBefTZGYQ0zBT9DYJevG/_ssgManifest.js (Deleted)	-77 bytes	0 bytes	-100.0% 🗑️

Files in static/chunks/app/[[...path]]/page-*.js:

• ./src/components/expandable/index.tsx → Total Size: 7.19kB

[evanpurkhiser]

Didn't see this and had a fix here too #13973