ClientSdkReferencePage() — supabase Function Reference

Source Code

apps/docs/features/docs/Reference.sdkPage.tsx lines 16–63

export async function ClientSdkReferencePage({ sdkId, libVersion }: ClientSdkReferenceProps) {
  const libraryMeta = REFERENCES[sdkId]
  const versions = libraryMeta?.versions ?? []
  const isLatestVersion = libVersion === versions[0]

  const menuData = NavItems[libraryMeta.meta[libVersion].libId]

  return (
    <ReferenceContentScrollHandler
      libPath={libraryMeta.libPath}
      version={libVersion}
      isLatestVersion={isLatestVersion}
    >
      <SidebarSkeleton
        menuId={libraryMeta.meta[libVersion].libId}
        NavigationMenu={
          <ReferenceNavigation
            libraryId={sdkId}
            name={menuData.title}
            menuData={menuData}
            libPath={libraryMeta.libPath}
            version={libVersion}
            isLatestVersion={isLatestVersion}
          />
        }
      >
        <LayoutMainContent>
          {!isLatestVersion && (
            <OldVersionAlert
              libPath={libraryMeta.libPath}
              className="z-20 fixed top-[calc(var(--header-height)+1rem)] right-4 w-84 max-w-[calc(100vw-2rem)]"
            />
          )}
          <article className="@container/article">
            <ClientLibHeader menuData={menuData} className="mt-4 mb-8" />
            <ClientLibIntroduction
              libPath={libraryMeta.libPath}
              excludeName={libraryMeta.meta[libVersion].libId}
              version={libVersion}
              isLatestVersion={isLatestVersion}
            />
            <RefSections libraryId={sdkId} version={libVersion} />
          </article>
        </LayoutMainContent>
      </SidebarSkeleton>
    </ReferenceContentScrollHandler>
  )
}