[[...identifier]].js

import { getAuthString } from '@/utils/getAuthString';
import availableTemplates from '@/wp-templates';
import availableQueries from '@/wp-templates/templateQueries';
import {
	createDefaultClient,
	setGraphQLClient,
	uriToTemplate,
} from '@faustjs/nextjs/pages';
import { fetchTemplateQueries } from '@faustjs/data-fetching';

export default function Page(props) {
	const { templateData } = props;

	const PageTemplate = availableTemplates[templateData?.template?.id];

	return <PageTemplate {...props} />;
}

export async function getStaticProps({
	params,
	draftMode: isDraftModeEnabled,
}) {
	// Send the authentication string only if draft mode is enabled
	const headers = isDraftModeEnabled
		? {
				Authorization: getAuthString(),
		  }
		: null;

	const client = createDefaultClient(
		process.env.NEXT_PUBLIC_WORDPRESS_URL,
		headers,
	);

	setGraphQLClient(client);

	const uri = params?.identifier ? `/${params.identifier.join('/')}/` : '/';

	const variables = isDraftModeEnabled
		? {
				id: params.identifier?.[0],
				asPreview: true,
		  }
		: { uri };

	try {
		const templateData = await uriToTemplate({
			...variables,
			availableTemplates: Object.keys(availableTemplates),
			wordpressUrl: process.env.NEXT_PUBLIC_WORDPRESS_URL,
		});

		if (
			!templateData?.template?.id ||
			templateData?.template?.id === '404 Not Found'
		) {
			return { notFound: true };
		}

		const queriesData = await fetchTemplateQueries({
			availableQueries,
			templateData,
			client,
			locale: templateData?.seedNode?.locale,
		});

		return {
			props: {
				uri,
				templateData: JSON.parse(JSON.stringify(templateData)),
				queriesData,
			},
		};
	} catch (error) {
		console.error('Error resolving template:', error);
		return { notFound: true };
	}
}

export async function getStaticPaths() {
	return {
		paths: [],
		fallback: 'blocking',
	};
}