type'

.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -1,11 +0,0 @@
-{
-    "$schema": "https://unpkg.com/@changesets/config@3.0.2/schema.json",
-    "changelog": "@changesets/cli/changelog",
-    "commit": false,
-    "fixed": [],
-    "linked": [],
-    "access": "restricted",
-    "baseBranch": "main",
-    "updateInternalDependencies": "patch",
-    "ignore": []
-}

.github/workflows/ci.yaml

@@ -1,9 +1,5 @@
+on: [push]
 name: CI
-on:
-    pull_request:
-    push:
-        branches:
-            - main
 
 jobs:
     deploy:
@@ -20,7 +16,7 @@ jobs:
             - name: Setup bun
               uses: oven-sh/setup-bun@v1
               with:
-                  bun-version: 1.1.18
+                  bun-version: 1.0.33
             - name: Install dependencies
               run: bun install --frozen-lockfile
               env:
@@ -82,7 +78,7 @@ jobs:
             - name: Setup bun
               uses: oven-sh/setup-bun@v1
               with:
-                  bun-version: 1.1.18
+                  bun-version: 1.0.33
             - name: Install dependencies
               run: bun install --frozen-lockfile
             - name: Setup Playwright
@@ -102,7 +98,7 @@ jobs:
             - name: Setup bun
               uses: oven-sh/setup-bun@v1
               with:
-                  bun-version: 1.1.18
+                  bun-version: 1.0.33
             - name: Install dependencies
               run: bun install --frozen-lockfile
               env:
@@ -121,12 +117,12 @@ jobs:
             - name: Setup bun
               uses: oven-sh/setup-bun@v1
               with:
-                  bun-version: 1.1.18
+                  bun-version: 1.0.33
             - name: Install dependencies
               run: bun install --frozen-lockfile
               env:
                   PUPPETEER_SKIP_DOWNLOAD: 1
-            - run: bun format:check
+            - run: bun format --check .
     lint:
         runs-on: ubuntu-latest
         name: Lint
@@ -136,7 +132,7 @@ jobs:
             - name: Setup bun
               uses: oven-sh/setup-bun@v1
               with:
-                  bun-version: 1.1.18
+                  bun-version: 1.0.33
             - name: Install dependencies
               run: bun install --frozen-lockfile
               env:
@@ -151,7 +147,7 @@ jobs:
             - name: Setup bun
               uses: oven-sh/setup-bun@v1
               with:
-                  bun-version: 1.1.18
+                  bun-version: 1.0.33
             - name: Install dependencies
               run: bun install --frozen-lockfile
               env:
@@ -166,7 +162,7 @@ jobs:
             - name: Setup bun
               uses: oven-sh/setup-bun@v1
               with:
-                  bun-version: 1.1.18
+                  bun-version: 1.0.33
             - name: Install dependencies
               run: bun install --frozen-lockfile
               env:

.github/workflows/publish.yaml

@@ -1,35 +0,0 @@
-name: Publish
-
-on:
-    push:
-        branches:
-            - main
-
-concurrency: ${{ github.workflow }}-${{ github.ref }}
-
-jobs:
-    publish:
-        name: Publish
-        runs-on: ubuntu-latest
-        steps:
-            - name: Checkout Repo
-              uses: actions/checkout@v3
-              with:
-                  # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
-                  fetch-depth: 0
-            - name: Setup bun
-              uses: oven-sh/setup-bun@v1
-              with:
-                  bun-version: 1.1.18
-            - name: Install dependencies
-              run: bun install --frozen-lockfile
-              env:
-                  PUPPETEER_SKIP_DOWNLOAD: 1
-            - name: Create Release Pull Request or Publish to npm
-              id: changesets
-              uses: changesets/action@v1
-              with:
-                  publish: npm run release
-              env:
-                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-                  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.prettierignore

@@ -1,4 +1 @@
 .next
-
-# Generated
-packages/emoji-codepoints/index.ts

README.md

@@ -75,7 +75,7 @@ GitBook's rendering engine is fully open-source and built on top of [Next.js](ht
 
 ### Types of contributions
 
-We encourage you to contribute to GitBook to help us build the best tool for documenting technical knowledge. If you're looking for some quick ways to contribute, continue reading to learn more about popular contributions.
+We encourage you to contribute to GitBook to help us build the best tool for doucmenting techincal knowledge. If you're looking for some quick ways to contribute, continue reading to learn more about popular contributions.
 
 #### Translations
 
@@ -92,7 +92,7 @@ Encounter a bug or find an issue you'd like to fix? Helping us fix issues relate
 >
 > _Looking to add a specific feature in GitBook? Head to our [contributing guide](/.github/CONTRIBUTING.md) to get started._
 >
-> Self-hosting this project puts the responsibility of maintaining and merging future updates on **you**. We cannot guarantee support, maintenance, or updates to forked and self-hosted instances of this project.
+> Self-hosting this project puts the responsibility of maintaining and merging future updates on **you**. We cannot guarantee support, maintainance, or updates to forked and self-hosted instances of this project.
 >
 > We want to make it as easy as possible for our community to collaborate and push the future of GitBook, which is why we encourage you to contribute to our product directly instead of creating your own version.
 
