Files
Alberto Schiabel 16fa3d963a chore(docs): migrate the docs site to Fumadocs 11 (#3956)
## Summary

- upgrades `fumadocs-openapi` 10 → 11, `fumadocs-mdx` 14 → 15, and
`fumadocs-core` / `fumadocs-ui` 16.4 → 16.13
- migrates the Fumadocs OpenAPI API while preserving the custom schema
renderer
- restores local `$ref` resolution in both the visible API schema UI and
generated LLM markdown
- reduces API-reference client payloads by slicing the bundled OpenAPI
document to each page's reachable operations and components
- restores required badges for GET parameters
- normalizes the OpenAPI `no_auth` sentinel so explicitly public
endpoints render without authentication
- moves to `getOpenAPIPageProps()` / `OpenAPIPageProps` and removes
obsolete CSS overrides

## Correctness fixes

Fumadocs 11 changed the page contract from a server-resolved document id
to a client-side bundled document. That exposed several silent
regressions:

- **Reference resolution:** bundled documents retain local `$ref`s. The
LLM renderer now dereferences them, including alias chains and cycles,
while the custom schema renderer uses Fumadocs' resolver and retains raw
reference identity for stable deduplication.
- **Dereference reuse:** repeated LLM-page requests reuse the
dereferenced copy for each cached bundled document instead of walking
the complete spec per page.
- **Client payload size:** each API page now receives only its selected
operations and transitively reachable components. The slicer falls back
to the complete document for non-component pointers, deep component
pointers, missing operations, or dangling references.
- **Required badges:** `readOnly` cannot distinguish GET inputs from
responses. The renderer now uses the page hook's client name to identify
responses.
- **Recursive rendering:** schema markdown rendering now caps both
structural recursion and nested array type rendering.
- **No-auth normalization:** the undeclared `no_auth` sentinel is
removed without discarding any real security alternatives that may
accompany it.
- **Contract drift:** code consuming `getSchema()` now treats `bundled`
as required, matching the upstream type.

Review follow-up also replaces the new OpenAPI `any` types with typed
Fumadocs page props and a narrow recursive schema model. Historical
Fumadocs 10/11 migration explanations live here in the PR, not as
version-specific source comments; source comments retain only durable
invariants.

## Payload impact

| | before | after |
| --- | --- | --- |
| bundled document | 451 KB | 7.7 KB avg / 30 KB worst |
| served page HTML | 693 KB | 198 KB |
| 10-page sample | 6.55 MB | 2.02 MB (69% smaller) |

## Verification

- `bun install --frozen-lockfile`
- `bun run test` — 89 pass
- `bun run lint:links` — 0 errors
- `bun run lint` — 0 errors (77 existing warnings)
- `bun run types:check`
- `bun run build`
- production server + `bun run test:integration` — 74 pass, including
v3.1/v3 API pages, redirects, search, and LLM endpoints

The production build has one existing Turbopack NFT tracing warning from
`next.config.mjs`; it does not fail the build.

## Production vs preview checks

A live sample comparison between [production](https://docs.composio.dev)
and the [PR
preview](https://docs-git-chore-docs-fumadocs-11.preview.composio.dev)
found no docs regression:

- all 14 representative routes returned 200 with matching titles,
headings, canonical production URLs, and key content
- redirects for `/`, `/api-reference`, `/tools`, and `/docs/welcome`
matched exactly
- the sampled pages exposed the same 1,137 internal-link targets; a
balanced sample of 29 links resolved successfully on both deployments
- sampled v3 and v3.1 OpenAPI pages retained endpoint paths, required
fields, response schemas, and legacy indicators
- the generated OpenAPI LLM page was byte-for-byte identical
- selecting TypeScript in a hydrated browser rendered both inactive-tab
examples and synchronized the language tab groups
- `llms.txt` retained the same 139 unique lines in a different order
- `/docs/quickstart.md` only added an explicit `[#next]` heading anchor

The sampled OpenAPI HTML was roughly 35–42% smaller in the preview,
consistent with document slicing rather than missing rendered content.
2026-07-28 15:26:57 +05:30

244 lines
7.5 KiB
TypeScript

import { describe, expect, test } from 'bun:test';
import { sliceApiPageProps, sliceDocumentForPage } from '../../lib/openapi-slice';
// The bail-outs are as important as the per-page narrowing: a larger valid
// payload is safer than a smaller document with dangling references.
const doc = {
openapi: '3.1.0',
info: { title: 'API', version: '1' },
servers: [{ url: 'https://api.example.com' }],
paths: {
'/users': {
parameters: [{ name: 'trace', in: 'header' }],
get: {
summary: 'List users',
responses: {
'200': { content: { 'application/json': { schema: { $ref: '#/components/schemas/User' } } } },
},
},
post: {
summary: 'Create user',
requestBody: {
content: { 'application/json': { schema: { $ref: '#/components/schemas/CreateUser' } } },
},
},
},
'/orders': {
get: {
summary: 'List orders',
responses: {
'200': { content: { 'application/json': { schema: { $ref: '#/components/schemas/Order' } } } },
},
},
},
},
components: {
schemas: {
User: { type: 'object', properties: { address: { $ref: '#/components/schemas/Address' } } },
Address: { type: 'object', properties: { city: { type: 'string' } } },
CreateUser: { type: 'object', properties: { name: { type: 'string' } } },
Order: { type: 'object', properties: { total: { type: 'number' } } },
},
securitySchemes: { apiKey: { type: 'apiKey', name: 'x-api-key', in: 'header' } },
},
};
describe('sliceDocumentForPage', () => {
test('keeps only the requested operation', () => {
const out = sliceDocumentForPage(doc, [{ path: '/users', method: 'get' }]);
expect(Object.keys(out.paths)).toEqual(['/users']);
expect(Object.keys(out.paths['/users'])).toContain('get');
expect(Object.keys(out.paths['/users'])).not.toContain('post');
});
test('carries shared path-item keys along with the operation', () => {
const out = sliceDocumentForPage(doc, [{ path: '/users', method: 'get' }]);
expect(out.paths['/users'].parameters).toEqual([{ name: 'trace', in: 'header' }]);
});
test('keeps transitively reachable components and drops the rest', () => {
const out = sliceDocumentForPage(doc, [{ path: '/users', method: 'get' }]);
// User -> Address must survive; unrelated schemas must not.
expect(Object.keys(out.components.schemas).sort()).toEqual(['Address', 'User']);
});
test('always keeps securitySchemes, which are referenced by name', () => {
const out = sliceDocumentForPage(doc, [{ path: '/users', method: 'get' }]);
expect(out.components.securitySchemes).toEqual(doc.components.securitySchemes);
});
test('preserves top-level document metadata', () => {
const out = sliceDocumentForPage(doc, [{ path: '/users', method: 'get' }]);
expect(out.openapi).toBe('3.1.0');
expect(out.info).toEqual(doc.info);
expect(out.servers).toEqual(doc.servers);
});
test('supports a page rendering several operations', () => {
const out = sliceDocumentForPage(doc, [
{ path: '/users', method: 'get' },
{ path: '/orders', method: 'get' },
]);
expect(Object.keys(out.paths).sort()).toEqual(['/orders', '/users']);
expect(Object.keys(out.components.schemas).sort()).toEqual(['Address', 'Order', 'User']);
});
test('does not mutate the source document', () => {
sliceDocumentForPage(doc, [{ path: '/users', method: 'get' }]);
expect(Object.keys(doc.paths).sort()).toEqual(['/orders', '/users']);
expect(Object.keys(doc.components.schemas).sort()).toEqual([
'Address',
'CreateUser',
'Order',
'User',
]);
});
test('slices webhook pages', () => {
const withWebhook = {
...doc,
webhooks: {
userCreated: {
post: {
requestBody: {
content: { 'application/json': { schema: { $ref: '#/components/schemas/User' } } },
},
},
},
ignored: { post: { summary: 'other' } },
},
};
const out = sliceDocumentForPage(withWebhook, [], [{ name: 'userCreated', method: 'post' }]);
expect(Object.keys(out.webhooks)).toEqual(['userCreated']);
expect(Object.keys(out.components.schemas).sort()).toEqual(['Address', 'User']);
});
test('keeps the whole document when nothing is requested', () => {
expect(sliceDocumentForPage(doc, [], [])).toBe(doc);
});
test('keeps the whole document for a reference outside components', () => {
const odd = {
...doc,
paths: {
'/users': {
get: { responses: { '200': { $ref: '#/paths/~1orders/get' } } },
},
},
};
expect(sliceDocumentForPage(odd, [{ path: '/users', method: 'get' }])).toBe(odd);
});
test('keeps the whole document for a deep component reference', () => {
const deep = {
...doc,
paths: {
'/users': {
get: {
responses: {
'200': {
$ref: '#/components/schemas/User/properties/address',
},
},
},
},
},
};
expect(sliceDocumentForPage(deep, [{ path: '/users', method: 'get' }])).toBe(deep);
});
test('supports escaped slashes in component names', () => {
const escaped = {
...doc,
paths: {
'/users': {
get: {
responses: {
'200': { $ref: '#/components/schemas/a~1b' },
},
},
},
},
components: {
...doc.components,
schemas: {
...doc.components.schemas,
'a/b': { type: 'string' },
},
},
};
const out = sliceDocumentForPage(escaped, [{ path: '/users', method: 'get' }]);
expect(out).not.toBe(escaped);
expect(out.components.schemas).toEqual({
'a/b': { type: 'string' },
});
});
test('keeps the whole document for a dangling component reference', () => {
const dangling = {
...doc,
paths: { '/users': { get: { responses: { '200': { $ref: '#/components/schemas/Missing' } } } } },
};
expect(sliceDocumentForPage(dangling, [{ path: '/users', method: 'get' }])).toBe(dangling);
});
test('keeps the whole document when the operation is absent', () => {
expect(sliceDocumentForPage(doc, [{ path: '/nope', method: 'get' }])).toBe(doc);
expect(sliceDocumentForPage(doc, [{ path: '/users', method: 'delete' }])).toBe(doc);
});
test('leaves external references alone', () => {
const external = {
...doc,
paths: {
'/users': { get: { responses: { '200': { $ref: 'https://example.com/s.json#/User' } } } },
},
};
const out = sliceDocumentForPage(external, [{ path: '/users', method: 'get' }]);
expect(out.paths['/users'].get.responses['200']).toEqual({
$ref: 'https://example.com/s.json#/User',
});
});
});
describe('sliceApiPageProps', () => {
test('narrows payload.bundled while preserving other props', () => {
const props = {
payload: { bundled: doc, proxyUrl: '/api/proxy' },
operations: [{ path: '/users', method: 'get' }],
hasHead: true,
};
const out = sliceApiPageProps(props);
expect(Object.keys(out.payload.bundled.paths)).toEqual(['/users']);
expect(out.payload.proxyUrl).toBe('/api/proxy');
expect(out.hasHead).toBe(true);
expect(out.operations).toBe(props.operations);
});
test('passes through props without a bundled payload', () => {
const preloaded = { document: 'openapi.json', preloaded: { docs: {} } };
expect(sliceApiPageProps(preloaded)).toBe(preloaded);
});
});