const { getDefaultConfig } = require('expo/metro-config');

module.exports = {
    expo: {
        name: "MyJourney",
        slug: "MyJourney",
        version: "1.0.0",
        orientation: "portrait",
        icon: "./assets/images/icon.png",
        scheme: "myjourney",
        userInterfaceStyle: "automatic",
        newArchEnabled: true,
        ios: {
            supportsTablet: true,
            bundleIdentifier: "com.ryanpandya.MyJourney"
        },
        android: {
            package: "com.ryanpandya.MyJourney",
            adaptiveIcon: {
                foregroundImage: "./assets/images/adaptive-icon.png",
                backgroundColor: "#ffffff"
            },
            edgeToEdgeEnabled: true,
            "navigationBar": {
                backgroundColor: "transparent",
            }
        },
        web: {
            bundler: "metro",
            output: "static",
            favicon: "./assets/images/favicon.png"
        },
        plugins: [
            "expo-router",
            [
                "react-native-edge-to-edge",
                {
                    "android": {
                        // "parentTheme": "Light",
                        // "enforceNavigationBarContrast": false
                    }
                }
            ],
            [
                "expo-splash-screen",
                {
                    image: "./assets/images/splash-icon.png",
                    imageWidth: 200,
                    resizeMode: "contain",
                    backgroundColor: "#ffffff"
                }
            ]
        ],
        experiments: {
            typedRoutes: true
        }
    }
};