app.config.ts

import type { ConfigContext, ExpoConfig } from "expo/config";
import { resolve } from "node:path";

export default ({ config }: ConfigContext): ExpoConfig => ({
  ...config,
  name: "react-native-local-html",
  slug: "react-native-local-html",
  version: "1.0.0",
  orientation: "portrait",
  icon: "./assets/images/icon.png",
  scheme: "myapp",
  userInterfaceStyle: "automatic",
  newArchEnabled: true,
  ios: {
    bundleIdentifier: "example.react-native-local-html",
    supportsTablet: true,
  },
  android: {
    package: "example.react_native_local_html",
    adaptiveIcon: {
      foregroundImage: "./assets/images/adaptive-icon.png",
      backgroundColor: "#ffffff",
    },
  },
  web: {
    bundler: "metro",
    output: "static",
    favicon: "./assets/images/favicon.png",
  },
  plugins: [
    "expo-router",
    [
      "expo-splash-screen",
      {
        image: "./assets/images/splash-icon.png",
        imageWidth: 200,
        resizeMode: "contain",
        backgroundColor: "#ffffff",
      },
    ],
    [
      // https://github.com/Malaa-tech/expo-custom-assets
      "expo-custom-assets",
      {
        // Add asset directory paths, the plugin copies the files in the given paths to the app bundle folder named Assets
        assetsPaths: ["./html"],
        // if you want custom assets directory name use this prop (default: "Assets")
        // "assetsDirName": "testName"
        // if you want to preserve the folder structure use this prop (default: false)
        preserveFolder: true,
      },
    ],
  ],
  experiments: {
    typedRoutes: true,
  },
  extra: {
    eas: {
      projectId: "abcfa4e0-a5f5-45c2-8cf5-48b896d87bdd",
    },
  },
});