astro.config.mjs

import { defineConfig } from 'astro/config';
import react from "@astrojs/react";
import starlight from "@astrojs/starlight";
import starlightTypeDoc, { typeDocSidebarGroup } from 'starlight-typedoc';

// https://astro.build/config
export default defineConfig({
  integrations: [starlight({
    favicon: '/favicon.ico',
    title: 'Docs and Guides',
    disable404Route: true,
    logo: {
      src: './src/assets/logo.svg',
    },
    components: {
      Header: './src/components/Header/HeaderWithSearch.astro',
      PageTitle: './src/components/PageTitleDocs/PageTitle.astro',
    },
    sidebar: [
      {
        label: 'Docs',
        // Collapse the group and its autogenerated subgroups by default.
        collapsed: true,
        autogenerate: { directory: 'docs' },
      },
      {
        label: 'Api',
        // Collapse the group and its autogenerated subgroups by default.
        collapsed: true,
        autogenerate: { directory: 'api' },
      },
      {
        label: 'Fabric.js v5',
        link: 'https://fabric5.fabricjs.com/docs',
      }
    ],
    customCss: [
      // Relative path to your custom CSS file
      './src/layouts/colorvars.css',
    ],
    plugins: [
      // Generate the documentation.
      starlightTypeDoc({
        entryPoints: ['./fabric.js/fabric.ts'],
        tsconfig: './fabric.js/typedoc.config.json',
        typeDoc: {
          plugin: ['typedoc-plugin-no-inherit'],
          readme: 'none',
          gitRemote: 'https://github.com/fabricjs/fabric.js/blob',
          entryFileName: 'index.md',
          includeVersion: true,
          sourceLinkExternal: true,
          sourceLinkTemplate: 'https://github.com/fabricjs/fabric.js/blob/{gitRevision}/{path}#L{line}',
        },
      }),
    ],
  }), react()],
});