react-native-bootsplash 5.5.3 → 6.0.0-beta.0

package/dist/module/generate.js

@@ -1,9 +1,13 @@
 import murmurhash from "@emotion/hash";
-import { IOSConfig } from "@expo/config-plugins";
+import { getConfig as getExpoConfig } from "@expo/config";
+import * as Expo from "@expo/config-plugins";
+import { assignColorValue } from "@expo/config-plugins/build/android/Colors";
+import { addImports } from "@expo/config-plugins/build/android/codeMod";
+import { mergeContents } from "@expo/config-plugins/build/utils/generateCode";
 import plist from "@expo/plist";
 import { findProjectRoot } from "@react-native-community/cli-tools";
 import detectIndent from "detect-indent";
-import fs from "fs";
+import fs from "fs-extra";
 import { parse as parseHtml } from "node-html-parser";
 import path from "path";
 import pc from "picocolors";
@@ -14,6 +18,21 @@ import sharp from "sharp";
 import { dedent } from "ts-dedent";
 import formatXml from "xml-formatter";
 const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
+const projectRoot = findProjectRoot(workingPath);
+export const log = {
+  error: text => {
+    console.log(pc.red(`❌  ${text}`));
+  },
+  title: (emoji, text) => {
+    console.log(`\n${emoji}  ${pc.underline(pc.bold(text))}`);
+  },
+  warn: text => {
+    console.log(pc.yellow(`⚠️   ${text}`));
+  },
+  write: (filePath, dimensions) => {
+    console.log(`    ${path.relative(workingPath, filePath)}` + (dimensions != null ? ` (${dimensions.width}x${dimensions.height})` : ""));
+  }
+};
 export const parseColor = value => {
   const up = value.toUpperCase().replace(/[^0-9A-F]/g, "");
   if (up.length !== 3 && up.length !== 6) {
@@ -22,12 +41,12 @@ export const parseColor = value => {
   }
   const hex = up.length === 3 ? "#" + up[0] + up[0] + up[1] + up[1] + up[2] + up[2] : "#" + up;
   const rgb = {
-    R: (parseInt("" + hex[1] + hex[2], 16) / 255).toPrecision(15),
-    G: (parseInt("" + hex[3] + hex[4], 16) / 255).toPrecision(15),
-    B: (parseInt("" + hex[5] + hex[6], 16) / 255).toPrecision(15)
+    R: (Number.parseInt("" + hex[1] + hex[2], 16) / 255).toPrecision(15),
+    G: (Number.parseInt("" + hex[3] + hex[4], 16) / 255).toPrecision(15),
+    B: (Number.parseInt("" + hex[5] + hex[6], 16) / 255).toPrecision(15)
   };
   return {
-    hex,
+    hex: hex.toLowerCase(),
     rgb
   };
 };
@@ -38,7 +57,8 @@ const getStoryboard = ({
     R,
     G,
     B
-  }
+  },
+  fileNameSuffix
 }) => {
   const frameWidth = 375;
   const frameHeight = 667;
@@ -51,6 +71,7 @@ const getStoryboard = ({
     <dependencies>
         <deployment identifier="iOS"/>
         <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="21678"/>
+        <capability name="Named colors" minToolsVersion="9.0"/>
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
@@ -63,7 +84,7 @@ const getStoryboard = ({
                         <rect key="frame" x="0.0" y="0.0" width="${frameWidth}" height="${frameHeight}"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <imageView autoresizesSubviews="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" image="BootSplashLogo" translatesAutoresizingMaskIntoConstraints="NO" id="3lX-Ut-9ad">
+                            <imageView autoresizesSubviews="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" image="BootSplashLogo-${fileNameSuffix}" translatesAutoresizingMaskIntoConstraints="NO" id="3lX-Ut-9ad">
                                 <rect key="frame" x="${logoX}" y="${logoY}" width="${logoWidth}" height="${logoHeight}"/>
                                 <accessibility key="accessibilityConfiguration">
                                     <accessibilityTraits key="traits" image="YES" notEnabled="YES"/>
@@ -71,7 +92,7 @@ const getStoryboard = ({
                             </imageView>
                         </subviews>
                         <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
-                        <color key="backgroundColor" red="${R}" green="${G}" blue="${B}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <color key="backgroundColor" name="BootSplashBackground-${fileNameSuffix}"/>
                         <constraints>
                             <constraint firstItem="3lX-Ut-9ad" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="Fh9-Fy-1nT"/>
                             <constraint firstItem="3lX-Ut-9ad" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="nvB-Ic-PnI"/>
@@ -84,60 +105,58 @@ const getStoryboard = ({
         </scene>
     </scenes>
     <resources>
-        <image name="BootSplashLogo" width="${logoWidth}" height="${logoHeight}"/>
+        <image name="BootSplashLogo-${fileNameSuffix}" width="${logoWidth}" height="${logoHeight}"/>
+        <namedColor name="BootSplashBackground-${fileNameSuffix}">
+            <color red="${R}" green="${G}" blue="${B}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+        </namedColor>
     </resources>
 </document>
 `;
 };
-export const addFileToXcodeProject = filePath => {
-  const projectRoot = findProjectRoot(workingPath);
-  const pbxprojectPath = IOSConfig.Paths.getPBXProjectPath(projectRoot);
-  const project = IOSConfig.XcodeUtils.getPbxproj(projectRoot);
-  const xcodeProjectPath = IOSConfig.Paths.getXcodeProjectPath(projectRoot);
-  IOSConfig.XcodeUtils.addResourceFileToGroup({
-    filepath: filePath,
-    groupName: path.parse(xcodeProjectPath).name,
-    project,
-    isBuildFile: true
-  });
-  hfs.write(pbxprojectPath, project.writeSync());
-  logWrite(pbxprojectPath);
-};
 
 // Freely inspired by https://github.com/humanwhocodes/humanfs
 export const hfs = {
   buffer: path => fs.readFileSync(path),
   exists: path => fs.existsSync(path),
+  isDir: path => fs.lstatSync(path).isDirectory(),
   json: path => JSON.parse(fs.readFileSync(path, "utf-8")),
   readDir: path => fs.readdirSync(path, "utf-8"),
   realPath: path => fs.realpathSync(path, "utf-8"),
   rm: path => fs.rmSync(path, {
-    force: true
+    force: true,
+    recursive: true
   }),
   text: path => fs.readFileSync(path, "utf-8"),
+  copy: (src, dest) => {
+    if (hfs.isDir(src) || !hfs.exists(dest)) {
+      return fs.copySync(src, dest, {
+        overwrite: true
+      });
+    }
+    const srcBuffer = fs.readFileSync(src);
+    const destBuffer = fs.readFileSync(dest);
+    if (!srcBuffer.equals(destBuffer)) {
+      return fs.copySync(src, dest, {
+        overwrite: true
+      });
+    }
+  },
   ensureDir: dir => {
     fs.mkdirSync(dir, {
       recursive: true
     });
   },
-  write: (file, data) => {
-    const trimmed = data.trim();
-    fs.writeFileSync(file, trimmed === "" ? trimmed : trimmed + "\n", "utf-8");
+  write: (path, content) => {
+    const trimmed = content.trim();
+    fs.writeFileSync(path, trimmed === "" ? trimmed : trimmed + "\n", "utf-8");
   }
 };
-export const log = {
-  error: text => console.log(pc.red(`❌  ${text}`)),
-  text: text => console.log(text),
-  title: (emoji, text) => console.log(`\n${emoji}  ${pc.underline(pc.bold(text))}`),
-  warn: text => console.log(pc.yellow(`⚠️   ${text}`))
+export const writeJson = (filePath, content) => {
+  hfs.write(filePath, JSON.stringify(content, null, 2));
+  log.write(filePath);
 };
-export const logWrite = (filePath, dimensions) => console.log(`    ${path.relative(workingPath, filePath)}` + (dimensions != null ? ` (${dimensions.width}x${dimensions.height})` : ""));
-export const writeJson = (file, json) => {
-  hfs.write(file, JSON.stringify(json, null, 2));
-  logWrite(file);
-};
-export const readXml = file => {
-  const xml = hfs.text(file);
+export const readXml = filePath => {
+  const xml = hfs.text(filePath);
   const {
     indent
   } = detectIndent(xml);
@@ -149,8 +168,8 @@ export const readXml = file => {
     formatOptions
   };
 };
-export const writeXml = (file, xml, options) => {
-  const formatted = formatXml(xml, {
+export const writeXml = (filePath, content, options) => {
+  const formatted = formatXml(content, {
     collapseContent: true,
     forceSelfClosingEmptyTag: true,
     indentation: "    ",
@@ -158,11 +177,11 @@ export const writeXml = (file, xml, options) => {
     whiteSpaceAtEndOfSelfclosingTag: true,
     ...options
   });
-  hfs.write(file, formatted);
-  logWrite(file);
+  hfs.write(filePath, formatted);
+  log.write(filePath);
 };
-export const readHtml = file => {
-  const html = hfs.text(file);
+export const readHtml = filePath => {
+  const html = hfs.text(filePath);
   const {
     type,
     amount
@@ -176,30 +195,52 @@ export const readHtml = file => {
     formatOptions
   };
 };
-export const writeHtml = async (file, html, options) => {
-  const formatted = await prettier.format(html, {
+export const writeHtml = async (filePath, content, options) => {
+  const formatted = await prettier.format(content, {
     parser: "html",
     plugins: [htmlPlugin, cssPlugin],
     tabWidth: 2,
     useTabs: false,
     ...options
   });
-  hfs.write(file, formatted);
-  logWrite(file);
+  hfs.write(filePath, formatted);
+  log.write(filePath);
 };
-export const cleanIOSAssets = (dir, prefix) => {
-  hfs.readDir(dir).filter(file => file.startsWith(prefix) && file.endsWith(".png")).map(file => path.join(dir, file)).forEach(file => hfs.rm(file));
+const cleanIOS = dir => {
+  hfs.readDir(dir).filter(file => file === "Colors.xcassets" || file === "Images.xcassets").map(file => path.join(dir, file)).flatMap(dir => hfs.readDir(dir).filter(file => file.startsWith("BootSplash")).map(file => path.join(dir, file))).forEach(file => {
+    hfs.rm(file);
+  });
 };
-export const getIOSAssetFileName = async ({
-  name,
-  image,
-  width
-}) => {
+const getImageBase64 = async (image, width) => {
+  if (image == null) {
+    return "";
+  }
   const buffer = await image.clone().resize(width).png({
     quality: 100
   }).toBuffer();
-  const hash = murmurhash(buffer.toString("base64"));
-  return `${name}-${hash}`;
+  return buffer.toString("base64");
+};
+const getFileNameSuffix = async ({
+  background,
+  brand,
+  brandWidth,
+  darkBackground,
+  darkBrand,
+  darkLogo,
+  logo,
+  logoWidth
+}) => {
+  const [logoHash, darkLogoHash, brandHash, darkBrandHash] = await Promise.all([getImageBase64(logo, logoWidth), getImageBase64(darkLogo, logoWidth), getImageBase64(brand, brandWidth), getImageBase64(darkBrand, brandWidth)]);
+  const record = {
+    background: background.hex,
+    darkBackground: darkBackground?.hex ?? "",
+    logo: logoHash,
+    darkLogo: darkLogoHash,
+    brand: brandHash,
+    darkBrand: darkBrandHash
+  };
+  const stableKey = Object.keys(record).sort().map(key => record[key]).join();
+  return murmurhash(stableKey);
 };
 const ensureSupportedFormat = async (name, image) => {
   if (image == null) {
@@ -213,46 +254,85 @@ const ensureSupportedFormat = async (name, image) => {
     process.exit(1);
   }
 };
-const getAndroidResPath = (android, {
+const getAndroidOutputPath = ({
+  android,
+  assetsOutputPath,
   brandHeight,
   brandWidth,
   flavor,
+  isExpo,
   logoHeight,
-  logoWidth
+  logoWidth,
+  platforms
 }) => {
-  const androidResPath = path.resolve(android.sourceDir, android.appName, "src", flavor, "res");
-  if (!hfs.exists(androidResPath)) {
-    log.warn(`No ${path.relative(workingPath, androidResPath)} directory found. Skipping Android assets generation…`);
-  } else if (logoWidth > 288 || logoHeight > 288) {
-    log.warn("Logo size exceeding 288x288dp will be cropped by Android. Skipping Android assets generation…");
-  } else if (brandHeight > 80 || brandWidth > 200) {
-    log.warn("Brand size exceeding 200x80dp will be cropped by Android. Skipping Android assets generation…");
-  } else {
-    if (logoWidth > 192 || logoHeight > 192) {
-      log.warn(`Logo size exceeds 192x192dp. It might be cropped by Android.`);
-    }
-    return androidResPath;
+  if (!platforms.includes("android")) {
+    return;
   }
+  if (isExpo) {
+    return path.resolve(assetsOutputPath, "android");
+  }
+  if (android == null) {
+    return;
+  }
+  const androidOutputPath = path.resolve(android.sourceDir, android.appName, "src", flavor, "res");
+  if (!hfs.exists(androidOutputPath)) {
+    return log.warn(`No ${path.relative(workingPath, androidOutputPath)} directory found. Skipping Android assets generation…`);
+  }
+  if (logoWidth > 288 || logoHeight > 288) {
+    return log.warn("Logo size exceeding 288x288dp will be cropped by Android. Skipping Android assets generation…");
+  }
+  if (brandWidth > 200 || brandHeight > 80) {
+    return log.warn("Brand size exceeding 200x80dp will be cropped by Android. Skipping Android assets generation…");
+  }
+  if (logoWidth > 192 || logoHeight > 192) {
+    log.warn("Logo size exceeds 192x192dp. It might be cropped by Android.");
+  }
+  return androidOutputPath;
 };
-const getIOSProjectPath = ios => {
-  if (ios.xcodeProject == null) {
-    log.warn("No Xcode project found. Skipping iOS assets generation…");
+const getIOSOutputPath = ({
+  assetsOutputPath,
+  ios,
+  isExpo,
+  platforms
+}) => {
+  if (!platforms.includes("ios")) {
     return;
   }
-  const iosProjectPath = path.resolve(ios.sourceDir, ios.xcodeProject.name).replace(/\.(xcodeproj|xcworkspace)$/, "");
-  if (!hfs.exists(iosProjectPath)) {
-    log.warn(`No ${path.relative(workingPath, iosProjectPath)} directory found. Skipping iOS assets generation…`);
-  } else {
-    return iosProjectPath;
+  if (isExpo) {
+    return path.resolve(assetsOutputPath, "ios");
+  }
+  if (ios == null) {
+    return;
+  }
+  if (ios.xcodeProject == null) {
+    return log.warn("No Xcode project found. Skipping iOS assets generation…");
+  }
+  const iosOutputPath = path.resolve(ios.sourceDir, ios.xcodeProject.name).replace(/\.(xcodeproj|xcworkspace)$/, "");
+  if (!hfs.exists(iosOutputPath)) {
+    return log.warn(`No ${path.relative(workingPath, iosOutputPath)} directory found. Skipping iOS assets generation…`);
   }
+  return iosOutputPath;
 };
-const getHtmlTemplatePath = html => {
+const getHtmlTemplatePath = ({
+  html,
+  platforms
+}) => {
+  if (!platforms.includes("web")) {
+    return;
+  }
   const htmlTemplatePath = path.resolve(workingPath, html);
   if (!hfs.exists(htmlTemplatePath)) {
-    log.warn(`No ${path.relative(workingPath, htmlTemplatePath)} file found. Skipping HTML + CSS generation…`);
-  } else {
-    return htmlTemplatePath;
+    return log.warn(`No ${path.relative(workingPath, htmlTemplatePath)} file found. Skipping HTML + CSS generation…`);
   }
+  return htmlTemplatePath;
+};
+export const getImageHeight = (image, width) => {
+  if (image == null) {
+    return Promise.resolve(0);
+  }
+  return image.clone().resize(width).toBuffer().then(buffer => sharp(buffer).metadata()).then(({
+    height = 0
+  }) => Math.round(height));
 };
 const requireAddon = () => {
   try {
@@ -270,9 +350,12 @@ export const generate = async ({
   licenseKey,
   ...args
 }) => {
+  const isExpo = getExpoConfig(projectRoot, {
+    skipSDKVersionRequirement: true
+  }).exp.sdkVersion != null;
   const [nodeStringVersion = ""] = process.versions.node.split(".");
-  const nodeVersion = parseInt(nodeStringVersion, 10);
-  if (!isNaN(nodeVersion) && nodeVersion < 18) {
+  const nodeVersion = Number.parseInt(nodeStringVersion, 10);
+  if (!Number.isNaN(nodeVersion) && nodeVersion < 18) {
     log.error("Requires Node 18 (or higher)");
     process.exit(1);
   }
@@ -280,7 +363,7 @@ export const generate = async ({
   const darkLogoPath = args.darkLogo != null ? path.resolve(workingPath, args.darkLogo) : undefined;
   const brandPath = args.brand != null ? path.resolve(workingPath, args.brand) : undefined;
   const darkBrandPath = args.darkBrand != null ? path.resolve(workingPath, args.darkBrand) : undefined;
-  const assetsOutputPath = args.assetsOutput != null ? path.resolve(workingPath, args.assetsOutput) : undefined;
+  const assetsOutputPath = path.resolve(workingPath, args.assetsOutput);
   const logo = sharp(logoPath);
   const darkLogo = darkLogoPath != null ? sharp(darkLogoPath) : undefined;
   const brand = brandPath != null ? sharp(brandPath) : undefined;
@@ -291,7 +374,7 @@ export const generate = async ({
   const darkBackground = args.darkBackground != null ? parseColor(args.darkBackground) : undefined;
   const executeAddon = brand != null || darkBackground != null || darkLogo != null || darkBrand != null;
   if (licenseKey != null && !executeAddon) {
-    log.warn(`You specified a license key but none of the options that requires it.`);
+    log.warn("You specified a license key but none of the options that requires it.");
   }
   if (licenseKey == null && executeAddon) {
     const options = [brand != null ? "brand" : "", darkBackground != null ? "dark-background" : "", darkLogo != null ? "dark-logo" : "", darkBrand != null ? "dark-brand" : ""].filter(option => option !== "").map(option => `--${option}`).join(", ");
@@ -306,49 +389,48 @@ export const generate = async ({
   await ensureSupportedFormat("Dark logo", darkLogo);
   await ensureSupportedFormat("Brand", brand);
   await ensureSupportedFormat("Dark brand", darkBrand);
-  const logoHeight = await logo.clone().resize(logoWidth).toBuffer().then(buffer => sharp(buffer).metadata()).then(({
-    height = 0
-  }) => Math.round(height));
-  const brandHeight = (await brand?.clone().resize(brandWidth).toBuffer().then(buffer => sharp(buffer).metadata()).then(({
-    height = 0
-  }) => Math.round(height))) ?? 0;
+  const logoHeight = await getImageHeight(logo, logoWidth);
+  const brandHeight = await getImageHeight(brand, brandWidth);
   if (logoWidth < args.logoWidth) {
     log.warn(`Logo width must be a multiple of 2. It has been rounded to ${logoWidth}dp.`);
   }
   if (brandWidth < args.brandWidth) {
     log.warn(`Brand width must be a multiple of 2. It has been rounded to ${brandWidth}dp.`);
   }
-  const androidResPath = platforms.includes("android") && android != null ? getAndroidResPath(android, {
+  const fileNameSuffix = await getFileNameSuffix({
+    background,
+    brand,
+    brandWidth,
+    darkBackground,
+    darkBrand,
+    darkLogo,
+    logo,
+    logoWidth
+  });
+  const androidOutputPath = getAndroidOutputPath({
+    android,
+    assetsOutputPath,
     brandHeight,
     brandWidth,
     flavor,
+    isExpo,
     logoHeight,
-    logoWidth
-  }) : undefined;
-  const iosProjectPath = platforms.includes("ios") && ios != null ? getIOSProjectPath(ios) : undefined;
-  const htmlTemplatePath = platforms.includes("web") ? getHtmlTemplatePath(html) : undefined;
-  if (androidResPath != null) {
+    logoWidth,
+    platforms
+  });
+  const iosOutputPath = getIOSOutputPath({
+    assetsOutputPath,
+    ios,
+    isExpo,
+    platforms
+  });
+  const htmlTemplatePath = getHtmlTemplatePath({
+    html,
+    platforms
+  });
+  if (androidOutputPath != null) {
     log.title("🤖", "Android");
-    const valuesPath = path.resolve(androidResPath, "values");
-    hfs.ensureDir(valuesPath);
-    const colorsXmlPath = path.resolve(valuesPath, "colors.xml");
-    const colorsXmlEntry = `<color name="bootsplash_background">${background.hex}</color>`;
-    if (hfs.exists(colorsXmlPath)) {
-      const {
-        root,
-        formatOptions
-      } = readXml(colorsXmlPath);
-      const nextColor = parseHtml(colorsXmlEntry);
-      const prevColor = root.querySelector('color[name="bootsplash_background"]');
-      if (prevColor != null) {
-        prevColor.replaceWith(nextColor);
-      } else {
-        root.querySelector("resources")?.appendChild(nextColor);
-      }
-      writeXml(colorsXmlPath, root.toString(), formatOptions);
-    } else {
-      writeXml(colorsXmlPath, `<resources>${colorsXmlEntry}</resources>`);
-    }
+    hfs.ensureDir(androidOutputPath);
     await Promise.all([{
       ratio: 1,
       suffix: "mdpi"
@@ -368,7 +450,7 @@ export const generate = async ({
       ratio,
       suffix
     }) => {
-      const drawableDirPath = path.resolve(androidResPath, `drawable-${suffix}`);
+      const drawableDirPath = path.resolve(androidOutputPath, `drawable-${suffix}`);
       hfs.ensureDir(drawableDirPath);
 
       // https://developer.android.com/develop/ui/views/launch/splash-screen#dimensions
@@ -394,44 +476,71 @@ export const generate = async ({
       }]).png({
         quality: 100
       }).toFile(filePath)).then(() => {
-        logWrite(filePath, {
+        log.write(filePath, {
           width: canvasSize,
           height: canvasSize
         });
       });
     }));
+    if (!isExpo) {
+      const valuesPath = path.resolve(androidOutputPath, "values");
+      hfs.ensureDir(valuesPath);
+      const colorsXmlPath = path.resolve(valuesPath, "colors.xml");
+      const colorsXmlEntry = `<color name="bootsplash_background">${background.hex}</color>`;
+      if (hfs.exists(colorsXmlPath)) {
+        const {
+          root,
+          formatOptions
+        } = readXml(colorsXmlPath);
+        const nextColor = parseHtml(colorsXmlEntry);
+        const prevColor = root.querySelector('color[name="bootsplash_background"]');
+        if (prevColor != null) {
+          prevColor.replaceWith(nextColor);
+        } else {
+          root.querySelector("resources")?.appendChild(nextColor);
+        }
+        writeXml(colorsXmlPath, root.toString(), formatOptions);
+      } else {
+        writeXml(colorsXmlPath, `<resources>${colorsXmlEntry}</resources>`);
+      }
+    }
   }
-  if (iosProjectPath != null) {
+  if (iosOutputPath != null) {
     log.title("🍏", "iOS");
-    const storyboardPath = path.resolve(iosProjectPath, "BootSplash.storyboard");
+    hfs.ensureDir(iosOutputPath);
+    cleanIOS(iosOutputPath);
+    const storyboardPath = path.resolve(iosOutputPath, "BootSplash.storyboard");
+    const colorsSetPath = path.resolve(iosOutputPath, "Colors.xcassets", `BootSplashBackground-${fileNameSuffix}.colorset`);
+    const imageSetPath = path.resolve(iosOutputPath, "Images.xcassets", `BootSplashLogo-${fileNameSuffix}.imageset`);
+    hfs.ensureDir(colorsSetPath);
+    hfs.ensureDir(imageSetPath);
     writeXml(storyboardPath, getStoryboard({
       logoHeight,
       logoWidth,
-      background: background.rgb
+      background: background.rgb,
+      fileNameSuffix
     }), {
       whiteSpaceAtEndOfSelfclosingTag: false
     });
-    addFileToXcodeProject(path.join(path.basename(iosProjectPath), "BootSplash.storyboard"));
-    const infoPlistPath = path.join(iosProjectPath, "Info.plist");
-    const infoPlist = plist.parse(hfs.text(infoPlistPath));
-    infoPlist["UILaunchStoryboardName"] = "BootSplash";
-    const formatted = formatXml(plist.build(infoPlist), {
-      collapseContent: true,
-      forceSelfClosingEmptyTag: false,
-      indentation: "\t",
-      lineSeparator: "\n",
-      whiteSpaceAtEndOfSelfclosingTag: false
-    }).replace(/<string\/>/gm, "<string></string>").replace(/^\t/gm, "");
-    hfs.write(infoPlistPath, formatted);
-    logWrite(infoPlistPath);
-    const imageSetPath = path.resolve(iosProjectPath, "Images.xcassets", "BootSplashLogo.imageset");
-    hfs.ensureDir(imageSetPath);
-    cleanIOSAssets(imageSetPath, "bootsplash_logo");
-    const logoFileName = await getIOSAssetFileName({
-      name: "bootsplash_logo",
-      image: logo,
-      width: logoWidth
+    writeJson(path.resolve(colorsSetPath, "Contents.json"), {
+      colors: [{
+        idiom: "universal",
+        color: {
+          "color-space": "srgb",
+          components: {
+            blue: background.rgb.B,
+            green: background.rgb.G,
+            red: background.rgb.R,
+            alpha: "1.000"
+          }
+        }
+      }],
+      info: {
+        author: "xcode",
+        version: 1
+      }
     });
+    const logoFileName = `logo-${fileNameSuffix}`;
     writeJson(path.resolve(imageSetPath, "Contents.json"), {
       images: [{
         idiom: "universal",
@@ -471,12 +580,44 @@ export const generate = async ({
         width,
         height
       }) => {
-        logWrite(filePath, {
+        log.write(filePath, {
           width,
           height
         });
       });
     }));
+    if (!isExpo) {
+      const infoPlistPath = path.resolve(iosOutputPath, "Info.plist");
+      const infoPlist = plist.parse(hfs.text(infoPlistPath));
+      infoPlist["UILaunchStoryboardName"] = "BootSplash";
+      const formatted = formatXml(plist.build(infoPlist), {
+        collapseContent: true,
+        forceSelfClosingEmptyTag: false,
+        indentation: "\t",
+        lineSeparator: "\n",
+        whiteSpaceAtEndOfSelfclosingTag: false
+      }).replace(/<string\/>/gm, "<string></string>").replace(/^\t/gm, "");
+      hfs.write(infoPlistPath, formatted);
+      log.write(infoPlistPath);
+      const pbxprojectPath = Expo.IOSConfig.Paths.getPBXProjectPath(projectRoot);
+      const xcodeProjectPath = Expo.IOSConfig.Paths.getXcodeProjectPath(projectRoot);
+      const project = Expo.IOSConfig.XcodeUtils.getPbxproj(projectRoot);
+      const projectName = path.basename(iosOutputPath);
+      Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
+        filepath: path.join(projectName, "BootSplash.storyboard"),
+        groupName: path.parse(xcodeProjectPath).name,
+        project,
+        isBuildFile: true
+      });
+      Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
+        filepath: path.join(projectName, "Colors.xcassets"),
+        groupName: path.parse(xcodeProjectPath).name,
+        project,
+        isBuildFile: true
+      });
+      hfs.write(pbxprojectPath, project.writeSync());
+      log.write(pbxprojectPath);
+    }
   }
   if (htmlTemplatePath != null) {
     log.title("🌐", "Web");
@@ -531,55 +672,55 @@ export const generate = async ({
     }
     await writeHtml(htmlTemplatePath, root.toString(), formatOptions);
   }
-  if (assetsOutputPath != null) {
-    log.title("📄", "Assets");
-    hfs.ensureDir(assetsOutputPath);
-    writeJson(path.resolve(assetsOutputPath, "bootsplash_manifest.json"), {
-      background: background.hex,
-      logo: {
-        width: logoWidth,
-        height: logoHeight
-      }
-    });
-    await Promise.all([{
-      ratio: 1,
-      suffix: ""
-    }, {
-      ratio: 1.5,
-      suffix: "@1,5x"
-    }, {
-      ratio: 2,
-      suffix: "@2x"
-    }, {
-      ratio: 3,
-      suffix: "@3x"
-    }, {
-      ratio: 4,
-      suffix: "@4x"
-    }].map(({
-      ratio,
-      suffix
+  log.title("📄", "Assets");
+  hfs.ensureDir(assetsOutputPath);
+  writeJson(path.resolve(assetsOutputPath, "manifest.json"), {
+    background: background.hex,
+    logo: {
+      width: logoWidth,
+      height: logoHeight
+    }
+  });
+  await Promise.all([{
+    ratio: 1,
+    suffix: ""
+  }, {
+    ratio: 1.5,
+    suffix: "@1,5x"
+  }, {
+    ratio: 2,
+    suffix: "@2x"
+  }, {
+    ratio: 3,
+    suffix: "@3x"
+  }, {
+    ratio: 4,
+    suffix: "@4x"
+  }].map(({
+    ratio,
+    suffix
+  }) => {
+    const filePath = path.resolve(assetsOutputPath, `logo${suffix}.png`);
+    return logo.clone().resize(Math.round(logoWidth * ratio)).png({
+      quality: 100
+    }).toFile(filePath).then(({
+      width,
+      height
     }) => {
-      const filePath = path.resolve(assetsOutputPath, `bootsplash_logo${suffix}.png`);
-      return logo.clone().resize(Math.round(logoWidth * ratio)).png({
-        quality: 100
-      }).toFile(filePath).then(({
+      log.write(filePath, {
         width,
         height
-      }) => {
-        logWrite(filePath, {
-          width,
-          height
-        });
       });
-    }));
-  }
+    });
+  }));
   if (licenseKey != null && executeAddon) {
     const addon = requireAddon();
     await addon?.execute({
       licenseKey,
-      androidResPath,
-      iosProjectPath,
+      isExpo,
+      fileNameSuffix,
+      androidOutputPath,
+      iosOutputPath,
       htmlTemplatePath,
       assetsOutputPath,
       logoHeight,
@@ -598,12 +739,240 @@ export const generate = async ({
       darkBrand
     });
   } else {
-    log.text(`
+    console.log(`
 ${pc.blue("┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓")}
 ${pc.blue("┃")}  🔑  ${pc.bold("Get a license key for brand image / dark mode support")}  ${pc.blue("┃")}
 ${pc.blue("┃")}      ${pc.underline("https://zoontek.gumroad.com/l/bootsplash-generator")}     ${pc.blue("┃")}
 ${pc.blue("┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛")}`);
   }
-  log.text(`\n💖  Thanks for using ${pc.underline("react-native-bootsplash")}`);
+  console.log(`\n💖  Thanks for using ${pc.underline("react-native-bootsplash")}`);
+};
+const withAndroidAssets = (config, props) => Expo.withDangerousMod(config, ["android", config => {
+  const {
+    assetsDir = "assets/bootsplash"
+  } = props;
+  const {
+    platformProjectRoot
+  } = config.modRequest;
+  const srcDir = path.resolve(workingPath, assetsDir, "android");
+  const destDir = path.resolve(platformProjectRoot, "app", "src", "main", "res");
+  for (const drawableDir of hfs.readDir(srcDir)) {
+    const srcDrawableDir = path.join(srcDir, drawableDir);
+    const destDrawableDir = path.join(destDir, drawableDir);
+    hfs.ensureDir(destDrawableDir);
+    for (const file of hfs.readDir(srcDrawableDir)) {
+      hfs.copy(path.join(srcDrawableDir, file), path.join(destDrawableDir, file));
+    }
+  }
+  return config;
+}]);
+const withAndroidManifest = config => Expo.withAndroidManifest(config, config => {
+  config.modResults.manifest.application?.forEach(application => {
+    if (application.$["android:name"] === ".MainApplication") {
+      const {
+        activity
+      } = application;
+      activity?.forEach(activity => {
+        if (activity.$["android:name"] === ".MainActivity") {
+          activity.$["android:theme"] = "@style/BootTheme";
+        }
+      });
+    }
+  });
+  return config;
+});
+const withMainActivity = config => Expo.withMainActivity(config, config => {
+  const {
+    modResults
+  } = config;
+  const {
+    language
+  } = modResults;
+  const withImports = addImports(modResults.contents.replace(/(\/\/ )?setTheme\(R\.style\.AppTheme\)/, "// setTheme(R.style.AppTheme)"), ["android.os.Bundle", "com.zoontek.rnbootsplash.RNBootSplash"], language === "java");
+
+  // indented with 4 spaces
+  const withInit = mergeContents({
+    src: withImports,
+    comment: "    //",
+    tag: "bootsplash-init",
+    offset: 0,
+    anchor: /super\.onCreate\(null\)/,
+    newSrc: "    RNBootSplash.init(this, R.style.BootTheme)" + (language === "java" ? ";" : "")
+  });
+  return {
+    ...config,
+    modResults: {
+      ...modResults,
+      contents: withInit.contents
+    }
+  };
+});
+const withAndroidStyles = (config, props) => Expo.withAndroidStyles(config, async config => {
+  const {
+    assetsDir = "assets/bootsplash",
+    edgeToEdge = false
+  } = props;
+  const manifest = await hfs.json(path.resolve(workingPath, assetsDir, "manifest.json"));
+  const item = [{
+    $: {
+      name: "postBootSplashTheme"
+    },
+    _: "@style/AppTheme"
+  }, {
+    $: {
+      name: "bootSplashBackground"
+    },
+    _: "@color/bootsplash_background"
+  }, {
+    $: {
+      name: "bootSplashLogo"
+    },
+    _: "@drawable/bootsplash_logo"
+  }];
+  if (manifest.brand != null) {
+    item.push({
+      $: {
+        name: "bootSplashBrand"
+      },
+      _: "@drawable/bootsplash_brand"
+    });
+  }
+  config.modResults.resources.style?.filter(({
+    $
+  }) => $.name !== "BootTheme").push({
+    item,
+    $: {
+      name: "BootTheme",
+      parent: edgeToEdge ? "Theme.BootSplash" : "Theme.BootSplash.EdgeToEdge"
+    }
+  });
+  return config;
+});
+const withAndroidColors = (config, props) => Expo.withAndroidColors(config, async config => {
+  const {
+    assetsDir = "assets/bootsplash"
+  } = props;
+  const manifest = await hfs.json(path.resolve(workingPath, assetsDir, "manifest.json"));
+  config.modResults = assignColorValue(config.modResults, {
+    name: "bootsplash_background",
+    value: manifest.background
+  });
+  return config;
+});
+const withAndroidColorsNight = (config, props) => Expo.withAndroidColorsNight(config, async config => {
+  const {
+    assetsDir = "assets/bootsplash"
+  } = props;
+  const manifest = await hfs.json(path.resolve(workingPath, assetsDir, "manifest.json"));
+  if (manifest.darkBackground != null) {
+    config.modResults = assignColorValue(config.modResults, {
+      name: "bootsplash_background",
+      value: manifest.darkBackground
+    });
+  }
+  return config;
+});
+const withIOSAssets = (config, props) => Expo.withDangerousMod(config, ["ios", config => {
+  const {
+    assetsDir = "assets/bootsplash"
+  } = props;
+  const {
+    platformProjectRoot,
+    projectName = ""
+  } = config.modRequest;
+  const srcDir = path.resolve(workingPath, assetsDir, "ios");
+  const destDir = path.resolve(platformProjectRoot, projectName);
+  cleanIOS(destDir);
+  hfs.copy(path.join(srcDir, "BootSplash.storyboard"), path.join(destDir, "BootSplash.storyboard"));
+  for (const xcassetsDir of ["Colors.xcassets", "Images.xcassets"]) {
+    const srcXcassetsDir = path.join(srcDir, xcassetsDir);
+    const destXcassetsDir = path.join(destDir, xcassetsDir);
+    hfs.ensureDir(destXcassetsDir);
+    for (const file of hfs.readDir(srcXcassetsDir)) {
+      hfs.copy(path.join(srcXcassetsDir, file), path.join(destXcassetsDir, file));
+    }
+  }
+  return config;
+}]);
+const withAppDelegate = config => Expo.withAppDelegate(config, config => {
+  const [sdkStringVersion = ""] = config.sdkVersion?.split(".") ?? "";
+  const isAtLeastExpo51 = Number.parseInt(sdkStringVersion, 10) >= 51;
+  const {
+    modResults
+  } = config;
+  const {
+    language
+  } = modResults;
+  if (language !== "objc" && language !== "objcpp") {
+    throw new Error(`Cannot modify the project AppDelegate as it's not in a supported language: ${language}`);
+  }
+  const withHeader = mergeContents({
+    src: modResults.contents,
+    comment: "//",
+    tag: "bootsplash-header",
+    offset: 1,
+    anchor: /#import "AppDelegate\.h"/,
+    newSrc: '#import "RNBootSplash.h"'
+  });
+  const withRootView = mergeContents({
+    src: withHeader.contents,
+    comment: "//",
+    tag: "bootsplash-init",
+    offset: 0,
+    anchor: /@end/,
+    newSrc: isAtLeastExpo51 ? dedent`
+          - (void)customizeRootView:(RCTRootView *)rootView {
+            [RNBootSplash initWithStoryboard:@"BootSplash" rootView:rootView];
+          }
+        ` : dedent`
+          - (UIView *)createRootViewWithBridge:(RCTBridge *)bridge moduleName:(NSString *)moduleName initProps:(NSDictionary *)initProps {
+            UIView *rootView = [super createRootViewWithBridge:bridge moduleName:moduleName initProps:initProps];
+            [RNBootSplash initWithStoryboard:@"BootSplash" rootView:rootView];
+            return rootView;
+          }
+        `
+  });
+  return {
+    ...config,
+    modResults: {
+      ...modResults,
+      contents: withRootView.contents
+    }
+  };
+});
+const withInfoPlist = config => Expo.withInfoPlist(config, config => {
+  config.modResults["UILaunchStoryboardName"] = "BootSplash";
+  return config;
+});
+const withXcodeProject = config => Expo.withXcodeProject(config, config => {
+  const {
+    projectName = ""
+  } = config.modRequest;
+  Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
+    filepath: path.join(projectName, "BootSplash.storyboard"),
+    groupName: projectName,
+    project: config.modResults,
+    isBuildFile: true
+  });
+  Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
+    filepath: path.join(projectName, "Colors.xcassets"),
+    groupName: projectName,
+    project: config.modResults,
+    isBuildFile: true
+  });
+  return config;
+});
+export const withGenerate = (config, props = {}) => {
+  const plugins = [];
+  const {
+    platforms = []
+  } = config;
+  if (platforms.includes("android")) {
+    plugins.push(withAndroidAssets, withAndroidManifest, withMainActivity, withAndroidStyles, withAndroidColors, withAndroidColorsNight);
+  }
+  if (platforms.includes("ios")) {
+    plugins.push(withIOSAssets, withAppDelegate, withInfoPlist, withXcodeProject);
+  }
+  return Expo.withPlugins(config, plugins.map(plugin => [plugin, props]));
 };
 //# sourceMappingURL=generate.js.map