Skip to content

Conversation

@devin-ai-integration
Copy link
Contributor

@devin-ai-integration devin-ai-integration bot commented Dec 12, 2025

Update Site-level settings page to use Schema and SchemaSnippet components

Summary

Replaces <ParamField> components with <Schema> and <SchemaSnippet> components throughout the Site-level settings documentation page. The Schema component displays type definitions from the docs-yml API Reference, while SchemaSnippet displays the JSON representation as a code block.

Configuration sections updated:

  • Core configuration → DocsConfiguration
  • Instances → DocsInstance
  • Colors → ColorsConfiguration
  • Logo → LogoConfiguration
  • Navbar links → NavbarLink
  • Footer links → FooterLinksConfig
  • Background image → BackgroundImageConfiguration
  • Typography → DocsTypographyConfig and FontConfig
  • Layout → LayoutConfig
  • GitHub → GithubEditThisPageConfig
  • Landing page → PageConfiguration
  • Analytics → AnalyticsConfig

For sections where Schema types weren't available (theme, settings, page-actions), the ParamField components were replaced with concise bullet lists.

Updates since last revision

  • Added <SchemaSnippet> components before each <Schema> component to display JSON code blocks (replacing manual YAML examples)
  • Fixed Vale style issues:
    • "YAML Schema Validation" → "YAML schema validation" (sentence case)
    • "NavBar links configuration" → "Navbar links configuration" (sentence case)
    • "is not currently available" → "isn't available" (contractions + removed "currently")
    • "CORS" → "Cross-Origin Resource Sharing (CORS)" (acronym definition)

Review & Testing Checklist for Human

  • Verify Schema type names are correct - Each <Schema type="..." /> and <SchemaSnippet type="..." /> must match a type defined in the docs-yml API. If any type name is wrong, the components won't render properly.
  • Test page rendering - Run fern docs dev and verify:
    • All SchemaSnippet components display JSON code blocks
    • All Schema components display expandable type definitions
    • No broken/empty components on the page
  • Check for information loss - The original ParamField components had detailed descriptions. Verify the Schema components provide equivalent information from the API definition.
  • Verify bullet list sections - The theme, settings, and page-actions sections use bullet lists instead of Schema components. Confirm all configuration options are documented.

Recommended test plan: Run fern docs dev, navigate to the Site-level settings page, and scroll through each section to verify both SchemaSnippet (JSON code block) and Schema (expandable type definition) render correctly.

Notes

Replace ParamField components with Schema components for the following configuration sections:
- Core configuration (DocsConfiguration)
- Instances configuration (DocsInstance)
- Colors configuration (ColorsConfiguration)
- Logo configuration (LogoConfiguration)
- NavBar links configuration (NavbarLink)
- Footer links configuration (FooterLinksConfig)
- Background image configuration (BackgroundImageConfiguration)
- Typography configuration (DocsTypographyConfig, FontConfig)
- Layout configuration (LayoutConfig)
- GitHub configuration (GithubEditThisPageConfig)
- Landing page configuration (PageConfiguration)
- Analytics configuration (AnalyticsConfig)

The Schema component displays type definitions from the API Reference, providing a more consistent and maintainable way to document configuration options.

Co-Authored-By: Fern Support <info@buildwithfern.com>
@devin-ai-integration
Copy link
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

<ParamField path="theme.body" type="string" required={false} default="default" toc={true}>
Sets the visual style of the main content body. `default` uses a flat background; `canvas` adds a subtle card-like container around the content area.
</ParamField>
The `theme` configuration is not currently available as a Schema type. The available options are:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚫 [vale] reported by reviewdog 🐶
[Microsoft.Contractions] Use 'isn't' instead of 'is not'.

<ParamField path="theme.body" type="string" required={false} default="default" toc={true}>
Sets the visual style of the main content body. `default` uses a flat background; `canvas` adds a subtle card-like container around the content area.
</ParamField>
The `theme` configuration is not currently available as a Schema type. The available options are:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [vale] reported by reviewdog 🐶
[FernStyles.Current] Avoid time-relative terms like 'currently' that become outdated

<ParamField path="settings.search-text" type="string" required={false} default="Search" toc={true}>
The text to display in the searchbar.
</ParamField>
The `settings` configuration is not currently available as a Schema type. The available options are:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚫 [vale] reported by reviewdog 🐶
[Microsoft.Contractions] Use 'isn't' instead of 'is not'.

<ParamField path="settings.search-text" type="string" required={false} default="Search" toc={true}>
The text to display in the searchbar.
</ParamField>
The `settings` configuration is not currently available as a Schema type. The available options are:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [vale] reported by reviewdog 🐶
[FernStyles.Current] Avoid time-relative terms like 'currently' that become outdated

</ParamField>
- `search-text`: The text to display in the searchbar. Defaults to "Search".
- `disable-search`: If set to true, the searchbar will be disabled.
- `disable-explorer-proxy`: If set to true, the API Explorer will bypass the proxy when sending requests directly to your API. Your API must have CORS enabled.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

📝 [vale] reported by reviewdog 🐶
[FernStyles.Acronyms] 'CORS' has no definition.

<ParamField path="page-actions.options.ask-ai" type="boolean" required={false} default="true" toc={true}>
When enabled, displays an "Ask AI" button that allows users to ask questions about the page content using AI-powered assistance.
</ParamField>
The `page-actions` configuration is not currently available as a Schema type. The available options are:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚫 [vale] reported by reviewdog 🐶
[Microsoft.Contractions] Use 'isn't' instead of 'is not'.

<ParamField path="page-actions.options.ask-ai" type="boolean" required={false} default="true" toc={true}>
When enabled, displays an "Ask AI" button that allows users to ask questions about the page content using AI-powered assistance.
</ParamField>
The `page-actions` configuration is not currently available as a Schema type. The available options are:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [vale] reported by reviewdog 🐶
[FernStyles.Current] Avoid time-relative terms like 'currently' that become outdated

@github-actions
Copy link
Contributor

- Add SchemaSnippet components before each Schema component to display JSON code blocks
- Replace existing YAML code block examples with SchemaSnippet components
- Fix heading capitalization: 'YAML Schema Validation' -> 'YAML schema validation'
- Fix heading capitalization: 'NavBar links configuration' -> 'Navbar links configuration'

Co-Authored-By: Fern Support <info@buildwithfern.com>
@devin-ai-integration devin-ai-integration bot changed the title Update Site-level settings page to use Schema components Update Site-level settings page to use Schema and SchemaSnippet components Dec 12, 2025
@github-actions
Copy link
Contributor

Co-Authored-By: Fern Support <info@buildwithfern.com>
@github-actions
Copy link
Contributor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant