docusaurus.config.js

// @ts-check
// Note: type annotations allow type checking and IDEs autocompletion
require("dotenv").config();
const lightCodeTheme = require("prism-react-renderer/themes/github");
const darkCodeTheme = require("prism-react-renderer/themes/dracula");

const { tailwindPlugin, webpackPlugin } = require("./src/plugins");

/** @type {import('@docusaurus/types').Config} */
const config = {
  title: " ", // Set empty string to disable site title repeating in og title for all pages. Title, descr, and home page heading set in src/pages/index.js.
  tagline:
    "Build with XMTP to send messages between blockchain accounts, including DMs, alerts, announcements, and more", // tagline on home page
  titleDelimiter: " ", // Set empty string to disable pipe delimiter in og title
  url: "https://xmtp.org",
  customFields: {
    githubAPI: process.env.PUBLIC_URL,
    personalToken: process.env.AUTH_PERSONAL_TOKEN,
  },
  baseUrl: "/",
  onBrokenLinks: "throw",
  onBrokenMarkdownLinks: "throw",
  favicon: "img/favi.png",
  organizationName: "xmtp",
  projectName: "xmtp-dot-org",
  scripts: [
    {
      src: "/js/myjs.js",
    },
    {
      src: "https://plausible.io/js/script.tagged-events.outbound-links.js",
      async: true,
      defer: true,
      "data-domain": "xmtp.org",
    },
    {
      src: "https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js",
      "data-domain": "xmtp.org",
    },
    {
      src: "https://unpkg.com/flickity-fade@1/flickity-fade.js",
      "data-domain": "xmtp.org",
    },
  ],
  clientModules: [require.resolve("./src/css/tailwind.css")],

  presets: [
    [
      "classic",
      {
        docs: {
          path: "docs",
          id: "default",
          routeBasePath: "docs",
          sidebarPath: require.resolve("./sidebars/sidebars.js"),
          showLastUpdateAuthor: false,
          showLastUpdateTime: true,
          editUrl: "https://github.com/xmtp/xmtp-dot-org/edit/main",
        },
        blog: {
          blogDescription:
            "A blog about XMTP (Extensible Message Transport Protocol), the open protocol and network for secure messaging",
          blogSidebarTitle: "All posts",
          blogSidebarCount: "ALL",
          editUrl: "https://github.com/xmtp/xmtp-dot-org/edit/main",
        },
        theme: {
          customCss: require.resolve("./src/css/tailwind.css"),
        },
      },
    ],
  ],

  plugins: [
    tailwindPlugin,
    // @ts-ignore
    webpackPlugin,
  ],

  themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    ({
      colorMode: {
        defaultMode: "light",
        disableSwitch: false,
      },
      image: "img/xmtp-new.jpeg",
      navbar: {
        title: "",
        logo: {
          className: "navbar__logo__img",
          alt: "XMTP Logo",
          src: "img/logomark.svg",
          srcDark: "img/logomark-dark.svg",
        },
        items: [
          {
            to: 'https://docs.xmtp.org/',
            position: 'right',
            label: 'Documentation ↗',
          },
          {
            type: "dropdown",
            position: "right",
            label: "Use cases",
            items: [
              {
                href: "https://github.com/xmtp/awesome-xmtp/",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/xmtp-icon.svg" alt="XMTP icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Awesome XMTP ↗</div>`,
              },
              {
                to: "/docs/use-cases/messaging",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/messaging-icon.svg" alt="Messaging icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Messaging</div></div>`,
              },
              {
                to: "/docs/use-cases/deso",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/social-icon.svg" alt="Social icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Web3 social</div></div>`,
              },
              {
                to: "/docs/use-cases/marketing",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/marketing-icon.svg" alt="Marketing icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Marketing</div></div>`,
              },
              {
                to: "notifi-case-study",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/mic-icon.svg" alt="Broadcast icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Broadcast</div></div>`,
              },
              {
                to: "/docs/use-cases/automation",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/chip-icon.svg" alt="Automation icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Automation</div></div>`,
              },
              {
                to: "/docs/use-cases/support",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/support-icon.svg" alt="Automation icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Support</div></div>`,
              },
              {
                to: "/docs/use-cases/commerce",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/commerce-icon.svg" alt="Automation icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Commerce</div></div>`,
              },
              {
                to: "/docs/use-cases/defi",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/finance-icon.svg" alt="Finance icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">DeFi</div></div>`,
              },
              {
                to: "/docs/use-cases/gaming",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/smile.svg" alt="Smile icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Gaming</div></div>`,
              },
              {
                to: "/docs/use-cases/dao",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/finance-icon.svg" alt="Finance icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">DAOs</div></div>`,
              },
              {
                to: "/docs/use-cases/groups",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/social-icon.svg" alt="Groups icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Groups</div></div>`,
              },
              {
                to: "/docs/use-cases/frames",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/frames.svg" alt="Frames icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Frames</div></div>`,
              },
            ],
          },
          {
            type: "dropdown",
            position: "right",
            label: "Community",
            items: [
              {
                href: "https://community.xmtp.org/",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/discourse-icon.svg" alt="Discourse icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Community forum ↗</div>`,
              },
              {
                href: "https://community.xmtp.org/c/dev-support/76",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/discourse-icon.svg" alt="Discourse icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Dev support ↗</div>`,
              },
              {
                href: "https://paragraph.xyz/@xmtp_community/",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/marketing-icon.svg" alt="Megaphone icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Blog ↗</div></div>`,
              },
              {
                href: "https://calendar.google.com/calendar/u/0?cid=aGlAeG10cC5vcmc",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/calendar-icon.svg" alt="Calendar icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Events ↗</div>`,
              },
              {
                to: "/docs/community/contribute",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/heart-icon.svg" alt="Heart icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Contribute</div>`,
              },
              {
                to: "/docs/community/code-of-conduct",
                html: `<div class="navbar__client__dropdown"><div class="navbar__client__dropdown__icon"><img src="/img/shield.svg" alt="Shield icon" /></div>
                <div class="navbar__client__dropdown_text"><div class="text-base text-semibold">Code of conduct</div>`,
              },
            ],
          },
          {
            type: "html",
            position: "right",
            value:
              '<button type="button" onClick="window.open(`https://converse.xyz`, `_blank`);" class="navbar__chatbutton"><strong>Try Converse</strong></button>',
          },
          {
            href: "https://github.com/xmtp",
            title: "Go to the XMTP GitHub repo",
            position: "right",
            className: "header-github-link",
          },
        ],
      },
      footer: {
        style: "dark",
        links: [
          {
            title: "Community",
            items: [
              {
                label: "Community forum ↗",
                to: "https://community.xmtp.org/",
              },
              {
                label: "Dev support ↗",
                to: "https://community.xmtp.org/c/dev-support/76",
              },
              {
                label: "Awesome XMTP ↗",
                to: "https://github.com/xmtp/awesome-xmtp/",
              },
              {
                label: "XMTP Community blog ↗",
                to: "https://paragraph.xyz/@xmtp_community/",
              },
              {
                label: "XMTP Dev Call calendar ↗",
                to: "https://calendar.google.com/calendar/u/0/r?cid=aGlAeG10cC5vcmc",
              },
              {
                label: "Contribute",
                to: "/docs/community/contribute",
              },
              {
                label: "Code of conduct",
                to: "/docs/community/code-of-conduct",
              },
            ],
          },
          {
            title: "Resources",
            items: [
              {
                label: "FAQ ↗",
                to: "https://docs.xmtp.org/get-started/faq",
              },
              {
                label: "Brand assets ↗",
                to: "https://github.com/xmtp/brand",
              },
              {
                label: "Status page ↗",
                to: "https://status.xmtp.com/",
              },
              {
                label: "Partnerships with Ephemera ↗",
                to: "https://forms.gle/UMCFjB8ukiMxBxnK6",
              },
              {
                label: "Careers at Ephemera ↗",
                to: "https://paragraph.xyz/@ephemera/careers",
              },
            ],
          },
          {
            title: "Socials",
            items: [
              {
                label: "Twitter / 𝕏 ↗",
                to: "https://x.com/xmtp_",
              },
              {
                label: "Farcaster ↗",
                to: "https://warpcast.com/~/channel/xmtp",
              },
            ],
          },
          {
            title: "Site",
            items: [
              {
                label: "Privacy policy",
                to: "privacy",
              },
              {
                label: "Terms of service",
                href: "terms",
              },
              {
                label: "CC BY 4.0 ↗",
                to: "https://creativecommons.org/licenses/by/4.0/",
              },
            ],
          },
        ],
      },
      prism: {
        additionalLanguages: ["swift", "kotlin", "graphql"],
        theme: darkCodeTheme,
        darkTheme: darkCodeTheme,
      },
    }),
};

module.exports = config;