webgpuaudio/docusaurus.config.ts at main · blechdom/webgpuaudio · 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
import {themes as prismThemes} from 'prism-react-renderer';
import type {Config} from '@docusaurus/types';
import type * as Preset from '@docusaurus/preset-classic';

const organizationName = "blechdom";
const projectName = "webgpuaudio";

const config: Config = {
  title: 'WebGPU Sound',
  tagline: 'Exploring Sound with WebGPU',
  favicon: 'img/favicon.ico',
  url: `https://${organizationName}.github.io`,
  baseUrl: `/`,
  organizationName: `${organizationName}`, // Usually your GitHub org/user name.
  projectName: `${projectName}`, // Usually your repo name.
  deploymentBranch: 'main', // Deployment branch.
  trailingSlash: false,
  onBrokenLinks: 'throw',
  onBrokenMarkdownLinks: 'warn',
  i18n: {
    defaultLocale: 'en',
    locales: ['en'],
  },
  themes: [
    '@docusaurus/theme-live-codeblock',
    async function workerFriendlyTheme() {
      return {
        name: "worker friendly theme",
        configureWebpack(config, isServer) {
          return {
            devServer: {
              headers: () => {
                return [
                  {key: 'Cross-Origin-Embedder-Policy', value: 'require-corp'},
                  {key: 'Cross-Origin-Opener-Policy', value: 'same-origin'},
                ];
              }
            },
            resolveLoader: {
              alias: isServer ? {"worker-loader": require.resolve("null-loader")} : {},
            },
          };
        },
      };
    }
  ],
  presets: [
    [
      'classic',
      {
        docs: {
          sidebarPath: './sidebars.ts',
        },
        blog: {
        },
        theme: {
          customCss: './src/css/custom.css',
        },
      } satisfies Preset.Options,
    ],
  ],
  themeConfig: {
    image: 'img/tolerance_0.PNG',
    announcementBar: {
      id: 'chromeFlags',
      content: '🚩 Using WebGPU API requires <a href="chrome://flags/#enable-webgpu-developer-features">chrome://flags/#enable-webgpu-developer-features</a> flag to be enabled. Copy/paste the link in your browser, enable the flag, and restart chrome if necessary.',
      backgroundColor: "#F9C80E",
      isCloseable: false
    },
    navbar: {
      title: 'WebGPU Sound',
      logo: {
        alt: 'WebGPU Audio Logo',
        src: 'img/tolerance_0.PNG',
      },
      items: [
        {
          type: 'docSidebar',
          sidebarId: 'tutorialSidebar',
          position: 'left',
          label: 'Explorations',
        },
        {
          href: 'https://github.com/blechdom/webgpuaudio',
          label: 'GitHub',
          position: 'right',
        },
      ],
    },
    footer: {
      style: 'dark',
      links: [
        {
          items: [
            {
              label: 'Explorations',
              to: '/docs/intro',
            },
          ],
        },
        {
          items: [
            {
              label: 'GitHub',
              href: 'https://github.com/blechdom/webgpuaudio',
            },
          ],
        },
      ],
    },
    prism: {
      theme: prismThemes.github,
      darkTheme: prismThemes.dracula,
    }
  } satisfies Preset.ThemeConfig,
};

export default config;