react-native-bootsplash 6.3.11 → 7.0.0-beta.1

package/dist/commonjs/generate.js

@@ -3,8 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.writeXmlLike = exports.writeJson = exports.readXmlLike = exports.log = exports.hfs = exports.getExpoConfig = exports.generate = exports.cleanIOSAssets = void 0;
+exports.writeXmlLike = exports.writeJson = exports.withBootSplash = exports.readXmlLike = exports.log = exports.hfs = exports.generate = void 0;
 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 _cliConfigAndroid = require("@react-native-community/cli-config-android");
 var _cliConfigApple = require("@react-native-community/cli-config-apple");
@@ -26,13 +29,10 @@ var _util = _interopRequireDefault(require("util"));
 var _xmlFormatter = _interopRequireDefault(require("xml-formatter"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const PACKAGE_NAME = "react-native-bootsplash";
+let isExpo = false;
 const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
 const projectRoot = (0, _cliTools.findProjectRoot)(workingPath);
-const getIOSProjectConfig = (0, _cliConfigApple.getProjectConfig)({
-  platformName: "ios"
-});
-const ios = getIOSProjectConfig(projectRoot, {});
-const android = (0, _cliConfigAndroid.projectConfig)(projectRoot);
 const promisifiedExec = _util.default.promisify(_child_process.default.exec);
 const exec = cmd => promisifiedExec(cmd).then(({
   stdout,
@@ -40,16 +40,20 @@ const exec = cmd => promisifiedExec(cmd).then(({
 }) => stdout || stderr);
 const log = exports.log = {
   error: text => {
-    console.log(_picocolors.default.red(`❌  ${text}`));
+    console.log(_picocolors.default.red(isExpo ? `❌ [${PACKAGE_NAME}] ${text}` : `❌  ${text}`));
   },
   title: (emoji, text) => {
-    console.log(`\n${emoji}  ${_picocolors.default.underline(_picocolors.default.bold(text))}`);
+    if (!isExpo) {
+      console.log(`\n${emoji}  ${_picocolors.default.underline(_picocolors.default.bold(text))}`);
+    }
   },
   warn: text => {
-    console.log(_picocolors.default.yellow(`⚠️   ${text}`));
+    console.log(_picocolors.default.yellow(isExpo ? `⚠️  [${PACKAGE_NAME}] ${text}` : `⚠️  ${text}`));
   },
   write: (filePath, dimensions) => {
-    console.log(`    ${_path.default.relative(workingPath, filePath)}` + (dimensions != null ? ` (${dimensions.width}x${dimensions.height})` : ""));
+    if (!isExpo) {
+      console.log(`    ${_path.default.relative(workingPath, filePath)}` + (dimensions != null ? ` (${dimensions.width}x${dimensions.height})` : ""));
+    }
   }
 };
 const parseColor = value => {
@@ -69,20 +73,19 @@ const parseColor = value => {
     rgb
   };
 };
-const getStoryboard = ({
-  logoHeight,
-  logoWidth,
-  background: {
+const getStoryboard = props => {
+  const {
+    background,
+    logo,
+    fileNameSuffix
+  } = props;
+  const {
     R,
     G,
     B
-  },
-  fileNameSuffix
-}) => {
+  } = background.rgb;
   const frameWidth = 375;
   const frameHeight = 667;
-  const logoX = (frameWidth - logoWidth) / 2;
-  const logoY = (frameHeight - logoHeight) / 2;
   return (0, _tsDedent.dedent)`
 <?xml version="1.0" encoding="UTF-8"?>
 <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="21701" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
@@ -104,7 +107,7 @@ const getStoryboard = ({
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <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}"/>
+                                <rect key="frame" x="${(frameWidth - logo.width) / 2}" y="${(frameHeight - logo.height) / 2}" width="${logo.width}" height="${logo.height}"/>
                                 <accessibility key="accessibilityConfiguration">
                                     <accessibilityTraits key="traits" image="YES" notEnabled="YES"/>
                                 </accessibility>
@@ -124,7 +127,7 @@ const getStoryboard = ({
         </scene>
     </scenes>
     <resources>
-        <image name="BootSplashLogo-${fileNameSuffix}" width="${logoWidth}" height="${logoHeight}"/>
+        <image name="BootSplashLogo-${fileNameSuffix}" width="${logo.width}" height="${logo.height}"/>
         <namedColor name="BootSplashBackground-${fileNameSuffix}">
             <color red="${R}" green="${G}" blue="${B}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
         </namedColor>
@@ -146,20 +149,6 @@ const hfs = exports.hfs = {
     recursive: true
   }),
   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 => {
     _fsExtra.default.mkdirSync(dir, {
       recursive: true
@@ -170,53 +159,6 @@ const hfs = exports.hfs = {
     _fsExtra.default.writeFileSync(path, trimmed === "" ? trimmed : trimmed + "\n", "utf-8");
   }
 };
-
-// Adapted from https://github.com/square/find-yarn-workspace-root
-const findUp = (from, matcher) => {
-  let previous;
-  let current = _path.default.normalize(from);
-  do {
-    const found = matcher(current);
-    if (typeof found !== "undefined") {
-      return found;
-    }
-    previous = current;
-    current = _path.default.dirname(current);
-  } while (current !== previous);
-};
-const getExpoConfig = from => {
-  const hasDependency = findUp(from, dir => {
-    const pkgPath = _path.default.resolve(dir, "package.json");
-    if (_fsExtra.default.existsSync(pkgPath)) {
-      try {
-        const pkg = hfs.json(pkgPath);
-        return pkg.dependencies?.expo != null;
-      } catch {} // eslint-disable-line no-empty
-    }
-  }) ?? false;
-  if (!hasDependency) {
-    return {
-      isExpo: false
-    };
-  }
-  const version = findUp(from, dir => {
-    const pkgPath = _path.default.resolve(dir, "node_modules", "expo", "package.json");
-    if (_fsExtra.default.existsSync(pkgPath)) {
-      try {
-        const pkg = hfs.json(pkgPath);
-        return pkg.version;
-      } catch {} // eslint-disable-line no-empty
-    }
-  });
-  if (version == null || _semver.default.lt(version, "51.0.20")) {
-    log.error("Requires Expo 51.0.20 (or higher)");
-    process.exit(1);
-  }
-  return {
-    isExpo: true
-  };
-};
-exports.getExpoConfig = getExpoConfig;
 const writeJson = (filePath, content) => {
   hfs.write(filePath, JSON.stringify(content, null, 2));
   log.write(filePath);
@@ -272,106 +214,27 @@ const writeXmlLike = async (filePath, content, {
   }
 };
 exports.writeXmlLike = writeXmlLike;
-const cleanIOSAssets = 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 getImageBase64 = async (image, width) => {
-  if (image == null) {
-    return "";
-  }
-  const buffer = await image.clone().resize(width).png({
-    quality: 100
-  }).toBuffer();
-  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 _crypto.default.createHash("shake256", {
-    outputLength: 3
-  }).update(stableKey).digest("hex").toLowerCase();
-};
-const ensureSupportedFormat = async (name, image) => {
-  if (image == null) {
-    return;
-  }
-  const {
-    format
-  } = await image.metadata();
-  if (format !== "png" && format !== "svg") {
-    log.error(`${name} image file format (${format}) is not supported`);
-    process.exit(1);
-  }
-};
 const getAndroidOutputPath = ({
-  assetsOutputPath,
-  brandHeight,
-  brandWidth,
   flavor,
-  isExpo,
-  logoHeight,
-  logoWidth,
   platforms
 }) => {
-  if (!platforms.includes("android")) {
-    return;
-  }
-  const withSizeChecks = assetsOutputPath => {
-    if (logoWidth > 192 || logoHeight > 192) {
-      return log.warn("Logo size exceeding 192x192dp 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 > 134 || logoHeight > 134) {
-      log.warn("Logo size exceeds 134x134dp. It might be cropped by Android.");
-    }
-    return assetsOutputPath;
-  };
-  if (isExpo) {
-    return withSizeChecks(_path.default.resolve(assetsOutputPath, "android"));
-  }
-  if (android == null) {
+  const android = (0, _cliConfigAndroid.projectConfig)(projectRoot);
+  if (!platforms.includes("android") || 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…`);
   }
-  return withSizeChecks(androidOutputPath);
+  return androidOutputPath;
 };
 const getIOSOutputPath = ({
-  assetsOutputPath,
-  isExpo,
   platforms
 }) => {
-  if (!platforms.includes("ios")) {
-    return;
-  }
-  if (isExpo) {
-    return _path.default.resolve(assetsOutputPath, "ios");
-  }
-  if (ios == null) {
+  const ios = (0, _cliConfigApple.getProjectConfig)({
+    platformName: "ios"
+  })(projectRoot, {});
+  if (!platforms.includes("ios") || ios == null) {
     return;
   }
   if (ios.xcodeProject == null) {
@@ -383,428 +246,361 @@ const getIOSOutputPath = ({
   }
   return iosOutputPath;
 };
-const getHtmlTemplatePath = async ({
-  isExpo,
+const getHtmlTemplatePath = ({
   html,
   platforms
 }) => {
   if (!platforms.includes("web")) {
     return;
   }
-  if (isExpo) {
-    const htmlTemplatePath = _path.default.resolve(workingPath, html);
-    const htmlTemplateRelativePath = _path.default.relative(workingPath, htmlTemplatePath);
-    if (htmlTemplateRelativePath === "public/index.html" && !hfs.exists(htmlTemplatePath)) {
-      const cmd = `npx expo customize ${htmlTemplateRelativePath}`;
-      console.log(_picocolors.default.dim(`Running ${cmd}`));
-      await exec(cmd);
-    }
-  }
   const htmlTemplatePath = _path.default.resolve(workingPath, html);
   if (!hfs.exists(htmlTemplatePath)) {
-    return log.warn(`No ${_path.default.relative(workingPath, htmlTemplatePath)} file found. Skipping HTML + CSS generation…`);
+    return log.warn(`No ${_path.default.relative(workingPath, htmlTemplatePath)} found. Skipping HTML + CSS generation…`);
   }
   return htmlTemplatePath;
 };
-const getImageHeight = (image, width) => {
-  if (image == null) {
-    return Promise.resolve(0);
+const getInfoPlistPath = ({
+  iosOutputPath,
+  plist
+}) => {
+  if (plist != null) {
+    const infoPlistPath = _path.default.resolve(workingPath, plist);
+    if (!hfs.exists(infoPlistPath)) {
+      return log.warn(`No ${_path.default.relative(workingPath, infoPlistPath)} found`);
+    }
+    return infoPlistPath;
   }
-  return image.clone().resize(width).toBuffer().then(buffer => (0, _sharp.default)(buffer).metadata()).then(({
-    height = 0
-  }) => Math.round(height));
+  return _path.default.resolve(iosOutputPath, "Info.plist");
 };
-const requireAddon = () => {
-  try {
-    return require("./addon"); // eslint-disable-line
-  } catch {
-    return;
+const toAsset = async (filePath, width) => {
+  const image = (0, _sharp.default)(filePath);
+  const {
+    format
+  } = await image.metadata();
+  if (format !== "png" && format !== "svg") {
+    log.error(`${_path.default.basename(filePath)} image file format (${format}) is not supported`);
+    process.exit(1);
   }
+  const [height, hash] = await Promise.all([image.clone().resize(width).toBuffer().then(buffer => (0, _sharp.default)(buffer).metadata()).then(({
+    height = 0
+  }) => Math.round(height)), image.clone().resize(width).png({
+    quality: 100
+  }).toBuffer().then(buffer => buffer.toString("base64"))]);
+  return {
+    path: filePath,
+    image,
+    hash,
+    height,
+    width
+  };
 };
-const generate = async ({
-  projectType,
-  platforms,
-  html,
-  flavor,
+const transformProps = async (rootPath, {
+  android = {},
   licenseKey,
-  ...args
+  ...rawProps
 }) => {
-  const isExpo = projectType === "expo" || projectType === "detect" && getExpoConfig(workingPath).isExpo;
-  if (_semver.default.lt(process.versions.node, "18.0.0")) {
-    log.error("Requires Node 18 (or higher)");
+  if (_semver.default.lt(process.versions.node, "20.0.0")) {
+    log.error("Requires Node 20 (or higher)");
     process.exit(1);
   }
-  const logoPath = _path.default.resolve(workingPath, args.logo);
-  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 = _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;
-  const darkBrand = darkBrandPath != null ? (0, _sharp.default)(darkBrandPath) : undefined;
-  const background = parseColor(args.background);
-  const logoWidth = args.logoWidth - args.logoWidth % 2;
-  const brandWidth = args.brandWidth - args.brandWidth % 2;
-  const darkBackground = args.darkBackground != null ? parseColor(args.darkBackground) : undefined;
+  const assetsOutputPath = _path.default.resolve(rootPath, rawProps.assetsOutput);
+  const logoPath = _path.default.resolve(rootPath, rawProps.logo);
+  const darkLogoPath = rawProps.darkLogo != null ? _path.default.resolve(rootPath, rawProps.darkLogo) : undefined;
+  const brandPath = rawProps.brand != null ? _path.default.resolve(rootPath, rawProps.brand) : undefined;
+  const darkBrandPath = rawProps.darkBrand != null ? _path.default.resolve(rootPath, rawProps.darkBrand) : undefined;
+  const logoWidth = rawProps.logoWidth - rawProps.logoWidth % 2;
+  const brandWidth = rawProps.brandWidth - rawProps.brandWidth % 2;
+  const [logo, darkLogo, brand, darkBrand] = await Promise.all([toAsset(logoPath, logoWidth), darkLogoPath != null ? toAsset(darkLogoPath, logoWidth) : undefined, brandPath != null ? toAsset(brandPath, brandWidth) : undefined, darkBrandPath != null ? toAsset(darkBrandPath, brandWidth) : undefined]);
+  const background = parseColor(rawProps.background);
+  const darkBackground = rawProps.darkBackground != null ? parseColor(rawProps.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.");
   }
+  const optionNames = {
+    brand: isExpo ? "brand" : "--brand",
+    darkBackground: isExpo ? "darkBackground" : "--dark-background",
+    darkLogo: isExpo ? "darkLogo" : "--dark-logo",
+    darkBrand: isExpo ? "darkBrand" : "--dark-brand"
+  };
   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(", ");
+    const options = [brand != null ? optionNames.brand : "", darkBackground != null ? optionNames.darkBackground : "", darkLogo != null ? optionNames.darkLogo : "", darkBrand != null ? optionNames.darkBrand : ""].filter(option => option !== "").join(", ");
     log.error(`You need to specify a license key in order to use ${options}.`);
     process.exit(1);
   }
   if (brand == null && darkBrand != null) {
-    log.error("--dark-brand option couldn't be used without --brand.");
+    log.error(`${optionNames.darkBrand} option couldn't be used without ${optionNames.brand}.`);
     process.exit(1);
   }
-  await ensureSupportedFormat("Logo", logo);
-  await ensureSupportedFormat("Dark logo", darkLogo);
-  await ensureSupportedFormat("Brand", brand);
-  await ensureSupportedFormat("Dark brand", darkBrand);
-  const logoHeight = await getImageHeight(logo, logoWidth);
-  const brandHeight = await getImageHeight(brand, brandWidth);
-  if (logoWidth < args.logoWidth) {
+  if (logoWidth < rawProps.logoWidth) {
     log.warn(`Logo width must be a multiple of 2. It has been rounded to ${logoWidth}dp.`);
   }
-  if (brandWidth < args.brandWidth) {
+  if (brandWidth < rawProps.brandWidth) {
     log.warn(`Brand width must be a multiple of 2. It has been rounded to ${brandWidth}dp.`);
   }
-  const fileNameSuffix = await getFileNameSuffix({
+  const record = {
+    background: background.hex,
+    darkBackground: darkBackground?.hex ?? "",
+    logo: logo.hash,
+    darkLogo: darkLogo?.hash ?? "",
+    brand: brand?.hash ?? "",
+    darkBrand: darkBrand?.hash ?? ""
+  };
+  const stableKey = Object.keys(record).sort().map(key => record[key]).join();
+  const fileNameSuffix = _crypto.default.createHash("shake256", {
+    outputLength: 3
+  }).update(stableKey).digest("hex").toLowerCase();
+  return {
+    android,
+    assetsOutputPath,
+    licenseKey,
+    executeAddon,
     background,
-    brand,
-    brandWidth,
     darkBackground,
-    darkBrand,
+    logo,
     darkLogo,
+    brand,
+    darkBrand,
+    fileNameSuffix
+  };
+};
+const writeAndroidAssets = async ({
+  androidOutputPath,
+  props
+}) => {
+  const {
     logo,
-    logoWidth
-  });
-  const androidOutputPath = getAndroidOutputPath({
-    assetsOutputPath,
-    brandHeight,
-    brandWidth,
-    flavor,
-    isExpo,
-    logoHeight,
-    logoWidth,
-    platforms
-  });
-  const iosOutputPath = getIOSOutputPath({
-    assetsOutputPath,
-    isExpo,
-    platforms
-  });
-  const htmlTemplatePath = await getHtmlTemplatePath({
-    isExpo,
-    html,
-    platforms
-  });
-  if (androidOutputPath != null) {
-    log.title("🤖", "Android");
-    hfs.ensureDir(androidOutputPath);
-    await Promise.all([{
-      ratio: 1,
-      suffix: "mdpi"
-    }, {
-      ratio: 1.5,
-      suffix: "hdpi"
-    }, {
-      ratio: 2,
-      suffix: "xhdpi"
-    }, {
-      ratio: 3,
-      suffix: "xxhdpi"
-    }, {
-      ratio: 4,
-      suffix: "xxxhdpi"
-    }].map(({
-      ratio,
-      suffix
-    }) => {
-      const drawableDirPath = _path.default.resolve(androidOutputPath, `drawable-${suffix}`);
-      hfs.ensureDir(drawableDirPath);
+    brand
+  } = props;
+  if (logo.width > 192 || logo.height > 192) {
+    return log.warn("Logo size exceeding 192x192dp will be cropped by Android. Skipping Android assets generation…");
+  }
+  if (brand != null && (brand.width > 200 || brand.height > 80)) {
+    return log.warn("Brand size exceeding 200x80dp will be cropped by Android. Skipping Android assets generation…");
+  }
+  if (logo.width > 134 || logo.height > 134) {
+    log.warn("Logo size exceeds 134x134dp. It might be cropped by Android.");
+  }
+  log.title("🤖", "Android");
+  hfs.ensureDir(androidOutputPath);
+  await Promise.all([{
+    ratio: 1,
+    suffix: "mdpi"
+  }, {
+    ratio: 1.5,
+    suffix: "hdpi"
+  }, {
+    ratio: 2,
+    suffix: "xhdpi"
+  }, {
+    ratio: 3,
+    suffix: "xxhdpi"
+  }, {
+    ratio: 4,
+    suffix: "xxxhdpi"
+  }].map(({
+    ratio,
+    suffix
+  }) => {
+    const drawableDirPath = _path.default.resolve(androidOutputPath, `drawable-${suffix}`);
+    hfs.ensureDir(drawableDirPath);
 
-      // https://developer.android.com/develop/ui/views/launch/splash-screen#dimensions
-      const canvasSize = 288 * ratio;
+    // https://developer.android.com/develop/ui/views/launch/splash-screen#dimensions
+    const canvasSize = 288 * ratio;
 
-      // https://sharp.pixelplumbing.com/api-constructor
-      const canvas = (0, _sharp.default)({
-        create: {
-          width: canvasSize,
-          height: canvasSize,
-          channels: 4,
-          background: {
-            r: 255,
-            g: 255,
-            b: 255,
-            alpha: 0
-          }
-        }
-      });
-      const filePath = _path.default.resolve(drawableDirPath, "bootsplash_logo.png");
-      return logo.clone().resize(logoWidth * ratio).toBuffer().then(input => canvas.composite([{
-        input
-      }]).png({
-        quality: 100
-      }).toFile(filePath)).then(() => {
-        log.write(filePath, {
-          width: canvasSize,
-          height: canvasSize
-        });
-      });
-    }));
-    if (!isExpo) {
-      const manifestXmlPath = _path.default.resolve(androidOutputPath, "..", "AndroidManifest.xml");
-      if (hfs.exists(manifestXmlPath)) {
-        const manifestXml = readXmlLike(manifestXmlPath);
-        const activities = manifestXml.root.querySelectorAll("activity");
-        for (const activity of activities) {
-          if (activity.getAttribute("android:name") === ".MainActivity") {
-            activity.setAttribute("android:theme", "@style/BootTheme");
-          }
+    // https://sharp.pixelplumbing.com/api-constructor
+    const canvas = (0, _sharp.default)({
+      create: {
+        width: canvasSize,
+        height: canvasSize,
+        channels: 4,
+        background: {
+          r: 255,
+          g: 255,
+          b: 255,
+          alpha: 0
         }
-        await writeXmlLike(manifestXmlPath, manifestXml.root.toString(), {
-          ...manifestXml.formatOptions,
-          formatter: "prettier",
-          htmlWhitespaceSensitivity: "ignore",
-          selfClosingTags: true,
-          singleAttributePerLine: true
-        });
-      } else {
-        log.warn("No AndroidManifest.xml found. Skipping…");
-      }
-      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 colorsXml = readXmlLike(colorsXmlPath);
-        const nextColor = (0, _nodeHtmlParser.parse)(colorsXmlEntry);
-        const prevColor = colorsXml.root.querySelector('color[name="bootsplash_background"]');
-        if (prevColor != null) {
-          prevColor.replaceWith(nextColor);
-        } else {
-          colorsXml.root.querySelector("resources")?.appendChild(nextColor);
-        }
-        await writeXmlLike(colorsXmlPath, colorsXml.root.toString(), {
-          ...colorsXml.formatOptions,
-          formatter: "xmlFormatter"
-        });
-      } else {
-        await writeXmlLike(colorsXmlPath, `<resources>${colorsXmlEntry}</resources>`, {
-          formatter: "xmlFormatter"
-        });
-      }
-      const stylesXmlPath = _path.default.resolve(valuesPath, "styles.xml");
-      if (hfs.exists(stylesXmlPath)) {
-        const stylesXml = readXmlLike(stylesXmlPath);
-        const prevStyle = stylesXml.root.querySelector('style[name="BootTheme"]');
-        const parent = prevStyle?.getAttribute("parent") ?? "Theme.BootSplash";
-        const extraItems = (0, _nodeHtmlParser.parse)(prevStyle?.text.split("\n").map(line => line.trim()).join("") ?? "").childNodes.filter(node => {
-          if (!(node instanceof _nodeHtmlParser.HTMLElement)) {
-            return true;
-          }
-          const name = node.getAttribute("name");
-          return name !== "bootSplashBackground" && name !== "bootSplashLogo" && name !== "bootSplashBrand" && name !== "postBootSplashTheme";
-        }).map(node => node.toString());
-        const styleItems = [...(extraItems.length > 0 ? [...extraItems, ""] : []), '<item name="bootSplashBackground">@color/bootsplash_background</item>', '<item name="bootSplashLogo">@drawable/bootsplash_logo</item>', ...(brand != null && brandPath != null ? ['<item name="bootSplashBrand">@drawable/bootsplash_brand</item>'] : []), '<item name="postBootSplashTheme">@style/AppTheme</item>'];
-        const nextStyle = (0, _nodeHtmlParser.parse)((0, _tsDedent.dedent)`
-          <style name="BootTheme" parent="${parent}">
-            ${styleItems.join("\n")}
-          </style>
-        `);
-        prevStyle?.remove(); // remove the existing style
-        stylesXml.root.querySelector("resources")?.appendChild(nextStyle);
-        await writeXmlLike(stylesXmlPath, stylesXml.root.toString(), {
-          ...stylesXml.formatOptions,
-          formatter: "prettier",
-          htmlWhitespaceSensitivity: "ignore"
-        });
-      } else {
-        log.warn("No styles.xml found. Skipping…");
       }
-    }
-  }
-  if (iosOutputPath != null) {
-    log.title("🍏", "iOS");
-    hfs.ensureDir(iosOutputPath);
-    cleanIOSAssets(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);
-    await writeXmlLike(storyboardPath, getStoryboard({
-      logoHeight,
-      logoWidth,
-      background: background.rgb,
-      fileNameSuffix
-    }), {
-      formatter: "xmlFormatter",
-      whiteSpaceAtEndOfSelfclosingTag: false
     });
-    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 filePath = _path.default.resolve(drawableDirPath, "bootsplash_logo.png");
+    return logo.image.clone().resize(logo.width * ratio).toBuffer().then(input => canvas.composite([{
+      input
+    }]).png({
+      quality: 100
+    }).toFile(filePath)).then(() => {
+      log.write(filePath, {
+        width: canvasSize,
+        height: canvasSize
+      });
     });
-    const logoFileName = `logo-${fileNameSuffix}`;
-    writeJson(_path.default.resolve(imageSetPath, "Contents.json"), {
-      images: [{
-        idiom: "universal",
-        filename: `${logoFileName}.png`,
-        scale: "1x"
-      }, {
-        idiom: "universal",
-        filename: `${logoFileName}@2x.png`,
-        scale: "2x"
-      }, {
-        idiom: "universal",
-        filename: `${logoFileName}@3x.png`,
-        scale: "3x"
-      }],
-      info: {
-        author: "xcode",
-        version: 1
+  }));
+};
+const writeIOSAssets = async ({
+  iosOutputPath,
+  props
+}) => {
+  const {
+    background,
+    logo,
+    fileNameSuffix
+  } = props;
+  log.title("🍏", "iOS");
+  hfs.ensureDir(iosOutputPath);
+
+  // clean existing assets
+  hfs.readDir(iosOutputPath).filter(file => file === "Colors.xcassets" || file === "Images.xcassets").map(file => _path.default.join(iosOutputPath, file)).flatMap(dir => hfs.readDir(dir).filter(file => file.startsWith("BootSplash")).map(file => _path.default.join(dir, file))).forEach(file => {
+    hfs.rm(file);
+  });
+  const storyboardPath = _path.default.resolve(iosOutputPath, "BootSplash.storyboard");
+  await writeXmlLike(storyboardPath, getStoryboard(props), {
+    formatter: "xmlFormatter",
+    whiteSpaceAtEndOfSelfclosingTag: false
+  });
+  const colorsSetPath = _path.default.resolve(iosOutputPath, "Colors.xcassets", `BootSplashBackground-${fileNameSuffix}.colorset`);
+  hfs.ensureDir(colorsSetPath);
+  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"
+        }
       }
-    });
-    await Promise.all([{
-      ratio: 1,
-      suffix: ""
+    }],
+    info: {
+      author: "xcode",
+      version: 1
+    }
+  });
+  const logoFileName = `logo-${fileNameSuffix}`;
+  const imagesSetPath = _path.default.resolve(iosOutputPath, "Images.xcassets", `BootSplashLogo-${fileNameSuffix}.imageset`);
+  hfs.ensureDir(imagesSetPath);
+  writeJson(_path.default.resolve(imagesSetPath, "Contents.json"), {
+    images: [{
+      idiom: "universal",
+      filename: `${logoFileName}.png`,
+      scale: "1x"
     }, {
-      ratio: 2,
-      suffix: "@2x"
+      idiom: "universal",
+      filename: `${logoFileName}@2x.png`,
+      scale: "2x"
     }, {
-      ratio: 3,
-      suffix: "@3x"
-    }].map(({
-      ratio,
-      suffix
+      idiom: "universal",
+      filename: `${logoFileName}@3x.png`,
+      scale: "3x"
+    }],
+    info: {
+      author: "xcode",
+      version: 1
+    }
+  });
+  await Promise.all([{
+    ratio: 1,
+    suffix: ""
+  }, {
+    ratio: 2,
+    suffix: "@2x"
+  }, {
+    ratio: 3,
+    suffix: "@3x"
+  }].map(({
+    ratio,
+    suffix
+  }) => {
+    const filePath = _path.default.resolve(imagesSetPath, `${logoFileName}${suffix}.png`);
+    return logo.image.clone().resize(logo.width * ratio).png({
+      quality: 100
+    }).toFile(filePath).then(({
+      width,
+      height
     }) => {
-      const filePath = _path.default.resolve(imageSetPath, `${logoFileName}${suffix}.png`);
-      return logo.clone().resize(logoWidth * ratio).png({
-        quality: 100
-      }).toFile(filePath).then(({
+      log.write(filePath, {
         width,
         height
-      }) => {
-        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);
-      const groupName = _path.default.parse(xcodeProjectPath).name;
-      Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
-        project,
-        filepath: _path.default.join(projectName, "BootSplash.storyboard"),
-        groupName,
-        isBuildFile: true
       });
-      Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
-        project,
-        filepath: _path.default.join(projectName, "Colors.xcassets"),
-        groupName,
-        isBuildFile: true
-      });
-      hfs.write(pbxprojectPath, project.writeSync());
-      log.write(pbxprojectPath);
-    }
-  }
-  if (htmlTemplatePath != null) {
-    log.title("🌐", "Web");
-    const htmlTemplate = readXmlLike(htmlTemplatePath);
-    const {
-      format
-    } = await logo.metadata();
-    const prevStyle = htmlTemplate.root.querySelector("#bootsplash-style");
-    const base64 = (format === "svg" ? hfs.buffer(logoPath) : await logo.clone().resize(Math.round(logoWidth * 2)).png({
-      quality: 100
-    }).toBuffer()).toString("base64");
-    const dataURI = `data:image/${format ? "svg+xml" : "png"};base64,${base64}`;
-    const nextStyle = (0, _nodeHtmlParser.parse)((0, _tsDedent.dedent)`
-      <style id="bootsplash-style">
-        #bootsplash {
-          position: absolute;
-          top: 0;
-          bottom: 0;
-          left: 0;
-          right: 0;
-          overflow: hidden;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          background-color: ${background.hex};
-        }
-        #bootsplash-logo {
-          content: url("${dataURI}");
-          width: ${logoWidth}px;
-          height: ${logoHeight}px;
-        }
-      </style>
-    `);
-    if (prevStyle != null) {
-      prevStyle.replaceWith(nextStyle);
-    } else {
-      htmlTemplate.root.querySelector("head")?.appendChild(nextStyle);
-    }
-    const prevDiv = htmlTemplate.root.querySelector("#bootsplash");
-    const nextDiv = (0, _nodeHtmlParser.parse)((0, _tsDedent.dedent)`
-      <div id="bootsplash">
-        <div id="bootsplash-logo"></div>
-      </div>
-    `);
-    if (prevDiv != null) {
-      prevDiv.replaceWith(nextDiv);
-    } else {
-      htmlTemplate.root.querySelector("body")?.appendChild(nextDiv);
-    }
-    await writeXmlLike(htmlTemplatePath, htmlTemplate.root.toString(), {
-      ...htmlTemplate.formatOptions,
-      formatter: "prettier",
-      useCssPlugin: true
     });
+  }));
+};
+const writeWebAssets = async ({
+  htmlTemplatePath,
+  props
+}) => {
+  const {
+    background,
+    logo
+  } = props;
+  log.title("🌐", "Web");
+  const htmlTemplate = readXmlLike(htmlTemplatePath);
+  const {
+    format
+  } = await logo.image.metadata();
+  const prevStyle = htmlTemplate.root.querySelector("#bootsplash-style");
+  const base64 = (format === "svg" ? hfs.buffer(logo.path) : await logo.image.clone().resize(Math.round(logo.width * 2)).png({
+    quality: 100
+  }).toBuffer()).toString("base64");
+  const dataURI = `data:image/${format ? "svg+xml" : "png"};base64,${base64}`;
+  const nextStyle = (0, _nodeHtmlParser.parse)((0, _tsDedent.dedent)`
+    <style id="bootsplash-style">
+      #bootsplash {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        overflow: hidden;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: ${background.hex};
+      }
+      #bootsplash-logo {
+        content: url("${dataURI}");
+        width: ${logo.width}px;
+        height: ${logo.height}px;
+      }
+    </style>
+  `);
+  if (prevStyle != null) {
+    prevStyle.replaceWith(nextStyle);
+  } else {
+    htmlTemplate.root.querySelector("head")?.appendChild(nextStyle);
+  }
+  const prevDiv = htmlTemplate.root.querySelector("#bootsplash");
+  const nextDiv = (0, _nodeHtmlParser.parse)((0, _tsDedent.dedent)`
+    <div id="bootsplash">
+      <div id="bootsplash-logo"></div>
+    </div>
+  `);
+  if (prevDiv != null) {
+    prevDiv.replaceWith(nextDiv);
+  } else {
+    htmlTemplate.root.querySelector("body")?.appendChild(nextDiv);
   }
+  await writeXmlLike(htmlTemplatePath, htmlTemplate.root.toString(), {
+    ...htmlTemplate.formatOptions,
+    formatter: "prettier",
+    useCssPlugin: true
+  });
+};
+const writeGenericAssets = async ({
+  props
+}) => {
+  const {
+    assetsOutputPath,
+    background,
+    logo
+  } = props;
   log.title("📄", "Assets");
   hfs.ensureDir(assetsOutputPath);
   writeJson(_path.default.resolve(assetsOutputPath, "manifest.json"), {
     background: background.hex,
     logo: {
-      width: logoWidth,
-      height: logoHeight
+      width: logo.width,
+      height: logo.height
     }
   });
   await Promise.all([{
@@ -827,7 +623,7 @@ const generate = async ({
     suffix
   }) => {
     const filePath = _path.default.resolve(assetsOutputPath, `logo${suffix}.png`);
-    return logo.clone().resize(Math.round(logoWidth * ratio)).png({
+    return logo.image.clone().resize(Math.round(logo.width * ratio)).png({
       quality: 100
     }).toFile(filePath).then(({
       width,
@@ -839,30 +635,175 @@ const generate = async ({
       });
     });
   }));
+};
+const requireAddon = ({
+  executeAddon,
+  licenseKey
+}) => {
   if (licenseKey != null && executeAddon) {
-    const addon = requireAddon();
-    await addon?.execute({
-      licenseKey,
-      isExpo,
-      fileNameSuffix,
+    try {
+      return require("./addon");
+    } catch {
+      return;
+    }
+  }
+};
+const generate = async ({
+  platforms,
+  html,
+  flavor,
+  plist,
+  ...rawProps
+}) => {
+  const props = await transformProps(workingPath, rawProps);
+  const addon = requireAddon(props);
+  const {
+    background,
+    brand
+  } = props;
+  const androidOutputPath = getAndroidOutputPath({
+    flavor,
+    platforms
+  });
+  const iosOutputPath = getIOSOutputPath({
+    platforms
+  });
+  const htmlTemplatePath = getHtmlTemplatePath({
+    html,
+    platforms
+  });
+  if (androidOutputPath != null) {
+    await writeAndroidAssets({
       androidOutputPath,
+      props
+    });
+    const manifestXmlPath = _path.default.resolve(androidOutputPath, "..", "AndroidManifest.xml");
+    if (hfs.exists(manifestXmlPath)) {
+      const manifestXml = readXmlLike(manifestXmlPath);
+      const activities = manifestXml.root.querySelectorAll("activity");
+      for (const activity of activities) {
+        if (activity.getAttribute("android:name") === ".MainActivity") {
+          activity.setAttribute("android:theme", "@style/BootTheme");
+        }
+      }
+      await writeXmlLike(manifestXmlPath, manifestXml.root.toString(), {
+        ...manifestXml.formatOptions,
+        formatter: "prettier",
+        htmlWhitespaceSensitivity: "ignore",
+        selfClosingTags: true,
+        singleAttributePerLine: true
+      });
+    } else {
+      log.warn("No AndroidManifest.xml found");
+    }
+    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 colorsXml = readXmlLike(colorsXmlPath);
+      const nextColor = (0, _nodeHtmlParser.parse)(colorsXmlEntry);
+      const prevColor = colorsXml.root.querySelector('color[name="bootsplash_background"]');
+      if (prevColor != null) {
+        prevColor.replaceWith(nextColor);
+      } else {
+        colorsXml.root.querySelector("resources")?.appendChild(nextColor);
+      }
+      await writeXmlLike(colorsXmlPath, colorsXml.root.toString(), {
+        ...colorsXml.formatOptions,
+        formatter: "xmlFormatter"
+      });
+    } else {
+      await writeXmlLike(colorsXmlPath, `<resources>${colorsXmlEntry}</resources>`, {
+        formatter: "xmlFormatter"
+      });
+    }
+    const stylesXmlPath = _path.default.resolve(valuesPath, "styles.xml");
+    if (hfs.exists(stylesXmlPath)) {
+      const stylesXml = readXmlLike(stylesXmlPath);
+      const prevStyle = stylesXml.root.querySelector('style[name="BootTheme"]');
+      const parent = prevStyle?.getAttribute("parent") ?? "Theme.BootSplash";
+      const extraItems = (0, _nodeHtmlParser.parse)(prevStyle?.text.split("\n").map(line => line.trim()).join("") ?? "").childNodes.filter(node => {
+        if (!(node instanceof _nodeHtmlParser.HTMLElement)) {
+          return true;
+        }
+        const name = node.getAttribute("name");
+        return name !== "bootSplashBackground" && name !== "bootSplashLogo" && name !== "bootSplashBrand" && name !== "postBootSplashTheme";
+      }).map(node => node.toString());
+      const styleItems = [...(extraItems.length > 0 ? [...extraItems, ""] : []), '<item name="bootSplashBackground">@color/bootsplash_background</item>', '<item name="bootSplashLogo">@drawable/bootsplash_logo</item>', ...(brand != null ? ['<item name="bootSplashBrand">@drawable/bootsplash_brand</item>'] : []), '<item name="postBootSplashTheme">@style/AppTheme</item>'];
+      const nextStyle = (0, _nodeHtmlParser.parse)((0, _tsDedent.dedent)`
+        <style name="BootTheme" parent="${parent}">
+          ${styleItems.join("\n")}
+        </style>
+      `);
+      prevStyle?.remove(); // remove the existing style
+      stylesXml.root.querySelector("resources")?.appendChild(nextStyle);
+      await writeXmlLike(stylesXmlPath, stylesXml.root.toString(), {
+        ...stylesXml.formatOptions,
+        formatter: "prettier",
+        htmlWhitespaceSensitivity: "ignore"
+      });
+    } else {
+      log.warn("No styles.xml found");
+    }
+  }
+  if (iosOutputPath != null) {
+    await writeIOSAssets({
       iosOutputPath,
+      props
+    });
+    const infoPlistPath = getInfoPlistPath({
+      iosOutputPath,
+      plist
+    });
+    if (infoPlistPath != null) {
+      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);
+    const groupName = _path.default.parse(xcodeProjectPath).name;
+    Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
+      project,
+      filepath: _path.default.join(projectName, "BootSplash.storyboard"),
+      groupName,
+      isBuildFile: true
+    });
+    Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
+      project,
+      filepath: _path.default.join(projectName, "Colors.xcassets"),
+      groupName,
+      isBuildFile: true
+    });
+    hfs.write(pbxprojectPath, project.writeSync());
+    log.write(pbxprojectPath);
+  }
+  if (htmlTemplatePath != null) {
+    await writeWebAssets({
       htmlTemplatePath,
-      assetsOutputPath,
-      logoHeight,
-      logoWidth,
-      brandHeight,
-      brandWidth,
-      logoPath,
-      darkLogoPath,
-      brandPath,
-      darkBrandPath,
-      background,
-      logo,
-      brand,
-      darkBackground,
-      darkLogo,
-      darkBrand
+      props
+    });
+  }
+  await writeGenericAssets({
+    props
+  });
+  if (addon != null) {
+    await addon.execute({
+      props,
+      androidOutputPath,
+      iosOutputPath,
+      htmlTemplatePath
     });
   } else {
     console.log(`
@@ -873,5 +814,308 @@ ${_picocolors.default.blue("┗━━━━━━━━━━━━━━━━
   }
   console.log(`\n💖  Thanks for using ${_picocolors.default.underline("react-native-bootsplash")}`);
 };
+
+// Expo plugin
 exports.generate = generate;
+const withoutExpoSplashScreen = Expo.createRunOncePlugin(expoConfig => expoConfig, "expo-splash-screen", "skip");
+const withAndroidAssets = (expoConfig, rawProps) => Expo.withDangerousMod(expoConfig, ["android", async config => {
+  const {
+    platformProjectRoot,
+    projectRoot
+  } = config.modRequest;
+  const props = await transformProps(projectRoot, rawProps);
+  const addon = requireAddon(props);
+  const androidOutputPath = _path.default.resolve(platformProjectRoot, "app", "src", "main", "res");
+  await writeAndroidAssets({
+    androidOutputPath,
+    props
+  });
+  await addon?.writeAndroidAssets({
+    androidOutputPath,
+    props
+  });
+  return config;
+}]);
+const withAndroidManifest = expoConfig => Expo.withAndroidManifest(expoConfig, 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 = expoConfig => Expo.withMainActivity(expoConfig, config => {
+  const {
+    modResults
+  } = config;
+  const withImports = (0, _codeMod.addImports)(modResults.contents.replace(/(\/\/ )?setTheme\(R\.style\.AppTheme\)/, "// setTheme(R.style.AppTheme)"), ["android.os.Bundle", "com.zoontek.rnbootsplash.RNBootSplash"], false);
+
+  // 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)"
+  });
+  return {
+    ...config,
+    modResults: {
+      ...modResults,
+      contents: withInit.contents
+    }
+  };
+});
+const withAndroidStyles = (expoConfig, rawProps) => Expo.withAndroidStyles(expoConfig, async config => {
+  const {
+    projectRoot
+  } = config.modRequest;
+  const {
+    android,
+    brand
+  } = await transformProps(projectRoot, rawProps);
+  const {
+    darkContentBarsStyle
+  } = android;
+  const {
+    modResults
+  } = config;
+  const {
+    resources
+  } = modResults;
+  const {
+    style = []
+  } = resources;
+  const item = [{
+    $: {
+      name: "postBootSplashTheme"
+    },
+    _: "@style/AppTheme"
+  }, {
+    $: {
+      name: "bootSplashBackground"
+    },
+    _: "@color/bootsplash_background"
+  }, {
+    $: {
+      name: "bootSplashLogo"
+    },
+    _: "@drawable/bootsplash_logo"
+  }];
+  if (brand != null) {
+    item.push({
+      $: {
+        name: "bootSplashBrand"
+      },
+      _: "@drawable/bootsplash_brand"
+    });
+  }
+  if (darkContentBarsStyle != null) {
+    item.push({
+      $: {
+        name: "darkContentBarsStyle"
+      },
+      _: String(darkContentBarsStyle)
+    });
+  }
+  const withBootTheme = [...style.filter(({
+    $
+  }) => $.name !== "BootTheme"), {
+    $: {
+      name: "BootTheme",
+      parent: "Theme.BootSplash"
+    },
+    item
+  }];
+  return {
+    ...config,
+    modResults: {
+      ...modResults,
+      resources: {
+        ...resources,
+        style: withBootTheme
+      }
+    }
+  };
+});
+const withAndroidColors = (expoConfig, rawProps) => Expo.withAndroidColors(expoConfig, async config => {
+  const {
+    projectRoot
+  } = config.modRequest;
+  const {
+    background
+  } = await transformProps(projectRoot, rawProps);
+  config.modResults = (0, _Colors.assignColorValue)(config.modResults, {
+    name: "bootsplash_background",
+    value: background.hex
+  });
+  return config;
+});
+const withAndroidColorsNight = (expoConfig, rawProps) => Expo.withAndroidColorsNight(expoConfig, async config => {
+  const {
+    projectRoot
+  } = config.modRequest;
+  const props = await transformProps(projectRoot, rawProps);
+  const addon = requireAddon(props);
+  return addon != null ? await addon.withAndroidColorsNight({
+    config,
+    props
+  }) : config;
+});
+const withIOSAssets = (expoConfig, rawProps) => Expo.withDangerousMod(expoConfig, ["ios", async config => {
+  const {
+    platformProjectRoot,
+    projectName = "",
+    projectRoot
+  } = config.modRequest;
+  const props = await transformProps(projectRoot, rawProps);
+  const addon = requireAddon(props);
+  const iosOutputPath = _path.default.resolve(platformProjectRoot, projectName);
+  await writeIOSAssets({
+    iosOutputPath,
+    props
+  });
+  await addon?.writeIOSAssets({
+    iosOutputPath,
+    props
+  });
+  return config;
+}]);
+const withAppDelegate = expoConfig => Expo.withAppDelegate(expoConfig, config => {
+  const {
+    modResults
+  } = config;
+  const {
+    language
+  } = modResults;
+  if (language !== "swift") {
+    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 Expo/,
+    newSrc: "import RNBootSplash"
+  });
+  const withRootView = (0, _generateCode.mergeContents)({
+    src: withHeader.contents,
+    comment: "//",
+    tag: "bootsplash-init",
+    offset: 1,
+    anchor: /class ReactNativeDelegate: ExpoReactNativeFactoryDelegate {/,
+    newSrc: (0, _tsDedent.dedent)`
+        public override func customize(_ rootView: UIView) {
+          super.customize(rootView)
+          RNBootSplash.initWithStoryboard("BootSplash", rootView: rootView)
+        }
+      `
+  });
+  return {
+    ...config,
+    modResults: {
+      ...modResults,
+      contents: withRootView.contents
+    }
+  };
+});
+const withInfoPlist = expoConfig => Expo.withInfoPlist(expoConfig, config => {
+  config.modResults["UILaunchStoryboardName"] = "BootSplash";
+  return config;
+});
+const withXcodeProject = expoConfig => Expo.withXcodeProject(expoConfig, 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 withWebAssets = (expoConfig, rawProps) => Expo.withDangerousMod(expoConfig, [expoConfig.platforms?.includes("ios") ? "ios" : "android", async config => {
+  const {
+    projectRoot
+  } = config.modRequest;
+  const props = await transformProps(projectRoot, rawProps);
+  const addon = requireAddon(props);
+  const fileName = "public/index.html";
+  const htmlTemplatePath = _path.default.resolve(projectRoot, fileName);
+  if (!hfs.exists(htmlTemplatePath)) {
+    await exec(`npx expo customize ${fileName}`);
+  }
+  await writeWebAssets({
+    htmlTemplatePath,
+    props
+  });
+  await addon?.writeWebAssets({
+    htmlTemplatePath,
+    props
+  });
+  return config;
+}]);
+const withGenericAssets = (expoConfig, rawProps) => Expo.withDangerousMod(expoConfig, [expoConfig.platforms?.includes("ios") ? "ios" : "android", async config => {
+  const {
+    projectRoot
+  } = config.modRequest;
+  const props = await transformProps(projectRoot, rawProps);
+  const addon = requireAddon(props);
+  await writeGenericAssets({
+    props
+  });
+  await addon?.writeGenericAssets({
+    props
+  });
+  return config;
+}]);
+const withBootSplash = exports.withBootSplash = Expo.createRunOncePlugin((config, baseProps) => {
+  const {
+    platforms = [],
+    sdkVersion = "0.1.0"
+  } = config;
+  isExpo = true;
+  if (_semver.default.lt(sdkVersion, "54.0.0")) {
+    log.error("Requires Expo 54.0.0 (or higher)");
+    process.exit(1);
+  }
+  if (!baseProps?.logo) {
+    log.error("Missing required parameter 'logo'");
+    process.exit(1);
+  }
+  const rawProps = {
+    assetsOutput: "assets/bootsplash",
+    background: "#fff",
+    brandWidth: 80,
+    logoWidth: 100,
+    ...baseProps
+  };
+  const plugins = [withoutExpoSplashScreen, withGenericAssets];
+  if (platforms.includes("android")) {
+    plugins.push(withAndroidAssets, withAndroidManifest, withMainActivity, withAndroidStyles, withAndroidColors, withAndroidColorsNight);
+  }
+  if (platforms.includes("ios")) {
+    plugins.push(withIOSAssets, withAppDelegate, withInfoPlist, withXcodeProject);
+  }
+  if (platforms.includes("web")) {
+    plugins.push(withWebAssets);
+  }
+  return Expo.withPlugins(config, plugins.map(plugin => [plugin, rawProps]));
+}, PACKAGE_NAME);
 //# sourceMappingURL=generate.js.map