gatsby-config.ts

import { execSync } from 'child_process';
import { GatsbyConfig } from 'gatsby';
import env from './src/env/env';

const getVersion = () => {
  const hash = execSync('git rev-parse --short HEAD', { encoding: 'utf-8' });
  return `${(new Date()).toISOString().replace(/-/g, '').replace(/\..*/, '')
    .replace(/:/g, '')
    .replace('T', '.')}.${hash.trim()}`;
};

/** @type {import('gatsby').GatsbyConfig} */
const config: GatsbyConfig = {
  // Always use the main site as the canonical one and where to get assets
  // This helps keep things consistent, and allows us hosting subfolders (as we do for Cambridge)
  assetPrefix: `https://${env.CUSTOM_RAISE_DOMAIN}`,
  siteMetadata: {
    title: 'Raise',
    description: 'A charitable movement encouraging students to adopt a positive approach towards deliberate, effective giving.',
    keywords: 'raise, charity, join raise, amf, against malaria foundation',
    siteUrl: `https://${env.CUSTOM_RAISE_DOMAIN}/`,
    author: {
      name: 'Raise',
      url: `https://${env.CUSTOM_RAISE_DOMAIN}/`,
    },
    version: getVersion(),
    // Really this should be `?? undefined` but then Gatsby complains
    cloudflareWebAnalyticsToken: env.CLOUDFLARE_WEB_ANALYTICS_TOKEN_RAISE ?? '',
  },
  plugins: [
    {
      resolve: 'gatsby-plugin-canonical-urls',
      options: {
        siteUrl: `https://${env.CUSTOM_RAISE_DOMAIN}/`,
      },
    },
    'gatsby-plugin-typescript',
    'gatsby-plugin-react-helmet',
    'gatsby-plugin-postcss',
  ],
  jsxRuntime: "automatic",
};

export default config;