gatsby-config.ts

import dotenv from 'dotenv';

dotenv.config({
  path: `.env.${process.env.NODE_ENV}`,
});

const stripTrailingSlash = (str: string) => (str.endsWith('/') ? str.slice(0, -1) : str);

const mainWebsite = stripTrailingSlash(process.env.GATSBY_ABLY_MAIN_WEBSITE ?? 'http://localhost:3000');

// Set the provided asset prefix so we can fetch assets from elsewhere when specified
export const assetPrefix = process.env.ASSET_PREFIX;

export const trailingSlash = 'never';
export const siteMetadata = {
  siteUrl: mainWebsite,
  title: 'Documentation | Ably Realtime',
  externalScriptsData: {
    hubspotTrackingId: process.env.HUBSPOT_TRACKING_ID,
    addsearchSiteKey: process.env.ADDSEARCH_SITE_KEY,
    gtmContainerId: process.env.GTM_CONTAINER_ID,
    headwayAccountId: process.env.HEADWAY_ACCOUNT_ID,
    announcementEnabled: process.env.ANNOUNCEMENT_ENABLED,
    oneTrustDomain: process.env.ONE_TRUST_DOMAIN,
    oneTrustEnabled: process.env.ONE_TRUST_ENABLED,
    oneTrustTest: process.env.ONE_TRUST_TEST,
    inkeepEnabled: process.env.INKEEP_CHAT_ENABLED,
    inkeepApiKey: process.env.INKEEP_CHAT_API_KEY,
    insightsEnabled: !!process.env.INSIGHTS_ENABLED,
    insightsDebug: process.env.INSIGHTS_DEBUG === 'true',
    mixpanelApiKey: process.env.MIXPANEL_API_KEY,
    mixpanelAutoCapture: !!process.env.MIXPANEL_AUTO_CAPTURE,
    posthogApiKey: process.env.POSTHOG_API_KEY,
    posthogHost: process.env.POSTHOG_API_HOST || 'https://insights.ably.com',
  },
};

export const graphqlTypegen = true;

export const plugins = [
  'gatsby-plugin-postcss',
  'gatsby-plugin-image',
  'gatsby-plugin-sharp',
  'gatsby-transformer-yaml',
  'gatsby-transformer-sharp',
  'gatsby-plugin-react-helmet',
  {
    resolve: 'gatsby-plugin-root-import',
    options: {
      HowTos: `${__dirname}/how-tos`,
    },
  },
  {
    resolve: 'gatsby-plugin-mdx',
    options: {
      gatsbyRemarkPlugins: [
        {
          resolve: `gatsby-remark-autolink-headers`,
        },
      ],
    },
  },
  {
    resolve: `gatsby-source-filesystem`,
    options: {
      name: `pages`,
      path: `${__dirname}/src/pages`,
    },
  },
  // Images
  {
    resolve: 'gatsby-source-filesystem',
    options: {
      name: 'images',
      path: './src/images',
      fastHash: true,
    },
    __key: 'images',
  },
  // Data
  {
    resolve: 'gatsby-source-filesystem',
    options: {
      name: 'textile-partials',
      path: './content/partials',
    },
    __key: 'textile-partials',
  },
  {
    resolve: 'gatsby-source-filesystem',
    options: {
      name: 'textile-nanoc-compatible',
      path: './content',
    },
    __key: 'textile-nanoc-compatible',
  },
  {
    resolve: 'gatsby-source-filesystem',
    options: {
      name: 'how-tos',
      path: './how-tos',
    },
  },
  {
    resolve: `gatsby-plugin-sitemap`,
    options: {
      createLinkInHead: false,
    },
  },
  'gatsby-transformer-remark',
  {
    resolve: 'gatsby-plugin-google-tagmanager',
    options: {
      id: process.env.GTM_CONTAINER_ID,

      // Include GTM in development.
      //
      // If you have this configured locally it probably makes sense to enable it in development
      includeInDevelopment: !!process.env.GTM_CONTAINER_ID,

      // datalayer to be set before GTM is loaded
      // should be an object or a function that is executed in the browser
      //
      // Defaults to null
      defaultDataLayer: {
        platform: 'gatsby',
        // prevent the initial page_view event from firing as we'll be doing it manually in
        // GTM by listening for the gatsby-route-change events. This event is also fired when
        // the page loads initially
        gaPageView: false,
      },

      // Specify optional GTM environment details.
      gtmAuth: process.env.GTM_ENVIRONMENT_AUTH,
      gtmPreview: process.env.GTM_ENVIRONMENT_PREVIEW,
    },
  },
  `gatsby-plugin-client-side-redirect`, // Keep this last in the list; Source: https://www.gatsbyjs.com/plugins/gatsby-plugin-client-side-redirect/
  {
    resolve: `gatsby-plugin-layout`,
    options: {
      component: `src/components/Layout/Layout.tsx`,
    },
  },
];