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

package/dist/commonjs/generate.js

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.writeXml = exports.writeJson = exports.writeHtml = exports.readXml = exports.readHtml = exports.parseColor = exports.logWrite = exports.log = exports.hfs = exports.getIOSAssetFileName = exports.generate = exports.cleanIOSAssets = exports.addFileToXcodeProject = void 0;
+exports.writeXml = exports.writeJson = exports.writeHtml = exports.withGenerate = exports.readXml = exports.readHtml = exports.parseColor = exports.log = exports.hfs = exports.getImageHeight = exports.generate = void 0;
 var _hash = _interopRequireDefault(require("@emotion/hash"));
-var _configPlugins = require("@expo/config-plugins");
+var _config = require("@expo/config");
+var Expo = _interopRequireWildcard(require("@expo/config-plugins"));
+var _Colors = require("@expo/config-plugins/build/android/Colors");
+var _codeMod = require("@expo/config-plugins/build/android/codeMod");
+var _generateCode = require("@expo/config-plugins/build/utils/generateCode");
 var _plist = _interopRequireDefault(require("@expo/plist"));
 var _cliTools = require("@react-native-community/cli-tools");
 var _detectIndent = _interopRequireDefault(require("detect-indent"));
-var _fs = _interopRequireDefault(require("fs"));
+var _fsExtra = _interopRequireDefault(require("fs-extra"));
 var _nodeHtmlParser = require("node-html-parser");
 var _path = _interopRequireDefault(require("path"));
 var _picocolors = _interopRequireDefault(require("picocolors"));
@@ -23,6 +27,21 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
+const projectRoot = (0, _cliTools.findProjectRoot)(workingPath);
+const log = exports.log = {
+  error: text => {
+    console.log(_picocolors.default.red(`❌  ${text}`));
+  },
+  title: (emoji, text) => {
+    console.log(`\n${emoji}  ${_picocolors.default.underline(_picocolors.default.bold(text))}`);
+  },
+  warn: text => {
+    console.log(_picocolors.default.yellow(`⚠️   ${text}`));
+  },
+  write: (filePath, dimensions) => {
+    console.log(`    ${_path.default.relative(workingPath, filePath)}` + (dimensions != null ? ` (${dimensions.width}x${dimensions.height})` : ""));
+  }
+};
 const parseColor = value => {
   const up = value.toUpperCase().replace(/[^0-9A-F]/g, "");
   if (up.length !== 3 && up.length !== 6) {
@@ -31,12 +50,12 @@ 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
   };
 };
