fix: section groups went missing (#2891)

.changeset/silent-games-know.md

@@ -0,0 +1,6 @@
+---
+'gitbook-v2': patch
+'gitbook': patch
+---
+
+fix: lost section groups

packages/gitbook-v2/src/lib/context.ts

@@ -189,7 +189,9 @@ export async function fetchSiteContextByIds(
         ...(customizations.site?.title ? { title: customizations.site.title } : {}),
     };
 
-    const sections = ids.siteSection ? parseSiteSectionsList(siteStructure, ids.siteSection) : null;
+    const sections = ids.siteSection
+        ? parseSiteSectionsAndGroups(siteStructure, ids.siteSection)
+        : null;
 
     const siteSpace = (
         siteStructure.type === 'siteSpaces' && siteStructure.structure
@@ -283,9 +285,14 @@ export async function fetchSpaceContextByIds(
     };
 }
 
-function parseSiteSectionsList(structure: SiteStructure, siteSectionId: string) {
+function parseSiteSectionsAndGroups(structure: SiteStructure, siteSectionId: string) {
-    const sections = getSiteStructureSections(structure);
+    const sectionsAndGroups = getSiteStructureSections(structure, { ignoreGroups: false });
-    const section = sections.find((section) => section.id === siteSectionId);
+    const section = parseCurrentSection(structure, siteSectionId);
     assert(section, 'A section must be defined when there are multiple sections');
-    return { list: sections, current: section } satisfies SiteSections;
+    return { list: sectionsAndGroups, current: section } satisfies SiteSections;
+}
+
+function parseCurrentSection(structure: SiteStructure, siteSectionId: string) {
+    const sections = getSiteStructureSections(structure, { ignoreGroups: true });
+    return sections.find((section) => section.id === siteSectionId);
 }

packages/gitbook/e2e/internal.spec.ts

@@ -220,6 +220,37 @@ const testCases: TestsCase[] = [
             },
         ],
     },
+    {
+        name: 'GitBook Site (Sections and Section Groups)',
+        baseUrl: 'https://gitbook-open-e2e-sites.gitbook.io/sections/',
+        tests: [
+            {
+                name: 'Site with sections and section groups',
+                url: '',
+            },
+            {
+                name: 'Section group dropdown',
+                url: '',
+                run: async (page) => {
+                    await page.getByRole('button', { name: 'Test Section Group 1' }).hover();
+                    await expect(page.getByRole('link', { name: /Section B/ })).toBeVisible();
+                },
+            },
+            {
+                name: 'Section group link',
+                url: '',
+                screenshot: false,
+                run: async (page) => {
+                    const sectionGroupDropdown = await page.getByText('Test Section Group 1');
+                    await sectionGroupDropdown.hover();
+                    await page.getByText('Section B').click();
+                    await page.waitForURL(
+                        'https://gitbook-open-e2e-sites.gitbook.io/sections/sections-4'
+                    );
+                },
+            },
+        ],
+    },
     {
         name: 'GitBook',
         baseUrl: 'https://docs.gitbook.com',

packages/gitbook/src/app/middleware/(site)/(core)/llms.txt/route.ts

@@ -60,7 +60,9 @@ export async function GET(_req: NextRequest) {
 async function getNodesFromSiteStructure(siteStructure: SiteStructure): Promise<RootContent[]> {
     switch (siteStructure.type) {
         case 'sections':
-            return getNodesFromSections(getSiteStructureSections(siteStructure));
+            return getNodesFromSections(
+                getSiteStructureSections(siteStructure, { ignoreGroups: true })
+            );
         case 'siteSpaces':
             return getNodesFromSiteSpaces(siteStructure.structure, { heading: true });
         default:

packages/gitbook/src/app/middleware/(site)/(core)/sitemap.xml/route.ts

@@ -62,7 +62,9 @@ export async function GET() {
 async function getUrlsFromSiteStructure(siteStructure: SiteStructure): Promise<string[]> {
     switch (siteStructure.type) {
         case 'sections':
-            return getUrlsFromSiteSections(getSiteStructureSections(siteStructure));
+            return getUrlsFromSiteSections(
+                getSiteStructureSections(siteStructure, { ignoreGroups: true })
+            );
         case 'siteSpaces':
             return getUrlsFromSiteSpaces(siteStructure.structure);
         default:

packages/gitbook/src/lib/pointer.ts

@@ -53,7 +53,7 @@ export function checkIsRootPointer(
 ): boolean {
     switch (siteStructure.type) {
         case 'sections': {
-            return getSiteStructureSections(siteStructure).some(
+            return getSiteStructureSections(siteStructure, { ignoreGroups: true }).some(
                 (structure) =>
                     structure.default &&
                     structure.id === pointer.siteSectionId &&

packages/gitbook/src/lib/sites.ts

@@ -1,13 +1,28 @@
-import type { SiteSection, SiteSpace, SiteStructure } from '@gitbook/api';
+import type { SiteSection, SiteSectionGroup, SiteSpace, SiteStructure } from '@gitbook/api';
 
 /**
  * Get all sections from a site structure.
+ * Set the `ignoreGroups` option to true to flatten the list to only include SiteSection and to not include SiteSectionGroups.
  */
-export function getSiteStructureSections(siteStructure: SiteStructure) {
+export function getSiteStructureSections(
+    siteStructure: SiteStructure,
+    options: { ignoreGroups: true }
+): SiteSection[];
+export function getSiteStructureSections(
+    siteStructure: SiteStructure,
+    options?: { ignoreGroups: false }
+): SiteSection[] | SiteSectionGroup[];
+export function getSiteStructureSections(
+    siteStructure: SiteStructure,
+    options?: { ignoreGroups: boolean }
+) {
+    const { ignoreGroups } = options ?? { ignoreGroups: false };
     return siteStructure.type === 'sections'
-        ? siteStructure.structure.flatMap((item) =>
+        ? ignoreGroups
-              item.object === 'site-section-group' ? item.sections : item
+            ? siteStructure.structure.flatMap((item) =>
-          )
+                  item.object === 'site-section-group' ? item.sections : item
+              )
+            : siteStructure.structure
         : [];
 }