fix(platform): Update onboarding options on tab switch

[chargome]

• Sync selected onboarding options to codeContext
• Export reusable function from onboarding options to update code snippets
• In code tabs, trigger the function on tabSwitch based on the globally synced options

closes #12726

[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	Mar 7, 2025 2:57pm
sentry-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 7, 2025 2:57pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
changelog	⬜️ Ignored (Inspect)	Visit Preview		Mar 7, 2025 2:57pm

[codecov]

Bundle Report

Changes will increase total bundle size by 1.42kB (0.01%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
sentry-docs-server-cjs	10.55MB	1.12kB (0.01%) ⬆️
sentry-docs-client-array-push	9.39MB	298 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.57MB	-0.0%
../instrumentation.js	-3 bytes	904.32kB	-0.0%
9523.js	-3 bytes	880.37kB	-0.0%
../app/[[...path]]/page.js	1.05kB	533.81kB	0.2%
2065.js	77 bytes	81.56kB	0.09%

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

• ./src/components/codeTabs.tsx → Total Size: 5.58kB

• ./src/components/codeTabs.tsx → Total Size: 444 bytes

• ./src/components/onboarding/index.tsx → Total Size: 10.66kB

• ./src/components/onboarding/index.tsx → Total Size: 1.39kB

Files in 2065.js:

• ./src/components/codeContext.tsx → Total Size: 2.47kB

• ./src/components/codeContext.tsx → Total Size: 8.49kB

App Routes Affected:

App Route	Size Change	Total Size	Change (%)
/[[...path]]	1.05kB	3.08MB	0.03%

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	868.18kB	-0.0%
static/css/*.css	1.46kB	14.17kB	11.5% ⚠️
static/css/*.css	1.63kB	18.67kB	9.58% ⚠️
static/css/*.css	-3.09kB	12.71kB	-19.57%
static/chunks/3319-*.js	-3 bytes	393.41kB	-0.0%
static/chunks/app/[[...path]]/page-*.js	227 bytes	74.38kB	0.31%
static/chunks/818-*.js	77 bytes	42.23kB	0.18%
static/3C-*.js (New)	77 bytes	77 bytes	100.0% 🚀
static/3C-*.js (New)	578 bytes	578 bytes	100.0% 🚀
static/PZ9ekHoLOeZEwJOc1PUUA/_buildManifest.js (Deleted)	-578 bytes	0 bytes	-100.0% 🗑️
static/PZ9ekHoLOeZEwJOc1PUUA/_ssgManifest.js (Deleted)	-77 bytes	0 bytes	-100.0% 🗑️

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

• ./src/components/codeTabs.tsx → Total Size: 6.41kB

• ./src/components/onboarding/index.tsx → Total Size: 11.5kB

Files in static/chunks/818-*.js:

• ./src/components/codeContext.tsx → Total Size: 9.16kB

[stephanie-anderson]

Thank you, @chargome !

[kahest]

@chargome thanks for tackling this! just want to add that refreshing the page on a different tab than the first also shows the same behaviour

[chargome]

@kahest not sure what you mean exactly, can you give me an example?

[kahest]

@chargome on the iOS docs for example, go to the Objective-C tab - it will initially show 2 superfluous empty lines which should be hidden:

Toggling e.g. Tracing on/off shows the correct state:

After refreshing the page though, the original behaviour shows:

It's not a huge problem, but it seems likely to have the same root cause and would be nice to fix in this PR if possible.

[chargome]

@kahest I think this is already solved with this pr: https://sentry-docs-git-cg-fix-onboarding-options-java.sentry.dev/platforms/apple/guides/ios/

[kahest]

@chargome yes, perfect 🥇