Formatting

Author: BrettJephson

packages/gitbook/src/app/(site)/fetch.ts

@@ -40,10 +40,11 @@ export async function fetchContentData() {
     const site = siteStructure.site;
 
     const sections = siteStructure.sections;
-    const section = siteStructure.sections?.find(section => section.id === content.siteSectionId);
-    
-    const spaces = siteStructure.spaces ?? (section ? parseSpacesFromSiteSpaces(section.siteSpaces) : []);
-    
+    const section = siteStructure.sections?.find((section) => section.id === content.siteSectionId);
+
+    const spaces =
+        siteStructure.spaces ?? (section ? parseSpacesFromSiteSpaces(section.siteSpaces) : []);
+
     // we grab the space attached to the parent as it contains overriden customizations
     const spaceRelativeToParent = spaces?.find((space) => space.id === content.spaceId);
 
@@ -153,8 +154,14 @@ async function fetchSiteStructure(args: {
         getCurrentSiteCustomization({ organizationId, siteId, siteSpaceId: undefined }),
     ]);
 
-    const siteSections = siteStructure.type === 'sections' && siteStructure.structure ? siteStructure.structure : null;
-    const siteSpaces = siteStructure.type === 'siteSpaces' && siteStructure.structure ? parseSpacesFromSiteSpaces(siteStructure.structure) : null;
+    const siteSections =
+        siteStructure.type === 'sections' && siteStructure.structure
+            ? siteStructure.structure
+            : null;
+    const siteSpaces =
+        siteStructure.type === 'siteSpaces' && siteStructure.structure
+            ? parseSpacesFromSiteSpaces(siteStructure.structure)
+            : null;
 
     // override the title with the customization title
     const site = {

packages/gitbook/src/components/SiteSectionTabs/SiteSectionTab.tsx

@@ -7,15 +7,21 @@ import { tcls } from '@/lib/tailwind';
 
 import { Button, Link } from '../primitives';
 
-export function SiteSectionTabs(props: { sections: SiteSection[]; section: SiteSection; }) {
+export function SiteSectionTabs(props: { sections: SiteSection[]; section: SiteSection }) {
     const { sections, section: currentSection } = props;
 
-    const tabs = sections.map((section) => ({ id: section.id, label: section.title, path: section.urls.published ?? '' }));
+    const tabs = sections.map((section) => ({
+        id: section.id,
+        label: section.title,
+        path: section.urls.published ?? '',
+    }));
 
     const currentTabRef = React.useRef<HTMLAnchorElement>(null);
     const navRef = React.useRef<HTMLDivElement>(null);
 
-    const [currentIndex, setCurrentIndex] = React.useState(sections.findIndex(section => section.id === currentSection?.id) || 0);
+    const [currentIndex, setCurrentIndex] = React.useState(
+        sections.findIndex((section) => section.id === currentSection?.id) || 0,
+    );
     const [tabDimensions, setTabDimensions] = React.useState<{
         left: number;
         width: number;
@@ -34,7 +40,7 @@ export function SiteSectionTabs(props: { sections: SiteSection[]; section: SiteS
             if (currentTabRef.current && navRef.current) {
                 const rect = currentTabRef.current.getBoundingClientRect();
                 const navRect = navRef.current.getBoundingClientRect();
-                setTabDimensions({ left: rect.left - navRect.left, width: rect.width  });
+                setTabDimensions({ left: rect.left - navRect.left, width: rect.width });
             }
         }
         window.addEventListener('resize', onResize);
@@ -43,7 +49,7 @@ export function SiteSectionTabs(props: { sections: SiteSection[]; section: SiteS
 
     const scale = (tabDimensions?.width ?? 0) * 0.01;
     const startPos = `${tabDimensions?.left ?? 0}px`;
-    
+
     const hasMoreSections = false; /** TODO: determine whether we need to show the more button */
 
     return tabs.length > 0 ? (
@@ -57,7 +63,7 @@ export function SiteSectionTabs(props: { sections: SiteSection[]; section: SiteS
                 } as React.CSSProperties
             }
         >
-            <div  
+            <div
                 className={tcls(
                     'relative flex gap-2',
                     /* add a pseudo element for active tab indicator */
@@ -78,7 +84,7 @@ export function SiteSectionTabs(props: { sections: SiteSection[]; section: SiteS
                     />
                 ))}
             </div>
-            { hasMoreSections ? <MoreSectionsButton /> : null }
+            {hasMoreSections ? <MoreSectionsButton /> : null}
         </nav>
     ) : null;
 }
@@ -95,7 +101,13 @@ const Tab = React.forwardRef<
                 !active && 'hover:bg-dark/1 dark:hover:bg-light/2 transition-colors',
             )}
         >
-            <Link ref={ref} onClick={onClick} className={tcls('inline-flex w-full truncate')} role="tab" href={href}>
+            <Link
+                ref={ref}
+                onClick={onClick}
+                className={tcls('inline-flex w-full truncate')}
+                role="tab"
+                href={href}
+            >
                 {label}
             </Link>
         </div>

packages/gitbook/src/components/SpaceLayout/SpaceLayout.tsx

@@ -74,9 +74,11 @@ export function SpaceLayout(props: {
                 customization={customization}
             />
             <div className={tcls('scroll-nojump')}>
-                { sections && section ? <div className={tcls(CONTAINER_STYLE)}>
-                    <SiteSectionTabs sections={sections} section={section} />
-                </div> : null }
+                {sections && section ? (
+                    <div className={tcls(CONTAINER_STYLE)}>
+                        <SiteSectionTabs sections={sections} section={section} />
+                    </div>
+                ) : null}
                 <div
                     className={tcls(
                         'flex',

packages/gitbook/src/lib/api.ts

@@ -745,12 +745,12 @@ export const getSiteStructure = cache({
     name: 'api.getSiteStructure',
     tag: ({ siteId }) => getAPICacheTag({ tag: 'site', site: siteId }),
     get: async (
-        args: { 
+        args: {
             organizationId: string;
-            siteId: string,
+            siteId: string;
             /** Site share key that can be used as context to resolve site space published urls */
             siteShareKey: string | undefined;
-         },
+        },
         options: CacheFunctionOptions,
     ) => {
         const response = await api().orgs.getSiteStructure(

packages/gitbook/src/middleware.ts

@@ -211,7 +211,6 @@ export async function middleware(request: NextRequest) {
         }
     }
 
-
     // For tests, we make it possible to enable search indexation
     // using a query parameter.
     const xGitBookSearchIndexation =