docusaurus.config.js

const lightCodeTheme = require("prism-react-renderer/themes/github");
const darkCodeTheme = require("prism-react-renderer/themes/dracula");
const path = require("path");

/** @type {import('@docusaurus/types').DocusaurusConfig} */

const languages = [
   'csharp', "http", "javascript", "android", "ios", "rust", "cpp", "linux"
]

const plugins = languages.map(id => [
  '@docusaurus/plugin-content-docs',
  {
    path: `docs/${id}`,
    routeBasePath: id,
    id: id,
    sidebarPath: require.resolve(`./docs/${id}/sidebar.js`),
    sidebarCollapsible: true,
    editUrl: 'https://github.com/getditto/docs/tree/main',
  },
])

plugins.push(
  [
    '@docusaurus/plugin-content-docs',
    {
      path: 'docs/main',
      id: 'main',
      routeBasePath: '/',
      sidebarPath: false,
      editUrl: 'https://github.com/getditto/docs/tree/main',
    }, 
  ]
)

module.exports = {
  title: "Ditto",
  tagline: "Sync even without the internet",
  url: "https://docs.ditto.live",
  baseUrl: process.env.BASE_URL || '/',
  onBrokenLinks: "warn",
  onBrokenMarkdownLinks: "warn",
  favicon: "img/favicon.ico/favicon.ico",
  organizationName: "getditto", // Usually your GitHub org/user name.
  trailingSlash: false,
  projectName: "docs", // Usually your repo name.
  scripts: [
    {
      src: '/js/fix-trailing-slash.js',
      async: false,
      defer: false,
    },
  ],
  plugins: [
    path.resolve(__dirname, "plugins/postcss-tailwindcss-loader"),
    [
      require.resolve('docusaurus-gtm-plugin'),
      {
        id: 'GTM-PV7QFWF',
      }
    ], ...plugins
  ],
  themeConfig: {
    algolia: {
      // The application ID provided by Algolia
      appId: 'F25GUUSPFJ',

      // Public API key: it is safe to commit it
      apiKey: '2dc4c171eb7e798d53ab14599841cf4e',

      indexName: 'docs',

      // Optional: see doc section below
      contextualSearch: false,

      // Optional: Algolia search parameters
      searchParameters: {},

      // Optional: path for search page that enabled by default (`false` to disable it)
      searchPagePath: false,

      //... other Algolia params
    },
    autoCollapseSidebarCategories: true,
    colorMode: {
      defaultMode: 'light',
      disableSwitch: true,
      respectPrefersColorScheme: false,
    },
    prism: {
      additionalLanguages: ['objectivec', 'java', 'csharp', 'bash'],
      theme: require('prism-react-renderer/themes/vsDark'),
    },
    gtag: {
      // You can also use your "G-" Measurement ID here.
      trackingID: "G-D8PMW3CCL2",
    },
    navbar: {
      title: "Ditto",
      logo: {
        href: "https://ditto.live",
        alt: "Ditto Logo",
        src: "img/logos/blue.png",
      },
      items: [
        { href: "/", label: "Documentation", position: "left" },
        {
          label: "Example Apps",
          href: "https://github.com/getditto/samples",
        },
        {
          label: "Open Source",
          href: "https://github.com/getditto",
        },
        {
          href: "https://portal.ditto.live",
          label: "Login",
          position: "right",
        },
        {
          label: "Roadmap", 
          href: "https://github.com/getditto/docs/discussions/categories/roadmap-and-ideas"
        },
        {
          href: "/changelog",
          label: "Changelog"
        },
        {
          href: "/faq",
          label: "FAQ"
        },
      ],
    },
    footer: {
      style: "dark",
      links: [
        {
          title: "Docs",
          items: [
            {
              label: "Documentation",
              to: "/",
            },
            {
              label: "Main Website",
              href: "https://www.ditto.live/",
            },
            {
              label: "Example Apps",
              href: "https://github.com/getditto/samples",
            },
            {
              href: "/changelog",
              label: "Changelog"
            },
            {
              href: "https://portal.ditto.live",
              label: "Login"
            },
          ],
        },
        {
          title: "Community",
          items: [
            {
              label: "GitHub Discussions",
              href: "https://github.com/getditto/docs/discussions",
            },
            {
              label: "Roadmap", 
              href: "https://github.com/getditto/docs/discussions/categories/roadmap-and-ideas"
            },
            {
              label: "Open Source",
              href: "https://github.com/getditto/",
            },
            {
              label: "Stack Overflow",
              href: "https://stackoverflow.com/questions/tagged/ditto",
            },
            {
              label: "Twitter",
              href: "https://twitter.com/dittolive",
            },
          ],
        },
      ],
      copyright: `Copyright © ${new Date().getFullYear()} DittoLive, Inc. Built with Docusaurus.`,
    },
    prism: {
      additionalLanguages: [
        "csharp",
        "swift",
        "java",
        "kotlin",
        "cpp",
        "groovy",
        "rust",
      ],
      theme: lightCodeTheme,
      darkTheme: darkCodeTheme,
    },
  },
  presets: [
    [
      "@docusaurus/preset-classic",
      {
        theme: {
          customCss: [require.resolve("./src/css/custom.css")],
        },
        docs: {
          remarkPlugins: [
            [
              require("mdx-mermaid"),
              {
                mermaid: {
                  themeVariables: {
                    fontFamily: "Helvetica",
                  },
                  sequence: {
                    actorFontFamily: "Helvetica",
                    noteFontFamily: "Helvetica",
                    messageFontFamily: "Helvetica",
                  },
                  journey: {
                    taskFontFamily: "Helvetica",
                  },
                },
              },
            ],
          ],
          path: 'docs/common',
          id: 'common',
          routeBasePath: "/common",
          editUrl: "https://github.com/getditto/docs/edit/main/",
        }
      },
    ],
  ],
};