docusaurus.config.js

// @ts-check
// Note: type annotations allow type checking and IDEs autocompletion

const lightCodeTheme = require('prism-react-renderer/themes/github');
const darkCodeTheme = require('prism-react-renderer/themes/dracula');
const { urlList } = require('./redirectRules');

/** @type {import('@docusaurus/types').Config} */
const config = {
  title: 'Subsquid',
  tagline: 'This documentation provides information for all degrees of expertise, varying from complete beginner, to those who only need a refresher on specific commands.',
  url: 'https://docs.subsquid.io/',
  baseUrl: '/',
  onBrokenLinks: 'warn',
  onBrokenMarkdownLinks: 'warn',
  favicon: 'img/favicon.ico',
  staticDirectories: ['static'],

  // GitHub pages deployment config.
  // If you aren't using GitHub pages, you don't need these.
  organizationName: 'subsquid', // Usually your GitHub org/user name.
  projectName: 'squid', // Usually your repo name.

  // Even if you don't use internalization, you can use this field to set useful
  // metadata like html lang. For example, if your site is Chinese, you may want
  // to replace "en" with "zh-Hans".
  i18n: {
    defaultLocale: 'en',
    locales: ['en'],
  },
  trailingSlash: true,

  presets: [
    [
      'classic',
      /** @type {import('@docusaurus/preset-classic').Options} */
      ({
        docs: {
          routeBasePath: '/',
          lastVersion: 'current',
          versions: {
            current: {
              label: 'ArrowSquid',
              path: '/'
            },
            firesquid: {
              label: 'FireSquid',
              path: '/firesquid'
            }
          },
          sidebarPath: require.resolve('./sidebars.js'),
          editUrl: 'https://github.com/subsquid/docs/edit/master/'
        },
        theme: {
          customCss: require.resolve('./src/css/custom.css'),
        },
        gtag: {
          trackingID: 'G-6JBS6RNP90',
        },
      }),
    ],

  ],

  themeConfig:  /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ ({
    hotjar: {
      applicationId: 3348787,
    },
    navbar: {
      logo: {
        alt: 'Subsquids',
        src: 'img/logo-light.svg',
        srcDark: 'img/logo-dark.svg',
      },
      items: [
        {
          type: 'docsVersionDropdown',
          position: 'left',
          dropdownItemsAfter: [{to: '/versions', label: 'All versions'}],
          dropdownActiveClassDisabled: true,
        },
      ],
      hideOnScroll: true
    },
    colorMode: {
      defaultMode: 'light'
    },
    footer: {},
    prism: {
      additionalLanguages: ['docker', 'powershell'],
      theme: lightCodeTheme,
      darkTheme: {
        ...darkCodeTheme,
        plain: {
          color: 'var(--fg-base--default)',
          backgroundColor: 'var(--bg-base--indistinguishable)'
        }
      },
    },
    algolia: {
      // The application ID provided by Algolia
      appId: '39MDW9KQHD',

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

      indexName: 'subsquid',

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

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

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

      //... other Algolia params
    },
  }),

  plugins: [
    'docusaurus-plugin-hotjar',
    [
        '@docusaurus/plugin-client-redirects', {
            redirects: urlList
        }
    ],
    async function tailWindCssPlugin(context, options) {
      return {
        name: 'docusaurus-tailwindcss',
        configurePostCss(postcssOptions) {
          // Appends TailwindCSS and AutoPrefixer.
          postcssOptions.plugins.push(require('tailwindcss'));
          postcssOptions.plugins.push(require('autoprefixer'));
          return postcssOptions;
        },
      };
    },
  ]
};

module.exports = config;