import { type ExpoConfig } from 'expo/config';
import 'tsx/cjs';
import packageJson from './package.json';

function semverToCode(v: string) {
	const [maj, min, pat] = v.split('.').map((n) => parseInt(n || '0', 10));
	if (maj === undefined || min === undefined || pat === undefined)
		throw new Error(`Invalid version: ${v}`);
	return maj * 10000 + min * 100 + pat;
}
const versionCode = semverToCode(packageJson.version);

const config: ExpoConfig = {
	name: 'Fressh',
	slug: 'fressh',
	version: packageJson.version,
	orientation: 'portrait',
	icon: '../../packages/assets/mobile-app-icon-dark.png',
	scheme: 'fressh',
	userInterfaceStyle: 'automatic',
	newArchEnabled: true,
	ios: {
		supportsTablet: true,
		config: { usesNonExemptEncryption: false },
		bundleIdentifier: 'dev.fressh.app',
		buildNumber: String(versionCode),
		// TODO: Add ios specific icons
		// icon: {
		// 	dark: '',
		// 	light: '',
		// 	tinted: '',
		// }
	},
	android: {
		package: 'dev.fressh.app',
		versionCode,
		adaptiveIcon: {
			foregroundImage: '../../packages/assets/android-adaptive-icon.png',
			backgroundColor: '#151718',
		},
		edgeToEdgeEnabled: true,
		predictiveBackGestureEnabled: false,
		softwareKeyboardLayoutMode: 'pan',
	},
	plugins: [
		'expo-router',
		[
			'expo-splash-screen',
			{
				image: '../../packages/assets/splash-icon-light.png',
				backgroundColor: '#ECEDEE',
				dark: {
					image: '../../packages/assets/splash-icon-dark.png',
					backgroundColor: '#151718',
				},
				imageWidth: 200,
			},
		],
		'expo-secure-store',
		'expo-font',
		'expo-dev-client',
	],
	experiments: { typedRoutes: true, reactCompiler: true },
};

export default config;