starlight-fullview-mode/libs/integration.ts

A minimalist plugin that collapses Starlight's sidebars and expands the main content to full width, creating a distraction-free, fullscreen-like reading experience. Toggle with a single click to focus purely on your content.

import type { AstroIntegration } from 'astro';

import type { StarlightFullViewModeConfig } from '..';
import { vitePluginStarlightFullViewModeConfig } from './vite';

export function starlightFullViewModeIntegration(
  config: StarlightFullViewModeConfig
): AstroIntegration {
  return {
    name: 'starlight-view-modes-integration',
    hooks: {
      'astro:config:setup': ({ updateConfig }) => {
        updateConfig({
          vite: {
            plugins: [vitePluginStarlightFullViewModeConfig(config)],
          },
        });
      },
    },
  };
}