app.config.ts

import { z } from 'zod';

import pkg from './package.json';

import type { ConfigContext, ExpoConfig } from '@expo/config';

const booleanEnvSchema = z
	.enum(['false', 'true'])
	.default('false')
	.transform((row) => row === 'true');

const parseEnvironment = () => {
	const envSchema = z.object({
		NODE_ENV: z.enum(['development', 'production', 'test']),
		BACKEND_PATH: z.string().url(),
		ENABLE_MOCKS: booleanEnvSchema,
		DISABLE_AUTH: booleanEnvSchema,
		ENABLE_AUTO_FILL: booleanEnvSchema,
		SENTRY_ORG: z.string(),
		SENTRY_PROJECT: z.string(),
		SENTRY_AUTH_TOKEN: z.string(),
		SENTRY_DSN: z.string(),
	});
	const parsed = envSchema.safeParse(process.env);

	if (!parsed.success && process.env.NODE_ENV) {
		const env = process.env.NODE_ENV;
		console.error(
			'🔥 Invalid environment variables:',
			parsed.error.flatten().fieldErrors,
			`\n🔥 Fix the issues in .env.${env} file.`,
			`\n💡 Tip: If you recently updated the .env.${env} file and the error still persists, try restarting the server with the -cc flag to clear the cache.`,
		);
		throw new Error('Invalid environment, Check terminal for more details ');
	}
	const data = parsed.success ? parsed.data : ({} as z.infer<typeof envSchema>);
	return {
		env: data.NODE_ENV,
		sentry: {
			dsn: data.SENTRY_DSN,
			organization: data.SENTRY_ORG,
			project: data.SENTRY_PROJECT,
		},
		backendPath: data.BACKEND_PATH,
		enableMocks: data.ENABLE_MOCKS,
		disableAuth: data.DISABLE_AUTH,
		enableAutoFill: data.ENABLE_AUTO_FILL,
	};
};

const extra = parseEnvironment();
export type Environment = typeof extra;

const details = {
	id: pkg.name,
	org: 'khanate-dev',
	expoUsername: 'khanate-dev',
	name: 'React Native Starter',
	description: 'React Native Starter',
	github: pkg.repository.url,
	version: pkg.version,
	easProjectId: 'ea224914-8891-44d6-ad18-2a67bc487176',
	primaryColor: '#6847c0',
} as const;

const semverToInt = (version: string): number => {
	const [major = NaN, minor = NaN, patch = NaN] = version
		.split('.')
		.map(Number);
	if (isNaN(major) || isNaN(minor) || isNaN(patch))
		throw new Error('Invalid version!');
	return major * 10000000 + minor * 100000 + patch;
};

export default ({ config }: ConfigContext): ExpoConfig => ({
	...config,
	owner: details.org,
	scheme: details.id,
	name: details.name,
	slug: details.id,
	description: details.description,
	version: details.version,
	orientation: 'portrait',
	icon: './assets/icon.png',
	userInterfaceStyle: 'automatic',
	experiments: { typedRoutes: true },
	extra: {
		...extra,
		eas: {
			projectId: details.easProjectId,
		},
	},
	githubUrl: details.github,
	platforms: ['android', 'ios'],
	primaryColor: details.primaryColor,
	splash: {
		image: './assets/splash.png',
		resizeMode: 'contain',
		backgroundColor: details.primaryColor,
	},
	updates: {
		enabled: true,
		fallbackToCacheTimeout: 0,
	},
	assetBundlePatterns: ['**/*'],
	ios: {
		bundleIdentifier: `com.${details.org}.${details.id}`,
		buildNumber: details.version,
		supportsTablet: true,
	},
	android: {
		package: `com.${details.org.replace(/-/gu, '.')}.${details.id.replace(
			/-/gu,
			'.',
		)}`,
		versionCode: semverToInt(details.version),
		adaptiveIcon: {
			foregroundImage: './assets/adaptive-icon.png',
			backgroundColor: '#ffffff',
		},
	},
	// // web: {
	// // 	bundler: 'metro',
	// //	favicon: './assets/favicon.png'
	// // },
	plugins: [
		[
			'@sentry/react-native/expo',
			{
				setCommits: true,
				organization: extra.sentry.organization,
				project: extra.sentry.project,
			},
		],
		['expo-updates', { username: details.expoUsername }],
		'expo-router',
	],
});