next.config.js

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

const fs = require('fs')
const path = require('path')
const withHashicorp = require('@hashicorp/platform-nextjs-plugin')
const { redirectsConfig } = require('./build-libs/redirects')
const HashiConfigPlugin = require('./config/plugin')

/**
 * @type {import('next/dist/lib/load-custom-routes').Header}
 *
 * Adds a `noindex` directive to all pages on `tip.waypointproject.io`.
 * We don't want content on that domain to be indexed.
 */
const hideWaypointTipContent = {
	source: '/:path*',
	headers: [
		{
			key: 'X-Robots-Tag',
			value: 'noindex,nofollow',
		},
	],
	has: [
		{
			type: 'host',
			value: 'tip.waypointproject.io',
		},
	],
}

module.exports = withHashicorp({
	css: false,
})({
	transpilePackages: [
		'@hashicorp/flight-icons',
		/**
		 * TODO: once Sentinel has been migrated into the dev-portal repository,
		 * we should consider localizing the sentinel-embedded component. Should
		 * first confirm with Cam Stitt that this component is not being used
		 * elsewhere.
		 */
		'@hashicorp/sentinel-embedded',
		'unist-util-is',
		'unist-util-visit',
		'unist-util-visit-parents',
	],
	webpack(config) {
		config.plugins.push(HashiConfigPlugin())

		if (
			typeof process.env.DD_API_KEY !== 'undefined' &&
			process.env.VERCEL_ENV &&
			process.env.VERCEL_ENV !== 'development'
		) {
			config.devtool = 'hidden-source-map'
		}

		return config
	},
	async headers() {
		return [hideWaypointTipContent]
	},
	async redirects() {
		const { simpleRedirects, complexRedirects } = await redirectsConfig()
		await fs.promises.writeFile(
			path.join('src', 'data', '_redirects.generated.json'),
			JSON.stringify(simpleRedirects, null, 2),
			'utf-8'
		)
		return complexRedirects
	},
	env: {
		ASSET_API_ENDPOINT: process.env.ASSET_API_ENDPOINT,
		AXE_ENABLED: process.env.AXE_ENABLED || false,
		DEV_IO: process.env.DEV_IO,
		PREVIEW_FROM_REPO: process.env.PREVIEW_FROM_REPO,
		ENABLE_VERSIONED_DOCS: process.env.ENABLE_VERSIONED_DOCS || false,
		HASHI_ENV: process.env.HASHI_ENV || 'development',
		IS_CONTENT_PREVIEW: process.env.IS_CONTENT_PREVIEW,
		MKTG_CONTENT_DOCS_API: process.env.MKTG_CONTENT_DOCS_API,
		// TODO: determine if DevDot needs this or not
		SEGMENT_WRITE_KEY: process.env.SEGMENT_WRITE_KEY,
		POSTHOG_PROJECT_API_KEY:
			process.env.VERCEL_ENV !== 'production'
				? process.env.POSTHOG_PROJECT_API_KEY_DEV
				: process.env.POSTHOG_PROJECT_API_KEY_PROD,
	},
	svgo: {
		plugins: [
			{
				removeViewBox: false,
				collapseGroups: false,
			},
		],
	},
	images: {
		formats: ['image/avif', 'image/webp'],
		domains: [
			'www.datocms-assets.com',
			'mktg-content-api-hashicorp.vercel.app',
			'content.hashicorp.com',
		],
		dangerouslyAllowSVG: true,
		contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
	},
	experimental: {
		largePageDataBytes: 512 * 1000, // 512KB
		instrumentationHook: true,
	},
})