Skip to content

Lazy load OpenAPI styles and remove Tailwind Typography #3883

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nolannbiron merged 4 commits into from
Jan 12, 2026
+863 −32
Merged

Lazy load OpenAPI styles and remove Tailwind Typography #3883

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b70d9d9
Lazy load OpenAPI styles and remove Tailwind Typography
nolannbiron Dec 20, 2025
888dc18
Try without lazy-loading openapi css
nolannbiron Jan 12, 2026
8a6e774
align
nolannbiron Jan 12, 2026
5ab2718
copilot review
nolannbiron Jan 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 0 additions & 9 deletions bun.lock
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 0 additions & 1 deletion packages/gitbook/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,6 @@
"@radix-ui/react-tooltip": "^1.1.8",
"@sindresorhus/fnv1a": "^3.1.0",
"@tailwindcss/container-queries": "^0.1.1",
"@tailwindcss/typography": "^0.5.16",
"@tusbar/cache-control": "^1.0.2",
"ai": "^4.2.2",
"assert-never": "catalog:",
Expand Down
5 changes: 1 addition & 4 deletions packages/gitbook/src/components/DocumentView/OpenAPI/OpenAPIOperation.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,8 @@ import { OpenAPIOperation as BaseOpenAPIOperation } from '@gitbook/react-openapi
import { resolveOpenAPIOperationBlock } from '@/lib/openapi/resolveOpenAPIOperationBlock';
import { tcls } from '@/lib/tailwind';

import type { BlockProps } from '../Block';

import './scalar.css';
import './style.css';
import type { AnyOpenAPIOperationsBlock } from '@/lib/openapi/types';
import type { BlockProps } from '../Block';
import { getOpenAPIContext } from './context';

/**
Expand Down
5 changes: 1 addition & 4 deletions packages/gitbook/src/components/DocumentView/OpenAPI/OpenAPISchemas.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,8 @@ import { resolveOpenAPISchemasBlock } from '@/lib/openapi/resolveOpenAPISchemasB
import { tcls } from '@/lib/tailwind';
import { OpenAPISchemas as BaseOpenAPISchemas } from '@gitbook/react-openapi';

import type { BlockProps } from '../Block';

import './scalar.css';
import './style.css';
import type { OpenAPISchemasBlock } from '@/lib/openapi/types';
import type { BlockProps } from '../Block';
import { getOpenAPIContext } from './context';

/**
Expand Down
5 changes: 1 addition & 4 deletions packages/gitbook/src/components/DocumentView/OpenAPI/OpenAPIWebhook.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,8 @@ import { OpenAPIWebhook as BaseOpenAPIWebhook } from '@gitbook/react-openapi';
import { resolveOpenAPIWebhookBlock } from '@/lib/openapi/resolveOpenAPIWebhookBlock';
import { tcls } from '@/lib/tailwind';

import type { BlockProps } from '../Block';

import './scalar.css';
import './style.css';
import type { OpenAPIWebhookBlock } from '@/lib/openapi/types';
import type { BlockProps } from '../Block';
import { getOpenAPIContext } from './context';

/**
Expand Down
1 change: 0 additions & 1 deletion packages/gitbook/src/components/DocumentView/OpenAPI/context.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ import { PlainCodeBlock } from '../CodeBlock';
import { DocumentView } from '../DocumentView';
import { Heading } from '../Heading';

import './scalar.css';
import './style.css';
import { DEFAULT_LOCALE, getSpaceLocale } from '@/intl/server';
import type { GitBookAnyContext } from '@/lib/context';
Expand Down
15 changes: 8 additions & 7 deletions packages/gitbook/src/components/DocumentView/OpenAPI/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@reference "../../RootLayout/globals.css";
@import './scalar.css';

/* Layout Components */
.openapi-operation,
Expand Down Expand Up @@ -81,7 +82,7 @@

/* Markdown Base */
.openapi-markdown {
@apply prose text-tint-strong prose-p:my-2! dark:prose-invert max-w-none whitespace-normal;
@apply prose [&_p]:my-2! text-tint-strong dark:prose-invert max-w-none whitespace-normal;
}

.openapi-markdown > *:first-child {
Expand Down Expand Up @@ -160,7 +161,7 @@
}

.openapi-schema-root-description.openapi-markdown {
@apply prose-sm text-balance mt-1.5 text-[0.813rem]! text-tint overflow-hidden font-normal! select-text prose-strong:font-semibold prose-strong:text-inherit;
@apply prose-sm text-balance mt-1.5 text-[0.813rem]! text-tint overflow-hidden font-normal! select-text [&_strong]:font-semibold [&_strong]:text-inherit;
}

.openapi-section-schemas > .openapi-section-body > .openapi-schema-root-description {
Expand Down Expand Up @@ -279,7 +280,7 @@

/* Schema Description */
.openapi-schema-description.openapi-markdown {
@apply prose-sm text-tint overflow-hidden text-pretty font-normal! select-text prose-strong:font-semibold prose-strong:text-inherit;
@apply prose-sm text-tint overflow-hidden text-pretty font-normal! select-text [&_strong]:font-semibold [&_strong]:text-inherit;
}

.openapi-schema-description.openapi-markdown pre:has(code) {
Expand Down Expand Up @@ -322,7 +323,7 @@

.openapi-securities-oauth-content,
.openapi-securities-scopes {
@apply prose *:!prose-sm *:text-tint;
@apply prose *:prose-sm! *:text-tint;
}

.openapi-securities-oauth-content {
Expand All @@ -346,7 +347,7 @@
}

.openapi-securities-description.openapi-markdown {
@apply prose-sm text-tint font-normal! select-text text-pretty prose-strong:font-semibold prose-strong:text-inherit;
@apply prose-sm text-tint font-normal! select-text text-pretty;
}

.openapi-securities-label {
Expand Down Expand Up @@ -377,7 +378,7 @@
}

.openapi-requestbody-description.openapi-markdown {
@apply prose-sm text-tint font-normal! text-pretty select-text prose-strong:font-semibold prose-strong:text-inherit;
@apply prose-sm text-tint font-normal! text-pretty select-text [&_strong]:font-semibold [&_strong]:text-inherit;
}

/* Responses */
Expand All @@ -395,7 +396,7 @@
}

.openapi-response-description.openapi-markdown {
@apply text-left prose-sm text-sm leading-tight text-tint select-text prose-strong:font-semibold prose-strong:text-inherit;
@apply text-left prose-sm leading-tight text-tint select-text [&_strong]:font-semibold [&_strong]:text-inherit;
}

.openapi-disclosure-group-trigger[aria-expanded="false"] .openapi-response-description.openapi-markdown {
Expand Down
3 changes: 3 additions & 0 deletions packages/gitbook/src/components/RootLayout/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,9 @@

@config '../../../tailwind.config.ts';

@import './prose.css';


/*
The default border color has changed to `currentcolor` in Tailwind CSS v4,
so we've added these compatibility styles to make sure everything still
Expand Down
Loading
Loading