react-native-bootsplash 6.3.10 → 7.0.0-beta.0

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.writeWebAssets = exports.writeJson = exports.writeIOSAssets = exports.writeGenericAssets = exports.writeAndroidAssets = exports.workingPath = exports.withBootSplash = exports.readXmlLike = exports.log = exports.hfs = exports.getExtras = 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 workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
+const PACKAGE_NAME = "react-native-bootsplash";
+let isExpo = false;
+const workingPath = exports.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 => {
@@ -70,19 +74,24 @@ const parseColor = value => {
   };
 };
 const getStoryboard = ({
-  logoHeight,
-  logoWidth,
-  background: {
+  props,
+  extras
+}) => {
+  const {
+    background,
+    logo
+  } = props;
+  const {
+    fileNameSuffix,
+    logoHeight
+  } = extras;
+  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 +113,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 - logoHeight) / 2}" width="${logo.width}" height="${logoHeight}"/>
                                 <accessibility key="accessibilityConfiguration">
                                     <accessibilityTraits key="traits" image="YES" notEnabled="YES"/>
                                 </accessibility>
@@ -124,7 +133,7 @@ const getStoryboard = ({
         </scene>
     </scenes>
     <resources>
-        <image name="BootSplashLogo-${fileNameSuffix}" width="${logoWidth}" height="${logoHeight}"/>
+        <image name="BootSplashLogo-${fileNameSuffix}" width="${logo.width}" height="${logoHeight}"/>
         <namedColor name="BootSplashBackground-${fileNameSuffix}">
             <color red="${R}" green="${G}" blue="${B}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
         </namedColor>
@@ -146,20 +155,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 +165,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,49 +220,14 @@ 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) {
+const getAssetBase64 = async (name, asset) => {
+  if (asset == 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 {
+    image,
+    width
+  } = asset;
   const {
     format
   } = await image.metadata();
@@ -322,56 +235,32 @@ const ensureSupportedFormat = async (name, image) => {
     log.error(`${name} image file format (${format}) is not supported`);
     process.exit(1);
   }
+  const buffer = await image.clone().resize(width).png({
+    quality: 100
+  }).toBuffer();
+  return buffer.toString("base64");
 };
 const getAndroidOutputPath = ({
-  assetsOutputPath,
-  brandHeight,
-  brandWidth,
   flavor,
-  isExpo,
-  logoHeight,
-  logoWidth,
   platforms
 }) => {
-  if (!platforms.includes("android")) {
-    return;
-  }
-  const withSizeChecks = assetsOutputPath => {
-    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 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 +272,390 @@ 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) {
+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 _path.default.resolve(iosOutputPath, "Info.plist");
+};
+const getAssetHeight = asset => {
+  if (asset == null) {
     return Promise.resolve(0);
   }
-  return image.clone().resize(width).toBuffer().then(buffer => (0, _sharp.default)(buffer).metadata()).then(({
+  return asset.image.clone().resize(asset.width).toBuffer().then(buffer => (0, _sharp.default)(buffer).metadata()).then(({
     height = 0
   }) => Math.round(height));
 };
-const requireAddon = () => {
-  try {
-    return require("./addon"); // eslint-disable-line
-  } catch {
-    return;
-  }
-};
-const generate = async ({
-  projectType,
-  platforms,
-  html,
-  flavor,
+const getProps = ({
+  android = {},
   licenseKey,
-  ...args
+  ...config
 }) => {
-  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(workingPath, config.assetsOutput);
+  const logoPath = _path.default.resolve(workingPath, config.logo);
+  const darkLogoPath = config.darkLogo != null ? _path.default.resolve(workingPath, config.darkLogo) : undefined;
+  const brandPath = config.brand != null ? _path.default.resolve(workingPath, config.brand) : undefined;
+  const darkBrandPath = config.darkBrand != null ? _path.default.resolve(workingPath, config.darkBrand) : undefined;
+  const logoWidth = config.logoWidth - config.logoWidth % 2;
+  const brandWidth = config.brandWidth - config.brandWidth % 2;
+  const logo = {
+    path: logoPath,
+    image: (0, _sharp.default)(logoPath),
+    width: logoWidth
+  };
+  const darkLogo = darkLogoPath != null ? {
+    path: darkLogoPath,
+    image: (0, _sharp.default)(darkLogoPath),
+    width: logoWidth
+  } : undefined;
+  const brand = brandPath != null ? {
+    path: brandPath,
+    image: (0, _sharp.default)(brandPath),
+    width: brandWidth
+  } : undefined;
+  const darkBrand = darkBrandPath != null ? {
+    path: darkBrandPath,
+    image: (0, _sharp.default)(darkBrandPath),
+    width: brandWidth
+  } : undefined;
+  const background = parseColor(config.background);
+  const darkBackground = config.darkBackground != null ? parseColor(config.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 < config.logoWidth) {
     log.warn(`Logo width must be a multiple of 2. It has been rounded to ${logoWidth}dp.`);
   }
-  if (brandWidth < args.brandWidth) {
+  if (brandWidth < config.brandWidth) {
     log.warn(`Brand width must be a multiple of 2. It has been rounded to ${brandWidth}dp.`);
   }
-  const fileNameSuffix = await getFileNameSuffix({
+  return {
+    android,
+    assetsOutputPath,
+    licenseKey,
+    executeAddon,
     background,
-    brand,
-    brandWidth,
     darkBackground,
-    darkBrand,
-    darkLogo,
     logo,
-    logoWidth
-  });
-  const androidOutputPath = getAndroidOutputPath({
-    assetsOutputPath,
-    brandHeight,
-    brandWidth,
-    flavor,
-    isExpo,
+    darkLogo,
+    brand,
+    darkBrand
+  };
+};
+const getExtras = async ({
+  background,
+  darkBackground,
+  logo,
+  darkLogo,
+  brand,
+  darkBrand
+}) => {
+  const [logoHash, darkLogoHash, brandHash, darkBrandHash, logoHeight, brandHeight] = await Promise.all([getAssetBase64("Logo", logo), getAssetBase64("Dark logo", darkLogo), getAssetBase64("Brand", brand), getAssetBase64("Dark brand", darkBrand), getAssetHeight(logo), getAssetHeight(brand)]);
+  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();
+  const fileNameSuffix = _crypto.default.createHash("shake256", {
+    outputLength: 3
+  }).update(stableKey).digest("hex").toLowerCase();
+  return {
+    fileNameSuffix,
     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);
+    brandHeight
+  };
+};
+exports.getExtras = getExtras;
+const writeAndroidAssets = async ({
+  androidOutputPath,
+  props,
+  extras
+}) => {
+  const {
+    logo,
+    brand
+  } = props;
+  if (logo.width > 192 || extras.logoHeight > 192) {
+    return log.warn("Logo size exceeding 192x192dp will be cropped by Android. Skipping Android assets generation…");
+  }
+  if (brand != null && (brand.width > 200 || extras.brandHeight > 80)) {
+    return log.warn("Brand size exceeding 200x80dp will be cropped by Android. Skipping Android assets generation…");
+  }
+  if (logo.width > 134 || extras.logoHeight > 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");
-          }
-        }
-        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);
+    // 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(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
+  }));
+};
+exports.writeAndroidAssets = writeAndroidAssets;
+const writeIOSAssets = async ({
+  iosOutputPath,
+  props,
+  extras
+}) => {
+  const {
+    background,
+    logo
+  } = 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,
+    extras
+  }), {
+    formatter: "xmlFormatter",
+    whiteSpaceAtEndOfSelfclosingTag: false
+  });
+  const colorsSetPath = _path.default.resolve(iosOutputPath, "Colors.xcassets", `BootSplashBackground-${extras.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-${extras.fileNameSuffix}`;
+  const imagesSetPath = _path.default.resolve(iosOutputPath, "Images.xcassets", `BootSplashLogo-${extras.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
     });
+  }));
+};
+exports.writeIOSAssets = writeIOSAssets;
+const writeWebAssets = async ({
+  htmlTemplatePath,
+  props,
+  extras
+}) => {
+  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: ${extras.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
+  });
+};
+exports.writeWebAssets = writeWebAssets;
+const writeGenericAssets = async ({
+  props,
+  extras
+}) => {
+  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: extras.logoHeight
     }
   });
   await Promise.all([{
@@ -827,7 +678,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 +690,179 @@ const generate = async ({
       });
     });
   }));
+};
+exports.writeGenericAssets = writeGenericAssets;
+const requireAddon = () => {
+  try {
+    return require("./addon");
+  } catch {
+    return;
+  }
+};
+const generate = async ({
+  platforms,
+  html,
+  flavor,
+  plist,
+  ...config
+}) => {
+  const props = getProps(config);
+  const {
+    background,
+    brand,
+    licenseKey,
+    executeAddon
+  } = props;
+  const extras = await getExtras(props);
+  const androidOutputPath = getAndroidOutputPath({
+    flavor,
+    platforms
+  });
+  const iosOutputPath = getIOSOutputPath({
+    platforms
+  });
+  const htmlTemplatePath = getHtmlTemplatePath({
+    html,
+    platforms
+  });
+  if (androidOutputPath != null) {
+    await writeAndroidAssets({
+      androidOutputPath,
+      props,
+      extras
+    });
+    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,
+      extras
+    });
+    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,
+      props,
+      extras
+    });
+  }
+  await writeGenericAssets({
+    props,
+    extras
+  });
   if (licenseKey != null && executeAddon) {
     const addon = requireAddon();
     await addon?.execute({
-      licenseKey,
-      isExpo,
-      fileNameSuffix,
+      props,
+      extras,
       androidOutputPath,
       iosOutputPath,
-      htmlTemplatePath,
-      assetsOutputPath,
-      logoHeight,
-      logoWidth,
-      brandHeight,
-      brandWidth,
-      logoPath,
-      darkLogoPath,
-      brandPath,
-      darkBrandPath,
-      background,
-      logo,
-      brand,
-      darkBackground,
-      darkLogo,
-      darkBrand
+      htmlTemplatePath
     });
   } else {
     console.log(`
@@ -873,5 +873,275 @@ ${_picocolors.default.blue("┗━━━━━━━━━━━━━━━━
   }
   console.log(`\n💖  Thanks for using ${_picocolors.default.underline("react-native-bootsplash")}`);
 };
+
+// Expo plugin
 exports.generate = generate;
+const withoutExpoSplashScreen = Expo.createRunOncePlugin(config => config, "expo-splash-screen", "skip");
+const withAndroidAssets = (config, props) => Expo.withDangerousMod(config, ["android", async config => {
+  const {
+    platformProjectRoot
+  } = config.modRequest;
+  const extras = await getExtras(props);
+  const androidOutputPath = _path.default.resolve(platformProjectRoot, "app", "src", "main", "res");
+  await writeAndroidAssets({
+    androidOutputPath,
+    props,
+    extras
+  });
+  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 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 = (config, props) => Expo.withAndroidStyles(config, config => {
+  const {
+    android,
+    brand
+  } = props;
+  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 = (config, props) => Expo.withAndroidColors(config, config => {
+  const {
+    background
+  } = props;
+  config.modResults = (0, _Colors.assignColorValue)(config.modResults, {
+    name: "bootsplash_background",
+    value: background.hex
+  });
+  return config;
+});
+const withIOSAssets = (config, props) => Expo.withDangerousMod(config, ["ios", async config => {
+  const {
+    platformProjectRoot,
+    projectName = ""
+  } = config.modRequest;
+  const extras = await getExtras(props);
+  const iosOutputPath = _path.default.resolve(platformProjectRoot, projectName);
+  await writeIOSAssets({
+    iosOutputPath,
+    props,
+    extras
+  });
+  return config;
+}]);
+const withAppDelegate = config => Expo.withAppDelegate(config, config => {
+  const {
+    modResults
+  } = config;
+  const {
+    language
+  } = modResults;
+  if (language !== "objc" && language !== "objcpp" && 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 = 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 withWebAssets = (config, props) => Expo.withDangerousMod(config, [config.platforms?.includes("ios") ? "ios" : "android", async config => {
+  const extras = await getExtras(props);
+  const fileName = "public/index.html";
+  const htmlTemplatePath = _path.default.resolve(workingPath, fileName);
+  if (!hfs.exists(htmlTemplatePath)) {
+    await exec(`npx expo customize ${fileName}`);
+  }
+  await writeWebAssets({
+    htmlTemplatePath,
+    props,
+    extras
+  });
+  return config;
+}]);
+const withGenericAssets = (config, props) => Expo.withDangerousMod(config, [config.platforms?.includes("ios") ? "ios" : "android", async config => {
+  const extras = await getExtras(props);
+  await writeGenericAssets({
+    props,
+    extras
+  });
+  return config;
+}]);
+const withBootSplash = exports.withBootSplash = Expo.createRunOncePlugin((config, baseProps) => {
+  const {
+    platforms = [],
+    sdkVersion = "0.1.0"
+  } = config;
+  isExpo = true;
+  if (_semver.default.lt(sdkVersion, "53.0.0")) {
+    log.error("Requires Expo 53.0.0 (or higher)");
+    process.exit(1);
+  }
+  if (!baseProps?.logo) {
+    log.error("Missing required parameter 'logo'");
+    process.exit(1);
+  }
+  const props = getProps({
+    assetsOutput: "assets/bootsplash",
+    background: "#fff",
+    brandWidth: 80,
+    logoWidth: 100,
+    ...baseProps
+  });
+  const {
+    executeAddon
+  } = props;
+  const addon = executeAddon ? requireAddon() : undefined;
+  const plugins = [withoutExpoSplashScreen, addon?.withGenericAssets ?? withGenericAssets];
+  if (platforms.includes("android")) {
+    plugins.push(addon?.withAndroidAssets ?? withAndroidAssets, withAndroidManifest, withMainActivity, withAndroidStyles, withAndroidColors);
+    if (addon != null) {
+      plugins.push(addon.withAndroidColorsNight);
+    }
+  }
+  if (platforms.includes("ios")) {
+    plugins.push(addon?.withIOSAssets ?? withIOSAssets, withAppDelegate, withInfoPlist, withXcodeProject);
+  }
+  if (platforms.includes("web")) {
+    plugins.push(addon?.withWebAssets ?? withWebAssets);
+  }
+  return Expo.withPlugins(config, plugins.map(plugin => [plugin, props]));
+}, PACKAGE_NAME);
 //# sourceMappingURL=generate.js.map