gatsby-config.js

const language_config = require(`./i18n-config.js`)
require('dotenv').config({
    path: `.env.${process.env.NODE_ENV}`,
})

const site_url = 'https://deriv.com'

module.exports = {
    // pathPrefix: process.env.PATH_PREFIX || '/deriv-com/', // For non CNAME GH-pages deployment
    flags: {
        FAST_DEV: true,
    },
    siteMetadata: {
        title: 'Deriv',
        description:
            'Deriv.com gives everyone an easy way to participate in the financial markets. Trade with as little as $1 USD on major currencies, stocks, indices, and commodities.',
        author: 'Deriv.com',
        siteUrl: site_url,
    },
    plugins: [
        'gatsby-plugin-react-helmet',
        {
            resolve: `gatsby-plugin-react-helmet-canonical-urls`,
            options: {
                siteUrl: `${site_url}`,
                noQueryString: true,
            },
        },
        'gatsby-plugin-styled-components',
        {
            resolve: 'gatsby-source-filesystem',
            options: {
                name: 'images',
                path: `${__dirname}/src/images/common`,
            },
        },
        'gatsby-transformer-sharp',
        {
            resolve: `gatsby-plugin-sharp`,
            options: {
                failOnError: true,
                base64Width: 20,
                stripMetadata: true,
                defaultQuality: 50,
            },
        },
        `gatsby-plugin-image`,
        {
            resolve: 'gatsby-plugin-sitemap',
            options: {
                excludes: [
                    '/404',
                    '/**/404.html',
                    '/**/404',
                    '/check-email',
                    '/**/check-email',
                    '/reset-password',
                    '/**/reset-password',
                    '/ach',
                    '/ach/**',
                    '/amp',
                    '/amp/**',
                    '/**/amp',
                    '/**/amp/**',
                    '/interim',
                    '/interim/**',
                    '/**/interim',
                    '/**/interim/**',
                    '/homepage',
                    '/homepage/**',
                    '/**/homepage',
                    '/**/homepage/**',
                    '/offline-plugin-app-shell-fallback',
                    '/**/offline-plugin-app-shell-fallback',
                    '/landing',
                    '/landing/**',
                    '/**/landing',
                    '/**/landing/**',
                    '/endpoint',
                    '/**/endpoint',
                    '/signup-success',
                    '/**/signup-success',
                    '/academy/blog/posts/preview',
                    '/academy/subscription',
                ],
                query: `
                {
                    allSitePage {
                      nodes {
                        path
                      }
                    }
                }
                `,
                resolveSiteUrl: () => site_url,
                resolvePages: ({ allSitePage: { nodes: allPages } }) => {
                    return allPages.map((page) => {
                        return { ...page }
                    })
                },
                serialize: ({ path }) => {
                    const ignore_localized_regex = /careers|besquare|livechat|academy/
                    const languages = Object.keys(language_config)

                    const path_array = path.split('/')
                    const current_lang = path_array[1]
                    const check_lang = current_lang.replace('-', '_')
                    let current_page = path

                    if (languages.includes(check_lang)) {
                        path_array.splice(1, 1)
                        current_page = path_array.join('/')
                    }

                    languages.push('x-default')
                    languages.splice(languages.indexOf('ach'), 1)
                    const ignore_localized = current_page.match(ignore_localized_regex)
                    const links = languages.map((locale) => {
                        if (locale !== 'ach' && locale) {
                            const replaced_locale = locale.replace('_', '-')
                            const is_default = ['en', 'x-default'].includes(locale)
                            const href_locale = is_default ? '' : `/${replaced_locale}`
                            const href = `${site_url}${href_locale}${current_page}`
                            return { lang: replaced_locale, url: href }
                        }
                    })

                    return {
                        url: path,
                        links: !ignore_localized ? links : null,
                    }
                },
            },
        },
        {
            resolve: 'gatsby-plugin-manifest',
            options: {
                name: 'Deriv',
                short_name: 'Deriv',
                description:
                    'Deriv gives everyone an easy way to participate in the financial markets. Trade with as little as $1 USD on major currencies, stocks, indices, and commodities.',
                start_url: '/',
                background_color: '#000000',
                theme_color: '#000000',
                display: 'standalone',
                icon: './favicons/favicon-512x512.png',
                icons: [
                    {
                        src: `favicons/favicon-192x192.png`,
                        sizes: `192x192`,
                        type: `image/png`,
                        purpose: 'any maskable',
                    },
                    {
                        src: `favicons/favicon-512x512.png`,
                        sizes: `512x512`,
                        type: `image/png`,
                    },
                ],
                gcm_sender_id: '370236002280',
                gcm_user_visible_only: true,
                crossOrigin: `use-credentials`,
                // TODO: add translations and support for language routes e.g:
                // localize: [
                //     {
                //       start_url: '/de/',
                //       lang: 'de',
                //       name: 'Die coole Anwendung',
                //       short_name: 'Coole Anwendung',
                //       description: 'Die Anwendung macht coole Dinge und macht Ihr Leben besser.',
                //     },
                //   ],
            },
        },
        {
            resolve: 'gatsby-plugin-svgr',
            options: {
                rule: {
                    include: /svg/, // See below to configure properly
                },
            },
        },
        {
            resolve: 'gatsby-plugin-eslint',
            options: {
                stages: ['develop'],
                extensions: ['js', 'ts', 'jsx', 'tsx'],
                exclude: ['node_modules', '.cache', 'public'],
            },
        },
        {
            resolve: 'gatsby-plugin-robots-txt',
            options: {
                policy: [
                    {
                        userAgent: '*',
                        allow: '/',
                        disallow: [
                            '/404/',
                            '/homepage/',
                            '/landing/',
                            '/endpoint/',
                            '/livechat/',
                            '/storybook/',
                        ],
                    },
                ],
            },
        },
        'gatsby-plugin-anchor-links',
        {
            resolve: 'gatsby-plugin-google-tagmanager',
            options: {
                id: 'GTM-NF7884S',
                includeInDevelopment: false,
            },
        },
        {
            resolve: 'gatsby-plugin-anchor-links',
            options: {
                offset: -100,
            },
        },
        {
            resolve: '@directus/gatsby-source-directus',
            options: {
                url: 'https://deriv-academy.directus.app',
                auth: {
                    token: process.env.DIRECTUS_AUTH_TOKEN,
                },
                dev: {
                    refresh: '5s',
                },
            },
        },
        'gatsby-plugin-use-query-params',
    ],
}