gatsby-config.js

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

const dynamicPlugins = []

if (process.env.MAILCHIMP_KEY) {
	dynamicPlugins.push({
		resolve: 'gatsby-source-mailchimp',
		options: {
			campaignFields: [
				'campaigns.archive_url',
				'campaigns.settings.title',
				'campaigns.settings.subject_line',
				'campaigns.settings.preview_text',
				'campaigns.send_time',
				'campaigns.emails_sent',
			],
			contentFields: ['archive_html'],
			nodeType: 'Newsletters',
			key: process.env.MAILCHIMP_KEY,
			rootURL: 'https://us7.api.mailchimp.com/3.0',
		},
	})
}

module.exports = {
	siteMetadata: {
		title: 'Liferay.Design',
		author: 'Paul Hanaoka',
		description:
			'Blogs, careers, guidelines, and other resources from the Design Teams at Liferay!',
	},
	plugins: [
		{
			resolve: `gatsby-plugin-algolia-docsearch`,
			options: {
				apiKey: 'e743f8519124b276f2f3325e8e126246',
				indexName: 'liferay_design',
				inputSelector: '#lexicon_search',
				debug: false,
			},
		},
		'gatsby-plugin-brotli',
		'gatsby-plugin-catch-links',
		`gatsby-plugin-netlify-cms`,
		'gatsby-plugin-react-helmet',
		'gatsby-plugin-resolve-src',
		{
			resolve: `gatsby-plugin-manifest`,
			options: {
				name: `Liferay Design`,
				short_name: `Liferay.Design`,
				background_color: `#FFF`,
				theme_color: `#0b5fff`,
				icon: `src/images/favicon.svg`,
			},
		},
		'gatsby-plugin-offline',
		'gatsby-plugin-sass',
		'gatsby-plugin-sharp',
		`gatsby-plugin-theme-ui`,
		`gatsby-transformer-json`,
		'gatsby-transformer-sharp',
		{
			resolve: `gatsby-plugin-typography`,
			options: {
				pathToConfigModule: `src/utils/typography`,
			},
		},
		{
			resolve: 'gatsby-source-filesystem',
			options: {
				name: 'src',
				path: './src',
			},
		},
		{
			resolve: 'gatsby-source-filesystem',
			options: {
				path: `${__dirname}/src/images`,
				name: 'images',
			},
		},
		`gatsby-transformer-yaml`,
		{
			resolve: 'gatsby-plugin-mdx',
			options: {
				extensions: ['.mdx', '.md'],
				gatsbyRemarkPlugins: [
					{
						resolve: 'gatsby-remark-images',
						options: {
							maxWidth: 768,
							withWebp: true,
							quality: 96,
							backgroundColor: 'transparent',
							disableBgImageOnAlpha: true,
							wrapperStyle: 'margin-bottom: 2em; margin-top: 1em;',
						},
					},
					{
						resolve: `gatsby-remark-image-attributes`,
						options: {
							dataAttributes: true,
						},
					},
					{
						resolve: 'gatsby-remark-static-images',
					},
					{
						resolve: 'gatsby-remark-autolink-headers',
						options: {
							offsetY: `200`,
							className: `nice-anchor`,
						},
					},
					{
						resolve: 'gatsby-remark-external-links',
					},
					{
						resolve: `gatsby-plugin-catch-links`,
					},
				],
			},
		},
		{
			resolve: `gatsby-plugin-typescript`,
			// options: { // commenting these out until I figure out what's best
			// 	isTSX: true, // defaults to false
			// 	jsxPragma: `jsx`, // defaults to "React"
			// 	allExtensions: true, // defaults to false
			// },
		},
	].concat(dynamicPlugins),

	mapping: {
		'MarkdownRemark.frontmatter.author': `AuthorsYaml`,
		'Mdx.frontmatter.author': `AuthorsYaml`,
		'AuthorsYaml.office': `OfficesYaml.id`,
		'CountriesYaml.hq': `OfficesYaml.id`,
		'OfficesYaml.region': `CountriesYaml.id`,
		'MarkdownRemark.frontmatter.office': `OfficesYaml`,
		'Mdx.frontmatter.office': `OfficesYaml`,
		'ChangelogYaml.author': `AuthorsYaml.id`,
		'AnnualReportsYaml.promotionsPage.designers.name': `AuthorsYaml`,
		'ChangelogYaml.contributors': `AuthorsYaml.id`,
		'Mdx.frontmatter.contributors': `AuthorsYaml.id`,
	},
}