Function PDFPage

packages/gitbook/src/components/PDF/PDFPage.tsx:50–180

(props: {
    context: GitBookSpaceContext | GitBookSiteContext;
    searchParams: { [key: string]: string };
})

 * Render a space as a standalone HTML page that can be printed as a PDF.
 */
export async function PDFPage(props: {
    context: GitBookSpaceContext | GitBookSiteContext;
    searchParams: { [key: string]: string };
}) {
    const baseContext = props.context;
    const searchParams = new URLSearchParams(props.searchParams);
    const pdfParams = getPDFSearchParams(searchParams);

    const customization =
        'customization' in baseContext ? baseContext.customization : defaultCustomization();
    const language = getSpaceLanguage(baseContext);

    // Compute the pages to render
    const { pages, total } = selectPages(baseContext.revision.pages, pdfParams);
    const pageIds = pages.map(
        ({ page }) => [page.id, getPagePDFContainerId(page)] as [string, string]
    );

    // Build a linker that create anchor links for the pages rendered in the PDF page.
    const linker: GitBookLinker = {
        ...baseContext.linker,
        toPathForPage(input) {
            if (pages.some((p) => p.page.id === input.page.id)) {
                return `#${getPagePDFContainerId(input.page, input.anchor)}`;
            }
            if (input.page.type === RevisionPageType.Group) {
                return '#';
            }

            // Use an absolute URL to the page
            return input.page.urls.app;
        },
    };

    const context: GitBookSpaceContext = {
        ...baseContext,
        linker,
    };

    return (
        <div className="print-mode">
            {pdfParams.back !== 'false' ? (
                <div className={tcls('fixed', 'left-12', 'top-12', 'print:hidden', 'z-50')}>
                    <a
                        title={tString(language, 'pdf_goback')}
                        href={
                            (pdfParams.back ? sanitizeGitBookAppURL(pdfParams.back) : null) ??
                            linker.toAbsoluteURL(linker.toPathInSpace(''))
                        }
                        className={tcls(
                            'flex',
                            'flex-row',
                            'items-center',
                            'justify-center',
                            'text-sm',
                            'text-tint',
                            'hover:text-primary',
                            'p-4',