docs/astro.config.mjs at main · fabrix-framework/docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
// @ts-check
import { defineConfig } from "astro/config";
import starlight from "@astrojs/starlight";
import astroReact from "@astrojs/react";
import astroLiveCode from "astro-live-code";
import starlightLinksValidator from "starlight-links-validator";

const starlightOptions = starlight({
  title:
    "Fabrix - Leverage the power of GraphQL to generate UI components directly from your schema.",
  logo: {
    light: "./src/assets/logo_black.svg",
    dark: "./src/assets/logo_white.svg",
    alt: "Fabrix Logo",
    replacesTitle: true,
  },
  favicon: "./favicon.svg",
  social: {
    github: "https://github.com/fabrix-framework/fabrix",
  },
  head: [
    {
      tag: "meta",
      attrs: {
        property: "og:image",
        content: "https://fabrix-framework.github.io/docs/og.png",
      },
    },
  ],
  sidebar: [
    {
      label: "Why Fabrix?",
      slug: "why-fabrix",
    },
    {
      label: "Getting Started",
      items: [
        {
          label: "Setup",
          slug: "guides/setup",
        },
        {
          label: "FAQ",
          slug: "guides/faq",
        },
      ],
    },
    {
      label: "Component API",
      items: [
        {
          label: "Basics",
          slug: "guides/component-basics",
        },
        {
          label: "Children props",
          slug: "guides/children-props",
        },
        {
          label: "Provider",
          slug: "guides/provider",
        },
      ],
    },
    {
      label: "Custom components",
      items: [
        {
          label: "Component registry",
          slug: "guides/component-registry",
        },
        {
          label: "Component builder",
          slug: "guides/component-builder",
        },
      ],
    },
    {
      label: "Directive API",
      slug: "guides/directives",
    },
    {
      label: "Tools",
      items: [{ label: "Fabrix editor", slug: "tools/fabrix-editor" }],
    },
    {
      label: "Component libraries",
      autogenerate: { directory: "component-libraries" },
    },
    {
      label: "Recipes",
      autogenerate: { directory: "recipes" },
    },
  ],
  customCss: ["./src/styles/color-theme.css", "./src/styles/custom.css"],
  plugins: [starlightLinksValidator()],
});

export default defineConfig({
  site: "https://fabrix-framework.github.io",
  base: "/docs",
  integrations: [
    astroReact(),
    astroLiveCode({
      defaultProps: {
        theme: "dark",
        "client:load": true,
      },
      layout: "./src/components/CodePreview.astro",
    }),
    starlightOptions,
  ],
});