diff --git a/docs/platforms/react-native/build-distribution/index.mdx b/docs/platforms/react-native/build-distribution/index.mdx index 931e8ac9cdd3a..a40e7c747a3c9 100644 --- a/docs/platforms/react-native/build-distribution/index.mdx +++ b/docs/platforms/react-native/build-distribution/index.mdx @@ -1,7 +1,8 @@ --- title: Build Distribution sidebar_title: Build Distribution -sidebar_order: 5250 +sidebar_order: 10 +sidebar_section: configuration description: Upload React Native iOS and Android builds to Sentry for distribution to internal teams and beta testers. --- diff --git a/docs/platforms/react-native/configuration/index.mdx b/docs/platforms/react-native/configuration/index.mdx index cff67a5bf5f5c..45760dcff55d2 100644 --- a/docs/platforms/react-native/configuration/index.mdx +++ b/docs/platforms/react-native/configuration/index.mdx @@ -1,7 +1,9 @@ --- -title: Configuration +title: Extended Configuration +sidebar_title: Extended Configuration description: "Additional configuration options for the SDK." -sidebar_order: 5 +sidebar_order: 2 +sidebar_section: configuration --- diff --git a/docs/platforms/react-native/data-management/index.mdx b/docs/platforms/react-native/data-management/index.mdx index a55334f82643b..8c09c556b6962 100644 --- a/docs/platforms/react-native/data-management/index.mdx +++ b/docs/platforms/react-native/data-management/index.mdx @@ -1,7 +1,8 @@ --- title: Data Management description: Manage your events by pre-filtering, scrubbing sensitive information, and forwarding them to other systems. -sidebar_order: 2500 +sidebar_order: 4 +sidebar_section: configuration --- diff --git a/docs/platforms/react-native/enriching-events/index.mdx b/docs/platforms/react-native/enriching-events/index.mdx index b7f2c5a94bfdb..2826ce63efabb 100644 --- a/docs/platforms/react-native/enriching-events/index.mdx +++ b/docs/platforms/react-native/enriching-events/index.mdx @@ -1,7 +1,8 @@ --- title: Enriching Events description: Enrich events with additional context to make debugging simpler. -sidebar_order: 2300 +sidebar_order: 1 +sidebar_section: configuration --- diff --git a/docs/platforms/react-native/feature-flags/index.mdx b/docs/platforms/react-native/feature-flags/index.mdx index 1ebe0c019e338..1aa73129b9860 100644 --- a/docs/platforms/react-native/feature-flags/index.mdx +++ b/docs/platforms/react-native/feature-flags/index.mdx @@ -1,7 +1,8 @@ --- title: Set Up Feature Flags sidebar_title: Feature Flags -sidebar_order: 7000 +sidebar_order: 11 +sidebar_section: features description: Generic Feature Flags Integration. --- diff --git a/docs/platforms/react-native/features/index.mdx b/docs/platforms/react-native/features/index.mdx index 87d72a92a8304..cb37d0fc1537f 100644 --- a/docs/platforms/react-native/features/index.mdx +++ b/docs/platforms/react-native/features/index.mdx @@ -1,6 +1,7 @@ --- title: Features sidebar_order: 1 +sidebar_hidden: true description: "Learn about the features of Sentry's React Native SDK." --- diff --git a/docs/platforms/react-native/integrations/index.mdx b/docs/platforms/react-native/integrations/index.mdx index fb99c541a0f7b..af9fc9dd30158 100644 --- a/docs/platforms/react-native/integrations/index.mdx +++ b/docs/platforms/react-native/integrations/index.mdx @@ -1,7 +1,8 @@ --- title: Integrations description: "Learn more about how integrations extend the functionality of our SDK and automatically cover common libraries and environments." -sidebar_order: 30 +sidebar_order: 3 +sidebar_section: configuration --- diff --git a/docs/platforms/react-native/logs/index.mdx b/docs/platforms/react-native/logs/index.mdx index 887417ebe5f2c..3e17e47f59a44 100644 --- a/docs/platforms/react-native/logs/index.mdx +++ b/docs/platforms/react-native/logs/index.mdx @@ -2,7 +2,9 @@ title: Set Up Logs sidebar_title: Logs description: "Structured logs allow you to send, view and query logs sent from your applications within Sentry." -sidebar_order: 5755 +sidebar_order: 4 +sidebar_section: features +new: true --- diff --git a/docs/platforms/react-native/metrics/index.mdx b/docs/platforms/react-native/metrics/index.mdx index a3c01f855502b..c45e3ec02bfe5 100644 --- a/docs/platforms/react-native/metrics/index.mdx +++ b/docs/platforms/react-native/metrics/index.mdx @@ -2,7 +2,8 @@ title: Set Up Metrics sidebar_title: Metrics description: "Metrics allow you to send, view and query counters, gauges and measurements from your Sentry-configured apps to track application health and drill down into related traces, logs, and errors." -sidebar_order: 5760 +sidebar_order: 6 +sidebar_section: features beta: true --- diff --git a/docs/platforms/react-native/migration/index.mdx b/docs/platforms/react-native/migration/index.mdx index a566495c6b371..9108d8b9ccfc4 100644 --- a/docs/platforms/react-native/migration/index.mdx +++ b/docs/platforms/react-native/migration/index.mdx @@ -1,6 +1,7 @@ --- title: Migration Guide -sidebar_order: 8000 +sidebar_order: 11 +sidebar_section: configuration description: "Learn how to migrate to the new versions of Sentry's React Native SDK." --- diff --git a/docs/platforms/react-native/overhead/index.mdx b/docs/platforms/react-native/overhead/index.mdx index 86dbcc85981a9..2d32b342ab45c 100644 --- a/docs/platforms/react-native/overhead/index.mdx +++ b/docs/platforms/react-native/overhead/index.mdx @@ -1,7 +1,8 @@ --- title: SDK Overhead description: "Learn about Sentry's React Native SDK overhead and how you can tailor your configuration to minimize it." -sidebar_order: 7500 +sidebar_order: 9 +sidebar_section: configuration --- Adding new features or dependencies to your app incurs additional costs on resources - CPU time, memory usage, and network bandwidth, among other things. Sentry SDKs are no different. This document adds transparency to the possible overhead that using our SDK can add, and help you find the feature set and configurations that work best for you. diff --git a/docs/platforms/react-native/profiling/index.mdx b/docs/platforms/react-native/profiling/index.mdx index aae61d74684be..6c61a6e30370a 100644 --- a/docs/platforms/react-native/profiling/index.mdx +++ b/docs/platforms/react-native/profiling/index.mdx @@ -2,7 +2,8 @@ title: Set Up Profiling sidebar_title: Profiling description: "Learn how to enable profiling in your app if it is not already set up." -sidebar_order: 5000 +sidebar_order: 3 +sidebar_section: features --- diff --git a/docs/platforms/react-native/releases/index.mdx b/docs/platforms/react-native/releases/index.mdx index b3f34c76a39b4..ad7e2d62ebab6 100644 --- a/docs/platforms/react-native/releases/index.mdx +++ b/docs/platforms/react-native/releases/index.mdx @@ -1,7 +1,8 @@ --- title: Mobile SDK Releases description: "Learn about Sentry's release channels for Mobile SDK updates." -sidebar_order: 7000 +sidebar_order: 8 +sidebar_section: configuration --- The React Native SDK uses the following channels to release SDK updates: diff --git a/docs/platforms/react-native/session-replay/index.mdx b/docs/platforms/react-native/session-replay/index.mdx index e869393a32417..2190364db4205 100644 --- a/docs/platforms/react-native/session-replay/index.mdx +++ b/docs/platforms/react-native/session-replay/index.mdx @@ -1,7 +1,8 @@ --- title: Set Up Session Replay sidebar_title: Session Replay -sidebar_order: 5500 +sidebar_order: 5 +sidebar_section: features notSupported: description: "Learn how to enable Session Replay in your mobile app." --- diff --git a/docs/platforms/react-native/size-analysis/index.mdx b/docs/platforms/react-native/size-analysis/index.mdx index 360cb3b940991..8e6d3f56561a2 100644 --- a/docs/platforms/react-native/size-analysis/index.mdx +++ b/docs/platforms/react-native/size-analysis/index.mdx @@ -1,7 +1,8 @@ --- title: Size Analysis sidebar_title: Size Analysis -sidebar_order: 5200 +sidebar_order: 12 +sidebar_section: features description: Upload React Native iOS and Android builds to Sentry for size analysis. --- diff --git a/docs/platforms/react-native/sourcemaps/index.mdx b/docs/platforms/react-native/sourcemaps/index.mdx index c92750929fd18..9328ea9b872a5 100644 --- a/docs/platforms/react-native/sourcemaps/index.mdx +++ b/docs/platforms/react-native/sourcemaps/index.mdx @@ -1,7 +1,8 @@ --- title: Source Maps description: "Learn more about how to upload your source maps to Sentry." -sidebar_order: 95 +sidebar_order: 5 +sidebar_section: configuration --- diff --git a/docs/platforms/react-native/tracing/index.mdx b/docs/platforms/react-native/tracing/index.mdx index 6c6cd7b0d7008..af86e2a5fee71 100644 --- a/docs/platforms/react-native/tracing/index.mdx +++ b/docs/platforms/react-native/tracing/index.mdx @@ -2,7 +2,8 @@ title: Set Up Tracing sidebar_title: Tracing description: "Learn how to enable tracing in your app and discover valuable performance insights of your application." -sidebar_order: 4000 +sidebar_order: 2 +sidebar_section: features --- With [tracing](/product/insights/overview/), Sentry tracks your software performance, measuring metrics like throughput and latency, and displaying the impact of errors across multiple systems. Sentry captures distributed traces consisting of transactions and spans, which measure individual services and individual operations within those services. Learn more about our model in [Distributed Tracing](/product/sentry-basics/tracing/distributed-tracing/). diff --git a/docs/platforms/react-native/troubleshooting/index.mdx b/docs/platforms/react-native/troubleshooting/index.mdx index b8b5152e1166f..da86a37221898 100644 --- a/docs/platforms/react-native/troubleshooting/index.mdx +++ b/docs/platforms/react-native/troubleshooting/index.mdx @@ -1,7 +1,8 @@ --- title: Troubleshooting description: "Troubleshoot and resolve common issues with the React Native SDK." -sidebar_order: 9000 +sidebar_order: 12 +sidebar_section: configuration --- ## Support 16 KB Page Sizes on Android diff --git a/docs/platforms/react-native/upload-debug/index.mdx b/docs/platforms/react-native/upload-debug/index.mdx index 9c0fe032445f0..fbbf99f9ffbc8 100644 --- a/docs/platforms/react-native/upload-debug/index.mdx +++ b/docs/platforms/react-native/upload-debug/index.mdx @@ -1,6 +1,7 @@ --- title: Debug Symbols -sidebar_order: 96 +sidebar_order: 7 +sidebar_section: configuration description: "Learn about using the Sentry Gradle Plugin or sentry-cli for providing debug symbols to Sentry." --- diff --git a/docs/platforms/react-native/usage/index.mdx b/docs/platforms/react-native/usage/index.mdx index 9ac2b8c9c6b0b..d4bdf572cada0 100644 --- a/docs/platforms/react-native/usage/index.mdx +++ b/docs/platforms/react-native/usage/index.mdx @@ -1,7 +1,8 @@ --- -title: Usage +title: Capturing Errors description: "Use the SDK to manually capture errors and other events." -sidebar_order: 10 +sidebar_order: 1 +sidebar_section: features --- Sentry's SDK hooks into your runtime environment and automatically reports errors, uncaught exceptions, and unhandled rejections as well as other types of errors depending on the platform. diff --git a/docs/platforms/react-native/user-feedback/index.mdx b/docs/platforms/react-native/user-feedback/index.mdx index 67b176729fc4b..e17f9082ccbd6 100644 --- a/docs/platforms/react-native/user-feedback/index.mdx +++ b/docs/platforms/react-native/user-feedback/index.mdx @@ -2,7 +2,8 @@ title: Set Up User Feedback sidebar_title: User Feedback description: Learn how to enable User Feedback in your app. -sidebar_order: 6000 +sidebar_order: 10 +sidebar_section: features og_image: /og-images/platforms-react-native-user-feedback.png --- diff --git a/src/components/sidebar/dynamicNav.tsx b/src/components/sidebar/dynamicNav.tsx index c4bd14ada386c..f99c10766c765 100644 --- a/src/components/sidebar/dynamicNav.tsx +++ b/src/components/sidebar/dynamicNav.tsx @@ -1,4 +1,5 @@ import {Fragment} from 'react'; +import Link from 'next/link'; import {serverContext} from 'sentry-docs/serverContext'; import {sortPages} from 'sentry-docs/utils'; @@ -13,6 +14,11 @@ const SECTION_LABELS: Record = { configuration: 'Configuration', }; +// Section links configuration - sections that should be clickable headers +const SECTION_LINKS: Record = { + features: 'features', +}; + const SECTION_ORDER = ['features', 'configuration'] as const; type Node = { @@ -73,7 +79,8 @@ export const renderChildren = ( exclude: string[], path: string, showDepth: number = 0, - depth: number = 0 + depth: number = 0, + rootPath?: string ): React.ReactNode[] => { const sortedChildren = sortPages( children.filter( @@ -124,7 +131,7 @@ export const renderChildren = ( beta={node.context.beta} isNew={node.context.new} > - {renderChildren(nodeChildren, exclude, path, showDepth, depth + 1)} + {renderChildren(nodeChildren, exclude, path, showDepth, depth + 1, rootPath)} ); @@ -146,13 +153,22 @@ export const renderChildren = ( result.push(); } - // Add section header + // Add section header (with optional link) + const sectionLink = SECTION_LINKS[sectionKey]; + const sectionHref = sectionLink && rootPath ? `/${rootPath}/${sectionLink}/` : null; + result.push(
  • - {SECTION_LABELS[sectionKey]} + {sectionHref ? ( + + {SECTION_LABELS[sectionKey]} + + ) : ( + SECTION_LABELS[sectionKey] + )}
  • ); @@ -172,7 +188,7 @@ export const renderChildren = ( beta={node.context.beta} isNew={node.context.new} > - {renderChildren(nodeChildren, exclude, path, showDepth, depth + 1)} + {renderChildren(nodeChildren, exclude, path, showDepth, depth + 1, rootPath)} ); @@ -199,7 +215,7 @@ export const renderChildren = ( beta={node.context.beta} isNew={node.context.new} > - {renderChildren(nodeChildren, exclude, path, showDepth, depth + 1)} + {renderChildren(nodeChildren, exclude, path, showDepth, depth + 1, rootPath)} ); }); @@ -212,11 +228,20 @@ type ChildrenProps = { path: string; tree: EntityTree[]; exclude?: string[]; + rootPath?: string; showDepth?: number; }; -export function Children({tree, path, exclude = [], showDepth = 0}: ChildrenProps) { - return {renderChildren(tree, exclude, path, showDepth)}; +export function Children({ + tree, + path, + exclude = [], + showDepth = 0, + rootPath, +}: ChildrenProps) { + return ( + {renderChildren(tree, exclude, path, showDepth, 0, rootPath)} + ); } type Props = { @@ -304,6 +329,7 @@ export function DynamicNav({ exclude={exclude} showDepth={0} path={linkPath} + rootPath={root} /> )}