feat: hide versioned pages in sidebar

Author: chargome

app/[[...path]]/page.tsx

@@ -19,6 +19,7 @@ import {isDeveloperDocs} from 'sentry-docs/isDeveloperDocs';
 import {getDevDocsFrontMatter, getDocsFrontMatter, getFileBySlug} from 'sentry-docs/mdx';
 import {mdxComponents} from 'sentry-docs/mdxComponents';
 import {setServerContext} from 'sentry-docs/serverContext';
+import {VERSION_INDICATOR} from 'sentry-docs/versioning';
 
 export async function generateStaticParams() {
   const docs = await (isDeveloperDocs ? getDevDocsFrontMatter() : getDocsFrontMatter());
@@ -112,10 +113,13 @@ export default async function Page({params}: {params: {path?: string[]}}) {
   // collect versioned files
   const versions = (await getDocsFrontMatter())
     .filter(({slug}) => {
-      return slug.includes('__v') && slug.includes(pageNode.path.split('__v')[0]);
+      return (
+        slug.includes(VERSION_INDICATOR) &&
+        slug.includes(pageNode.path.split(VERSION_INDICATOR)[0])
+      );
     })
     .map(({slug}) => {
-      const segments = slug.split('__v');
+      const segments = slug.split(VERSION_INDICATOR);
       return segments[segments.length - 1];
     });
 

src/components/dynamicNav.tsx

@@ -2,6 +2,7 @@ import {Fragment} from 'react';
 
 import {serverContext} from 'sentry-docs/serverContext';
 import {sortPages} from 'sentry-docs/utils';
+import {VERSION_INDICATOR} from 'sentry-docs/versioning';
 
 import {NavChevron} from './sidebar/navChevron';
 import {SidebarLink} from './sidebarLink';
@@ -35,19 +36,22 @@ export const toTree = (nodeList: Node[]): EntityTree[] => {
     .sort((a, b) => a.path.localeCompare(b.path))
     .forEach(node => {
       let curPath = '';
-      node.path.split('/').reduce((r, name: string) => {
-        curPath += `${name}/`;
-        if (!r[name]) {
-          r[name] = {result: []};
-          r.result.push({
-            name,
-            children: r[name].result,
-            node: curPath === node.path ? node : null,
-          });
-        }
-
-        return r[name];
-      }, level);
+      // hide versioned pages in sidebar
+      if (!node.path.includes(VERSION_INDICATOR)) {
+        node.path.split('/').reduce((r, name: string) => {
+          curPath += `${name}/`;
+          if (!r[name]) {
+            r[name] = {result: []};
+            r.result.push({
+              name,
+              children: r[name].result,
+              node: curPath === node.path ? node : null,
+            });
+          }
+
+          return r[name];
+        }, level);
+      }
     });
 
   result.length; // result[0] is undefined without this. wat

src/components/versionSelector/index.tsx

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

src/versioning.ts

@@ -0,0 +1 @@
+export const VERSION_INDICATOR = '__v';