tech-by-design.github.io/astro.config.mjs at main · ratheesh-kr/tech-by-design.github.io · 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
import { defineConfig } from 'astro/config';
import tailwind from '@astrojs/tailwind';
import sitemap from '@astrojs/sitemap';
import mdx from '@astrojs/mdx';
import alpinejs from '@astrojs/alpinejs';
import robotsTxt from 'astro-robots-txt';
import remarkMath from 'remark-math';
import remarkEmoji from 'remark-emoji';
import rehypeKatex from 'rehype-katex';
import remarkPlantUML from '@akebifiky/remark-simple-plantuml';
import { remarkReadingTime } from './remark-plugins/remark-reading-time.mjs';
import { remarkDiagram } from './remark-plugins/remark-diagram.mjs';
import icon from "astro-icon";

import markdoc from "@astrojs/markdoc";

import starlight from "@astrojs/starlight";
import expressiveCode from 'astro-expressive-code';

// https://astro.build/config
export default defineConfig({
  vite: {
    ssr: {
      external: ['svgo'],
      noExternal: ['swiper', 'leaflet']
    }
  },
  site: 'https://tech-by-design.github.io',
  base: '/',
  integrations: [
    icon(),
    tailwind(),
    sitemap(),
    expressiveCode(), // Ensure this comes before `mdx()`
    mdx(),
    alpinejs(),
    robotsTxt(),
    markdoc(),
    starlight({
			title: 'Documentation',
			logo: {
				light: '/src/assets/tech-by-design_doc_full-color_small.png',
				dark: '/src/assets/tech-by-design_doc_full-color_small.png',
				replacesTitle: true,
			},
			customCss: [
				// Relative path to your custom CSS file
				'./src/styles/custom.css',
			  ],
			head: [{
				tag: "script",
				attrs: {
					type: "module",
					defer: true
				},
				content: `
					import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
					mermaid.initialize({ startOnLoad: true });
					await mermaid.run({
						querySelector: 'pre[data-language="mermaid"]',
				  	});`
			}],
			editLink: {
				baseUrl: 'https://github.com/tech-by-design/docs.techbd.org/edit/main/',
			},
			social: {
				github: 'https://github.com/tech-by-design/docs.techbd.org',
			},
			sidebar: [
				{
					label: 'Introduction to Tech by Design',
					link: 'docs/techbd-intro',
				},
				{
					label: '1115 Waiver',
					items: [
						{
							label: "FHIR Services",
							autogenerate: { directory: 'docs/1115-hub/fhir-services' }
						}, {
							label: "SFTP Services",
							autogenerate: { directory: 'docs/1115-hub/sftp-services' }
						}]
				},
				{
					label: 'Developer Experience',
					autogenerate: { directory: 'docs/dx' },
				},
				{
					label: 'Reference',
					autogenerate: { directory: 'docs/reference' },
				},
				{
					label: 'Collaboration Hub',
					items: [
						{
							label: "login",
							autogenerate: { directory: 'docs/collaborationhub/login' }
						},{
							label: "Overview",
							autogenerate: { directory: 'docs/collaborationhub/overview' }
						},
						{
							label: "Dashboard",
							autogenerate: { directory: 'docs/collaborationhub/dashboard' }
						},
						{
							label: "Content",
							autogenerate: { directory: 'docs/collaborationhub/content' }
						}]
				},
			],
		}),
  ],
  markdown: {
    extendDefaultPlugins: true,
    remarkPlugins: [remarkReadingTime, remarkMath, remarkPlantUML, remarkDiagram, remarkEmoji],
    rehypePlugins: [rehypeKatex],
    shikiConfig: {
      theme: 'github-light',
      langs: [],
      // Enable word wrap to prevent horizontal scrolling
      wrap: true
    }
  },
  scopedStyleStrategy: 'where',
  output: "static",
})