# page-context.ts **[Source](https://github.com/ubugeeei-prod/ox-content/blob/main/npm/vite-plugin-ox-content/src/page-context.ts)** > 15 documented symbols. Read the signatures first, then expand each item for parameters, return types, and examples.

15 symbols 7 functions 6 interfaces 1 types 1 modules 4 parameters 25 members 7 returns 6 examples

## Reference

interfaceBasePagePropsBase page props available for all pages.9 members

Base page props available for all pages.

Signature

export interface BasePageProps

Members

Properties

Name	Type	Description
`description`optional	`string`	Page description from frontmatter
`frontmatter`	`Record<string, unknown>`	Raw frontmatter object
`html`	`string`	Rendered HTML content
`lastUpdated`optional	`number`	Last git commit timestamp in milliseconds
`layout`optional	`string`	Layout name from frontmatter
`path`	`string`	Source file path (relative to docs root)
`title`	`string`	Page title from frontmatter or first heading
`toc`	`TocEntry[]`	Table of contents entries
`url`	`string`	Output URL path

interfaceFrontmatterSchemaSchema for frontmatter type generation.4 members

Schema for frontmatter type generation.

Signature

export interface FrontmatterSchema

Members

Properties

Name	Type	Description
`description`optional	`string`	JSDoc description
`name`	`string`	Field name
`optional`	`boolean`	Whether the field is optional
`type`	`string`	TypeScript type

fngenerateFrontmatterTypes(samples: Record<string, unknown>[], interfaceName = "PageFrontmatter"): stringGenerates TypeScript interface from frontmatter samples.2 paramsreturns string

Generates TypeScript interface from frontmatter samples.

Signature

export function generateFrontmatterTypes(samples: Record<string, unknown>[], interfaceName = "PageFrontmatter"): string

Parameters

samples Record<string, unknown>[]
interfaceName unknown

optional · default: "PageFrontmatter"

Returns

string

fninferType(value: unknown): stringInfers TypeScript types from frontmatter values.1 paramreturns string

Infers TypeScript types from frontmatter values.

Signature

export function inferType(value: unknown): string

Parameters

value unknown

Returns

string

interfaceNavGroupNavigation group.2 members

Navigation group.

Signature

export interface NavGroup

Members

Properties

Name	Type	Description
`items`	`NavItem[]`
`title`	`string`

interfaceNavItemNavigation item.3 members

Navigation item.

Signature

export interface NavItem

Members

Properties

Name	Type	Description
`href`	`string`
`path`	`string`
`title`	`string`

modulepage-contextPage Context for Static HTML Generation Provides a way to access page props (frontmatter, content, etc.) from theme com…1 example

Page Context for Static HTML Generation

Provides a way to access page props (frontmatter, content, etc.) from theme components during static rendering.

Examples

Example 1

// theme/Layout.tsx
import { usePageProps, PageProps } from '@ox-content/vite-plugin';

export function Layout({ children }: { children: JSX.Element }) {
  const page = usePageProps<MyPageProps>();
  return (
    <html>
      <head>
        <title>{page.title}</title>
      </head>
      <body>
        <header>{page.title}</header>
        <main>{children}</main>
      </body>
    </html>
  );
}

type

PageProps<T extends Record<string, unknown> = Record<string, unknown>> = BasePageProps & { frontmatter: T & Record<string, unknown> }

Extended page props with custom frontmatter.1 member

Extended page props with custom frontmatter.

Signature

export type PageProps<T extends Record<string, unknown> = Record<string, unknown>> = BasePageProps & { frontmatter: T & Record<string, unknown> }

Members

Properties

Name	Type	Description
`frontmatter`	`T & Record<string, unknown>`	Custom frontmatter fields

interfaceRenderContext<T extends Record<string, unknown> = Record<string, unknown>>Complete render context.2 members

Complete render context.

Signature

export interface RenderContext<T extends Record<string, unknown> = Record<string, unknown>>

Members

Properties

Name	Type	Description
`page`	`PageProps<T>`	Current page props
`site`	`SiteConfig`	Site configuration

interfaceSiteConfigSite-wide configuration available in context.4 members

Site-wide configuration available in context.

Signature

export interface SiteConfig

Members

Properties

Name	Type	Description
`base`	`string`	Base URL path
`name`	`string`	Site name
`nav`	`NavGroup[]`	Navigation groups
`pages`	`BasePageProps[]`	All pages in the site

fnuseIsActive(path: string): booleanChecks if the given path is the current page.1 paramreturns boolean1 example

Checks if the given path is the current page.

Signature

export function useIsActive(path: string): boolean

Parameters

path string

Returns

boolean

Examples

Example 1

function NavLink({ href, children }) {
  const isActive = useIsActive(href);
  return <a href={href} class={isActive ? 'active' : ''}>{children}</a>;
}

fnuseNav(): NavGroup[]Gets the navigation groups.returns NavGroup[]1 example

Gets the navigation groups.

Signature

export function useNav(): NavGroup[]

Returns

NavGroup[]

Examples

Example 1

function Sidebar() {
  const nav = useNav();
  return (
    <nav>
      {each(nav, (group) => (
        <div>
          <h3>{group.title}</h3>
          <ul>
            {each(group.items, (item) => (
              <li><a href={item.href}>{item.title}</a></li>
            ))}
          </ul>
        </div>
      ))}
    </nav>
  );
}

fnusePageProps< T extends Record<string, unknown> = Record<string, unknown>, >(): PageProps<T>Gets the current page props.returns PageProps<T>1 example

Gets the current page props.

Signature

export function usePageProps<
  T extends Record<string, unknown> = Record<string, unknown>,
>(): PageProps<T>

Returns

PageProps<T>

The current page props

Throws

Error if called outside of a render context

Examples

Example 1

function PageTitle() {
  const page = usePageProps();
  return <h1>{page.title}</h1>;
}

fnuseRenderContext< T extends Record<string, unknown> = Record<string, unknown>, >(): RenderContext<T>Gets the full render context.returns RenderContext<T>1 example

Gets the full render context.

Signature

export function useRenderContext<
  T extends Record<string, unknown> = Record<string, unknown>,
>(): RenderContext<T>

Returns

RenderContext<T>

The complete render context

Throws

Error if called outside of a render context

Examples

Example 1

function Layout({ children }) {
  const ctx = useRenderContext();
  return (
    <html>
      <head><title>{ctx.page.title} - {ctx.site.name}</title></head>
      <body>{children}</body>
    </html>
  );
}

fnuseSiteConfig(): SiteConfigGets the site configuration.returns SiteConfig1 example

Gets the site configuration.

Signature

export function useSiteConfig(): SiteConfig

Returns

SiteConfig

The site configuration

Throws

Error if called outside of a render context

Examples

Example 1

function SiteHeader() {
  const site = useSiteConfig();
  return <header>{site.name}</header>;
}