@@ -48,7 +67,8 @@ const getStoryboard = ({
     R,
     G,
     B
-  }
+  },
+  fileNameSuffix
 }) => {
   const frameWidth = 375;
   const frameHeight = 667;
@@ -61,6 +81,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>
@@ -73,7 +94,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"/>
@@ -81,7 +102,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"/>
@@ -94,63 +115,59 @@ 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>
 `;
 };
-const addFileToXcodeProject = filePath => {
-  const projectRoot = (0, _cliTools.findProjectRoot)(workingPath);
-  const pbxprojectPath = _configPlugins.IOSConfig.Paths.getPBXProjectPath(projectRoot);
-  const project = _configPlugins.IOSConfig.XcodeUtils.getPbxproj(projectRoot);
-  const xcodeProjectPath = _configPlugins.IOSConfig.Paths.getXcodeProjectPath(projectRoot);
-  _configPlugins.IOSConfig.XcodeUtils.addResourceFileToGroup({
-    filepath: filePath,
-    groupName: _path.default.parse(xcodeProjectPath).name,
-    project,
-    isBuildFile: true
-  });
-  hfs.write(pbxprojectPath, project.writeSync());
-  logWrite(pbxprojectPath);
-};
 
 // Freely inspired by https://github.com/humanwhocodes/humanfs
-exports.addFileToXcodeProject = addFileToXcodeProject;
 const hfs = exports.hfs = {
-  buffer: path => _fs.default.readFileSync(path),
-  exists: path => _fs.default.existsSync(path),
-  json: path => JSON.parse(_fs.default.readFileSync(path, "utf-8")),
-  readDir: path => _fs.default.readdirSync(path, "utf-8"),
-  realPath: path => _fs.default.realpathSync(path, "utf-8"),
-  rm: path => _fs.default.rmSync(path, {
-    force: true
+  buffer: path => _fsExtra.default.readFileSync(path),
+  exists: path => _fsExtra.default.existsSync(path),
+  isDir: path => _fsExtra.default.lstatSync(path).isDirectory(),
+  json: path => JSON.parse(_fsExtra.default.readFileSync(path, "utf-8")),
+  readDir: path => _fsExtra.default.readdirSync(path, "utf-8"),
+  realPath: path => _fsExtra.default.realpathSync(path, "utf-8"),
+  rm: path => _fsExtra.default.rmSync(path, {
+    force: true,
+    recursive: true
   }),
-  text: path => _fs.default.readFileSync(path, "utf-8"),
+  text: path => _fsExtra.default.readFileSync(path, "utf-8"),
+  copy: (src, dest) => {
+    if (hfs.isDir(src) || !hfs.exists(dest)) {
+      return _fsExtra.default.copySync(src, dest, {
+        overwrite: true
+      });
+    }
+    const srcBuffer = _fsExtra.default.readFileSync(src);
+    const destBuffer = _fsExtra.default.readFileSync(dest);
+    if (!srcBuffer.equals(destBuffer)) {
+      return _fsExtra.default.copySync(src, dest, {
+        overwrite: true
+      });
+    }
+  },
   ensureDir: dir => {
-    _fs.default.mkdirSync(dir, {
+    _fsExtra.default.mkdirSync(dir, {
       recursive: true
     });
   },
-  write: (file, data) => {
-    const trimmed = data.trim();
-    _fs.default.writeFileSync(file, trimmed === "" ? trimmed : trimmed + "\n", "utf-8");
+  write: (path, content) => {
+    const trimmed = content.trim();
+    _fsExtra.default.writeFileSync(path, trimmed === "" ? trimmed : trimmed + "\n", "utf-8");
   }
 };
-const log = exports.log = {
-  error: text => console.log(_picocolors.default.red(`❌  ${text}`)),
-  text: text => console.log(text),
-  title: (emoji, text) => console.log(`\n${emoji}  ${_picocolors.default.underline(_picocolors.default.bold(text))}`),
-  warn: text => console.log(_picocolors.default.yellow(`⚠️   ${text}`))
-};
-const logWrite = (filePath, dimensions) => console.log(`    ${_path.default.relative(workingPath, filePath)}` + (dimensions != null ? ` (${dimensions.width}x${dimensions.height})` : ""));
-exports.logWrite = logWrite;
-const writeJson = (file, json) => {
-  hfs.write(file, JSON.stringify(json, null, 2));
-  logWrite(file);
+const writeJson = (filePath, content) => {
+  hfs.write(filePath, JSON.stringify(content, null, 2));
+  log.write(filePath);
 };
 exports.writeJson = writeJson;
-const readXml = file => {
-  const xml = hfs.text(file);
+const readXml = filePath => {
+  const xml = hfs.text(filePath);
   const {
     indent
   } = (0, _detectIndent.default)(xml);
@@ -163,8 +180,8 @@ const readXml = file => {
   };
 };
 exports.readXml = readXml;
-const writeXml = (file, xml, options) => {
-  const formatted = (0, _xmlFormatter.default)(xml, {
+const writeXml = (filePath, content, options) => {
+  const formatted = (0, _xmlFormatter.default)(content, {
     collapseContent: true,
     forceSelfClosingEmptyTag: true,
     indentation: "    ",
@@ -172,12 +189,12 @@ const writeXml = (file, xml, options) => {
     whiteSpaceAtEndOfSelfclosingTag: true,
     ...options
   });
-  hfs.write(file, formatted);
-  logWrite(file);
+  hfs.write(filePath, formatted);
+  log.write(filePath);
 };
 exports.writeXml = writeXml;
-const readHtml = file => {
-  const html = hfs.text(file);
+const readHtml = filePath => {
+  const html = hfs.text(filePath);
   const {
     type,
     amount
@@ -192,34 +209,54 @@ const readHtml = file => {
   };
 };
 exports.readHtml = readHtml;
-const writeHtml = async (file, html, options) => {
-  const formatted = await prettier.format(html, {
+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);
 };
 exports.writeHtml = writeHtml;
-const cleanIOSAssets = (dir, prefix) => {
-  hfs.readDir(dir).filter(file => file.startsWith(prefix) && file.endsWith(".png")).map(file => _path.default.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.default.join(dir, file)).flatMap(dir => hfs.readDir(dir).filter(file => file.startsWith("BootSplash")).map(file => _path.default.join(dir, file))).forEach(file => {
+    hfs.rm(file);
+  });
 };
-exports.cleanIOSAssets = cleanIOSAssets;
-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 = (0, _hash.default)(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 (0, _hash.default)(stableKey);
 };
-exports.getIOSAssetFileName = getIOSAssetFileName;
 const ensureSupportedFormat = async (name, image) => {
   if (image == null) {
     return;
@@ -232,47 +269,87 @@ 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.default.resolve(android.sourceDir, android.appName, "src", flavor, "res");
-  if (!hfs.exists(androidResPath)) {
-    log.warn(`No ${_path.default.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.default.resolve(assetsOutputPath, "android");
   }
+  if (android == null) {
+    return;
+  }
+  const androidOutputPath = _path.default.resolve(android.sourceDir, android.appName, "src", flavor, "res");
+  if (!hfs.exists(androidOutputPath)) {
+    return log.warn(`No ${_path.default.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.default.resolve(ios.sourceDir, ios.xcodeProject.name).replace(/\.(xcodeproj|xcworkspace)$/, "");
-  if (!hfs.exists(iosProjectPath)) {
-    log.warn(`No ${_path.default.relative(workingPath, iosProjectPath)} directory found. Skipping iOS assets generation…`);
-  } else {
-    return iosProjectPath;
+  if (isExpo) {
+    return _path.default.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.default.resolve(ios.sourceDir, ios.xcodeProject.name).replace(/\.(xcodeproj|xcworkspace)$/, "");
+  if (!hfs.exists(iosOutputPath)) {
+    return log.warn(`No ${_path.default.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.default.resolve(workingPath, html);
   if (!hfs.exists(htmlTemplatePath)) {
-    log.warn(`No ${_path.default.relative(workingPath, htmlTemplatePath)} file found. Skipping HTML + CSS generation…`);
-  } else {
-    return htmlTemplatePath;
+    return log.warn(`No ${_path.default.relative(workingPath, htmlTemplatePath)} file found. Skipping HTML + CSS generation…`);
   }
+  return htmlTemplatePath;
 };
+const getImageHeight = (image, width) => {
+  if (image == null) {
+    return Promise.resolve(0);
+  }
+  return image.clone().resize(width).toBuffer().then(buffer => (0, _sharp.default)(buffer).metadata()).then(({
+    height = 0
+  }) => Math.round(height));
+};
+exports.getImageHeight = getImageHeight;
 const requireAddon = () => {
   try {
     return require("./addon"); // eslint-disable-line
@@ -289,9 +366,12 @@ const generate = async ({
   licenseKey,
   ...args
 }) => {
+  const isExpo = (0, _config.getConfig)(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);
   }
@@ -299,7 +379,7 @@ const generate = async ({
   const darkLogoPath = args.darkLogo != null ? _path.default.resolve(workingPath, args.darkLogo) : undefined;
   const brandPath = args.brand != null ? _path.default.resolve(workingPath, args.brand) : undefined;
   const darkBrandPath = args.darkBrand != null ? _path.default.resolve(workingPath, args.darkBrand) : undefined;
-  const assetsOutputPath = args.assetsOutput != null ? _path.default.resolve(workingPath, args.assetsOutput) : undefined;
+  const assetsOutputPath = _path.default.resolve(workingPath, args.assetsOutput);
   const logo = (0, _sharp.default)(logoPath);
   const darkLogo = darkLogoPath != null ? (0, _sharp.default)(darkLogoPath) : undefined;
   const brand = brandPath != null ? (0, _sharp.default)(brandPath) : undefined;
@@ -310,7 +390,7 @@ 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(", ");
@@ -325,49 +405,48 @@ 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 => (0, _sharp.default)(buffer).metadata()).then(({
-    height = 0
-  }) => Math.round(height));
-  const brandHeight = (await brand?.clone().resize(brandWidth).toBuffer().then(buffer => (0, _sharp.default)(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.default.resolve(androidResPath, "values");
-    hfs.ensureDir(valuesPath);
-    const colorsXmlPath = _path.default.resolve(valuesPath, "colors.xml");
-    const colorsXmlEntry = `<color name="bootsplash_background">${background.hex}</color>`;
-    if (hfs.exists(colorsXmlPath)) {
-      const {
-        root,
-        formatOptions
-      } = readXml(colorsXmlPath);
-      const nextColor = (0, _nodeHtmlParser.parse)(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"
@@ -387,7 +466,7 @@ const generate = async ({
       ratio,
       suffix
     }) => {
-      const drawableDirPath = _path.default.resolve(androidResPath, `drawable-${suffix}`);
+      const drawableDirPath = _path.default.resolve(androidOutputPath, `drawable-${suffix}`);
       hfs.ensureDir(drawableDirPath);
 
       // https://developer.android.com/develop/ui/views/launch/splash-screen#dimensions
@@ -413,44 +492,71 @@ const generate = async ({
       }]).png({
         quality: 100
       }).toFile(filePath)).then(() => {
-        logWrite(filePath, {
+        log.write(filePath, {
           width: canvasSize,
           height: canvasSize
         });
       });
     }));
+    if (!isExpo) {
+      const valuesPath = _path.default.resolve(androidOutputPath, "values");
+      hfs.ensureDir(valuesPath);
+      const colorsXmlPath = _path.default.resolve(valuesPath, "colors.xml");
+      const colorsXmlEntry = `<color name="bootsplash_background">${background.hex}</color>`;
+      if (hfs.exists(colorsXmlPath)) {
+        const {
+          root,
+          formatOptions
+        } = readXml(colorsXmlPath);
+        const nextColor = (0, _nodeHtmlParser.parse)(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.default.resolve(iosProjectPath, "BootSplash.storyboard");
+    hfs.ensureDir(iosOutputPath);
+    cleanIOS(iosOutputPath);
+    const storyboardPath = _path.default.resolve(iosOutputPath, "BootSplash.storyboard");
+    const colorsSetPath = _path.default.resolve(iosOutputPath, "Colors.xcassets", `BootSplashBackground-${fileNameSuffix}.colorset`);
+    const imageSetPath = _path.default.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.default.join(_path.default.basename(iosProjectPath), "BootSplash.storyboard"));
-    const infoPlistPath = _path.default.join(iosProjectPath, "Info.plist");
-    const infoPlist = _plist.default.parse(hfs.text(infoPlistPath));
-    infoPlist["UILaunchStoryboardName"] = "BootSplash.storyboard";
-    const formatted = (0, _xmlFormatter.default)(_plist.default.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.default.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.default.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.default.resolve(imageSetPath, "Contents.json"), {
       images: [{
         idiom: "universal",
@@ -490,12 +596,44 @@ const generate = async ({
         width,
         height
       }) => {
-        logWrite(filePath, {
+        log.write(filePath, {
           width,
           height
         });
       });
     }));
+    if (!isExpo) {
+      const infoPlistPath = _path.default.resolve(iosOutputPath, "Info.plist");
+      const infoPlist = _plist.default.parse(hfs.text(infoPlistPath));
+      infoPlist["UILaunchStoryboardName"] = "BootSplash";
+      const formatted = (0, _xmlFormatter.default)(_plist.default.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.default.basename(iosOutputPath);
+      Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
+        filepath: _path.default.join(projectName, "BootSplash.storyboard"),
+        groupName: _path.default.parse(xcodeProjectPath).name,
+        project,
+        isBuildFile: true
+      });
+      Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
+        filepath: _path.default.join(projectName, "Colors.xcassets"),
+        groupName: _path.default.parse(xcodeProjectPath).name,
+        project,
+        isBuildFile: true
+      });
+      hfs.write(pbxprojectPath, project.writeSync());
+      log.write(pbxprojectPath);
+    }
   }
   if (htmlTemplatePath != null) {
     log.title("🌐", "Web");
@@ -550,55 +688,55 @@ const generate = async ({
     }
     await writeHtml(htmlTemplatePath, root.toString(), formatOptions);
   }
-  if (assetsOutputPath != null) {
-    log.title("📄", "Assets");
-    hfs.ensureDir(assetsOutputPath);
-    writeJson(_path.default.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.default.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.default.resolve(assetsOutputPath, `logo${suffix}.png`);
+    return logo.clone().resize(Math.round(logoWidth * ratio)).png({
+      quality: 100
+    }).toFile(filePath).then(({
+      width,
+      height
     }) => {
-      const filePath = _path.default.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,
@@ -617,13 +755,242 @@ const generate = async ({
       darkBrand
     });
   } else {
-    log.text(`
+    console.log(`
 ${_picocolors.default.blue("┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓")}
 ${_picocolors.default.blue("┃")}  🔑  ${_picocolors.default.bold("Get a license key for brand image / dark mode support")}  ${_picocolors.default.blue("┃")}
 ${_picocolors.default.blue("┃")}      ${_picocolors.default.underline("https://zoontek.gumroad.com/l/bootsplash-generator")}     ${_picocolors.default.blue("┃")}
 ${_picocolors.default.blue("┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛")}`);
   }
-  log.text(`\n💖  Thanks for using ${_picocolors.default.underline("react-native-bootsplash")}`);
+  console.log(`\n💖  Thanks for using ${_picocolors.default.underline("react-native-bootsplash")}`);
 };
 exports.generate = generate;
+const withAndroidAssets = (config, props) => Expo.withDangerousMod(config, ["android", config => {
+  const {
+    assetsDir = "assets/bootsplash"
+  } = props;
+  const {
+    platformProjectRoot
+  } = config.modRequest;
+  const srcDir = _path.default.resolve(workingPath, assetsDir, "android");
+  const destDir = _path.default.resolve(platformProjectRoot, "app", "src", "main", "res");
+  for (const drawableDir of hfs.readDir(srcDir)) {
+    const srcDrawableDir = _path.default.join(srcDir, drawableDir);
+    const destDrawableDir = _path.default.join(destDir, drawableDir);
+    hfs.ensureDir(destDrawableDir);
+    for (const file of hfs.readDir(srcDrawableDir)) {
+      hfs.copy(_path.default.join(srcDrawableDir, file), _path.default.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 = (0, _codeMod.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 = (0, _generateCode.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.default.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.default.resolve(workingPath, assetsDir, "manifest.json"));
+  config.modResults = (0, _Colors.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.default.resolve(workingPath, assetsDir, "manifest.json"));
+  if (manifest.darkBackground != null) {
+    config.modResults = (0, _Colors.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.default.resolve(workingPath, assetsDir, "ios");
+  const destDir = _path.default.resolve(platformProjectRoot, projectName);
+  cleanIOS(destDir);
+  hfs.copy(_path.default.join(srcDir, "BootSplash.storyboard"), _path.default.join(destDir, "BootSplash.storyboard"));
+  for (const xcassetsDir of ["Colors.xcassets", "Images.xcassets"]) {
+    const srcXcassetsDir = _path.default.join(srcDir, xcassetsDir);
+    const destXcassetsDir = _path.default.join(destDir, xcassetsDir);
+    hfs.ensureDir(destXcassetsDir);
+    for (const file of hfs.readDir(srcXcassetsDir)) {
+      hfs.copy(_path.default.join(srcXcassetsDir, file), _path.default.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 = (0, _generateCode.mergeContents)({
+    src: modResults.contents,
+    comment: "//",
+    tag: "bootsplash-header",
+    offset: 1,
+    anchor: /#import "AppDelegate\.h"/,
+    newSrc: '#import "RNBootSplash.h"'
+  });
+  const withRootView = (0, _generateCode.mergeContents)({
+    src: withHeader.contents,
+    comment: "//",
+    tag: "bootsplash-init",
+    offset: 0,
+    anchor: /@end/,
+    newSrc: isAtLeastExpo51 ? (0, _tsDedent.dedent)`
+          - (void)customizeRootView:(RCTRootView *)rootView {
+            [RNBootSplash initWithStoryboard:@"BootSplash" rootView:rootView];
+          }
+        ` : (0, _tsDedent.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.default.join(projectName, "BootSplash.storyboard"),
+    groupName: projectName,
+    project: config.modResults,
+    isBuildFile: true
+  });
+  Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
+    filepath: _path.default.join(projectName, "Colors.xcassets"),
+    groupName: projectName,
+    project: config.modResults,
+    isBuildFile: true
+  });
+  return config;
+});
+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]));
+};
+exports.withGenerate = withGenerate;
 //# sourceMappingURL=generate.js.map