fix: version fallback platforms

Author: chargome

src/components/platformContent.tsx

@@ -7,7 +7,12 @@ import {getCurrentGuide, getDocsRootNode, getPlatform} from 'sentry-docs/docTree
 import {getFileBySlug} from 'sentry-docs/mdx';
 import {mdxComponents} from 'sentry-docs/mdxComponents';
 import {serverContext} from 'sentry-docs/serverContext';
-import {isVersioned, stripVersion} from 'sentry-docs/versioning';
+import {
+  getVersion,
+  isVersioned,
+  stripVersion,
+  VERSION_INDICATOR,
+} from 'sentry-docs/versioning';
 
 import {Include} from './include';
 
@@ -55,6 +60,7 @@ export async function PlatformContent({includePath, platform, noGuides}: Props)
     const guidePath = udpatePathIfVersionedFileDoesNotExist(
       `platform-includes/${includePath}/${guide}`
     );
+
     try {
       doc = await getFileBySlug(guidePath);
     } catch (e) {
@@ -67,7 +73,7 @@ export async function PlatformContent({includePath, platform, noGuides}: Props)
     const guideObject = getCurrentGuide(rootNode, path);
 
     const fallbackGuidePath = udpatePathIfVersionedFileDoesNotExist(
-      `platform-includes/${includePath}/${guideObject?.fallbackGuide}`
+      `platform-includes/${includePath}/${guideObject?.fallbackGuide}${VERSION_INDICATOR}${getVersion(guide || '')}`
     );
 
     if (guideObject?.fallbackGuide) {

src/components/versionSelector/index.tsx

@@ -4,16 +4,13 @@ import {ChevronDownIcon} from '@radix-ui/react-icons';
 import * as RadixSelect from '@radix-ui/react-select';
 import {usePathname, useRouter} from 'next/navigation';
 
+import {stripTrailingSlash} from 'sentry-docs/utils';
 import {getLocalStorageVersionKey, VERSION_INDICATOR} from 'sentry-docs/versioning';
 
 import styles from './style.module.scss';
 
 import {VersionBanner} from '../versionBanner';
 
-const stripTrailingSlash = (url: string) => {
-  return url.replace(/\/$/, '');
-};
-
 export function VersionSelector({versions, sdk}: {sdk: string; versions: string[]}) {
   const availableVersions = ['latest', ...versions];
   const router = useRouter();

src/utils.ts

@@ -94,3 +94,7 @@ export function isTruthy<T>(value: T | undefined | null): value is T {
 }
 
 export const isLocalStorageAvailable = () => typeof localStorage !== 'undefined';
+
+export const stripTrailingSlash = (url: string) => {
+  return url.replace(/\/$/, '');
+};

src/versioning.spec.ts

@@ -1,6 +1,6 @@
 import {describe, expect, test} from 'vitest';
 
-import {getUnversionedPath} from './versioning';
+import {getUnversionedPath, getVersion} from './versioning';
 
 describe('versioning', () => {
   test('should return unversioned paths', () => {
@@ -11,4 +11,10 @@ describe('versioning', () => {
     expect(getUnversionedPath(['some', 'path__v2'])).toBe('some/path/');
     expect(getUnversionedPath(['some', 'path__v2'], false)).toBe('some/path');
   });
+
+  test('should return version from slug', () => {
+    expect(getVersion('/')).toBe('');
+    expect(getVersion('/some/path__v7.x')).toBe('7.x');
+    expect(getVersion('/some/path__v7.x/')).toBe('7.x');
+  });
 });

src/versioning.ts

@@ -1,3 +1,5 @@
+import {stripTrailingSlash} from './utils';
+
 export const VERSION_INDICATOR = '__v';
 
 export const getLocalStorageVersionKey = (platform: string) => `version:${platform}`;
@@ -14,3 +16,11 @@ export const getUnversionedPath = (path: string | string[], trailingSlash = true
 export const isVersioned = (path: string) => path.includes(VERSION_INDICATOR);
 
 export const stripVersion = (path: string) => path.split(VERSION_INDICATOR)[0];
+
+export const getVersion = (path: string) => {
+  const version = path.split(VERSION_INDICATOR)[1];
+  if (!version) {
+    return '';
+  }
+  return stripTrailingSlash(version);
+};