@@ -119,12 +119,6 @@ GitBook wouldn't be possible without these projects:
 -   [Tailwind CSS](https://tailwindcss.com/)
 -   [Framer Motion](https://www.npmjs.com/package/framer-motion)
 
-## Contributors
-
-<a href="https://github.com/gitbookIO/gitbook/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=gitbookIO/gitbook" />
-</a>
-
 ## Legacy GitBook (Deprecated)
 
 Our previous version of GitBook and it's CLI tool are now deprecated. You can still view the old repository and it's commits on this [branch](https://github.com/GitbookIO/gitbook/tree/legacy).

e2e/pages.spec.ts

@@ -40,159 +40,6 @@ async function waitForCookiesDialog(page: Page) {
 }
 
 const testCases: TestsCase[] = [
-    {
-        name: 'GitBook Site (Single Variant)',
-        baseUrl: 'https://gitbook-open-e2e-sites.gitbook.io/gitbook-doc/',
-        tests: [
-            {
-                name: 'Home',
-                url: '',
-                run: waitForCookiesDialog,
-            },
-            {
-                name: 'No variants dropdown',
-                url: '',
-                run: async (page) => {
-                    await expect(page.locator('[data-testid="space-dropdown-button"]')).toHaveCount(
-                        0,
-                    );
-                },
-            },
-            {
-                name: 'Search',
-                url: '?q=',
-            },
-            {
-                name: 'Search Results',
-                url: '?q=gitbook',
-                run: async (page) => {
-                    await page.waitForSelector('[data-test="search-results"]');
-                },
-            },
-            {
-                name: 'AI Search',
-                url: '?q=What+is+GitBook%3F&ask=true',
-                run: async (page) => {
-                    await page.waitForSelector('[data-test="search-ask-answer"]');
-                },
-                screenshot: false,
-            },
-            {
-                name: 'Not found',
-                url: 'content-not-found',
-                run: waitForCookiesDialog,
-            },
-        ],
-    },
-    {
-        name: 'GitBook Site (Multi Variants)',
-        baseUrl: 'https://gitbook-open-e2e-sites.gitbook.io/multi-variants/',
-        tests: [
-            {
-                name: 'Variants dropdown',
-                url: '',
-                run: async (page) => {
-                    const spaceDrowpdown = page.locator('[data-testid="space-dropdown-button"]');
-                    await spaceDrowpdown.waitFor();
-                },
-            },
-            {
-                name: 'Default variant',
-                url: '',
-            },
-            {
-                name: 'RFC variant',
-                url: 'v/rfcs',
-            },
-        ],
-    },
-    {
-        name: 'GitBook Site (Navigation when switching variant)',
-        baseUrl: 'https://gitbook-open-e2e-sites.gitbook.io/',
-        tests: [
-            {
-                name: 'Keep navigation path/route when switching variant (Public)',
-                url: 'api-multi-versions/reference/api-reference/pets',
-                screenshot: false,
-                run: async (page) => {
-                    const spaceDrowpdown = await page.waitForSelector(
-                        '[data-testid="space-dropdown-button"]',
-                    );
-                    await spaceDrowpdown.click();
-
-                    // Click the second variant in the dropdown
-                    await page
-                        .getByRole('link', {
-                            name: '2.0',
-                        })
-                        .click();
-
-                    // It should keep the current page path, i.e "reference/api-reference/pets" when navigating to the new variant
-                    await page.waitForURL(
-                        'https://gitbook-open-e2e-sites.gitbook.io/api-multi-versions/v/2.0/reference/api-reference/pets?fallback=true',
-                    );
-                },
-            },
-            {
-                name: 'Keep navigation path/route when switching variant (Share link)',
-                url: 'api-multi-versions-share-links/bRfQbzwsK8rbN1GRxx7K/reference/api-reference/pets',
-                screenshot: false,
-                run: async (page) => {
-                    const spaceDrowpdown = await page.waitForSelector(
-                        '[data-testid="space-dropdown-button"]',
-                    );
-                    await spaceDrowpdown.click();
-
-                    // Click the second variant in the dropdown
-                    await page
-                        .getByRole('link', {
-                            name: '2.0',
-                        })
-                        .click();
-
-                    // It should keep the current page path, i.e "reference/api-reference/pets" when navigating to the new variant
-                    await page.waitForURL(
-                        'https://gitbook-open-e2e-sites.gitbook.io/api-multi-versions-share-links/bRfQbzwsK8rbN1GRxx7K/v/2.0/reference/api-reference/pets?fallback=true',
-                    );
-                },
-            },
-            {
-                name: 'Keep navigation path/route when switching variant (VA)',
-                screenshot: false,
-                url: (() => {
-                    const privateKey = 'c26190fc-74b2-4b54-9fc7-df9941104953';
-                    const token = jwt.sign(
-                        {
-                            name: 'gitbook-open-tests',
-                        },
-                        privateKey,
-                        {
-                            expiresIn: '24h',
-                        },
-                    );
-                    return `api-multi-versions-va/reference/api-reference/pets?jwt_token=${token}`;
-                })(),
-                run: async (page) => {
-                    const spaceDrowpdown = await page.waitForSelector(
-                        '[data-testid="space-dropdown-button"]',
-                    );
-                    await spaceDrowpdown.click();
-
-                    // Click the second variant in the dropdown
-                    await page
-                        .getByRole('link', {
-                            name: '2.0',
-                        })
-                        .click();
-
-                    // It should keep the current page path, i.e "reference/api-reference/pets" when navigating to the new variant
-                    await page.waitForURL(
-                        'https://gitbook-open-e2e-sites.gitbook.io/api-multi-versions-va/v/2.0/reference/api-reference/pets?fallback=true',
-                    );
-                },
-            },
-        ],
-    },
     {
         name: 'GitBook',
         baseUrl: 'https://docs.gitbook.com',
@@ -330,11 +177,6 @@ const testCases: TestsCase[] = [
                 url: 'blocks/lists',
                 fullPage: true,
             },
-            {
-                name: 'Code',
-                url: 'blocks/code',
-                fullPage: true,
-            },
             {
                 name: 'Cards',
                 url: 'blocks/cards',
@@ -347,7 +189,6 @@ const testCases: TestsCase[] = [
             {
                 name: 'Embeds',
                 url: 'blocks/embeds',
-                fullPage: true,
             },
             {
                 name: 'Annotations',
@@ -363,11 +204,6 @@ const testCases: TestsCase[] = [
         name: 'Page options',
         baseUrl: 'https://gitbook.gitbook.io/test-1-1/',
         tests: [
-            {
-                name: 'Hidden',
-                url: 'page-options/page-hidden',
-                run: waitForCookiesDialog,
-            },
             {
                 name: 'With cover',
                 url: 'page-options/page-with-cover',
@@ -640,7 +476,7 @@ for (const testCase of testCases) {
                 }
                 if (testEntry.screenshot !== false) {
                     await argosScreenshot(page, `${testCase.name} - ${testEntry.name}`, {
-                        viewports: ['macbook-16', 'macbook-13', 'iphone-x', 'ipad-2'],
+                        viewports: ['macbook-13', 'iphone-x', 'ipad-2'],
                         argosCSS: `
                         /* Hide Intercom */
                         .intercom-lightweight-app {

next.config.js

@@ -9,7 +9,7 @@ module.exports = withSentryConfig(
             GITBOOK_ASSETS_PREFIX: process.env.GITBOOK_ASSETS_PREFIX,
         },
 
-        webpack(config, { dev, webpack }) {
+        webpack(config) {
             config.resolve.fallback = {
                 ...config.resolve.fallback,
 
@@ -19,21 +19,6 @@ module.exports = withSentryConfig(
                 http: false,
             };
 
-            // Tree shake debug code for Sentry
-            // https://docs.sentry.io/platforms/javascript/guides/nextjs/configuration/tree-shaking/#tree-shaking-with-nextjs
-            if (!dev) {
-                config.plugins.push(
-                    new webpack.DefinePlugin({
-                        __SENTRY_DEBUG__: false,
-                        // We always init Sentry with enableTracing: false for now, so this is useless
-                        __SENTRY_TRACING__: false,
-                        __RRWEB_EXCLUDE_IFRAME__: true,
-                        __RRWEB_EXCLUDE_SHADOW_DOM__: true,
-                        __SENTRY_EXCLUDE_REPLAY_WORKER__: true,
-                    }),
-                );
-            }
-
             return config;
         },
 
@@ -54,15 +39,6 @@ module.exports = withSentryConfig(
 
         assetPrefix: process.env.GITBOOK_ASSETS_PREFIX,
         poweredByHeader: false,
-
-        images: {
-            remotePatterns: [
-                {
-                    protocol: 'https',
-                    hostname: '*.gitbook.io',
-                },
-            ],
-        },
     },
     {
         silent: true,

package.json

@@ -11,10 +11,8 @@
         "format": "prettier ./ --ignore-unknown --write",
         "format:check": "prettier ./ --ignore-unknown --list-different",
         "typecheck": "tsc --noEmit",
-        "unit": "bun test {src,packages}",
+        "unit": "bun test {src,packages}/**/*.test.ts",
         "e2e": "playwright test",
-        "changeset": "changeset",
-        "release": "changeset publish",
         "postinstall": "rm -rf ./public/~gitbook/static/mathjax@3.2.2 && mkdir -p ./public/~gitbook/static/ && cp -R node_modules/mathjax/es5 ./public/~gitbook/static/mathjax@3.2.2"
     },
     "workspaces": [
@@ -22,11 +20,10 @@
     ],
     "dependencies": {
         "@geist-ui/icons": "^1.0.2",
-        "@gitbook/api": "^0.56.0",
+        "@gitbook/api": "^0.39.0",
         "@radix-ui/react-checkbox": "^1.0.4",
         "@radix-ui/react-popover": "^1.0.7",
         "@sentry/nextjs": "^7.94.1",
-        "@sindresorhus/fnv1a": "^3.1.0",
         "@tailwindcss/container-queries": "^0.1.1",
         "@tailwindcss/typography": "^0.5.10",
         "@upstash/redis": "^1.27.1",
@@ -43,7 +40,7 @@
         "memoizee": "^0.4.15",
         "next": "^14.1.3",
         "next-themes": "^0.2.1",
-        "nuqs": "^1.17.4",
+        "nuqs": "^1.15.4",
         "object-hash": "^3.0.0",
         "openapi-types": "^12.1.3",
         "p-map": "^7.0.0",
@@ -54,7 +51,6 @@
         "recoil": "^0.7.7",
         "rehype-sanitize": "^6.0.0",
         "rehype-stringify": "^10.0.0",
-        "remark-gfm": "^4.0.0",
         "remark-parse": "^11.0.0",
         "remark-rehype": "^11.1.0",
         "rison": "^0.1.1",
@@ -67,8 +63,7 @@
     },
     "devDependencies": {
         "@argos-ci/playwright": "^2.0.0",
-        "@changesets/cli": "^2.27.7",
-        "@cloudflare/next-on-pages": "^1.11.3",
+        "@cloudflare/next-on-pages": "^1.9.0",
         "@cloudflare/workers-types": "^4.20231218.0",
         "@playwright/test": "^1.42.1",
         "@types/js-cookie": "^3.0.6",

packages/emoji-codepoints/CHANGELOG.md

@@ -1,13 +0,0 @@
-# @gitbook/emoji-codepoints
-
-## 0.2.0
-
-### Minor Changes
-
--   57adb3e: Second release to fix publishing with changeset
-
-## 0.1.0
-
-### Minor Changes
-
--   5f8a8fe: Initial release

packages/emoji-codepoints/package.json

@@ -1,7 +1,6 @@
 {
     "name": "@gitbook/emoji-codepoints",
     "description": "Optimized mapping of codepoints to the fully qualified emoji codepoints",
-    "version": "0.2.0",
     "private": true,
     "exports": "./index.ts",
     "dependencies": {},

packages/react-contentkit/CHANGELOG.md

@@ -1,13 +0,0 @@
-# @gitbook/react-contentkit
-
-## 0.2.0
-
-### Minor Changes
-
--   57adb3e: Second release to fix publishing with changeset
-
-## 0.1.0
-
-### Minor Changes
-
--   5f8a8fe: Initial release

packages/react-contentkit/package.json

@@ -1,10 +1,9 @@
 {
     "name": "@gitbook/react-contentkit",
-    "version": "0.2.0",
     "exports": "./src/index.ts",
     "dependencies": {
         "classnames": "^2.5.1",
-        "@gitbook/api": "^0.51.0",
+        "@gitbook/api": "^0.36.0",
         "assert-never": "^1.2.1"
     },
     "peerDependencies": {

packages/react-math/CHANGELOG.md

@@ -1,13 +0,0 @@
-# @gitbook/react-math
-
-## 0.2.0
-
-### Minor Changes
-
--   57adb3e: Second release to fix publishing with changeset
-
-## 0.1.0
-
-### Minor Changes
-
--   5f8a8fe: Initial release

packages/react-math/package.json

@@ -1,7 +1,6 @@
 {
     "name": "@gitbook/react-math",
     "exports": "./src/index.ts",
-    "version": "0.2.0",
     "dependencies": {
         "object-hash": "^3.0.0"
     },

packages/react-openapi/CHANGELOG.md

@@ -1,13 +0,0 @@
-# @gitbook/react-openapi
-
-## 0.2.0
-
-### Minor Changes
-
--   57adb3e: Second release to fix publishing with changeset
-
-## 0.1.0
-
-### Minor Changes
-
--   5f8a8fe: Initial release

packages/react-openapi/package.json

@@ -1,10 +1,9 @@
 {
     "name": "@gitbook/react-openapi",
     "exports": "./src/index.ts",
-    "version": "0.2.0",
     "dependencies": {
-        "@scalar/api-client-react": "^0.3.7",
-        "@scalar/oas-utils": "0.1.6",
+        "@scalar/api-client-react": "^0.2.9",
+        "@scalar/oas-utils": "0.1.1",
         "classnames": "^2.5.1",
         "flatted": "^3.2.9",
         "openapi-types": "^12.1.3",

packages/react-openapi/src/OpenAPIResponseExample.tsx

@@ -62,10 +62,7 @@ export function OpenAPIResponseExample(props: {
 
     return (
         <InteractiveSection header="Response" className="openapi-response-example">
-            <context.CodeBlock
-                code={typeof example === 'string' ? example : JSON.stringify(example, null, 2)}
-                syntax="json"
-            />
+            <context.CodeBlock code={JSON.stringify(example, null, 2)} syntax="json" />
         </InteractiveSection>
     );
 }

packages/react-openapi/src/OpenAPISchema.tsx

@@ -47,13 +47,6 @@ export function OpenAPISchemaProperty(
         ? null
         : getSchemaAlternatives(schema, new Set(circularRefs.keys()));
 
-    const shouldDisplayExample = (schema: OpenAPIV3.SchemaObject): boolean => {
-        return (
-            typeof schema.example === 'string' ||
-            typeof schema.example === 'number' ||
-            typeof schema.example === 'boolean'
-        );
-    };
     return (
         <InteractiveSection
             id={id}
@@ -99,11 +92,6 @@ export function OpenAPISchemaProperty(
                             className="openapi-schema-description"
                         />
                     ) : null}
-                    {shouldDisplayExample(schema) ? (
-                        <span className="openapi-schema-example">
-                            Example: <code>{JSON.stringify(schema.example)}</code>
-                        </span>
-                    ) : null}
                 </div>
             }
         >
@@ -182,8 +170,6 @@ export function OpenAPIRootSchema(props: {
 
 /**
  * Render a tab for an alternative schema.
- * It renders directly the properties if relevant;
- * for primitives, it renders the schema itself.
  */
 function OpenAPISchemaAlternative(props: {
     schema: OpenAPIV3.SchemaObject;
@@ -192,13 +178,12 @@ function OpenAPISchemaAlternative(props: {
 }) {
     const { schema, circularRefs, context } = props;
     const id = useId();
-    const subProperties = getSchemaProperties(schema);
 
     return (
         <OpenAPISchemaProperties
             id={id}
-            properties={subProperties ?? [{ schema }]}
-            circularRefs={subProperties ? new Map(circularRefs).set(schema, id) : circularRefs}
+            properties={getSchemaProperties(schema) ?? []}
+            circularRefs={new Map(circularRefs).set(schema, id)}
             context={context}
         />
     );

packages/react-openapi/src/OpenAPISpec.tsx

@@ -48,7 +48,6 @@ export function OpenAPISpec(props: { rawData: any; context: OpenAPIClientContext
                                 // Description of the parameter is defined at the parameter level
                                 // we use display it if the schema doesn't override it
                                 description: parameter.description,
-                                example: parameter.example,
                                 ...(noReference(parameter.schema) ?? {}),
                             },
                             required: parameter.required,

packages/react-openapi/src/ScalarApiButton.tsx

@@ -7,7 +7,6 @@ import {
     getRequestFromOperation,
     Query,
     Header,
-    RequestBody,
 } from '@scalar/oas-utils';
 import React from 'react';
 
@@ -99,15 +98,7 @@ export function ScalarApiClient(props: { children: React.ReactNode }) {
             {
                 url: operationData.path,
             },
-            getRequestFromOperation(
-                {
-                    ...operation,
-                    information: {
-                        requestBody: operationData.operation.requestBody as RequestBody,
-                    },
-                },
-                { requiredOnly: false },
-            ),
+            getRequestFromOperation(operation, { requiredOnly: false }),
         );
 
         return {

packages/react-openapi/src/generateSchemaExample.ts

@@ -19,7 +19,7 @@ export function generateSchemaExample(
         return undefined;
     }
 
-    if (typeof schema.example !== 'undefined') {
+    if (schema.example) {
         return schema.example;
     }
 

sentry.client.config.ts

@@ -1,15 +1,8 @@
-import {
-    BrowserClient,
-    makeFetchTransport,
-    defaultStackParser,
-    getCurrentScope,
-} from '@sentry/nextjs';
+import * as Sentry from '@sentry/nextjs';
 
 const dsn = process.env.SENTRY_DSN;
 if (dsn) {
-    // To tree shake default integrations that we don't use
-    // https://docs.sentry.io/platforms/javascript/guides/nextjs/configuration/tree-shaking/#tree-shaking-default-integrations
-    const client = new BrowserClient({
+    Sentry.init({
         debug: false,
         dsn,
         integrations: [],
@@ -18,10 +11,5 @@ if (dsn) {
         beforeSendTransaction: () => {
             return null;
         },
-        transport: makeFetchTransport,
-        stackParser: defaultStackParser,
     });
-
-    getCurrentScope().setClient(client);
-    client.init();
 }

sentry.edge.config.ts

@@ -1,13 +1,11 @@
-import { init } from '@sentry/nextjs';
+import * as Sentry from '@sentry/nextjs';
 
 const dsn = process.env.SENTRY_DSN;
 if (dsn) {
-    init({
+    Sentry.init({
         debug: false,
         dsn,
 
-        sampleRate: 0.1,
-
         // Disable tracing as it creates additional requests in an env where subrequests are limited.
         enableTracing: false,
 

sentry.server.config.ts

@@ -1,13 +1,11 @@
-import { init } from '@sentry/nextjs';
+import * as Sentry from '@sentry/nextjs';
 
 const dsn = process.env.SENTRY_DSN;
 if (dsn) {
-    init({
+    Sentry.init({
         debug: false,
         dsn,
 
-        sampleRate: 0.1,
-
         // Disable tracing as it creates additional requests in an env where subrequests are limited.
         enableTracing: false,
 

src/app/(global)/~gitbook/image/route.ts

@@ -1,12 +1,6 @@
 import { NextRequest } from 'next/server';
 
-import {
-    verifyImageSignature,
-    resizeImage,
-    CloudflareImageOptions,
-    checkIsSizableImageURL,
-} from '@/lib/images';
-import { parseImageAPIURL } from '@/lib/urls';
+import { verifyImageSignature, resizeImage, CloudflareImageOptions } from '@/lib/images';
 
 export const runtime = 'edge';
 
@@ -16,32 +10,21 @@ export const runtime = 'edge';
  * Fetch and resize an image.
  */
 export async function GET(request: NextRequest) {
-    let urlParam = request.nextUrl.searchParams.get('url');
+    const url = request.nextUrl.searchParams.get('url');
     const signature = request.nextUrl.searchParams.get('sign');
-    // The current signature algorithm sets version as 1, but we need to support the older version as well
-    // for previously generated content. In this case, we default to version 0.
-    const signatureVersion = (request.nextUrl.searchParams.get('sv') as '1') || '0';
-    if (!urlParam || !signature) {
+    if (!url || !signature) {
         return new Response('Missing url/sign parameters', { status: 400 });
     }
 
-    const url = parseImageAPIURL(urlParam);
-
     // Prevent infinite loops
     if (url.includes('/~gitbook/image')) {
         return new Response('Invalid url parameter', { status: 400 });
     }
 
-    // Check again if the image can be sized, even though we checked when rendering the Image component
-    // Otherwise, it's possible to pass just any link to this endpoint and trigger HTML injection on the domain
-    if (!checkIsSizableImageURL(url)) {
-        return new Response('Invalid url parameter', { status: 400 });
-    }
-
     // Verify the signature
-    const verified = await verifyImageSignature(url, { signature, version: signatureVersion });
+    const verified = await verifyImageSignature(url, signature);
     if (!verified) {
-        return new Response(`Invalid signature "${signature ?? ''}" for "${url}"`, { status: 400 });
+        return new Response('Invalid signature', { status: 400 });
     }
 
     // Cloudflare-specific options are in the cf object.

src/app/(space)/(content)/[[...pathname]]/PageClientLayout.tsx

@@ -1,8 +1,5 @@
 'use client';
 
-import { usePathname, useRouter, useSearchParams } from 'next/navigation';
-import React from 'react';
-
 import { useScrollToHash } from '@/components/hooks';
 
 /**
@@ -12,29 +9,5 @@ export function PageClientLayout(props: {}) {
     // We use this hook in the page layout to ensure the elements for the blocks
     // are rendered before we scroll to the hash.
     useScrollToHash();
-
-    useStripFallbackQueryParam();
     return null;
 }
-
-/**
- * Strip the fallback query parameter from current URL.
- *
- * When the user switches variants using the space dropdown, we pass a fallback=true parameter.
- * This parameter indicates that we should redirect to the root page if the path from the
- * previous variant doesn't exist in the new variant. If the path does exist, no redirect occurs,
- * so we need to remove the fallback parameter.
- */
-function useStripFallbackQueryParam() {
-    const router = useRouter();
-    const pathname = usePathname();
-    const searchParams = useSearchParams();
-
-    React.useEffect(() => {
-        if (searchParams.has('fallback')) {
-            const params = new URLSearchParams(searchParams.toString());
-            params.delete('fallback');
-            router.push(`${pathname}?${params.toString()}${window.location.hash ?? ''}`);
-        }
-    }, [router, pathname, searchParams]);
-}

src/app/(space)/(content)/[[...pathname]]/not-found.tsx

@@ -1,14 +1,11 @@
 import { getSpaceLanguage, t } from '@/intl/server';
-import { getCurrentSiteLayoutData, getSpaceLayoutData } from '@/lib/api';
+import { getSpaceLayoutData } from '@/lib/api';
 import { tcls } from '@/lib/tailwind';
 
 import { getContentPointer } from '../../fetch';
 
 export default async function NotFound() {
-    const pointer = getContentPointer();
-    const { customization } = await ('siteId' in pointer
-        ? getCurrentSiteLayoutData(pointer)
-        : getSpaceLayoutData(pointer.spaceId));
+    const { customization } = await getSpaceLayoutData(getContentPointer().spaceId);
 
     const language = getSpaceLanguage(customization);
 

src/app/(space)/(content)/[[...pathname]]/page.tsx

@@ -6,10 +6,9 @@ import React from 'react';
 import { PageAside } from '@/components/PageAside';
 import { PageBody, PageCover } from '@/components/PageBody';
 import { PageHrefContext, absoluteHref, pageHref } from '@/lib/links';
-import { getPagePath, resolveFirstDocument } from '@/lib/pages';
+import { getPagePath } from '@/lib/pages';
 import { ContentRefContext } from '@/lib/references';
 import { tcls } from '@/lib/tailwind';
-import { getContentTitle } from '@/lib/utils';
 
 import { PageClientLayout } from './PageClientLayout';
 import { PagePathParams, fetchPageData, getPathnameParam, normalizePathname } from '../../fetch';
@@ -19,29 +18,14 @@ export const runtime = 'edge';
 /**
  * Fetch and render a page.
  */
-export default async function Page(props: {
-    params: PagePathParams;
-    searchParams: { fallback?: string };
-}) {
-    const { params, searchParams } = props;
+export default async function Page(props: { params: PagePathParams }) {
+    const { params } = props;
 
-    const {
-        content: contentPointer,
-        contentTarget,
-        space,
-        parent,
-        customization,
-        pages,
-        page,
-        document,
-    } = await getPageDataWithFallback({
-        pagePathParams: params,
-        searchParams,
-        redirectOnFallback: true,
-    });
-
-    const linksContext: PageHrefContext = {};
     const rawPathname = getPathnameParam(params);
+    const { contentTarget, space, customization, pages, page, document } =
+        await fetchPageData(params);
+    const linksContext: PageHrefContext = {};
+
     if (!page) {
         const pathname = normalizePathname(rawPathname);
         if (pathname !== rawPathname) {
@@ -78,7 +62,6 @@ export default async function Page(props: {
             <div className={tcls('flex', 'flex-row')}>
                 <PageBody
                     space={space}
-                    contentPointer={contentPointer}
                     contentTarget={contentTarget}
                     customization={customization}
                     context={contentRefContext}
@@ -92,7 +75,6 @@ export default async function Page(props: {
                 {page.layout.outline ? (
                     <PageAside
                         space={space}
-                        site={parent?.object === 'site' ? parent : undefined}
                         customization={customization}
                         page={page}
                         document={document}
@@ -121,24 +103,14 @@ export async function generateViewport({ params }: { params: PagePathParams }):
     };
 }
 
-export async function generateMetadata({
-    params,
-    searchParams,
-}: {
-    params: PagePathParams;
-    searchParams: { fallback?: string };
-}): Promise<Metadata> {
-    const { space, pages, page, customization, parent } = await getPageDataWithFallback({
-        pagePathParams: params,
-        searchParams,
-    });
-
+export async function generateMetadata({ params }: { params: PagePathParams }): Promise<Metadata> {
+    const { space, pages, page, customization, collection } = await fetchPageData(params);
     if (!page) {
         notFound();
     }
 
     return {
-        title: [page.title, getContentTitle(space, customization, parent)]
+        title: [page.title, customization.title ?? space.title, collection?.title]
             .filter(Boolean)
             .join(' | '),
         description: page.description ?? '',
@@ -153,34 +125,3 @@ export async function generateMetadata({
         },
     };
 }
-
-/**
- * Fetches the page data matching the requested pathname and fallback to root page when page is not found.
- */
-async function getPageDataWithFallback(args: {
-    pagePathParams: PagePathParams;
-    searchParams: { fallback?: string };
-    redirectOnFallback?: boolean;
-}) {
-    const { pagePathParams, searchParams, redirectOnFallback = false } = args;
-
-    const { pages, page: targetPage, ...otherPageData } = await fetchPageData(pagePathParams);
-
-    let page = targetPage;
-    const canFallback = !!searchParams.fallback;
-    if (!page && canFallback) {
-        const rootPage = resolveFirstDocument(pages, []);
-
-        if (redirectOnFallback && rootPage?.page) {
-            redirect(pageHref(pages, rootPage?.page));
-        }
-
-        page = rootPage?.page;
-    }
-
-    return {
-        ...otherPageData,
-        pages,
-        page,
-    };
-}

src/app/(space)/(content)/layout.tsx

@@ -8,13 +8,10 @@ import { AdminToolbar } from '@/components/AdminToolbar';
 import { CookiesToast } from '@/components/Cookies';
 import { LoadIntegrations } from '@/components/Integrations';
 import { SpaceLayout } from '@/components/SpaceLayout';
-import { api } from '@/lib/api';
-import { assetsDomain } from '@/lib/assets';
 import { buildVersion } from '@/lib/build';
 import { getContentSecurityPolicyNonce } from '@/lib/csp';
 import { absoluteHref, baseUrl } from '@/lib/links';
 import { shouldIndexSpace } from '@/lib/seo';
-import { getContentTitle } from '@/lib/utils';
 
 import { ClientContexts } from './ClientContexts';
 import { RocketLoaderDetector } from './RocketLoaderDetector';
@@ -35,17 +32,12 @@ export default async function ContentLayout(props: { children: React.ReactNode }
         contentTarget,
         customization,
         pages,
-        parent,
-        spaces,
+        collection,
+        collectionSpaces,
         ancestors,
         scripts,
     } = await fetchSpaceData();
 
-    ReactDOM.preconnect(api().endpoint);
-    if (assetsDomain) {
-        ReactDOM.preconnect(assetsDomain);
-    }
-
     scripts.forEach(({ script }) => {
         ReactDOM.preload(script, {
             as: 'script',
@@ -64,8 +56,8 @@ export default async function ContentLayout(props: { children: React.ReactNode }
             <SpaceLayout
                 space={space}
                 contentTarget={contentTarget}
-                parent={parent}
-                spaces={spaces}
+                collection={collection}
+                collectionSpaces={collectionSpaces}
                 customization={customization}
                 pages={pages}
                 ancestors={ancestors}
@@ -108,11 +100,11 @@ export async function generateViewport(): Promise<Viewport> {
 }
 
 export async function generateMetadata(): Promise<Metadata> {
-    const { space, parent, customization } = await fetchSpaceData();
+    const { space, collection, customization } = await fetchSpaceData();
     const customIcon = 'icon' in customization.favicon ? customization.favicon.icon : null;
 
     return {
-        title: getContentTitle(space, customization, parent),
+        title: `${collection ? collection.title : customization.title ?? space.title}`,
         generator: `GitBook (${buildVersion()})`,
         metadataBase: new URL(baseUrl()),
         icons: {
@@ -133,7 +125,7 @@ export async function generateMetadata(): Promise<Metadata> {
                 },
             ],
         },
-        robots: shouldIndexSpace({ space, parent }) ? 'index, follow' : 'noindex, nofollow',
+        robots: shouldIndexSpace({ space, collection }) ? 'index, follow' : 'noindex, nofollow',
     };
 }
 

src/app/(space)/(core)/robots.txt/route.ts

@@ -1,7 +1,7 @@
 import { ContentVisibility } from '@gitbook/api';
 import { NextRequest } from 'next/server';
 
-import { getCollection, getSite, getSpace } from '@/lib/api';
+import { getCollection, getSpace } from '@/lib/api';
 import { absoluteHref } from '@/lib/links';
 import { shouldIndexSpace } from '@/lib/seo';
 
@@ -13,19 +13,16 @@ export const runtime = 'edge';
  * Generate a robots.txt for the current space.
  */
 export async function GET(req: NextRequest) {
-    const pointer = getContentPointer();
-    const space = await getSpace(pointer.spaceId);
-    const parent =
-        'siteId' in pointer
-            ? await getSite(pointer.organizationId, pointer.siteId)
-            : space.visibility === ContentVisibility.InCollection && space.parent
+    const space = await getSpace(getContentPointer().spaceId);
+    const collection =
+        space.visibility === ContentVisibility.InCollection && space.parent
             ? await getCollection(space.parent)
             : null;
 
     const lines = [
         `User-agent: *`,
         'Disallow: /~gitbook/',
-        ...(shouldIndexSpace({ space, parent })
+        ...(shouldIndexSpace({ space, collection })
             ? [`Allow: /`, `Sitemap: ${absoluteHref(`/sitemap.xml`, true)}`]
             : [`Disallow: /`]),
     ];

src/app/(space)/(core)/~gitbook/icon/route.tsx

@@ -5,16 +5,9 @@ import { NextRequest } from 'next/server';
 import React from 'react';
 
 import { getContentPointer } from '@/app/(space)/fetch';
-import {
-    getCollection,
-    getCurrentSiteCustomization,
-    getSite,
-    getSpace,
-    getSpaceCustomization,
-} from '@/lib/api';
+import { getCollection, getSpace, getSpaceCustomization } from '@/lib/api';
 import { getEmojiForCode } from '@/lib/emojis';
 import { tcls } from '@/lib/tailwind';
-import { getContentTitle } from '@/lib/utils';
 
 export const runtime = 'edge';
 
@@ -42,20 +35,17 @@ export async function GET(req: NextRequest) {
     const options = getOptions(req.url);
     const size = SIZES[options.size];
 
-    const pointer = getContentPointer();
-    const spaceId = pointer.spaceId;
+    const spaceId = getContentPointer().spaceId;
 
     const [space, customization] = await Promise.all([
         getSpace(spaceId),
-        'siteId' in pointer ? getCurrentSiteCustomization(pointer) : getSpaceCustomization(spaceId),
+        getSpaceCustomization(spaceId),
     ]);
-    const parent =
-        'siteId' in pointer
-            ? await getSite(pointer.organizationId, pointer.siteId)
-            : space.visibility === ContentVisibility.InCollection && space.parent
+    const collection =
+        space.visibility === ContentVisibility.InCollection && space.parent
             ? await getCollection(space.parent)
             : null;
-    const contentTitle = getContentTitle(space, customization, parent);
+    const contentTitle = collection?.title ?? customization.title ?? space.title;
 
     return new ImageResponse(
         (

src/app/(space)/(core)/~gitbook/ogimage/[pageId]/route.tsx

@@ -3,8 +3,6 @@ import { ImageResponse } from 'next/og';
 import { NextRequest } from 'next/server';
 import React from 'react';
 
-import { getContentTitle } from '@/lib/utils';
-
 import { PageIdParams, fetchPageData } from '../../../../fetch';
 
 export const runtime = 'edge';
@@ -13,7 +11,7 @@ export const runtime = 'edge';
  * Render the OpenGraph image for a space.
  */
 export async function GET(req: NextRequest, { params }: { params: PageIdParams }) {
-    const { space, page, customization, parent } = await fetchPageData(params);
+    const { space, page, customization, collection } = await fetchPageData(params);
     const url = new URL(space.urls.published ?? space.urls.app);
 
     if (customization.socialPreview.url) {
@@ -33,7 +31,7 @@ export async function GET(req: NextRequest, { params }: { params: PageIdParams }
                 }}
             >
                 <h2 tw="text-7xl font-bold tracking-tight text-left">
-                    {getContentTitle(space, customization, parent)}
+                    {collection?.title ?? customization.title ?? space.title}
                 </h2>
                 <div tw="flex flex-1">
                     <p tw="text-4xl">{page ? page.title : 'Not found'}</p>

src/app/(space)/(core)/~gitbook/pdf/page.tsx

@@ -4,8 +4,6 @@ import {
     Revision,
     RevisionPageDocument,
     RevisionPageGroup,
-    RevisionPageLink,
-    SiteCustomizationSettings,
     Space,
 } from '@gitbook/api';
 import { Metadata } from 'next';
@@ -13,18 +11,12 @@ import { notFound } from 'next/navigation';
 import * as React from 'react';
 
 import { getContentPointer } from '@/app/(space)/fetch';
-import { DocumentView, createHighlightingContext } from '@/components/DocumentView';
+import { DocumentView } from '@/components/DocumentView';
 import { TrademarkLink } from '@/components/TableOfContents/Trademark';
 import { PolymorphicComponentProp } from '@/components/utils/types';
 import { getSpaceLanguage } from '@/intl/server';
 import { tString } from '@/intl/translate';
-import {
-    getDocument,
-    getSpace,
-    getSpaceCustomization,
-    getSpaceContentData,
-    getCurrentSiteCustomization,
-} from '@/lib/api';
+import { getDocument, getSpace, getSpaceCustomization, getSpaceContentData } from '@/lib/api';
 import { pagePDFContainerId, PageHrefContext, absoluteHref } from '@/lib/links';
 import { resolvePageId } from '@/lib/pages';
 import { ContentRefContext, resolveContentRef } from '@/lib/references';
@@ -43,9 +35,7 @@ export async function generateMetadata(): Promise<Metadata> {
     const contentPointer = getContentPointer();
     const [space, customization] = await Promise.all([
         getSpace(contentPointer.spaceId),
-        'siteId' in contentPointer
-            ? getCurrentSiteCustomization(contentPointer)
-            : getSpaceCustomization(contentPointer.spaceId),
+        getSpaceCustomization(contentPointer.spaceId),
     ]);
 
     return {
@@ -69,9 +59,7 @@ export default async function PDFHTMLOutput(props: { searchParams: { [key: strin
 
     // Load the content,
     const [customization, { space, contentTarget, pages: rootPages }] = await Promise.all([
-        'siteId' in contentPointer
-            ? getCurrentSiteCustomization(contentPointer)
-            : getSpaceCustomization(contentPointer.spaceId),
+        getSpaceCustomization(contentPointer.spaceId),
         getSpaceContentData(contentPointer),
     ]);
     const language = getSpaceLanguage(customization);
@@ -184,10 +172,7 @@ export default async function PDFHTMLOutput(props: { searchParams: { [key: strin
     );
 }
 
-async function PDFSpaceIntro(props: {
-    space: Space;
-    customization: CustomizationSettings | SiteCustomizationSettings;
-}) {
+async function PDFSpaceIntro(props: { space: Space; customization: CustomizationSettings }) {
     const { space, customization } = props;
 
     return (
@@ -231,7 +216,6 @@ async function PDFPageDocument(props: {
     const { space, page, refContext } = props;
 
     const document = page.documentId ? await getDocument(space.id, page.documentId) : null;
-    const shouldHighlightCode = createHighlightingContext();
 
     return (
         <PrintPage id={pagePDFContainerId(page)}>
@@ -254,7 +238,6 @@ async function PDFPageDocument(props: {
                         contentRefContext: refContext,
                         resolveContentRef: (ref) => resolveContentRef(ref, refContext),
                         getId: (id) => pagePDFContainerId(page, id),
-                        shouldHighlightCode,
                     }}
                 />
             ) : null}
@@ -314,17 +297,9 @@ function selectPages(
     ): FlatPageEntry[] => {
         return [
             { page, depth },
-            ...page.pages.flatMap((child) => {
-                if (child.type === 'link') {
-                    return [];
-                }
-
-                if (child.hidden) {
-                    return [];
-                }
-
-                return flattenPage(child, depth + 1);
-            }),
+            ...page.pages.flatMap((child) =>
+                child.type === 'link' ? [] : flattenPage(child, depth + 1),
+            ),
         ];
     };
 
@@ -349,16 +324,8 @@ function selectPages(
         return limitTo(flattenPage(found.page, 0));
     }
 
-    const allPages = rootPages.flatMap((page) => {
-        if (page.type === 'link') {
-            return [];
-        }
-
-        if (page.hidden) {
-            return [];
-        }
-
-        return flattenPage(page, 0);
-    });
+    const allPages = rootPages.flatMap((page) =>
+        page.type === 'link' ? [] : flattenPage(page, 0),
+    );
     return limitTo(allPages);
 }

src/app/(space)/error.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { captureException } from '@sentry/nextjs';
+import * as Sentry from '@sentry/nextjs';
 import React from 'react';
 
 import { Button } from '@/components/primitives/Button';
@@ -15,7 +15,7 @@ export default function ErrorPage(props: {
     const language = useLanguage();
 
     React.useEffect(() => {
-        captureException(error);
+        Sentry.captureException(error);
     }, [error]);
 
     return (

src/app/(space)/fetch.ts

@@ -9,10 +9,6 @@ import {
     getDocument,
     getSpaceData,
     ContentTarget,
-    SiteContentPointer,
-    getCurrentSiteData,
-    getSite,
-    getSiteSpaces,
 } from '@/lib/api';
 import { resolvePagePath, resolvePageId } from '@/lib/pages';
 
@@ -27,7 +23,7 @@ export interface PageIdParams {
 /**
  * Get the current content pointer from the params.
  */
-export function getContentPointer(): ContentPointer | SiteContentPointer {
+export function getContentPointer() {
     const headerSet = headers();
     const spaceId = headerSet.get('x-gitbook-content-space');
     if (!spaceId) {
@@ -36,33 +32,13 @@ export function getContentPointer(): ContentPointer | SiteContentPointer {
         );
     }
 
-    const siteId = headerSet.get('x-gitbook-content-site');
-    if (siteId) {
-        const organizationId = headerSet.get('x-gitbook-content-organization');
-        const siteSpaceId = headerSet.get('x-gitbook-content-site-space');
-        const siteShareKey = headerSet.get('x-gitbook-content-site-share-key');
-        if (!organizationId) {
-            throw new Error('Missing site content headers');
-        }
-
-        const siteContent: SiteContentPointer = {
-            siteId,
-            spaceId,
-            siteSpaceId: siteSpaceId ?? undefined,
-            siteShareKey: siteShareKey ?? undefined,
-            organizationId,
-            revisionId: headerSet.get('x-gitbook-content-revision') ?? undefined,
-            changeRequestId: headerSet.get('x-gitbook-content-changerequest') ?? undefined,
-        };
-        return siteContent;
-    } else {
     const content: ContentPointer = {
         spaceId,
         revisionId: headerSet.get('x-gitbook-content-revision') ?? undefined,
         changeRequestId: headerSet.get('x-gitbook-content-changerequest') ?? undefined,
     };
+
     return content;
-    }
 }
 
 /**
@@ -70,21 +46,8 @@ export function getContentPointer(): ContentPointer | SiteContentPointer {
  */
 export async function fetchSpaceData() {
     const content = getContentPointer();
-
-    const [{ space, contentTarget, pages, customization, scripts }, parentSite] = await Promise.all(
-        'siteId' in content
-            ? [
-                  getCurrentSiteData(content),
-                  fetchParentSite({
-                      organizationId: content.organizationId,
-                      siteId: content.siteId,
-                      siteShareKey: content.siteShareKey,
-                  }),
-              ]
-            : [getSpaceData(content)],
-    );
-
-    const parent = await (parentSite ?? fetchParentCollection(space));
+    const { space, contentTarget, pages, customization, scripts } = await getSpaceData(content);
+    const collection = await fetchParentCollection(space);
 
     return {
         content,
@@ -94,7 +57,7 @@ export async function fetchSpaceData() {
         customization,
         scripts,
         ancestors: [],
-        ...parent,
+        ...collection,
     };
 }
 
@@ -104,19 +67,11 @@ export async function fetchSpaceData() {
  */
 export async function fetchPageData(params: PagePathParams | PageIdParams) {
     const content = getContentPointer();
-    const { space, contentTarget, pages, customization, scripts } = await ('siteId' in content
-        ? getCurrentSiteData(content)
-        : getSpaceData(content));
+    const { space, contentTarget, pages, customization, scripts } = await getSpaceData(content);
 
     const page = await resolvePage(contentTarget, pages, params);
-    const [parent, document] = await Promise.all([
-        'siteId' in content
-            ? fetchParentSite({
-                  organizationId: content.organizationId,
-                  siteId: content.siteId,
-                  siteShareKey: content.siteShareKey,
-              })
-            : fetchParentCollection(space),
+    const [collection, document] = await Promise.all([
+        fetchParentCollection(space),
         page?.page.documentId ? getDocument(space.id, page.page.documentId) : null,
     ]);
 
@@ -129,7 +84,7 @@ export async function fetchPageData(params: PagePathParams | PageIdParams) {
         scripts,
         ancestors: [],
         ...page,
-        ...parent,
+        ...collection,
         document,
     };
 }
@@ -178,37 +133,12 @@ async function resolvePage(
 async function fetchParentCollection(space: Space) {
     const parentCollectionId =
         space.visibility === ContentVisibility.InCollection ? space.parent : undefined;
-    const [collection, spaces] = await Promise.all([
+    const [collection, collectionSpaces] = await Promise.all([
         parentCollectionId ? getCollection(parentCollectionId) : null,
         parentCollectionId ? getCollectionSpaces(parentCollectionId) : ([] as Space[]),
     ]);
 
-    return { parent: collection, spaces };
-}
-
-async function fetchParentSite(args: {
-    organizationId: string;
-    siteId: string;
-    siteShareKey: string | undefined;
-}) {
-    const { organizationId, siteId, siteShareKey } = args;
-    const [site, siteSpaces] = await Promise.all([
-        getSite(organizationId, siteId),
-        getSiteSpaces({ organizationId, siteId, siteShareKey }),
-    ]);
-
-    const spaces: Record<string, Space> = {};
-    siteSpaces.forEach((siteSpace) => {
-        spaces[siteSpace.space.id] = {
-            ...siteSpace.space,
-            urls: {
-                ...siteSpace.space.urls,
-                published: siteSpace.urls.published,
-            },
-        };
-    });
-
-    return { parent: site, spaces: Object.values(spaces) };
+    return { collection, collectionSpaces };
 }
 
 /**

src/app/(space)/layout.tsx

@@ -3,7 +3,6 @@ import {
     CustomizationCorners,
     CustomizationHeaderPreset,
     CustomizationSettings,
-    SiteCustomizationSettings,
 } from '@gitbook/api';
 import assertNever from 'assert-never';
 import colors from 'tailwindcss/colors';
@@ -11,7 +10,7 @@ import colors from 'tailwindcss/colors';
 import { emojiFontClassName } from '@/components/primitives';
 import { fonts, ibmPlexMono } from '@/fonts';
 import { getSpaceLanguage } from '@/intl/server';
-import { getCurrentSiteLayoutData, getSpaceLayoutData } from '@/lib/api';
+import { getSpaceLayoutData } from '@/lib/api';
 import { hexToRgb, shadesOfColor } from '@/lib/colors';
 import { tcls } from '@/lib/tailwind';
 
@@ -26,10 +25,7 @@ import { getContentPointer } from './fetch';
 export default async function SpaceRootLayout(props: { children: React.ReactNode }) {
     const { children } = props;
 
-    const pointer = getContentPointer();
-    const { customization } = await ('siteId' in pointer
-        ? getCurrentSiteLayoutData(pointer)
-        : getSpaceLayoutData(pointer.spaceId));
+    const { customization } = await getSpaceLayoutData(getContentPointer().spaceId);
     const headerTheme = generateHeaderTheme(customization);
     const language = getSpaceLanguage(customization);
 
@@ -124,7 +120,7 @@ function generateColorVariable(name: string, color: ColorInput) {
         .join('\n');
 }
 
-function generateHeaderTheme(customization: CustomizationSettings | SiteCustomizationSettings): {
+function generateHeaderTheme(customization: CustomizationSettings): {
     backgroundColor: { light: ColorInput; dark: ColorInput };
     linkColor: { light: ColorInput; dark: ColorInput };
 } {

src/app/global-error.tsx

@@ -1,12 +1,12 @@
 'use client';
 
-import { captureException } from '@sentry/nextjs';
+import * as Sentry from '@sentry/nextjs';
 import Error from 'next/error';
 import { useEffect } from 'react';
 
 export default function GlobalError({ error }: { error: Error }) {
     useEffect(() => {
-        captureException(error);
+        Sentry.captureException(error);
     }, [error]);
 
     return (

src/components/Ads/Ad.tsx

@@ -1,200 +0,0 @@
-'use client';
-
-import IconHeart from '@geist-ui/icons/heart';
-import * as React from 'react';
-
-import { ClassValue, tcls } from '@/lib/tailwind';
-
-import { AdClassicRendering } from './AdClassicRendering';
-import { AdCoverRendering } from './AdCoverRendering';
-import { AdItem, AdsResponse } from './types';
-
-/**
- * Fetch and render the Ad placement.
- * https://docs.buysellads.com/ad-serving-api
- */
-export function Ad({
-    zoneId,
-    spaceId,
-    placement,
-    ignore,
-    style,
-    mode = 'auto',
-}: {
-    zoneId: string;
-    spaceId: string;
-    placement: string;
-    ignore: boolean;
-    style?: ClassValue;
-    mode?: 'classic' | 'auto' | 'cover';
-}) {
-    const containerRef = React.useRef<HTMLDivElement>(null);
-    const [visible, setVisible] = React.useState(false);
-    const [failed, setFailed] = React.useState(false);
-    const [ad, setAd] = React.useState<AdItem | undefined>(undefined);
-
-    // Observe the container visibility
-    React.useEffect(() => {
-        if (!containerRef.current) {
-            return;
-        }
-
-        const observer = new IntersectionObserver(
-            ([entry]) => {
-                if (entry.isIntersecting) {
-                    setVisible(true);
-                }
-            },
-            {
-                root: null,
-                rootMargin: '0px',
-                threshold: 0.1,
-            },
-        );
-
-        observer.observe(containerRef.current);
-
-        return () => {
-            observer.disconnect();
-        };
-    }, []);
-
-    // When the container is visible,
-    // track an impression on the ad and fetch it
-    React.useEffect(() => {
-        if (!visible) {
-            return;
-        }
-
-        let cancelled = false;
-
-        (async () => {
-            const url = new URL(`https://srv.buysellads.com/ads/${zoneId}.json`);
-            url.searchParams.set('segment', `placement:${placement}`);
-            url.searchParams.set('v', 'true');
-            if (ignore) {
-                url.searchParams.set('ignore', 'true');
-            }
-
-            try {
-                const res = await fetch(url);
-                const json: AdsResponse = await res.json();
-
-                if (cancelled) {
-                    return;
-                }
-
-                const first = json.ads[0];
-                if (first && 'active' in first) {
-                    setAd(first);
-                }
-            } catch (error) {
-                console.error(
-                    'Failed to fetch ad, it might have been blocked by a ad-blocker',
-                    error,
-                );
-                setFailed(true);
-            }
-        })();
-
-        return () => {
-            cancelled = true;
-        };
-    }, [visible, zoneId, ignore, placement]);
-
-    const viaUrl = new URL('https://www.gitbook.com');
-    viaUrl.searchParams.set('utm_source', 'content');
-    viaUrl.searchParams.set('utm_medium', 'ads');
-    viaUrl.searchParams.set('utm_campaign', spaceId);
-
-    return (
-        <div ref={containerRef} className={tcls(style)}>
-            {ad && ad.description && ad.statlink ? (
-                <>
-                    {mode === 'classic' || !('callToAction' in ad) ? (
-                        <AdClassicRendering ad={ad} />
-                    ) : (
-                        <AdCoverRendering ad={ad} />
-                    )}
-                    {ad.pixel ? <AdPixels rawPixel={ad.pixel} /> : null}
-                    <p
-                        className={tcls(
-                            'mt-2',
-                            'mr-2',
-                            'text-xs',
-                            'text-right',
-                            'text-dark/5',
-                            'dark:text-light/5',
-                        )}
-                    >
-                        <a
-                            target="_blank"
-                            href={viaUrl.toString()}
-                            className={tcls('hover:underline')}
-                        >
-                            Ads via GitBook
-                        </a>
-                    </p>
-                </>
-            ) : failed ? (
-                <AdBlockerPlaceholder />
-            ) : null}
-        </div>
-    );
-}
-
-/**
- * Render attribution or verification pixels.
- * https://docs.buysellads.com/ad-serving-api#pixels
- */
-function AdPixels({ rawPixel }: { rawPixel: string }) {
-    const pixels = rawPixel.split('||');
-    const time = String(Math.round(Date.now() / 1e4) | 0);
-
-    return (
-        <div className={tcls('hidden')}>
-            {pixels.map((pixel, index) => {
-                return (
-                    <img
-                        key={index}
-                        src={pixel.replace('[timestamp]', time)}
-                        width="1"
-                        height="1"
-                        style={{ display: 'none' }}
-                        alt="Ads tracking pixel"
-                    />
-                );
-            })}
-        </div>
-    );
-}
-
-/**
- * Placeholder when visitor has an ad-blocker.
- */
-function AdBlockerPlaceholder() {
-    return (
-        <div
-            className={tcls(
-                'flex',
-                'flex-col',
-                'gap-3',
-                'bg-light-2',
-                'text-dark/7',
-                'dark:bg-dark-2',
-                'dark:text-light/7',
-                'rounded-lg',
-                'p-4',
-            )}
-        >
-            <div className={tcls('flex', 'flex-row', 'gap-2', 'items-center')}>
-                <IconHeart className={tcls('w-4', 'h-4', 'text-primary-500')} />
-                <p className={tcls('text-xs', 'font-semibold')}>Ad disabled</p>
-            </div>
-            <p className={tcls('text-xs')}>
-                {`It looks like you're using an adblocker. Whitelist this site to help support this
-                project.`}
-            </p>
-        </div>
-    );
-}

src/components/Ads/AdClassicRendering.tsx

@@ -1,47 +0,0 @@
-import * as React from 'react';
-
-import { tcls } from '@/lib/tailwind';
-
-import { AdItem } from './types';
-
-/**
- * Classic rendering for an ad.
- */
-export function AdClassicRendering({ ad }: { ad: AdItem }) {
-    return (
-        <a
-            className={tcls(
-                'flex',
-                'flex-col',
-                'gap-4',
-                'bg-light-2',
-                'text-dark/7',
-                'dark:bg-dark-2',
-                'dark:text-light/7',
-                'hover:text-dark/9',
-                'dark:hover:text-light/9',
-                'rounded-lg',
-                'p-4',
-            )}
-            href={ad.statlink}
-            rel="sponsored noopener"
-            target="_blank"
-        >
-            {'smallImage' in ad ? (
-                <div>
-                    <img alt="Ads logo" className={tcls('rounded-md')} src={ad.smallImage} />
-                </div>
-            ) : (
-                <div
-                    className={tcls('px-6', 'py-4', 'rounded-md')}
-                    style={{ backgroundColor: ad.backgroundColor }}
-                >
-                    <img alt="Ads logo" src={ad.logo} />
-                </div>
-            )}
-            <div className={tcls('flex', 'flex-col')}>
-                <div className={tcls('text-xs')}>{ad.description}</div>
-            </div>
-        </a>
-    );
-}

src/components/Ads/AdCoverRendering.tsx

@@ -1,108 +0,0 @@
-import * as React from 'react';
-
-import { hexToRgba } from '@/lib/colors';
-import { tcls } from '@/lib/tailwind';
-
-import { AdCover } from './types';
-
-/**
- * Cover rendering for an ad.
- */
-export function AdCoverRendering({ ad }: { ad: AdCover }) {
-    return (
-        <a
-            className={tcls(
-                'group/ad',
-                'relative',
-                'flex',
-                'flex-col',
-                'gap-4',
-                'bg-light-2',
-                'text-dark/7',
-                'dark:bg-dark-2',
-                'dark:text-light/7',
-                'hover:text-dark/9',
-                'dark:hover:text-light/9',
-                'rounded-lg',
-                'p-4',
-                'overflow-hidden',
-                'shadow-sm',
-            )}
-            style={{ backgroundColor: ad.backgroundColor, color: ad.textColor ?? '#ffffff' }}
-            href={ad.statlink}
-            rel="sponsored noopener"
-            target="_blank"
-        >
-            <div
-                className={tcls(
-                    'absolute',
-                    'inset-0',
-                    'bg-center',
-                    'bg-cover',
-                    'bg-no-repeat',
-                    'z-0',
-                )}
-                style={{
-                    backgroundImage: `url(${ad.largeImage})`,
-                }}
-            />
-
-            <div className={tcls('z-[2]')}>
-                <img
-                    alt="Large image"
-                    src={ad.largeImage}
-                    className={tcls(
-                        'rounded-md',
-                        'shadow-md',
-                        'max-h-32',
-                        'group-hover/ad:max-h-16',
-                        'transition-all',
-                    )}
-                />
-            </div>
-            <div className={tcls('z-[2]')}>
-                <img alt={ad.company} src={ad.logo} className={tcls('max-w-36', 'max-h-12')} />
-            </div>
-            <div className={tcls('flex', 'flex-col', 'z-[2]')}>
-                <div className={tcls('text-sm', 'font-semibold', 'mb-2')}>{ad.companyTagline}</div>
-                <div
-                    className={tcls(
-                        'text-xs',
-                        'h-0',
-                        'opacity-0',
-                        'group-hover/ad:h-16',
-                        'group-hover/ad:opacity-10',
-                        'transition-all',
-                    )}
-                >
-                    {ad.description}
-                </div>
-            </div>
-            <div className={tcls('z-[2]')}>
-                <span
-                    className={tcls(
-                        'text-sm',
-                        'font-semibold',
-                        'shadow-lg',
-                        'rounded-md',
-                        'bg-white',
-                        'py-2',
-                        'px-4',
-                    )}
-                    style={{
-                        backgroundColor: ad.ctaBackgroundColor,
-                        color: ad.ctaTextColor ?? ad.backgroundColor,
-                    }}
-                >
-                    {ad.callToAction}
-                </span>
-            </div>
-            <div
-                className={tcls('absolute', 'inset-0', 'backdrop-blur', 'z-[1]')}
-                style={{
-                    backgroundColor: hexToRgba(ad.backgroundColor, 0.8),
-                }}
-            />
-        </a>
-    );
-}

src/components/Ads/index.ts

@@ -1 +0,0 @@
-export * from './Ad';

src/components/Ads/types.ts

@@ -1,51 +0,0 @@
-export interface AdGeneric {
-    active: string;
-    ad_via_link: string;
-    bannerid: string;
-    creativeid: string;
-    evenodd: string;
-    external_id: string;
-    height: string;
-    i: string;
-    identifier: string;
-    longimp: string;
-    longlink: string;
-    num_slots: string;
-    statimp: string;
-    statlink: string;
-    timestamp: string;
-    width: string;
-    zoneid: string;
-    zonekey: string;
-    rendering: 'carbon';
-    pixel?: string;
-}
-
-export interface AdClassic extends AdGeneric {
-    description: string;
-    smallImage: string;
-}
-
-export interface AdCover extends AdGeneric {
-    backgroundColor: string;
-    backgroundHoverColor?: string;
-    textColor?: string;
-    textColorHover?: string;
-    callToAction: string;
-    company: string;
-    companyTagline: string;
-    description: string;
-    largeImage: string;
-    image?: string;
-    logo: string;
-    ctaBackgroundColor?: string;
-    ctaBackgroundHoverColor?: string;
-    ctaTextColor?: string;
-    ctaTextColorHover?: string;
-}
-
-export type AdItem = AdClassic | AdCover;
-
-export interface AdsResponse {
-    ads: Array<AdItem | {}>;
-}

src/components/Cookies/CookiesToast.tsx

@@ -76,7 +76,6 @@ export function CookiesToast(props: { privacyPolicy?: string }) {
             </p>
             <button
                 onClick={() => setShow(false)}
-                aria-label={tString(language, 'cookies_close')}
                 className={tcls(
                     'absolute',
                     'top-3',
@@ -98,7 +97,6 @@ export function CookiesToast(props: { privacyPolicy?: string }) {
                 <Button
                     variant="primary"
                     size="small"
-                    aria-label={tString(language, 'cookies_accept')}
                     onClick={() => {
                         onUpdateState(true);
                     }}
@@ -108,7 +106,6 @@ export function CookiesToast(props: { privacyPolicy?: string }) {
                 <Button
                     variant="secondary"
                     size="small"
-                    aria-label={tString(language, 'cookies_reject')}
                     onClick={() => {
                         onUpdateState(false);
                     }}

src/components/DocumentView/BlockContentRef.tsx

@@ -1,72 +1,27 @@
 import { DocumentBlockContentRef } from '@gitbook/api';
 
-import { LogoIcon } from '@/components/icons';
 import { Card, Emoji } from '@/components/primitives';
-import { getSpaceCustomization, ignoreAPIError } from '@/lib/api';
-import { ResolvedContentRef } from '@/lib/references';
 
 import { BlockProps } from './Block';
 
 export async function BlockContentRef(props: BlockProps<DocumentBlockContentRef>) {
     const { block, context, style } = props;
+    const kind = block?.data?.ref?.kind;
 
     const resolved = await context.resolveContentRef(block.data.ref, {
         resolveAnchorText: true,
     });
-
     if (!resolved) {
         return null;
     }
 
-    const isContentInOtherSpace =
-        context.contentRefContext?.space &&
-        'space' in block.data.ref &&
-        context.contentRefContext.space.id !== block.data.ref.space;
-    const kind = block?.data?.ref?.kind;
-    if ((resolved.active && kind === 'space') || isContentInOtherSpace) {
-        return <SpaceRefCard {...props} resolved={resolved} />;
-    }
-
     return (
         <Card
-            leadingIcon={resolved.emoji ? <Emoji code={resolved.emoji} style="text-xl" /> : null}
+            leadingIcon={resolved.emoji ? <Emoji code={resolved.emoji} /> : null}
             href={resolved.href}
+            preTitle={kind}
             title={resolved.text}
             style={style}
         />
     );
 }
-
-async function SpaceRefCard(
-    props: { resolved: ResolvedContentRef } & BlockProps<DocumentBlockContentRef>,
-) {
-    const { context, style, resolved } = props;
-    const spaceId = context.contentRefContext?.space.id;
-
-    if (!spaceId) {
-        return null;
-    }
-
-    const spaceCustomization = await ignoreAPIError(getSpaceCustomization(spaceId));
-    const customFavicon = spaceCustomization?.favicon;
-    const customEmoji = customFavicon && 'emoji' in customFavicon ? customFavicon.emoji : undefined;
-    const customIcon = customFavicon && 'icon' in customFavicon ? customFavicon.icon : undefined;
-
-    return (
-        <Card
-            leadingIcon={
-                <LogoIcon
-                    icon={customIcon}
-                    emoji={customEmoji}
-                    alt=""
-                    sizes={[{ width: 24 }]}
-                    style={['object-contain', 'size-6']}
-                />
-            }
-            href={resolved.href}
-            title={resolved.text}
-            postTitle={resolved.subText}
-            style={style}
-        />
-    );
-}

src/components/DocumentView/Blocks.tsx

@@ -34,15 +34,7 @@ export function Blocks<T extends DocumentBlock, Tag extends React.ElementType =
                 <Block
                     key={node.key}
                     block={node}
-                    style={[
-                        node.data && 'fullWidth' in node.data && node.data.fullWidth
-                            ? 'max-w-screen-xl'
-                            : 'max-w-3xl',
-                        'w-full',
-                        'mx-auto',
-                        'decoration-primary/6',
-                        blockStyle,
-                    ]}
+                    style={['max-w-3xl', 'w-full', 'mx-auto', 'decoration-primary/6', blockStyle]}
                     {...contextProps}
                 />
             ))}

src/components/DocumentView/CodeBlock/CodeBlock.tsx

@@ -3,7 +3,7 @@ import { DocumentBlockCode, JSONDocument } from '@gitbook/api';
 import { tcls } from '@/lib/tailwind';
 
 import { CopyCodeButton } from './CopyCodeButton';
-import { highlight, HighlightLine, HighlightToken, plainHighlighting } from './highlight';
+import { highlight, HighlightLine, HighlightToken } from './highlight';
 import { BlockProps } from '../Block';
 import { DocumentContext } from '../DocumentView';
 import { Inline } from '../Inline';
@@ -15,14 +15,16 @@ import './theme.css';
  */
 export async function CodeBlock(props: BlockProps<DocumentBlockCode>) {
     const { block, document, style, context } = props;
-    const withHighlighting = context.shouldHighlightCode(context.content?.spaceId);
-    const lines = withHighlighting ? await highlight(block) : plainHighlighting(block);
+    const lines = await highlight(block);
 
     const id = block.key!;
 
     const withLineNumbers = !!block.data.lineNumbers && block.nodes.length > 1;
     const withWrap = block.data.overflow === 'wrap';
     const title = block.data.title;
+    const fullWidth = block.data.fullWidth;
+
+    const fullWidthStyle = fullWidth ? 'max-w-4xl' : 'max-w-3xl';
     const titleRoundingStyle = [
         'rounded-md',
         'straight-corners:rounded-sm',
@@ -30,7 +32,7 @@ export async function CodeBlock(props: BlockProps<DocumentBlockCode>) {
     ];
 
     return (
-        <div className={tcls('group/codeblock', 'grid', 'grid-flow-col', style)}>
+        <div className={tcls('group/codeblock', 'grid', 'grid-flow-col', fullWidthStyle, style)}>
             <div
                 className={tcls(
                     'flex',

src/components/DocumentView/CodeBlock/PlainCodeBlock.tsx

@@ -50,7 +50,6 @@ export function PlainCodeBlock(props: { code: string; syntax: string }) {
                 mode: 'default',
                 contentRefContext: null,
                 resolveContentRef: async () => null,
-                shouldHighlightCode: () => true,
             }}
             block={block}
             ancestorBlocks={[]}

src/components/DocumentView/CodeBlock/createHighlightingContext.ts

@@ -1,30 +0,0 @@
-const CODE_HIGHLIGHT_BLOCK_LIMIT = 50;
-
-/**
- * Spaces where we'll always use plain highlighting.
- */
-const PLAIN_HIGHLIGHTING_SPACES: string[] = [
-    'V9geAO9ITPi8WOYK5o0r',
-    'puRmcwVxGFtHph8IjXaf',
-    'e3jwbMOrr4RhKtZ9C0XL',
-    'ryjzVNizLfd6pYogN3dm',
-];
-
-/**
- * Protect against memory issues when highlighting a large number of code blocks.
- * This context only allows 50 code blocks per render to be highlighted.
- * Once highlighting can scale up to a large number of code blocks, it can be removed.
- *
- * https://linear.app/gitbook-x/issue/RND-3588/gitbook-open-code-syntax-highlighting-runs-out-of-memory-after-a
- */
-export function createHighlightingContext() {
-    let count = 0;
-    return (spaceId?: string | undefined) => {
-        if (!spaceId || PLAIN_HIGHLIGHTING_SPACES.includes(spaceId)) {
-            return false;
-        }
-
-        count += 1;
-        return count < CODE_HIGHLIGHT_BLOCK_LIMIT;
-    };
-}

src/components/DocumentView/CodeBlock/highlight.ts

@@ -1,12 +1,10 @@
 import { DocumentBlockCode, DocumentBlockCodeLine, DocumentInlineAnnotation } from '@gitbook/api';
 import {
     loadWasm,
+    bundledLanguages,
     ThemedToken,
     getHighlighter,
     createCssVariablesTheme,
-    HighlighterGeneric,
-    bundledLanguages,
-    bundledThemes,
 } from 'shiki';
 // @ts-ignore - onigWasm is a Wasm module
 import onigWasm from 'shiki/onig.wasm?module';
@@ -15,8 +13,6 @@ import { asyncMutexFunction, singleton } from '@/lib/async';
 import { getNodeText } from '@/lib/document';
 import { trace } from '@/lib/tracing';
 
-import { DocumentContext } from '../DocumentView';
-
 export type HighlightLine = {
     highlighted: boolean;
     tokens: HighlightToken[];
@@ -49,14 +45,12 @@ export async function highlight(block: DocumentBlockCode): Promise<HighlightLine
     });
 
     const highlighter = await loadHighlighter();
-    await loadHighlighterLanguage(highlighter, langName);
-
+    await loadHighlighterLanguage(langName);
     const lines = highlighter.codeToTokensBase(code, {
         lang: langName,
-        tokenizeMaxLineLength: 120,
     });
-
     let currentIndex = 0;
+
     return lines.map((tokens, index) => {
         const lineBlock = block.nodes[index];
         const result: HighlightToken[] = [];
@@ -321,15 +315,9 @@ const loadHighlighter = singleton(async () => {
 });
 
 const loadLanguagesMutex = asyncMutexFunction();
-async function loadHighlighterLanguage(
-    highlighter: HighlighterGeneric<keyof typeof bundledLanguages, keyof typeof bundledThemes>,
-    lang: keyof typeof bundledLanguages,
-) {
+async function loadHighlighterLanguage(lang: keyof typeof bundledLanguages) {
     await loadLanguagesMutex.runBlocking(async () => {
-        if (highlighter.getLoadedLanguages().includes(lang)) {
-            return;
-        }
-
+        const highlighter = await loadHighlighter();
         await trace(
             `highlighting.loadLanguage(${lang})`,
             async () => await highlighter.loadLanguage(lang),

src/components/DocumentView/CodeBlock/index.ts

@@ -1,3 +1,2 @@
 export * from './CodeBlock';
 export * from './PlainCodeBlock';
-export * from './createHighlightingContext';

src/components/DocumentView/DocumentView.tsx

@@ -36,16 +36,6 @@ export interface DocumentContext {
      * Transform an ID to be added to the DOM.
      */
     getId?: (id: string) => string;
-
-    /**
-     * Returns true if the given code block should be highlighted.
-     * This function was added to protect against memory issues when highlighting
-     * a large number of code blocks.
-     * Once highlighting can scale up to a large number of code blocks, it can be removed.
-     *
-     * https://linear.app/gitbook-x/issue/RND-3588/gitbook-open-code-syntax-highlighting-runs-out-of-memory-after-a
-     */
-    shouldHighlightCode: (spaceId: string | undefined) => boolean;
 }
 
 export interface DocumentContextProps {

src/components/DocumentView/Embed.tsx

@@ -1,43 +1,27 @@
-import * as gitbookAPI from '@gitbook/api';
-import { headers } from 'next/headers';
-import Script from 'next/script';
-import ReactDOM from 'react-dom';
+import { DocumentBlockEmbed } from '@gitbook/api';
 
 import { Card } from '@/components/primitives';
 import { api } from '@/lib/api';
-import { tcls } from '@/lib/tailwind';
+import { getNodeFragmentByName, isNodeEmpty } from '@/lib/document';
+import { ClassValue, tcls } from '@/lib/tailwind';
 
 import { BlockProps } from './Block';
 import { Caption } from './Caption';
-import { IntegrationBlock } from './Integration';
+import { Inlines } from './Inlines';
 
-export async function Embed(props: BlockProps<gitbookAPI.DocumentBlockEmbed>) {
-    const { block, context, ...otherProps } = props;
-    const nonce = headers().get('x-nonce') || undefined;
+export async function Embed(props: BlockProps<DocumentBlockEmbed>) {
+    const { block } = props;
 
-    ReactDOM.preload('https://cdn.iframe.ly/embed.js', { as: 'script', nonce });
-
-    const { data: embed } = await (context.content
-        ? api().spaces.getEmbedByUrlInSpace(context.content.spaceId, { url: block.data.url })
-        : api().urls.getEmbedByUrl({ url: block.data.url }));
+    const { data: embed } = await api().urls.getEmbedByUrl({ url: block.data.url });
 
     return (
         <Caption {...props}>
             {embed.type === 'rich' ? (
-                <>
                 <div
                     dangerouslySetInnerHTML={{
                         __html: embed.html,
                     }}
                 />
-                    <Script src="https://cdn.iframe.ly/embed.js" nonce={nonce} />
-                </>
-            ) : embed.type === 'integration' ? (
-                <IntegrationBlock
-                    {...otherProps}
-                    context={context}
-                    block={createIntegrationBlock(block.data.url, embed.integration, embed.block)}
-                />
             ) : (
                 <Card
                     leadingIcon={
@@ -53,28 +37,3 @@ export async function Embed(props: BlockProps<gitbookAPI.DocumentBlockEmbed>) {
         </Caption>
     );
 }
-
-/**
- * Create an integration block with an unfurl action from the GitBook Embed response.
- */
-function createIntegrationBlock(
-    url: string,
-    integration: string,
-    block: gitbookAPI.IntegrationBlock,
-): gitbookAPI.DocumentBlockIntegration {
-    return {
-        object: 'block',
-        type: 'integration',
-        isVoid: true,
-        data: {
-            integration,
-            block: block.id,
-            props: {},
-            action: {
-                action: '@link.unfurl',
-                url,
-            },
-            url,
-        },
-    };
-}

src/components/DocumentView/File.tsx

@@ -1,10 +1,12 @@
+import IconDownload from '@geist-ui/icons/download';
+import IconFileText from '@geist-ui/icons/fileText';
+import IconImage from '@geist-ui/icons/image';
+import IconPaperClip from '@geist-ui/icons/paperclip';
 import { DocumentBlockFile } from '@gitbook/api';
 
-import { getSimplifiedContentType } from '@/lib/files';
 import { tcls } from '@/lib/tailwind';
 
 import { BlockProps } from './Block';
-import { FileIcon } from './FileIcon';
 
 export async function File(props: BlockProps<DocumentBlockFile>) {
     const { block, context, style } = props;
@@ -16,7 +18,42 @@ export async function File(props: BlockProps<DocumentBlockFile>) {
         return null;
     }
 
-    const contentType = getSimplifiedContentType(file.contentType);
+    const contentType = (() => {
+        switch (file.contentType) {
+            case 'application/pdf':
+            case 'application/x-pdf':
+                return 'pdf';
+            case 'image/png':
+            case 'image/jpeg':
+            case 'image/gif':
+            case 'image/webp':
+            case 'image/tiff':
+            case 'image/svg+xml':
+                return 'image';
+            case 'application/zip':
+            case 'application/x-7z-compressed':
+            case 'application/x-zip-compressed':
+            case 'application/x-tar':
+            case 'application/x-rar-compressed':
+            case 'application/vnd.rar':
+                return 'archive';
+            default:
+                return null;
+        }
+    })();
+
+    const icon = (() => {
+        switch (contentType) {
+            case 'pdf':
+                return <IconFileText />;
+            case 'image':
+                return <IconImage />;
+            case 'archive':
+                return <IconPaperClip />;
+            default:
+                return <IconDownload />;
+        }
+    })();
 
     return (
         <a
@@ -66,9 +103,7 @@ export async function File(props: BlockProps<DocumentBlockFile>) {
                     'dark:border-light/2',
                 )}
             >
-                <div className={tcls('*:w-5', '*:h-5', '*:stroke-primary')}>
-                    <FileIcon contentType={contentType} />
-                </div>
+                <div className={tcls('*:w-5', '*:h-5', '*:stroke-primary')}>{icon}</div>
                 <div
                     className={tcls(
                         'text-xs',

src/components/DocumentView/FileIcon.tsx

@@ -1,24 +0,0 @@
-import IconDownload from '@geist-ui/icons/download';
-import IconFileText from '@geist-ui/icons/fileText';
-import IconImage from '@geist-ui/icons/image';
-import IconPaperClip from '@geist-ui/icons/paperclip';
-
-import { SimplifiedFileType } from '@/lib/files';
-
-/**
- * Render an appropriate icon for a file.
- */
-export function FileIcon(props: { contentType: SimplifiedFileType | null }) {
-    const { contentType } = props;
-
-    switch (contentType) {
-        case 'pdf':
-            return <IconFileText />;
-        case 'image':
-            return <IconImage />;
-        case 'archive':
-            return <IconPaperClip />;
-        default:
-            return <IconDownload />;
-    }
-}

src/components/DocumentView/Images.tsx

@@ -31,6 +31,7 @@ export function Images(props: BlockProps<DocumentBlockImages>) {
                 align === 'right' && 'justify-end',
                 align === 'left' && 'justify-start',
                 isMultipleImages && ['grid', 'grid-flow-col', 'max-w-none'],
+                block.data.fullWidth ? 'max-w-screen-2xl' : null,
             )}
         >
             {block.nodes.map((node: any, i: number) => (

src/components/DocumentView/Integration/IntegrationBlock.tsx

@@ -70,7 +70,6 @@ export async function IntegrationBlock(props: BlockProps<DocumentBlockIntegratio
     const initialInput = {
         componentId: block.data.block,
         props: block.data.props,
-        action: block.data.action,
         context: contentKitContext,
     };
 

src/components/DocumentView/OpenAPI/scalar.css

@@ -1,139 +1,115 @@
 .light .scalar-modal-layout,
 .light .scalar {
-    --scalar-color-1: color-mix(
+    --theme-color-1: color-mix(
         in srgb,
         rgb(var(--primary-base-300, 180 180 180)),
         rgb(var(--dark-base, 23 23 23)) 96%
     );
-    --scalar-color-2: color-mix(
-        in srgb,
-        var(--scalar-color-1),
-        transparent calc(100% - 100% * 0.72)
-    );
-    --scalar-color-3: color-mix(
-        in srgb,
-        var(--scalar-color-1),
-        transparent calc(100% - 100% * 0.4)
-    );
-    --scalar-color-accent: #007d9c;
+    --theme-color-2: color-mix(in srgb, var(--theme-color-1), transparent calc(100% - 100% * 0.72));
+    --theme-color-3: color-mix(in srgb, var(--theme-color-1), transparent calc(100% - 100% * 0.4));
+    --theme-color-accent: #007d9c;
 
-    --scalar-background-1: rgb(var(--light-base, 255 255 255));
-    --scalar-background-2: color-mix(
+    --theme-background-1: rgb(var(--light-base, 255 255 255));
+    --theme-background-2: color-mix(
         in srgb,
         rgb(var(--primary-base-800, 30 30 30)),
-        var(--scalar-background-1) 96%
+        var(--theme-background-1) 96%
     );
-    --scalar-background-3: color-mix(
+    --theme-background-3: color-mix(
         in srgb,
         rgb(var(--primary-base-800, 30 30 30)),
-        var(--scalar-background-1) 90%
+        var(--theme-background-1) 90%
     );
-    --scalar-background-accent: #007d9c1f;
-    --scalar-code-language-color-supersede: var(--scalar-color-1);
-    --scalar-code-languages-background-supersede: var(--scalar-background-1);
-    --scalar-border-color: color-mix(
+    --theme-background-accent: #007d9c1f;
+    --theme-code-language-color-supersede: var(--theme-color-1);
+    --theme-code-languages-background-supersede: var(--theme-background-1);
+    --theme-border-color: color-mix(
         in srgb,
-        var(--scalar-color-1),
+        var(--theme-color-1),
         transparent calc(100% - 100% * 0.08)
     );
 
-    --scalar-color-green: #0a6355;
-    --scalar-color-red: #dc1b19;
-    --scalar-color-yellow: #ffc90d;
-    --scalar-color-blue: rgb(var(--primary-color-500, 52 109 219));
-    --scalar-color-orange: #ff8d4d;
-    --scalar-color-purple: #8250df;
+    --theme-color-green: #0a6355;
+    --theme-color-red: #dc1b19;
+    --theme-color-yellow: #ffc90d;
+    --theme-color-blue: rgb(var(--primary-color-500, 52 109 219));
+    --theme-color-orange: #ff8d4d;
+    --theme-color-purple: #8250df;
 
-    --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
-    --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
-
-    --scalar-button-1: rgb(49 53 56);
-    --scalar-button-1-color: #fff;
-    --scalar-button-1-hover: rgb(28 31 33);
+    --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
+    --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
 }
 .dark .scalar-modal-layout,
 .dark .scalar {
-    --scalar-color-1: color-mix(
+    --theme-color-1: color-mix(
         in srgb,
         rgb(var(--primary-base-700, 70 70 70)),
         rgb(var(--light-base, 255 255 255)) 100%
     );
-    --scalar-color-2: color-mix(
-        in srgb,
-        var(--scalar-color-1),
-        transparent calc(100% - 100% * 0.64)
-    );
-    --scalar-color-3: color-mix(
-        in srgb,
-        var(--scalar-color-1),
-        transparent calc(100% - 100% * 0.4)
-    );
-    --scalar-color-accent: #50b7e0;
+    --theme-color-2: color-mix(in srgb, var(--theme-color-1), transparent calc(100% - 100% * 0.64));
+    --theme-color-3: color-mix(in srgb, var(--theme-color-1), transparent calc(100% - 100% * 0.4));
+    --theme-color-accent: #50b7e0;
 
-    --scalar-background-1: rgb(var(--dark-base, 22 22 22));
-    --scalar-background-2: color-mix(
+    --theme-background-1: rgb(var(--dark-base, 22 22 22));
+    --theme-background-2: color-mix(
         in srgb,
         rgb(var(--primary-base-200, 200 200 200)),
-        var(--scalar-background-1) 92%
+        var(--theme-background-1) 92%
     );
-    --scalar-background-3: color-mix(
+    --theme-background-3: color-mix(
         in srgb,
         rgb(var(--primary-base-200, 200 200 200)),
-        var(--scalar-background-1) 88%
+        var(--theme-background-1) 88%
     );
-    --scalar-background-accent: #8ab4f81f;
-    --scalar-code-languages-background-supersede: var(--scalar-background-1);
-    --scalar-border-color: color-mix(
+    --theme-background-accent: #8ab4f81f;
+    --theme-code-languages-background-supersede: var(--theme-background-1);
+    --theme-border-color: color-mix(
         in srgb,
-        var(--scalar-color-1),
+        var(--theme-color-1),
         transparent calc(100% - 100% * 0.08)
     );
 
-    --scalar-color-green: #56b6c2;
-    --scalar-color-red: rgb(245 124 97);
-    --scalar-color-yellow: #edbe20;
-    --scalar-color-blue: rgb(var(--primary-color-400, 93 138 226));
-    --scalar-color-orange: #d19a66;
-    --scalar-color-purple: #5203d1;
+    --theme-color-green: #56b6c2;
+    --theme-color-red: rgb(245 124 97);
+    --theme-color-yellow: #edbe20;
+    --theme-color-blue: rgb(var(--primary-color-400, 93 138 226));
+    --theme-color-orange: #d19a66;
+    --theme-color-purple: #5203d1;
 
-    --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
-    --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
-
-    --scalar-button-1: #f6f6f6;
-    --scalar-button-1-color: #000;
-    --scalar-button-1-hover: #e7e7e7;
+    --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
+    --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
 }
 .scalar-modal-layout,
 .scalar {
-    --scalar-font: initial;
-    --scalar-font-code: var(--font-mono);
+    --theme-font: initial;
+    --theme-font-code: var(--font-mono);
 
-    --scalar-paragraph: 16px;
-    --scalar-small: 14px;
-    --scalar-mini: 13px;
-    --scalar-micro: 12px;
+    --theme-paragraph: 16px;
+    --theme-small: 14px;
+    --theme-mini: 13px;
+    --theme-micro: 12px;
 
-    --scalar-bold: 600;
-    --scalar-semibold: 500;
-    --scalar-regular: 400;
+    --theme-bold: 600;
+    --theme-semibold: 500;
+    --theme-regular: 400;
 
     /* Font sizes for interactive applications (not rendered text content) */
-    --scalar-font-size-1: 24px;
-    --scalar-font-size-2: 16px;
-    --scalar-font-size-3: 14px;
-    --scalar-font-size-4: 13px;
-    --scalar-font-size-5: 12px;
+    --theme-font-size-1: 24px;
+    --theme-font-size-2: 16px;
+    --theme-font-size-3: 14px;
+    --theme-font-size-4: 13px;
+    --theme-font-size-5: 12px;
 
-    --scalar-line-height-1: 32px;
-    --scalar-line-height-2: 24px;
-    --scalar-line-height-3: 20px;
-    --scalar-line-height-4: 18px;
-    --scalar-line-height-5: 16px;
+    --theme-line-height-1: 32px;
+    --theme-line-height-2: 24px;
+    --theme-line-height-3: 20px;
+    --theme-line-height-4: 18px;
+    --theme-line-height-5: 16px;
 
     --scalar-app-header-height: 35px;
 }
 .scalar input::placeholder {
-    color: var(--scalar-color-3);
+    color: var(--theme-color-3);
 }
 .scalar .scalar-app-header {
     width: 100%;
@@ -158,15 +134,15 @@
     display: flex;
     align-items: center;
     background: transparent;
-    color: var(--scalar-color-1);
-    font-size: var(--scalar-small);
-    font-weight: var(--scalar-semibold);
+    color: var(--theme-color-1);
+    font-size: var(--theme-small);
+    font-weight: var(--theme-semibold);
 }
 .scalar-api-client__close:hover {
     cursor: pointer;
 }
 .scalar .scalar-app {
-    background: var(--scalar-background-3);
+    background: var(--theme-background-3);
     height: calc(100dvh - 100px);
     max-width: 1280px;
     width: 100%;
@@ -251,10 +227,10 @@
     line-height: normal;
 }
 .scalar .scalar-app-header span {
-    color: var(--scalar-color-3);
+    color: var(--theme-color-3);
 }
 .scalar .scalar-app-header a {
-    color: var(--scalar-color-1);
+    color: var(--theme-color-1);
 }
 .scalar .scalar-app-header a:hover {
     text-decoration: underline;
@@ -275,7 +251,7 @@
     display: flex;
     gap: 6px;
     align-items: center;
-    color: var(--scalar-color-blue);
+    color: var(--theme-color-blue);
     appearance: none;
     outline: none;
     border: none;
@@ -285,7 +261,7 @@
     padding: 0 0.5rem;
 }
 .scalar-activate:hover .scalar-activate-button {
-    background: var(--scalar-background-3);
+    background: var(--theme-background-3);
     border-radius: 3px;
 }
 
@@ -317,12 +293,12 @@
     scrollbar-color: rgba(255, 255, 255, 0.24) transparent;
 }
 .scalar .custom-scroll:hover::-webkit-scrollbar-thumb {
-    background: var(--scalar-scrollbar-color, var(--default-theme-scrollbar-color));
+    background: var(--theme-scrollbar-color, var(--default-theme-scrollbar-color));
     background-clip: content-box;
     border: 3px solid transparent;
 }
 .scalar .custom-scroll::-webkit-scrollbar-thumb:active {
-    background: var(--scalar-scrollbar-color-active, var(--default-theme-scrollbar-color-active));
+    background: var(--theme-scrollbar-color-active, var(--default-theme-scrollbar-color-active));
     background-clip: content-box;
     border: 3px solid transparent;
 }

src/components/DocumentView/OpenAPI/style.css

@@ -172,10 +172,6 @@
     @apply prose-sm;
 }
 
-.openapi-schema-example {
-    @apply prose-sm mt-2 text-dark/10 dark:text-light/10;
-}
-
 /** Authentication */
 
 .openapi-securities {

src/components/DocumentView/Table/RecordColumnValue.tsx

@@ -4,9 +4,7 @@ import assertNever from 'assert-never';
 
 import { Checkbox, Emoji } from '@/components/primitives';
 import { StyledLink } from '@/components/primitives';
-import { Image } from '@/components/utils';
 import { getNodeFragmentByName } from '@/lib/document';
-import { getSimplifiedContentType } from '@/lib/files';
 import { tcls } from '@/lib/tailwind';
 import { filterOutNullable } from '@/lib/typescript';
 
@@ -14,7 +12,6 @@ import { TableRecordKV } from './Table';
 import { getColumnAlignment } from './utils';
 import { BlockProps } from '../Block';
 import { Blocks } from '../Blocks';
-import { FileIcon } from '../FileIcon';
 
 /**
  * Render the value for a column in a record.
@@ -128,41 +125,11 @@ export async function RecordColumnValue<Tag extends React.ElementType = 'div'>(
 
             return (
                 <Tag className={tcls('text-base')}>
-                    {files.filter(filterOutNullable).map((ref, index) => {
-                        const contentType = ref.file
-                            ? getSimplifiedContentType(ref.file.contentType)
-                            : null;
-
-                        return (
-                            <StyledLink
-                                key={index}
-                                href={ref.href}
-                                target="_blank"
-                                style={['flex', 'flex-row', 'items-center', 'gap-2']}
-                            >
-                                {contentType === 'image' ? (
-                                    <Image
-                                        style={['max-h-[1lh]', 'h-[1lh]']}
-                                        alt={ref.text}
-                                        sizes={[{ width: 24 }]}
-                                        sources={{
-                                            light: {
-                                                src: ref.href,
-                                                size: {
-                                                    width: 24,
-                                                    height: 24,
-                                                },
-                                            },
-                                        }}
-                                        priority="lazy"
-                                    />
-                                ) : (
-                                    <FileIcon contentType={contentType} />
-                                )}
-                                {ref.text}
+                    {files.filter(filterOutNullable).map((file, index) => (
+                        <StyledLink key={index} href={file.href}>
+                            {file.text}
                         </StyledLink>
-                        );
-                    })}
+                    ))}
                 </Tag>
             );
         case 'content-ref': {

src/components/DocumentView/Table/ViewCards.tsx

@@ -12,12 +12,14 @@ export function ViewCards(props: TableViewProps<DocumentTableViewCards>) {
         <div
             className={tcls(
                 style,
+                'max-w-full',
+                'md:max-w-3xl',
                 'inline-grid',
                 'gap-4',
                 'grid-cols-1',
                 'min-[432px]:grid-cols-2',
                 view.cardSize === 'large' ? 'md:grid-cols-2' : 'md:grid-cols-3',
-                block.data.fullWidth ? 'large:flex-column' : null,
+                block.data.fullWidth ? ['max-w-full', 'large:flex-column'] : null,
             )}
         >
             {records.map((record) => {

src/components/DocumentView/Table/ViewGrid.tsx

@@ -14,6 +14,7 @@ export function ViewGrid(props: TableViewProps<DocumentTableViewGrid>) {
     const tableWrapper = columnsOverThreshold
         ? [
               // has over X columns
+              'w-full',
               'overflow-x-auto',
               'overflow-y-hidden',
               'mx-auto',
@@ -21,8 +22,32 @@ export function ViewGrid(props: TableViewProps<DocumentTableViewGrid>) {
               'border',
               'border-dark/3',
               'dark:border-light/2',
+              block.data.fullWidth
+                  ? [
+                        // has over X columns, and is full width
+                        'max-w-full',
                     ]
-        : ['overflow-x-auto', 'overflow-y-hidden', 'mx-auto'];
+                  : [
+                        // NOT full width, but has over X columns
+                        'max-w-4xl',
+                    ],
+          ]
+        : [
+              'w-full',
+              'overflow-x-auto',
+              'overflow-y-hidden',
+              'mx-auto',
+              // has under X columns
+              block.data.fullWidth
+                  ? [
+                        // has under X columns, and is full width
+                        'max-w-full',
+                    ]
+                  : [
+                        // NOT full width, but has under X columns
+                        'max-w-3xl',
+                    ],
+          ];
 
     const tableTR = columnsOverThreshold
         ? ['[&>*+*]:border-l', '[&>*]:px-4']

src/components/DocumentView/index.ts

@@ -1,2 +1 @@
 export * from './DocumentView';
-export { createHighlightingContext } from './CodeBlock';

src/components/Footer/Footer.tsx

@@ -1,4 +1,4 @@
-import { CustomizationSettings, SiteCustomizationSettings, Space } from '@gitbook/api';
+import { CustomizationSettings, Space } from '@gitbook/api';
 import React from 'react';
 
 import { Image } from '@/components/utils';
@@ -12,7 +12,7 @@ import { ThemeToggler } from '../ThemeToggler';
 export function Footer(props: {
     space: Space;
     context: ContentRefContext;
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    customization: CustomizationSettings;
 }) {
     const { context, customization } = props;
 

src/components/Header/CollectionSpacesDropdown.tsx

@@ -1,19 +1,21 @@
-import { Space } from '@gitbook/api';
+import { Collection, Space } from '@gitbook/api';
 
 import { tcls } from '@/lib/tailwind';
 
-import { Dropdown, DropdownChevron, DropdownMenu } from './Dropdown';
-import { SpacesDropdownMenuItem } from './SpacesDropdownMenuItem';
+import { Dropdown, DropdownChevron, DropdownMenu, DropdownMenuItem } from './Dropdown';
 
-export function SpacesDropdown(props: { space: Space; spaces: Space[] }) {
-    const { space, spaces } = props;
+export function CollectionSpacesDropdown(props: {
+    space: Space;
+    collection: Collection;
+    collectionSpaces: Space[];
+}) {
+    const { space, collectionSpaces } = props;
 
     return (
         <Dropdown
             button={(buttonProps) => (
                 <div
                     {...buttonProps}
-                    data-testid="space-dropdown-button"
                     className={tcls(
                         'justify-self-start',
                         'flex',
@@ -30,16 +32,14 @@ export function SpacesDropdown(props: { space: Space; spaces: Space[] }) {
             )}
         >
             <DropdownMenu>
-                {spaces.map((otherSpace, index) => (
-                    <SpacesDropdownMenuItem
-                        key={`${otherSpace.id}-${index}`}
-                        variantSpace={{
-                            id: otherSpace.id,
-                            title: otherSpace.title,
-                            url: otherSpace.urls.published ?? otherSpace.urls.app,
-                        }}
+                {collectionSpaces.map((otherSpace) => (
+                    <DropdownMenuItem
+                        key={otherSpace.id}
+                        href={otherSpace.urls.published ?? otherSpace.urls.app}
                         active={otherSpace.id === space.id}
-                    />
+                    >
+                        {otherSpace.title}
+                    </DropdownMenuItem>
                 ))}
             </DropdownMenu>
         </Dropdown>

src/components/Header/CompactHeader.tsx

@@ -1,10 +1,4 @@
-import {
-    Collection,
-    CustomizationSettings,
-    Site,
-    SiteCustomizationSettings,
-    Space,
-} from '@gitbook/api';
+import { Collection, CustomizationSettings, Space } from '@gitbook/api';
 import React from 'react';
 
 import { t } from '@/intl/server';
@@ -19,11 +13,11 @@ import { SearchButton } from '../Search';
  */
 export function CompactHeader(props: {
     space: Space;
-    parent: Site | Collection | null;
-    spaces: Space[];
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    collection: Collection | null;
+    collectionSpaces: Space[];
+    customization: CustomizationSettings;
 }) {
-    const { space, parent, customization } = props;
+    const { space, collection, customization } = props;
 
     return (
         <div
@@ -40,7 +34,7 @@ export function CompactHeader(props: {
             )}
         >
             <div className={tcls('flex-grow-0', 'mt-5')}>
-                <HeaderLogo parent={parent} space={space} customization={customization} />
+                <HeaderLogo collection={collection} space={space} customization={customization} />
             </div>
             <div
                 className={tcls(

src/components/Header/Header.tsx

@@ -1,10 +1,4 @@
-import {
-    Collection,
-    CustomizationSettings,
-    Site,
-    SiteCustomizationSettings,
-    Space,
-} from '@gitbook/api';
+import { Collection, CustomizationSettings, Space } from '@gitbook/api';
 import { CustomizationHeaderPreset } from '@gitbook/api';
 import { Suspense } from 'react';
 
@@ -13,29 +7,26 @@ import { t, getSpaceLanguage } from '@/intl/server';
 import { ContentRefContext } from '@/lib/references';
 import { tcls } from '@/lib/tailwind';
 
+import { CollectionSpacesDropdown } from './CollectionSpacesDropdown';
 import { HeaderLink } from './HeaderLink';
 import { HeaderLinks } from './HeaderLinks';
 import { HeaderLogo } from './HeaderLogo';
-import { SpacesDropdown } from './SpacesDropdown';
 import { SearchButton } from '../Search';
 /**
  * Render the header for the space.
  */
 export function Header(props: {
     space: Space;
-    parent: Site | Collection | null;
-    spaces: Space[];
+    collection: Collection | null;
+    collectionSpaces: Space[];
     context: ContentRefContext;
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    customization: CustomizationSettings;
     withTopHeader?: boolean;
 }) {
-    const { context, space, parent, spaces, customization, withTopHeader } = props;
+    const { context, space, collection, collectionSpaces, customization, withTopHeader } = props;
 
     const isCustomizationDefault =
         customization.header.preset === CustomizationHeaderPreset.Default;
-    const isMultiVariants =
-        parent?.object === 'collection' ||
-        (parent && parent.object === 'site' && spaces.length > 1);
 
     return (
         <header
@@ -75,9 +66,19 @@ export function Header(props: {
                         CONTAINER_STYLE,
                     )}
                 >
-                    <HeaderLogo parent={parent} space={space} customization={customization} />
+                    <HeaderLogo
+                        collection={collection}
+                        space={space}
+                        customization={customization}
+                    />
                     <span>
-                        {isMultiVariants ? <SpacesDropdown space={space} spaces={spaces} /> : null}
+                        {collection ? (
+                            <CollectionSpacesDropdown
+                                space={space}
+                                collection={collection}
+                                collectionSpaces={collectionSpaces}
+                            />
+                        ) : null}
                     </span>
                     <HeaderLinks>
                         {customization.header.links.map((link, index) => {

src/components/Header/HeaderLink.tsx

@@ -3,7 +3,6 @@ import {
     CustomizationHeaderLink,
     CustomizationSettings,
     CustomizationHeaderPreset,
-    SiteCustomizationSettings,
 } from '@gitbook/api';
 
 import { ContentRefContext, resolveContentRef } from '@/lib/references';
@@ -21,7 +20,7 @@ import { Link } from '../primitives';
 export async function HeaderLink(props: {
     context: ContentRefContext;
     link: CustomizationHeaderLink;
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    customization: CustomizationSettings;
 }) {
     const { context, link, customization } = props;
 

src/components/Header/HeaderLogo.tsx

@@ -1,25 +1,16 @@
-import {
-    Collection,
-    CustomizationHeaderPreset,
-    CustomizationSettings,
-    Site,
-    SiteCustomizationSettings,
-    Space,
-} from '@gitbook/api';
+import { Collection, CustomizationHeaderPreset, CustomizationSettings, Space } from '@gitbook/api';
 
 import { HeaderMobileMenu } from '@/components/Header/HeaderMobileMenu';
-import { LogoIcon } from '@/components/icons';
 import { Image } from '@/components/utils';
 import { absoluteHref } from '@/lib/links';
 import { tcls } from '@/lib/tailwind';
-import { getContentTitle } from '@/lib/utils';
 
 import { Link } from '../primitives';
 
 interface HeaderLogoProps {
-    parent: Site | Collection | null;
+    collection: Collection | null;
     space: Space;
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    customization: CustomizationSettings;
 }
 
 /**
@@ -95,19 +86,41 @@ export function HeaderLogo(props: HeaderLogoProps) {
 }
 
 function LogoFallback(props: HeaderLogoProps) {
-    const { parent, space, customization } = props;
-    const customIcon = 'icon' in customization.favicon ? customization.favicon.icon : undefined;
-    const customEmoji = 'emoji' in customization.favicon ? customization.favicon.emoji : undefined;
+    const { collection, space, customization } = props;
+    const customIcon = 'icon' in customization.favicon ? customization.favicon.icon : null;
+
     return (
         <>
-            <LogoIcon
-                icon={customIcon}
-                emoji={customEmoji}
-                alt=""
-                sizes={[{ width: 32 }]}
-                style={['object-contain', 'size-8']}
+            <Image
+                alt="Logo"
+                sources={
+                    customIcon
+                        ? {
+                              light: { src: customIcon.light, aspectRatio: '1' },
+                              dark: customIcon.dark
+                                  ? { src: customIcon.dark, aspectRatio: '1' }
+                                  : null,
+                          }
+                        : {
+                              light: {
+                                  src: absoluteHref('~gitbook/icon?size=medium&theme=light', true),
+                                  size: { width: 256, height: 256 },
+                              },
+                              dark: {
+                                  src: absoluteHref('~gitbook/icon?size=medium&theme=dark', true),
+                                  size: { width: 256, height: 256 },
+                              },
+                          }
+                }
+                sizes={[
+                    {
+                        width: 32,
+                    },
+                ]}
                 fetchPriority="high"
+                style={['w-8', 'h-8', 'object-contain']}
             />
+
             <h1
                 className={tcls(
                     'text-pretty',
@@ -125,7 +138,7 @@ function LogoFallback(props: HeaderLogoProps) {
                         : 'text-header-link',
                 )}
             >
-                {getContentTitle(space, customization, parent)}
+                {collection ? collection.title : customization.title ?? space.title}
             </h1>
         </>
     );

src/components/Header/SpacesDropdownMenuItem.tsx

@@ -1,30 +0,0 @@
-'use client';
-
-import { Space } from '@gitbook/api';
-import { useSelectedLayoutSegment } from 'next/navigation';
-
-import { DropdownMenuItem } from './Dropdown';
-
-function useVariantSpaceHref(variantSpaceUrl: string) {
-    const currentPathname = useSelectedLayoutSegment() ?? '';
-    const targetUrl = new URL(variantSpaceUrl);
-    targetUrl.pathname += `/${currentPathname}`;
-    targetUrl.pathname = targetUrl.pathname.replace(/\/{2,}/g, '/').replace(/\/$/, '');
-    targetUrl.searchParams.set('fallback', 'true');
-
-    return targetUrl.toString();
-}
-
-export function SpacesDropdownMenuItem(props: {
-    variantSpace: { id: Space['id']; title: Space['title']; url: string };
-    active: boolean;
-}) {
-    const { variantSpace, active } = props;
-    const variantHref = useVariantSpaceHref(variantSpace.url);
-
-    return (
-        <DropdownMenuItem key={variantSpace.id} href={variantHref} active={active}>
-            {variantSpace.title}
-        </DropdownMenuItem>
-    );
-}

src/components/PageAside/PageAside.tsx

@@ -2,14 +2,7 @@ import { Menu } from '@geist-ui/icons';
 import DownloadCloud from '@geist-ui/icons/downloadCloud';
 import Github from '@geist-ui/icons/github';
 import Gitlab from '@geist-ui/icons/gitlab';
-import {
-    CustomizationSettings,
-    JSONDocument,
-    RevisionPageDocument,
-    Site,
-    SiteCustomizationSettings,
-    Space,
-} from '@gitbook/api';
+import { CustomizationSettings, JSONDocument, RevisionPageDocument, Space } from '@gitbook/api';
 import React from 'react';
 import urlJoin from 'url-join';
 
@@ -18,10 +11,9 @@ import { getDocumentSections } from '@/lib/document';
 import { absoluteHref } from '@/lib/links';
 import { ContentRefContext, resolveContentRef } from '@/lib/references';
 import { tcls } from '@/lib/tailwind';
-import { getPDFUrlSearchParams } from '@/lib/urls';
+import { getPDFUrl, getPDFUrlSearchParams } from '@/lib/urls';
 
 import { ScrollSectionsList } from './ScrollSectionsList';
-import { Ad } from '../Ads';
 import { PageFeedbackForm } from '../PageFeedback';
 
 /**
@@ -29,8 +21,7 @@ import { PageFeedbackForm } from '../PageFeedback';
  */
 export async function PageAside(props: {
     space: Space;
-    site: Site | undefined;
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    customization: CustomizationSettings;
     page: RevisionPageDocument;
     document: JSONDocument | null;
     context: ContentRefContext;
@@ -38,16 +29,8 @@ export async function PageAside(props: {
     withFullPageCover: boolean;
     withPageFeedback: boolean;
 }) {
-    const {
-        space,
-        site,
-        page,
-        document,
-        customization,
-        withHeaderOffset,
-        withPageFeedback,
-        context,
-    } = props;
+    const { space, page, document, customization, withHeaderOffset, withPageFeedback, context } =
+        props;
     const language = getSpaceLanguage(customization);
 
     return (
@@ -183,15 +166,6 @@ export async function PageAside(props: {
                     ) : null}
                 </div>
             </div>
-            {site?.ads ? (
-                <Ad
-                    zoneId={site.ads.zone}
-                    placement="page.aside"
-                    spaceId={space.id}
-                    ignore={process.env.NODE_ENV !== 'production'}
-                    style={tcls('mt-4')}
-                />
-            ) : null}
         </aside>
     );
 }

src/components/PageBody/PageBody.tsx

@@ -1,15 +1,9 @@
-import {
-    CustomizationSettings,
-    JSONDocument,
-    RevisionPageDocument,
-    SiteCustomizationSettings,
-    Space,
-} from '@gitbook/api';
+import { CustomizationSettings, JSONDocument, RevisionPageDocument, Space } from '@gitbook/api';
 import React from 'react';
 
 import { getSpaceLanguage } from '@/intl/server';
 import { t } from '@/intl/translate';
-import { ContentPointer, ContentTarget, SiteContentPointer, api } from '@/lib/api';
+import { ContentTarget, api } from '@/lib/api';
 import { hasFullWidthBlock, isNodeEmpty } from '@/lib/document';
 import { ContentRefContext, resolveContentRef } from '@/lib/references';
 import { tcls } from '@/lib/tailwind';
@@ -19,39 +13,25 @@ import { PageCover } from './PageCover';
 import { PageFooterNavigation } from './PageFooterNavigation';
 import { PageHeader } from './PageHeader';
 import { TrackPageView } from './TrackPageView';
-import { DocumentView, createHighlightingContext } from '../DocumentView';
+import { DocumentView } from '../DocumentView';
 import { PageFeedbackForm } from '../PageFeedback';
 import { DateRelative } from '../primitives';
 
 export function PageBody(props: {
     space: Space;
-    contentPointer: ContentPointer | SiteContentPointer;
     contentTarget: ContentTarget;
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    customization: CustomizationSettings;
     page: RevisionPageDocument;
     document: JSONDocument | null;
     context: ContentRefContext;
     withPageFeedback: boolean;
 }) {
-    const {
-        space,
-        contentPointer,
-        contentTarget,
-        customization,
-        context,
-        page,
-        document,
-        withPageFeedback,
-    } = props;
+    const { space, contentTarget, customization, context, page, document, withPageFeedback } =
+        props;
 
     const asFullWidth = document ? hasFullWidthBlock(document) : false;
     const language = getSpaceLanguage(customization);
     const updatedAt = page.updatedAt ?? page.createdAt;
-    const shouldHighlightCode = createHighlightingContext();
-    const sitePointer =
-        'siteId' in contentPointer
-            ? { organizationId: contentPointer.organizationId, siteId: contentPointer.siteId }
-            : undefined;
 
     return (
         <>
@@ -93,7 +73,6 @@ export function PageBody(props: {
                             contentRefContext: context,
                             resolveContentRef: (ref, options) =>
                                 resolveContentRef(ref, context, options),
-                            shouldHighlightCode,
                         }}
                     />
                 ) : (
@@ -142,12 +121,7 @@ export function PageBody(props: {
                 </div>
             </main>
             <React.Suspense fallback={null}>
-                <TrackPageView
-                    sitePointer={sitePointer}
-                    spaceId={space.id}
-                    pageId={page.id}
-                    apiHost={api().endpoint}
-                />
+                <TrackPageView spaceId={space.id} pageId={page.id} apiHost={api().endpoint} />
             </React.Suspense>
         </>
     );

src/components/PageBody/PageFooterNavigation.tsx

@@ -1,12 +1,6 @@
 import ChevronLeft from '@geist-ui/icons/chevronLeft';
 import ChevronRight from '@geist-ui/icons/chevronRight';
-import {
-    CustomizationSettings,
-    Revision,
-    RevisionPageDocument,
-    SiteCustomizationSettings,
-    Space,
-} from '@gitbook/api';
+import { CustomizationSettings, Revision, RevisionPageDocument, Space } from '@gitbook/api';
 import React from 'react';
 
 import { t, getSpaceLanguage } from '@/intl/server';
@@ -21,7 +15,7 @@ import { Link } from '../primitives';
  */
 export function PageFooterNavigation(props: {
     space: Space;
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    customization: CustomizationSettings;
     pages: Revision['pages'];
     page: RevisionPageDocument;
 }) {

src/components/PageBody/TrackPageView.tsx

@@ -1,66 +1,28 @@
 'use client';
 
-import type { RequestSiteTrackPageView, RequestSpaceTrackPageView } from '@gitbook/api';
+import type { RequestSpaceTrackPageView } from '@gitbook/api';
 import cookies from 'js-cookie';
 import * as React from 'react';
 
 import { getVisitorId } from '@/lib/analytics';
-import { SiteContentPointer } from '@/lib/api';
 
 /**
  * Track the page view for the current page to integrations.
  */
 export function TrackPageView(props: {
     apiHost: string;
-    sitePointer?: Pick<SiteContentPointer, 'siteId' | 'organizationId'>;
     spaceId: string;
     pageId: string | undefined;
 }) {
-    const { apiHost, sitePointer, spaceId, pageId } = props;
+    const { apiHost, spaceId, pageId } = props;
 
     React.useEffect(() => {
-        trackPageView({ apiHost, sitePointer, spaceId, pageId });
-    }, [apiHost, spaceId, pageId, sitePointer]);
+        trackPageView(apiHost, spaceId, pageId);
+    }, [apiHost, spaceId, pageId]);
 
     return null;
 }
 
-async function sendSpaceTrackPageViewRequest(args: {
-    apiHost: string;
-    spaceId: string;
-    body: RequestSpaceTrackPageView;
-}) {
-    const { apiHost, spaceId, body } = args;
-    const url = new URL(apiHost);
-    url.pathname = `/v1/spaces/${spaceId}/insights/track_view`;
-
-    await fetch(url, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(body),
-    });
-}
-
-async function sendSiteTrackPageViewRequest(args: {
-    apiHost: string;
-    sitePointer: Pick<SiteContentPointer, 'siteId' | 'organizationId'>;
-    body: RequestSiteTrackPageView;
-}) {
-    const { apiHost, sitePointer, body } = args;
-    const url = new URL(apiHost);
-    url.pathname = `/v1/orgs/${sitePointer.organizationId}/sites/${sitePointer.siteId}/insights/track_view`;
-
-    await fetch(url, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(body),
-    });
-}
-
 let latestPageId: string | undefined | null = null;
 
 /**
@@ -68,13 +30,7 @@ let latestPageId: string | undefined | null = null;
  * We don't use the API client to avoid shipping 80kb of JS to the client.
  * And instead use a simple fetch.
  */
-async function trackPageView(args: {
-    apiHost: string;
-    sitePointer?: Pick<SiteContentPointer, 'siteId' | 'organizationId'>;
-    spaceId: string;
-    pageId: string | undefined;
-}) {
-    const { apiHost, sitePointer, pageId, spaceId } = args;
+async function trackPageView(apiHost: string, spaceId: string, pageId: string | undefined) {
     if (pageId === latestPageId) {
         // The hook can be called multiple times, we only want to track once.
         return;
@@ -83,7 +39,7 @@ async function trackPageView(args: {
     latestPageId = pageId;
 
     const visitorId = await getVisitorId();
-    const sharedTrackedProps = {
+    const body: RequestSpaceTrackPageView = {
         url: window.location.href,
         pageId,
         visitor: {
@@ -95,17 +51,17 @@ async function trackPageView(args: {
         referrer: document.referrer,
     };
 
+    const url = new URL(apiHost);
+    url.pathname = `/v1/spaces/${spaceId}/insights/track_view`;
+
     try {
-        sitePointer
-            ? await sendSiteTrackPageViewRequest({
-                  apiHost,
-                  sitePointer,
-                  body: {
-                      ...sharedTrackedProps,
-                      spaceId,
+        await fetch(url, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
             },
-              })
-            : await sendSpaceTrackPageViewRequest({ apiHost, spaceId, body: sharedTrackedProps });
+            body: JSON.stringify(body),
+        });
     } catch (error) {
         console.error('Failed to track page view', error);
     }

src/components/Search/SearchAskAnswer.tsx

@@ -6,11 +6,10 @@ import { atom, useRecoilState } from 'recoil';
 import { Loading } from '@/components/primitives';
 import { useLanguage } from '@/intl/client';
 import { t } from '@/intl/translate';
-import { TranslationLanguage } from '@/intl/translations';
 import { iterateStreamResponse } from '@/lib/actions';
 import { tcls } from '@/lib/tailwind';
 
-import { AskAnswerResult, AskAnswerSource, streamAskQuestion } from './server-actions';
+import { AskAnswerResult, streamAskQuestion } from './server-actions';
 import { useSearch, useSearchLink } from './useSearch';
 import { Link } from '../primitives';
 
@@ -95,11 +94,6 @@ export function SearchAskAnswer(props: { spaceId: string; query: string }) {
         };
     }, [setState]);
 
-    let hasAnswer = false;
-    if (state && 'answer' in state) {
-        hasAnswer = !!state?.answer?.body;
-    }
-
     return (
         <div
             className={tcls(
@@ -135,37 +129,25 @@ export function SearchAskAnswer(props: { spaceId: string; query: string }) {
 
 function AnswerBody(props: { answer: AskAnswerResult }) {
     const { answer } = props;
+    const getSearchLinkProps = useSearchLink();
     const language = useLanguage();
 
+    const [, setSearchState] = useSearch();
+    const onClose = () => {
+        setSearchState(null);
+    };
+
     return (
         <>
             <div
                 data-test="search-ask-answer"
                 className={tcls('mt-4', 'px-4', 'text-dark/9', 'dark:text-light/8')}
             >
-                {answer.hasAnswer ? answer.body : t(language, 'search_ask_no_answer')}
+                {answer.body}
             </div>
             {answer.followupQuestions.length > 0 ? (
-                <AnswerFollowupQuestions followupQuestions={answer.followupQuestions} />
-            ) : null}
-            {answer.sources.length > 0 ? (
-                <AnswerSources
-                    hasAnswer={answer.hasAnswer}
-                    sources={answer.sources}
-                    language={language}
-                />
-            ) : null}
-        </>
-    );
-}
-
-function AnswerFollowupQuestions(props: { followupQuestions: string[] }) {
-    const { followupQuestions } = props;
-    const getSearchLinkProps = useSearchLink();
-
-    return (
-        <div className={tcls('mt-7 mb-4', 'flex', 'flex-col', 'flex-wrap', 'gap-1')}>
-            {followupQuestions.map((question) => (
+                <div className={tcls('mt-7', 'flex', 'flex-col', 'flex-wrap', 'gap-1')}>
+                    {answer.followupQuestions.map((question) => (
                         <Link
                             key={question}
                             className={tcls(
@@ -200,17 +182,8 @@ function AnswerFollowupQuestions(props: { followupQuestions: string[] }) {
                         </Link>
                     ))}
                 </div>
-    );
-}
-
-function AnswerSources(props: {
-    sources: AskAnswerSource[];
-    language: TranslationLanguage;
-    hasAnswer?: boolean;
-}) {
-    const { sources, language, hasAnswer } = props;
-
-    return (
+            ) : null}
+            {answer.sources.length > 0 ? (
                 <div
                     className={tcls(
                         'flex',
@@ -224,13 +197,12 @@ function AnswerSources(props: {
                         'dark:border-light/1',
                     )}
                 >
-            <span className={tcls('text-sm')}>
-                {t(language, hasAnswer ? 'search_ask_sources' : 'search_ask_sources_no_answer')}
-            </span>
+                    <span className={tcls('text-sm')}>{t(language, 'search_ask_sources')}</span>
 
-            {sources.map((source) => (
+                    {answer.sources.map((source) => (
                         <span key={source.id} className={tcls()}>
                             <Link
+                                onClick={onClose}
                                 className={tcls(
                                     'flex',
                                     'text-sm',
@@ -258,5 +230,7 @@ function AnswerSources(props: {
                         </span>
                     ))}
                 </div>
+            ) : null}
+        </>
     );
 }

src/components/Search/SearchModal.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import IconSearch from '@geist-ui/icons/search';
-import { Collection, Site } from '@gitbook/api';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useRouter } from 'next/navigation';
 import React from 'react';
@@ -21,7 +20,7 @@ interface SearchModalProps {
     spaceId: string;
     revisionId: string;
     spaceTitle: string;
-    parent: Site | Collection | null;
+    collectionId: string | null;
     withAsk: boolean;
 }
 
@@ -136,8 +135,16 @@ function SearchModalBody(
         onClose: (to?: string) => void;
     },
 ) {
-    const { spaceId, revisionId, spaceTitle, withAsk, parent, state, onChangeQuery, onClose } =
-        props;
+    const {
+        spaceId,
+        revisionId,
+        spaceTitle,
+        withAsk,
+        collectionId,
+        state,
+        onChangeQuery,
+        onClose,
+    } = props;
 
     const language = useLanguage();
     const resultsRef = React.useRef<SearchResultsRef>(null);
@@ -232,11 +239,12 @@ function SearchModalBody(
                 </div>
             </div>
             {!state.ask || !withAsk ? (
+                <>
                     <SearchResults
                         ref={resultsRef}
                         spaceId={spaceId}
                         revisionId={revisionId}
-                    parent={state.global ? parent : null}
+                        collectionId={state.global ? collectionId : null}
                         query={state.query}
                         withAsk={withAsk}
                         onSwitchToAsk={() => {
@@ -246,9 +254,13 @@ function SearchModalBody(
                                 global: state.global,
                             });
                         }}
+                        onClose={onClose}
                     >
-                    {parent && state.query ? <SearchScopeToggle spaceTitle={spaceTitle} /> : null}
+                        {collectionId && state.query ? (
+                            <SearchScopeToggle spaceTitle={spaceTitle} />
+                        ) : null}
                     </SearchResults>
+                </>
             ) : null}
             {state.query && state.ask && withAsk ? (
                 <SearchAskAnswer spaceId={spaceId} query={state.query} />

src/components/Search/SearchPageResultItem.tsx

@@ -11,15 +11,20 @@ export const SearchPageResultItem = React.forwardRef(function SearchPageResultIt
         query: string;
         item: ComputedPageResult;
         active: boolean;
+        onClick: (to: string) => void;
     },
     ref: React.Ref<HTMLAnchorElement>,
 ) {
-    const { query, item, active } = props;
+    const { query, item, active, onClick } = props;
 
     return (
         <Link
             ref={ref}
             href={item.href}
+            onClick={(event) => {
+                event.preventDefault();
+                onClick(item.href);
+            }}
             className={tcls(
                 'flex',
                 'flex-row',

src/components/Search/SearchResults.tsx

@@ -1,4 +1,3 @@
-import { Collection, Site } from '@gitbook/api';
 import assertNever from 'assert-never';
 import React from 'react';
 
@@ -12,7 +11,7 @@ import { SearchSectionResultItem } from './SearchSectionResultItem';
 import {
     getRecommendedQuestions,
     OrderedComputedResult,
-    searchParentContent,
+    searchCollectionContent,
     searchSpaceContent,
 } from './server-actions';
 import { Loading } from '../primitives';
@@ -40,13 +39,15 @@ export const SearchResults = React.forwardRef(function SearchResults(
         query: string;
         spaceId: string;
         revisionId: string;
-        parent: Site | Collection | null;
+        collectionId: string | null;
         withAsk: boolean;
         onSwitchToAsk: () => void;
+        onClose: (to?: string) => void;
     },
     ref: React.Ref<SearchResultsRef>,
 ) {
-    const { children, query, spaceId, revisionId, parent, withAsk, onSwitchToAsk } = props;
+    const { children, query, spaceId, revisionId, collectionId, withAsk, onSwitchToAsk, onClose } =
+        props;
 
     const language = useLanguage();
     const debounceTimeout = React.useRef<NodeJS.Timeout | null>(null);
@@ -93,10 +94,9 @@ export const SearchResults = React.forwardRef(function SearchResults(
             debounceTimeout.current = setTimeout(async () => {
                 setCursor(null);
 
-                const fetchedResults = await (parent
-                    ? searchParentContent(parent, query)
+                const fetchedResults = await (collectionId
+                    ? searchCollectionContent(collectionId, query)
                     : searchSpaceContent(spaceId, revisionId, query));
-
                 setResults(withAsk ? withQuestionResult(fetchedResults, query) : fetchedResults);
             }, 250);
 
@@ -107,7 +107,7 @@ export const SearchResults = React.forwardRef(function SearchResults(
                 }
             };
         }
-    }, [query, spaceId, revisionId, parent, withAsk]);
+    }, [query, spaceId, revisionId, collectionId, withAsk]);
 
     // Scroll to the active result.
     React.useEffect(() => {
@@ -211,6 +211,7 @@ export const SearchResults = React.forwardRef(function SearchResults(
                                         query={query}
                                         item={item}
                                         active={index === cursor}
+                                        onClick={onClose}
                                     />
                                 );
                             }
@@ -251,6 +252,7 @@ export const SearchResults = React.forwardRef(function SearchResults(
                                         query={query}
                                         item={item}
                                         active={index === cursor}
+                                        onClick={onClose}
                                     />
                                 );
                             }

src/components/Search/SearchSectionResultItem.tsx

@@ -11,15 +11,20 @@ export const SearchSectionResultItem = React.forwardRef(function SearchSectionRe
         query: string;
         item: ComputedSectionResult;
         active: boolean;
+        onClick: (to: string) => void;
     },
     ref: React.Ref<HTMLAnchorElement>,
 ) {
-    const { query, item, active } = props;
+    const { query, item, active, onClick } = props;
 
     return (
         <Link
             ref={ref}
             href={item.href}
+            onClick={(event) => {
+                event.preventDefault();
+                onClick(item.href);
+            }}
             className={tcls(
                 'search-section-result-item',
                 '[&:has(+:not(&))]:mb-6',

src/components/Search/server-actions.tsx

@@ -1,16 +1,7 @@
 'use server';
 
-import {
-    Collection,
-    RevisionPage,
-    SearchAIAnswer,
-    SearchPageResult,
-    Site,
-    SiteSpace,
-    Space,
-} from '@gitbook/api';
+import { RevisionPage, SearchAIAnswer, SearchPageResult, Space } from '@gitbook/api';
 
-import { getContentPointer } from '@/app/(space)/fetch';
 import { streamResponse } from '@/lib/actions';
 import * as api from '@/lib/api';
 import { absoluteHref, pageHref } from '@/lib/links';
@@ -46,65 +37,9 @@ export interface AskAnswerSource {
 }
 
 export interface AskAnswerResult {
-    body?: React.ReactNode;
+    body: React.ReactNode;
     followupQuestions: string[];
     sources: AskAnswerSource[];
-    hasAnswer: boolean;
-}
-
-export async function searchSiteContent(args: {
-    query: string;
-    siteSpaceIds?: string[];
-    cacheBust?: string;
-}): Promise<OrderedComputedResult[]> {
-    const { siteSpaceIds, query, cacheBust } = args;
-    const pointer = getContentPointer();
-
-    if (siteSpaceIds?.length === 0) {
-        // if we have no siteSpaces to search in then we won't find anything. skip the call.
-        return [];
-    }
-
-    if ('siteId' in pointer && 'organizationId' in pointer) {
-        const [searchResults, allSiteSpaces] = await Promise.all([
-            api.searchSiteContent(
-                pointer.organizationId,
-                pointer.siteId,
-                query,
-                siteSpaceIds,
-                cacheBust,
-            ),
-            siteSpaceIds
-                ? null
-                : api.getSiteSpaces({
-                      organizationId: pointer.organizationId,
-                      siteId: pointer.siteId,
-                      siteShareKey: pointer.siteShareKey,
-                  }),
-        ]);
-
-        if (!siteSpaceIds) {
-            // We are searching all of this Site's content
-            return searchResults.items
-                .map((spaceItem) => {
-                    const siteSpace = allSiteSpaces?.find(
-                        (siteSpace) => siteSpace.space.id === spaceItem.id,
-                    );
-
-                    return spaceItem.pages.map((item) => transformSitePageResult(item, siteSpace));
-                })
-                .flat(2);
-        }
-
-        return searchResults.items
-            .map((spaceItem) => {
-                return spaceItem.pages.map((item) => transformPageResult(item));
-            })
-            .flat(2);
-    }
-
-    // This should never happen
-    return [];
 }
 
 /**
@@ -115,44 +50,25 @@ export async function searchSpaceContent(
     revisionId: string,
     query: string,
 ): Promise<OrderedComputedResult[]> {
-    const pointer = getContentPointer();
-
-    if ('siteId' in pointer && 'organizationId' in pointer) {
-        const siteSpaceIds = pointer.siteSpaceId ? [pointer.siteSpaceId] : []; // if we don't have a siteSpaceID search all content
-
-        // This is a site so use a different function which we can eventually call directly
-        // We also want to break cache for this specific space if the revisionId is different so use it as a cache busting key
-        return await searchSiteContent({ siteSpaceIds, query, cacheBust: revisionId });
-    }
-
     const data = await api.searchSpaceContent(spaceId, revisionId, query);
     return data.items.map((item) => transformPageResult(item, undefined)).flat();
 }
 
 /**
- * Server action to search content in a parent (site or collection)
+ * Server action to search content in a collection
  */
-export async function searchParentContent(
-    parent: Site | Collection,
+export async function searchCollectionContent(
+    collectionId: string,
     query: string,
 ): Promise<OrderedComputedResult[]> {
-    const pointer = getContentPointer();
-    const isSite = 'siteId' in pointer;
-
-    if (isSite) {
-        return searchSiteContent({ query });
-    }
-
     const [data, collectionSpaces] = await Promise.all([
-        api.searchParentContent(parent.id, query),
-        parent.object === 'collection' ? api.getCollectionSpaces(parent.id) : null,
+        api.searchCollectionContent(collectionId, query),
+        api.getCollectionSpaces(collectionId),
     ]);
 
-    let spaces: Space[] = collectionSpaces ? collectionSpaces : [];
-
     return data.items
         .map((spaceItem) => {
-            const space = spaces.find((space) => space.id === spaceItem.id);
+            const space = collectionSpaces.find((space) => space.id === spaceItem.id);
             return spaceItem.pages.map((item) => transformPageResult(item, space));
         })
         .flat(2);
@@ -162,15 +78,12 @@ export async function searchParentContent(
  * Server action to ask a question in a space.
  */
 export const streamAskQuestion = streamResponse(async function* (spaceId: string, query: string) {
-    const stream = api
-        .api()
-        .spaces.streamAskInSpace(spaceId, { query, format: 'document', details: true });
+    const stream = api.api().spaces.streamAskInSpace(spaceId, { query, format: 'document' });
     const pagesPromise = api.getSpaceContentData({ spaceId });
 
     for await (const chunk of stream) {
         // We run the AI search and fetch the pages in parallel
         const { pages } = await pagesPromise;
-
         yield transformAnswer(chunk.answer, pages);
     }
 });
@@ -187,7 +100,7 @@ function transformAnswer(
     answer: SearchAIAnswer | undefined,
     pages: RevisionPage[],
 ): AskAnswerResult | null {
-    if (!answer) {
+    if (!answer || !('document' in answer.answer)) {
         return null;
     }
 
@@ -211,43 +124,35 @@ function transformAnswer(
         .filter(filterOutNullable);
 
     return {
-        body:
-            answer.answer && 'document' in answer.answer ? (
+        body: (
             <DocumentView
                 document={answer.answer.document}
                 context={{
                     mode: 'default',
                     contentRefContext: null,
                     resolveContentRef: async () => null,
-                        shouldHighlightCode: () => false,
                 }}
                 style={['space-y-5']}
             />
-            ) : null,
+        ),
         followupQuestions: answer.followupQuestions,
         sources,
-        hasAnswer: !!answer.answer && 'document' in answer.answer,
     };
 }
 
-function transformSectionsAndPage(args: {
-    item: SearchPageResult;
-    space?: Space;
-    spaceURL?: string;
-}): [ComputedPageResult, ComputedSectionResult[]] {
-    const { item, space, spaceURL } = args;
-
+function transformPageResult(item: SearchPageResult, space?: Space) {
     // Resolve a relative path to an absolute URL
     // if the search result is relative to another space, we use the space URL
-    const getURL = (path: string, spaceURL?: string) => {
-        if (spaceURL) {
-            if (!spaceURL.endsWith('/')) {
-                spaceURL += '/';
+    const getURL = (path: string) => {
+        if (space) {
+            let url = space.urls.published ?? space.urls.app;
+            if (!url.endsWith('/')) {
+                url += '/';
             }
             if (path.startsWith('/')) {
                 path = path.slice(1);
             }
-            return spaceURL + path;
+            return url + path;
         } else {
             return absoluteHref(path);
         }
@@ -258,7 +163,7 @@ function transformSectionsAndPage(args: {
             type: 'section',
             id: item.id + '/' + section.id,
             title: section.title,
-            href: getURL(section.path, spaceURL),
+            href: getURL(section.path),
             body: section.body,
         })) ?? [];
 
@@ -270,25 +175,5 @@ function transformSectionsAndPage(args: {
         spaceTitle: space?.title,
     };
 
-    return [page, sections];
-}
-
-function transformSitePageResult(item: SearchPageResult, siteSpace?: SiteSpace) {
-    const [page, sections] = transformSectionsAndPage({
-        item,
-        space: siteSpace?.space,
-        spaceURL: siteSpace?.urls.published,
-    });
-
-    return [page, ...sections];
-}
-
-function transformPageResult(item: SearchPageResult, space?: Space) {
-    const [page, sections] = transformSectionsAndPage({
-        item,
-        space,
-        spaceURL: space?.urls.published ?? space?.urls.app,
-    });
-
     return [page, ...sections];
 }

src/components/SpaceLayout/SpaceLayout.tsx

@@ -5,8 +5,6 @@ import {
     Revision,
     RevisionPageDocument,
     RevisionPageGroup,
-    Site,
-    SiteCustomizationSettings,
     Space,
 } from '@gitbook/api';
 import React from 'react';
@@ -28,9 +26,9 @@ export function SpaceLayout(props: {
     content: ContentPointer;
     contentTarget: ContentTarget;
     space: Space;
-    parent: Site | Collection | null;
-    spaces: Space[];
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    collection: Collection | null;
+    collectionSpaces: Space[];
+    customization: CustomizationSettings;
     pages: Revision['pages'];
     ancestors: Array<RevisionPageDocument | RevisionPageGroup>;
     children: React.ReactNode;
@@ -38,8 +36,8 @@ export function SpaceLayout(props: {
     const {
         space,
         contentTarget,
-        parent,
-        spaces,
+        collection,
+        collectionSpaces,
         content,
         pages,
         customization,
@@ -61,8 +59,8 @@ export function SpaceLayout(props: {
             <Header
                 withTopHeader={withTopHeader}
                 space={space}
-                parent={parent}
-                spaces={spaces}
+                collection={collection}
+                collectionSpaces={collectionSpaces}
                 context={contentRefContext}
                 customization={customization}
             />
@@ -91,8 +89,8 @@ export function SpaceLayout(props: {
                             withTopHeader ? null : (
                                 <CompactHeader
                                     space={space}
-                                    parent={parent}
-                                    spaces={spaces}
+                                    collection={collection}
+                                    collectionSpaces={collectionSpaces}
                                     customization={customization}
                                 />
                             )
@@ -116,7 +114,7 @@ export function SpaceLayout(props: {
                     revisionId={contentTarget.revisionId}
                     spaceTitle={customization.title ?? space.title}
                     withAsk={customization.aiSearch.enabled}
-                    parent={parent && spaces.length > 1 ? parent : null}
+                    collectionId={collection && collectionSpaces.length > 1 ? collection.id : null}
                 />
             </React.Suspense>
         </>

src/components/TableOfContents/PagesList.tsx

@@ -19,14 +19,6 @@ export function PagesList(props: {
     return (
         <ul className={tcls('flex', 'flex-1', 'flex-col', 'gap-y-0.5', style)}>
             {pages.map((page) => {
-                if (page.type === 'link') {
-                    return <PageLinkItem key={page.id} page={page} context={context} />;
-                }
-
-                if (page.hidden) {
-                    return null;
-                }
-
                 if (page.type === 'group') {
                     return (
                         <PageGroupItem
@@ -37,6 +29,8 @@ export function PagesList(props: {
                             context={context}
                         />
                     );
+                } else if (page.type === 'link') {
+                    return <PageLinkItem key={page.id} page={page} context={context} />;
                 }
 
                 return (

src/components/TableOfContents/TableOfContents.tsx

@@ -3,7 +3,6 @@ import {
     Revision,
     RevisionPageDocument,
     RevisionPageGroup,
-    SiteCustomizationSettings,
     Space,
 } from '@gitbook/api';
 import React from 'react';
@@ -17,7 +16,7 @@ import { Trademark } from './Trademark';
 
 export function TableOfContents(props: {
     space: Space;
-    customization: CustomizationSettings | SiteCustomizationSettings;
+    customization: CustomizationSettings;
     content: ContentPointer;
     context: ContentRefContext;
     pages: Revision['pages'];
@@ -75,7 +74,7 @@ export function TableOfContents(props: {
                     'dark:group-hover:[&::-webkit-scrollbar-thumb]:bg-light/3',
                     'navigation-open:flex', // can be auto height animated as such https://stackoverflow.com/a/76944290
                     'lg:-ml-5',
-                    customization.trademark.enabled ? 'lg:pb-20' : 'lg:pb-4',
+                    customization.trademark.enabled ? 'lg:pb-16' : 'lg:pb-4',
                 )}
             >
                 <PagesList

src/components/TableOfContents/Trademark.tsx

@@ -1,4 +1,4 @@
-import { CustomizationSettings, SiteCustomizationSettings, Space } from '@gitbook/api';
+import { CustomizationSettings, Space } from '@gitbook/api';
 
 import { t, getSpaceLanguage } from '@/intl/server';
 import { tcls } from '@/lib/tailwind';
@@ -8,10 +8,7 @@ import { IconLogo } from '../icons/IconLogo';
 /**
  * Trademark link to the GitBook.
  */
-export function Trademark(props: {
-    space: Space;
-    customization: CustomizationSettings | SiteCustomizationSettings;
-}) {
+export function Trademark(props: { space: Space; customization: CustomizationSettings }) {
     return (
         <div
             className={tcls(
@@ -57,10 +54,7 @@ export function Trademark(props: {
 /**
  * Trademark link to the GitBook.
  */
-export function TrademarkLink(props: {
-    space: Space;
-    customization: CustomizationSettings | SiteCustomizationSettings;
-}) {
+export function TrademarkLink(props: { space: Space; customization: CustomizationSettings }) {
     const { space, customization } = props;
     const language = getSpaceLanguage(customization);
 
@@ -84,20 +78,16 @@ export function TrademarkLink(props: {
                 'flex-row',
                 'items-center',
                 'hover:bg-dark/1',
-                'bg-light',
-                'dark:bg-dark',
                 'px-4',
-                'py-4',
-                'rounded-lg',
+                'py-2',
+                'rounded-md',
                 'straight-corners:rounded-none',
                 'hover:backdrop-blur-sm',
                 'lg:ring-0',
                 'tracking-[-0.016em]',
                 'dark:hover:bg-light/1',
                 'dark:ring-light/1',
-                'border',
-                'border-dark/2',
-                'dark:border-light/2',
+                'dark:font-normal',
             )}
         >
             <IconLogo className={tcls('w-5', 'h-5', 'mr-3')} />

src/components/icons/LogoIcon.tsx

@@ -1,49 +0,0 @@
-import { CustomizationThemedURL } from '@gitbook/api';
-
-import { Image } from '@/components/utils';
-import { absoluteHref } from '@/lib/links';
-
-import { Emoji } from '../primitives';
-
-export function LogoIcon(
-    props: { icon?: CustomizationThemedURL; emoji?: string } & Omit<
-        React.ComponentProps<typeof Image>,
-        'sources'
-    >,
-) {
-    const { icon, emoji, alt, ...imageProps } = props;
-
-    if (emoji && !icon) {
-        return <Emoji code={emoji} style="text-xl" />;
-    }
-
-    return (
-        <Image
-            alt={alt ?? ''}
-            sources={
-                icon
-                    ? {
-                          light: {
-                              src: icon.light,
-                              aspectRatio: '1',
-                          },
-                          dark: {
-                              src: icon.dark,
-                              aspectRatio: '1',
-                          },
-                      }
-                    : {
-                          light: {
-                              src: absoluteHref('~gitbook/icon?size=medium&theme=light', true),
-                              size: { width: 256, height: 256 },
-                          },
-                          dark: {
-                              src: absoluteHref('~gitbook/icon?size=medium&theme=dark', true),
-                              size: { width: 256, height: 256 },
-                          },
-                      }
-            }
-            {...imageProps}
-        />
-    );
-}

src/components/icons/index.ts

@@ -1,2 +1 @@
 export * from './types';
-export * from './LogoIcon';

src/components/primitives/StyledLink.tsx

@@ -1,16 +1,14 @@
-import { ClassValue, tcls } from '@/lib/tailwind';
+import { tcls } from '@/lib/tailwind';
 
 import { Link, LinkProps } from '../primitives/Link';
 
 /**
  * Styled version of Link component.
  */
-export function StyledLink(props: Omit<LinkProps, 'style'> & { style?: ClassValue }) {
-    const { style, ...rest } = props;
-
+export function StyledLink(props: LinkProps) {
     return (
         <Link
-            {...rest}
+            {...props}
             className={tcls(
                 'underline',
                 'underline-offset-2',
@@ -18,7 +16,6 @@ export function StyledLink(props: Omit<LinkProps, 'style'> & { style?: ClassValu
                 'text-primary',
                 'hover:text-primary-700',
                 'transition-colors',
-                style,
             )}
         >
             {props.children}

src/intl/server.ts

@@ -1,4 +1,4 @@
-import { CustomizationSettings, SiteCustomizationSettings } from '@gitbook/api';
+import { CustomizationSettings } from '@gitbook/api';
 
 import { languages, TranslationLanguage } from './translations';
 
@@ -7,9 +7,7 @@ export * from './translate';
 /**
  * Create the translation context for a space to use in the server components.
  */
-export function getSpaceLanguage(
-    customization: CustomizationSettings | SiteCustomizationSettings,
-): TranslationLanguage {
+export function getSpaceLanguage(customization: CustomizationSettings): TranslationLanguage {
     const fallback = languages.en;
 
     const { locale } = customization.internationalization;

src/intl/translations/de.ts

@@ -1,56 +0,0 @@
-export const de = {
-    locale: 'de',
-    powered_by_gitbook: 'Bereitgestellt von GitBook',
-    switch_to_dark_theme: 'Zum dunklen Modus wechseln',
-    switch_to_light_theme: 'Zum hellen Modus wechseln',
-    switch_to_system_theme: 'Zum Systemmodus wechseln',
-    search: 'Suche',
-    search_or_ask: 'Fragen oder Suchen',
-    search_input_placeholder: 'Inhalt durchsuchen',
-    search_ask_input_placeholder: 'Inhalt durchsuchen oder eine Frage stellen',
-    search_no_results: 'Keine Ergebnisse für "${1}".',
-    search_scope_space: 'Nur in ${1}',
-    search_scope_all: 'Alle Inhalte',
-    search_ask: 'Fragen "${1}"',
-    search_ask_sources: 'Quellen',
-    search_ask_sources_no_answer: 'Verwandte Seiten',
-    search_ask_no_answer:
-        'Es konnte keine Antwort auf Ihre Frage gefunden werden. Versuchen Sie, sie umzuformulieren oder genauer zu sein.',
-    search_ask_error: 'Etwas ist schief gelaufen. Bitte versuchen Sie es später noch einmal.',
-    on_this_page: 'Auf dieser Seite',
-    next_page: 'Nächste',
-    previous_page: 'Vorherige',
-    page_last_modified: 'Zuletzt aktualisiert ${1}',
-    was_this_helpful: 'War das hilfreich?',
-    was_this_helpful_positive: 'Ja, das war es!',
-    was_this_helpful_neutral: 'Nicht sicher',
-    was_this_helpful_negative: 'Nein',
-    was_this_helpful_thank_you: 'Danke!',
-    annotation_button_label: 'Kommentar öffnen',
-    code_copied: 'Kopiert!',
-    code_copy: 'Kopieren',
-    table_of_contents_button_label: 'Inhaltsverzeichnis öffnen',
-    cookies_title: 'Cookies',
-    cookies_prompt:
-        'Diese Website verwendet Cookies, um ihre Dienste bereitzustellen und den Datenverkehr zu analysieren. Durch die Nutzung dieser Website akzeptieren Sie die ${1}.',
-    cookies_prompt_privacy: 'Datenschutzrichtlinie',
-    cookies_accept: 'Akzeptieren',
-    cookies_reject: 'Ablehnen',
-    cookies_close: 'Schließen',
-    edit_on_git: 'Bearbeiten auf ${1}',
-    notfound_title: 'Seite nicht gefunden',
-    notfound: 'Die gesuchte Seite existiert nicht.',
-    unexpected_error_title: 'Ein Fehler ist aufgetreten',
-    unexpected_error:
-        'Entschuldigung, ein unerwarteter Fehler ist aufgetreten. Bitte versuchen Sie es später erneut.',
-    unexpected_error_retry: 'Erneut versuchen',
-    pdf_download: 'Als PDF exportieren',
-    pdf_goback: 'Zurück zum Inhalt',
-    pdf_print: 'Drucken oder als PDF speichern',
-    pdf_page_of: '${1} von ${2}',
-    pdf_mode_only_page: 'Nur diese Seite',
-    pdf_mode_all: 'Alle Seiten',
-    pdf_limit_reached:
-        'Das PDF konnte für ${1} Seiten nicht generiert werden, Generierung wurde bei ${2} gestoppt.',
-    pdf_limit_reached_continue: 'Mit ${1} weiteren Seiten erweitern.',
-};

src/intl/translations/en.ts

@@ -13,9 +13,7 @@ export const en = {
     search_scope_all: 'All the content',
     search_ask: 'Ask "${1}"',
     search_ask_sources: 'Sources',
-    search_ask_sources_no_answer: 'Related pages',
-    search_ask_no_answer:
-        'An answer could not be found for your question. You could try rephrasing it, or be more specific.',
+    search_ask_no_answer: 'No answer could be found for your question, try with another one.',
     search_ask_error: 'Something went wrong. Please try again later.',
     on_this_page: 'On this page',
     next_page: 'Next',

src/intl/translations/es.ts

@@ -15,9 +15,7 @@ export const es: TranslationLanguage = {
     search_scope_all: 'Todo el contenido',
     search_ask: 'Preguntar "${1}"',
     search_ask_sources: 'Fuentes',
-    search_ask_sources_no_answer: 'Páginas relacionadas',
-    search_ask_no_answer:
-        'No se pudo encontrar una respuesta para su pregunta. Puede intentar reformularla o ser más específico.',
+    search_ask_no_answer: 'No se pudo encontrar una respuesta a tu pregunta, intenta con otra.',
     search_ask_error: 'Algo salió mal. Por favor, inténtalo de nuevo más tarde.',
     on_this_page: 'En esta página',
     next_page: 'Siguiente',

src/intl/translations/fr.ts

@@ -15,9 +15,7 @@ export const fr: TranslationLanguage = {
     search_scope_all: 'Tout le contenu',
     search_ask: 'Demander "${1}"',
     search_ask_sources: 'Sources',
-    search_ask_sources_no_answer: 'Pages connexes',
-    search_ask_no_answer:
-        "Aucune réponse n'a pu être trouvée pour votre question. Essayez de la reformuler ou d'être plus précis",
+    search_ask_no_answer: 'Aucune réponse trouvée à votre question, essayez-en une autre.',
     search_ask_error: 'Quelque chose a mal fonctionné. Veuillez réessayer plus tard.',
     on_this_page: 'Sur cette page',
     next_page: 'Suivant',

src/intl/translations/index.ts

@@ -1,11 +1,9 @@
 import { CustomizationLocale } from '@gitbook/api';
 
-import { de } from './de';
 import { en } from './en';
 import { es } from './es';
 import { fr } from './fr';
 import { ja } from './ja';
-import { pt_br } from './pt-br';
 import { TranslationLanguage } from './types';
 import { zh } from './zh';
 
@@ -14,11 +12,9 @@ export * from './types';
 export const languages: {
     [locale in CustomizationLocale]: TranslationLanguage;
 } = {
-    de,
     en,
     fr,
     es,
     zh,
     ja,
-    'pt-br': pt_br,
 };

src/intl/translations/ja.ts

@@ -15,9 +15,8 @@ export const ja: TranslationLanguage = {
     search_scope_all: '全てのコンテンツ',
     search_ask: '"${1}" を質問する',
     search_ask_sources: '情報源',
-    search_ask_sources_no_answer: '関連ページ',
     search_ask_no_answer:
-        'ご質問への回答が見つかりませんでした。質問を言い換えるか、もう少し具体的にしてください。',
+        'ご質問に答えられる答えが見つかりませんでした、他の質問を試してください。',
     search_ask_error: '何らかのエラーが発生しました。後ほど再度お試しください。',
     on_this_page: 'このページ内',
     next_page: '次へ',

src/intl/translations/pt-br.ts

@@ -1,56 +0,0 @@
-export const pt_br = {
-    locale: 'pt-br',
-    powered_by_gitbook: 'Powered by GitBook',
-    switch_to_dark_theme: 'Mudar para modo escuro',
-    switch_to_light_theme: 'Mudar para modo claro',
-    switch_to_system_theme: 'Mudar para configuração do sistema',
-    search: 'Busca',
-    search_or_ask: 'Perguntar ou buscar',
-    search_input_placeholder: 'Buscar conteúdo',
-    search_ask_input_placeholder: 'Buscar conteúdo ou fazer uma pergunta',
-    search_no_results: 'Sem resultados para "${1}".',
-    search_scope_space: 'Somente em ${1}',
-    search_scope_all: 'Todo o conteúdo',
-    search_ask: 'Perguntar "${1}"',
-    search_ask_sources: 'Fontes',
-    search_ask_sources_no_answer: 'Páginas relacionadas',
-    search_ask_no_answer:
-        'Não foi possível encontrar uma resposta para sua pergunta. Você pode tentar reformulá-la ou ser mais específico.',
-    search_ask_error: 'Algo deu errado. Por favor tente novamente mais tarde.',
-    on_this_page: 'Nesta página',
-    next_page: 'Próximo',
-    previous_page: 'Anterior',
-    page_last_modified: 'Atualizado ${1}',
-    was_this_helpful: 'Isto foi útil?',
-    was_this_helpful_positive: 'Sim, foi!',
-    was_this_helpful_neutral: 'Não sei',
-    was_this_helpful_negative: 'Não',
-    was_this_helpful_thank_you: 'Obrigado!',
-    annotation_button_label: 'Abrir anotação',
-    code_copied: 'Copiado!',
-    code_copy: 'Copiar',
-    table_of_contents_button_label: 'Abrir o índice',
-    cookies_title: 'Cookies',
-    cookies_prompt:
-        'Este site usa cookies para entregar suas funcionalidades e analizar o tráfego. Ao navegar neste site, você aceita a ${1}.',
-    cookies_prompt_privacy: 'política de privacidade',
-    cookies_accept: 'Aceitar',
-    cookies_reject: 'Rejeitar',
-    cookies_close: 'Fechar',
-    edit_on_git: 'Editar no ${1}',
-    notfound_title: 'Página não encontrada',
-    notfound: 'A página que você está procurando não existe.',
-    unexpected_error_title: 'Aconteceu um erro',
-    unexpected_error:
-        'Desculpe, aconteceu um erro inesperado. Por favor tente novamente mais tarde.',
-    unexpected_error_retry: ' Tentar novamente',
-    pdf_download: 'Exportar como PDF',
-    pdf_goback: 'Voltar ao conteúdo',
-    pdf_print: 'Imprimir ou salvar como PDF',
-    pdf_page_of: '${1} de ${2}',
-    pdf_mode_only_page: 'Somente esta página',
-    pdf_mode_all: 'Todas as páginas',
-    pdf_limit_reached:
-        'Não foi possível gerar o PDF para ${1} páginas, generation stopped at ${2}.',
-    pdf_limit_reached_continue: 'Extender com mais ${1} páginas.',
-};

src/intl/translations/zh.ts

@@ -15,8 +15,7 @@ export const zh: TranslationLanguage = {
     search_scope_all: '所有内容',
     search_ask: '询问"${1}"',
     search_ask_sources: '来源',
-    search_ask_sources_no_answer: '相关页面',
-    search_ask_no_answer: '无法找到您的问题的答案。您可以尝试改述问题或提供更具体的信息。',
+    search_ask_no_answer: '找不到您的问题的答案，请尝试另一个问题。',
     search_ask_error: '出了些问题。请稍后再试。',
     on_this_page: '在本页',
     next_page: '下一页',

src/lib/api.ts

@@ -9,10 +9,8 @@ import {
     HttpResponse,
     List,
     PublishedContentLookup,
-    PublishedSiteContentLookup,
     RequestRenderIntegrationUI,
     RevisionFile,
-    SiteCustomizationSettings,
 } from '@gitbook/api';
 import assertNever from 'assert-never';
 import { headers } from 'next/headers';
@@ -37,23 +35,6 @@ export interface ContentPointer {
     revisionId?: string;
 }
 
-/**
- * Pointer to a relative content, it might change overtime, the pointer is relative in the content history.
- */
-export interface SiteContentPointer extends ContentPointer {
-    organizationId: string;
-    siteId: string;
-    /**
-     * ID of the siteSpace can be undefined when rendering in multi-id mode (for site previews)
-     */
-    siteSpaceId: string | undefined;
-    /**
-     * Share key of the site that was used in lookup. Only set for `multi` and `multi-path` modes
-     * where an URL with the share-link key is involved in the lookup/resolution.
-     */
-    siteShareKey: string | undefined;
-}
-
 /**
  * Pointer to a content that is immutable, it will never change.
  */
@@ -128,7 +109,7 @@ export function withAPI<T>(client: GitBookAPI, fn: () => Promise<T>): Promise<T>
 }
 
 export type PublishedContentWithCache =
-    | ((PublishedContentLookup | PublishedSiteContentLookup) & {
+    | (PublishedContentLookup & {
           cacheMaxAge?: number;
           cacheTags?: string[];
       })
@@ -600,262 +581,6 @@ export const getDocument = cache(
     },
 );
 
-/**
- * Get the customization settings for a site-space from the API.
- */
-const getSiteSpaceCustomizationFromAPI = cache(
-    'api.getSiteSpaceCustomizationById',
-    async (
-        organizationId: string,
-        siteId: string,
-        siteSpaceId: string,
-        options: CacheFunctionOptions,
-    ) => {
-        const response = await api().orgs.getSiteSpaceCustomizationById(
-            organizationId,
-            siteId,
-            siteSpaceId,
-            {},
-            {
-                signal: options.signal,
-                ...noCacheFetchOptions,
-            },
-        );
-        return cacheResponse(response, {
-            revalidateBefore: 60 * 60,
-            tags: [
-                getAPICacheTag({
-                    tag: 'site',
-                    site: siteId,
-                }),
-            ],
-        });
-    },
-);
-
-/**
- * Get the customization settings for a site from the API.
- */
-const getSiteCustomizationFromAPI = cache(
-    'api.getSiteCustomizationById',
-    async (organizationId: string, siteId: string, options: CacheFunctionOptions) => {
-        const response = await api().orgs.getSiteCustomizationById(
-            organizationId,
-            siteId,
-            {},
-            {
-                signal: options.signal,
-                ...noCacheFetchOptions,
-            },
-        );
-        return cacheResponse(response, {
-            revalidateBefore: 60 * 60,
-            tags: [
-                getAPICacheTag({
-                    tag: 'site',
-                    site: siteId,
-                }),
-            ],
-        });
-    },
-);
-
-/**
- * Get the customization settings for a site space from the API.
- */
-async function getSiteSpaceCustomization(args: {
-    organizationId: string;
-    siteId: string;
-    siteSpaceId: string;
-}): Promise<SiteCustomizationSettings> {
-    const headersList = headers();
-    const raw = await getSiteSpaceCustomizationFromAPI(
-        args.organizationId,
-        args.siteId,
-        args.siteSpaceId,
-    );
-
-    const extend = headersList.get('x-gitbook-customization');
-    if (extend) {
-        try {
-            const parsed = rison.decode_object<Partial<SiteCustomizationSettings>>(extend);
-            return { ...raw, ...parsed };
-        } catch (error) {
-            console.error(
-                `Failed to parse x-gitbook-customization header (ignored): ${
-                    (error as Error).stack ?? (error as Error).message ?? error
-                }`,
-            );
-        }
-    }
-
-    return raw;
-}
-
-/**
- * Get the customization settings for a site space from the API.
- */
-async function getSiteCustomization(args: {
-    organizationId: string;
-    siteId: string;
-}): Promise<SiteCustomizationSettings> {
-    const headersList = headers();
-    const raw = await getSiteCustomizationFromAPI(args.organizationId, args.siteId);
-
-    const extend = headersList.get('x-gitbook-customization');
-    if (extend) {
-        try {
-            const parsed = rison.decode_object<Partial<SiteCustomizationSettings>>(extend);
-            return { ...raw, ...parsed };
-        } catch (error) {
-            console.error(
-                `Failed to parse x-gitbook-customization header (ignored): ${
-                    (error as Error).stack ?? (error as Error).message ?? error
-                }`,
-            );
-        }
-    }
-
-    return raw;
-}
-
-/**
- * Get the infos about a site by its ID.
- */
-export const getSite = cache(
-    'api.getSite',
-    async (organizationId: string, siteId: string, options: CacheFunctionOptions) => {
-        const response = await api().orgs.getSiteById(organizationId, siteId, {
-            ...noCacheFetchOptions,
-            signal: options.signal,
-        });
-        return cacheResponse(response, {
-            revalidateBefore: 60 * 60,
-            tags: [getAPICacheTag({ tag: 'site', site: siteId })],
-        });
-    },
-);
-
-/**
- * List all the site-spaces variants published in a site.
- */
-export const getSiteSpaces = cache(
-    'api.getSiteSpaces',
-    async (
-        args: {
-            organizationId: 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 getAll((params) =>
-            api().orgs.listSiteSpaces(
-                args.organizationId,
-                args.siteId,
-                {
-                    ...params,
-                    ...(args.siteShareKey ? { shareKey: args.siteShareKey } : {}),
-                },
-                {
-                    ...noCacheFetchOptions,
-                    signal: options.signal,
-                },
-            ),
-        );
-
-        return cacheResponse(response, {
-            revalidateBefore: 60 * 60,
-            data: response.data.items.map((siteSpace) => siteSpace),
-            tags: [getAPICacheTag({ tag: 'site', site: args.siteId })],
-        });
-    },
-);
-
-/**
- * List the scripts to load for the site.
- */
-export const getSiteIntegrationScripts = cache(
-    'api.getSiteIntegrationScripts',
-    async (organizationId: string, siteId: string, options: CacheFunctionOptions) => {
-        const response = await api().orgs.listSiteIntegrationScripts(organizationId, siteId, {
-            ...noCacheFetchOptions,
-            signal: options.signal,
-        });
-        return cacheResponse(response, {
-            revalidateBefore: 60 * 60,
-            tags: [getAPICacheTag({ tag: 'site', site: siteId })],
-        });
-    },
-);
-
-/**
- * Fetch all the data to render the current site at once.
- */
-export async function getCurrentSiteData(pointer: SiteContentPointer) {
-    const [{ space, pages, contentTarget }, { customization, scripts }] = await Promise.all([
-        getSpaceData(pointer),
-        getCurrentSiteLayoutData(pointer),
-    ]);
-
-    return {
-        space,
-        pages,
-        contentTarget,
-        customization,
-        scripts,
-    };
-}
-
-/**
- * Fetch all the layout data about the current site at once.
- */
-export async function getCurrentSiteLayoutData(args: {
-    organizationId: string;
-    siteId: string;
-    siteSpaceId: string | undefined;
-}) {
-    const [customization, scripts] = await Promise.all([
-        args.siteSpaceId
-            ? getSiteSpaceCustomization({
-                  organizationId: args.organizationId,
-                  siteId: args.siteId,
-                  siteSpaceId: args.siteSpaceId,
-              })
-            : getSiteCustomization({
-                  organizationId: args.organizationId,
-                  siteId: args.siteId,
-              }),
-        getSiteIntegrationScripts(args.organizationId, args.siteId),
-    ]);
-
-    return {
-        customization,
-        scripts,
-    };
-}
-
-/**
- * Get the customization settings for the current site from the API.
- */
-export async function getCurrentSiteCustomization(args: {
-    organizationId: string;
-    siteId: string;
-    siteSpaceId: string | undefined;
-}): Promise<SiteCustomizationSettings> {
-    return args.siteSpaceId
-        ? getSiteSpaceCustomization({
-              organizationId: args.organizationId,
-              siteId: args.siteId,
-              siteSpaceId: args.siteSpaceId,
-          })
-        : getSiteCustomization({
-              organizationId: args.organizationId,
-              siteId: args.siteId,
-          });
-}
-
 /**
  * Get the customization settings for a space from the API.
  */
@@ -1027,11 +752,11 @@ export const searchSpaceContent = cache(
 );
 
 /**
- * Search content accross all spaces in a parent (site or collection).
+ * Search content accross all spaces in a collection.
  */
-export const searchParentContent = cache(
-    'api.searchParentContent',
-    async (parentId: string, query: string, options: CacheFunctionOptions) => {
+export const searchCollectionContent = cache(
+    'api.searchCollectionContent',
+    async (collectionId: string, query: string, options: CacheFunctionOptions) => {
         const response = await api().search.searchContent(
             { query },
             {
@@ -1046,41 +771,6 @@ export const searchParentContent = cache(
     },
 );
 
-/**
- * Search content in a Site or specific SiteSpaces.
- */
-export const searchSiteContent = cache(
-    'api.searchSiteContent',
-    async (
-        organizationId: string,
-        siteId: string,
-        query: string,
-        siteSpaceIds?: string[],
-        /** A cache bust param to avoid revalidating lot of cache entries by tags */
-        cacheBust?: string,
-        options?: CacheFunctionOptions,
-    ) => {
-        const response = await api().orgs.searchSiteContent(
-            organizationId,
-            siteId,
-            {
-                query,
-                siteSpaceIds,
-            },
-            undefined,
-            {
-                ...noCacheFetchOptions,
-                signal: options?.signal,
-            },
-        );
-
-        return cacheResponse(response, {
-            ttl: 60 * 60,
-            tags: [],
-        });
-    },
-);
-
 /**
  * Get a list of recommended questions in a space.
  */
@@ -1144,11 +834,6 @@ export function getAPICacheTag(
         | {
               tag: 'synced-block';
               syncedBlock: string;
-          }
-        // All data related to a site
-        | {
-              tag: 'site';
-              site: string;
           },
 ): string {
     switch (spec.tag) {
@@ -1160,8 +845,6 @@ export function getAPICacheTag(
             return `collection:${spec.collection}`;
         case 'synced-block':
             return `synced-block:${spec.syncedBlock}`;
-        case 'site':
-            return `site:${spec.site}`;
         default:
             assertNever(spec);
     }

src/lib/async.ts

@@ -1,6 +1,6 @@
 import { MaybePromise } from 'p-map';
 
-import { waitUntil, getRequestContext } from './waitUntil';
+import { waitUntil, getGlobalContext } from './waitUntil';
 
 /**
  * Execute a function for each input in parallel and return the first result.
@@ -238,7 +238,7 @@ export function singleton<R>(execute: () => Promise<R>): () => Promise<R> {
         }
 
         // Promises are not shared between requests in Cloudflare Workers
-        const ctx = await getRequestContext();
+        const ctx = await getGlobalContext();
         const current = states.get(ctx);
         if (current) {
             return current;
@@ -269,7 +269,7 @@ export function singletonMap<Key extends string, Args extends any[], Result>(
     const states = new WeakMap<object, Map<string, Promise<Result>>>();
 
     const fn: SingletonFunction<Key, Args, Result> = async (key, ...args) => {
-        const ctx = await getRequestContext();
+        const ctx = await getGlobalContext();
         let current = states.get(ctx);
         if (current) {
             const existing = current.get(key);
@@ -292,7 +292,7 @@ export function singletonMap<Key extends string, Args extends any[], Result>(
     };
 
     fn.isRunning = async (key: string) => {
-        const ctx = await getRequestContext();
+        const ctx = await getGlobalContext();
         const current = states.get(ctx);
         return current?.has(key) ?? false;
     };

src/lib/cache/cache.test.ts

@@ -7,24 +7,21 @@ describe('cache', () => {
 
     let fn: CacheFunction<[string], string>;
     let testId = 0;
-    let getTtl: () => number;
 
     beforeEach(() => {
         impl.mockClear();
 
         testId += 1;
-        getTtl = () => 1000;
 
         fn = cache(`cache-${testId}`, async (arg: string, options: CacheFunctionOptions) => {
             await new Promise((resolve) => setTimeout(resolve, 20));
             return {
                 data: impl(arg),
-                ttl: getTtl(),
             };
         });
     });
 
-    it('should only execute once for same argument if there is a ttl', async () => {
+    it('should only execute once for same argument', async () => {
         const result = await Promise.all([fn('a'), fn('a')]);
 
         expect(result).toEqual(['test-a', 'test-a']);
@@ -37,21 +34,6 @@ describe('cache', () => {
         expect(impl).toHaveBeenCalledTimes(1);
     });
 
-    it('should execute multiple times for same argument if ttl is 0 or undefined', async () => {
-        getTtl = () => 0;
-
-        const result = await Promise.all([fn('a'), fn('a')]);
-
-        expect(result).toEqual(['test-a', 'test-a']);
-
-        expect(impl).toHaveBeenCalled();
-        expect(impl).toHaveBeenCalledTimes(1);
-
-        expect(await fn('a')).toEqual('test-a');
-
-        expect(impl).toHaveBeenCalledTimes(2);
-    });
-
     it('should execute for different arguments', async () => {
         const result = await Promise.all([fn('a'), fn('b')]);