react-native-bootsplash 7.0.2 → 7.1.0-beta.1

package/src/{generate.ts → extras/utils.ts}

@@ -1,11 +1,8 @@
 import * as Expo from "@expo/config-plugins";
-import ExpoPlist from "@expo/plist";
 import crypto from "crypto";
 import detectIndent, { type Indent } from "detect-indent";
-import glob from "fast-glob";
-import findUp from "find-up";
-import fs from "fs-extra";
-import { HTMLElement, parse as parseHtml } from "node-html-parser";
+import fs from "fs";
+import { parse as parseHtml } from "node-html-parser";
 import path from "path";
 import pc from "picocolors";
 import type { Options as PrettierOptions } from "prettier";
@@ -16,36 +13,100 @@ import semver from "semver";
 import sharp, { type Sharp } from "sharp";
 import { dedent } from "ts-dedent";
 import formatXml, { type XMLFormatterOptions } from "xml-formatter";
-import type { Manifest } from ".";
+import type { Manifest } from "..";
 
 export const PACKAGE_NAME = "react-native-bootsplash";
 
-let isExpo = false;
+export type BootSplashPluginConfig = {
+  /**
+   * Logo file path (PNG or SVG)
+   */
+  logo: string;
+  /**
+   * Background color (in hexadecimal format)
+   * @default #fff
+   */
+  background?: string;
+  /**
+   * Logo width at @1x (in dp - we recommend approximately ~100)
+   * @default 100
+   */
+  logoWidth?: number;
+  /**
+   * Assets output directory path
+   * @default assets/bootsplash
+   */
+  assetsOutput?: string;
+  /**
+   * License key to enable brand and dark mode assets generation
+   */
+  licenseKey?: string;
+  /**
+   * Brand file path (PNG or SVG)
+   */
+  brand?: string;
+  /**
+   * Brand width at @1x (in dp - we recommend approximately ~80)
+   * @default 80
+   */
+  brandWidth?: number;
+  /**
+   * [dark mode] Background color (in hexadecimal format)
+   */
+  darkBackground?: string;
+  /**
+   * [dark mode] Logo file path (PNG or SVG)
+   */
+  darkLogo?: string;
+  /**
+   * [dark mode] Brand file path (PNG or SVG)
+   */
+  darkBrand?: string;
+
+  android?: {
+    /**
+     * Enforce system bars style
+     * @default `undefined`
+     */
+    darkContentBarsStyle?: boolean;
+  };
+};
+
+type LoggerMode = { type: "plugin" } | { type: "cli"; cwd: string };
+let loggerMode: LoggerMode = { type: "plugin" };
 
-export const setIsExpo = (value: boolean) => {
-  isExpo = value;
+export const setLoggerMode = (value: LoggerMode) => {
+  loggerMode = value;
 };
 
 export const log = {
   error: (text: string) => {
     console.log(
-      pc.red(isExpo ? `❌ [${PACKAGE_NAME}] ${text}` : `❌  ${text}`),
+      pc.red(
+        loggerMode.type === "plugin"
+          ? `❌ [${PACKAGE_NAME}] ${text}`
+          : `❌  ${text}`,
+      ),
     );
   },
   title: (emoji: string, text: string) => {
-    if (!isExpo) {
+    if (loggerMode.type === "cli") {
       console.log(`\n${emoji}  ${pc.underline(pc.bold(text))}`);
     }
   },
   warn: (text: string) => {
     console.log(
-      pc.yellow(isExpo ? `⚠️  [${PACKAGE_NAME}] ${text}` : `⚠️  ${text}`),
+      pc.yellow(
+        loggerMode.type === "plugin"
+          ? `⚠️  [${PACKAGE_NAME}] ${text}`
+          : `⚠️  ${text}`,
+      ),
     );
   },
   write: (filePath: string, dimensions?: { width: number; height: number }) => {
-    if (!isExpo) {
+    if (loggerMode.type === "cli") {
       console.log(
-        `    ${path.relative(workingPath, filePath)}` +
+        `    ${path.relative(loggerMode.cwd, filePath)}` +
           (dimensions != null
             ? ` (${dimensions.width}x${dimensions.height})`
             : ""),
@@ -54,100 +115,10 @@ export const log = {
   },
 };
 
-const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
-const packagePath = findUp.sync("package.json", { cwd: workingPath });
-
-if (!packagePath) {
-  log.error("We couldn't find a package.json in your project.");
-  process.exit(1);
-}
-
-const projectRoot = path.dirname(packagePath);
-
-const parseColor = (value: string) => {
-  const up = value.toUpperCase().replace(/[^0-9A-F]/g, "");
-
-  if (up.length !== 3 && up.length !== 6) {
-    log.error(`"${value}" value is not a valid hexadecimal color.`);
-    process.exit(1);
-  }
-
-  const hex =
-    up.length === 3
-      ? "#" + up[0] + up[0] + up[1] + up[1] + up[2] + up[2]
-      : "#" + up;
-
-  const rgb = {
-    R: (Number.parseInt("" + hex[1] + hex[2], 16) / 255).toPrecision(15),
-    G: (Number.parseInt("" + hex[3] + hex[4], 16) / 255).toPrecision(15),
-    B: (Number.parseInt("" + hex[5] + hex[6], 16) / 255).toPrecision(15),
-  };
-
-  return { hex: hex.toLowerCase(), rgb };
-};
-
-const getStoryboard = (props: Props) => {
-  const { background, logo, fileNameSuffix } = props;
-
-  const { R, G, B } = background.rgb;
-  const frameWidth = 375;
-  const frameHeight = 667;
-
-  return 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">
-    <device id="retina4_7" orientation="portrait" appearance="light"/>
-    <dependencies>
-        <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="21678"/>
-        <capability name="Named colors" minToolsVersion="9.0"/>
-        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
-        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
-    </dependencies>
-    <scenes>
-        <!--View Controller-->
-        <scene sceneID="EHf-IW-A2E">
-            <objects>
-                <viewController modalTransitionStyle="crossDissolve" id="01J-lp-oVM" sceneMemberID="viewController">
-                    <view key="view" autoresizesSubviews="NO" contentMode="scaleToFill" id="Ze5-6b-2t3">
-                        <rect key="frame" x="0.0" y="0.0" width="${frameWidth}" height="${frameHeight}"/>
-                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <subviews>
-                            <imageView autoresizesSubviews="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" image="BootSplashLogo-${fileNameSuffix}" translatesAutoresizingMaskIntoConstraints="NO" id="3lX-Ut-9ad">
-                                <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>
-                            </imageView>
-                        </subviews>
-                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
-                        <color key="backgroundColor" name="BootSplashBackground-${fileNameSuffix}"/>
-                        <constraints>
-                            <constraint firstItem="3lX-Ut-9ad" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="Fh9-Fy-1nT"/>
-                            <constraint firstItem="3lX-Ut-9ad" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="nvB-Ic-PnI"/>
-                        </constraints>
-                    </view>
-                </viewController>
-                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
-            </objects>
-            <point key="canvasLocation" x="0.0" y="0.0"/>
-        </scene>
-    </scenes>
-    <resources>
-        <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>
-    </resources>
-</document>
-`;
-};
-
 // Freely inspired by https://github.com/humanwhocodes/humanfs
 export const hfs = {
   buffer: (path: string) => fs.readFileSync(path),
   exists: (path: string) => fs.existsSync(path),
-  isDir: (path: string) => fs.lstatSync(path).isDirectory(),
   json: (path: string) => JSON.parse(fs.readFileSync(path, "utf-8")) as unknown,
   readDir: (path: string) => fs.readdirSync(path, "utf-8"),
   realPath: (path: string) => fs.realpathSync(path, "utf-8"),
@@ -239,117 +210,6 @@ export const writeXmlLike = async (
   }
 };
 
-const getAndroidOutputPath = ({ flavor }: { flavor: string }) => {
-  const sourceDir = path.join(projectRoot, "android");
-
-  if (!fs.existsSync(sourceDir)) {
-    return;
-  }
-
-  const appDir = path.join(sourceDir, "app");
-
-  const androidOutputPath = path.resolve(
-    sourceDir,
-    fs.existsSync(appDir) ? "app" : "",
-    "src",
-    flavor,
-    "res",
-  );
-
-  if (hfs.exists(androidOutputPath)) {
-    return androidOutputPath;
-  }
-
-  log.warn(
-    `No ${path.relative(
-      workingPath,
-      androidOutputPath,
-    )} directory found. Skipping Android assets generation…`,
-  );
-};
-
-const getIOSOutputPath = () => {
-  const podfile = glob
-    .sync("**/Podfile", {
-      cwd: projectRoot.replace(/^([a-zA-Z]+:|\.\/)/, ""),
-      deep: 10,
-      ignore: ["**/@(Pods|node_modules|Carthage|vendor|android)/**"],
-    })
-    .find((project) => {
-      return path.dirname(project) === "ios";
-    });
-
-  if (!podfile) {
-    return;
-  }
-
-  const sourceDir = path.dirname(path.join(projectRoot, podfile));
-
-  const xcodeProjectName = fs
-    .readdirSync(sourceDir)
-    .sort()
-    .reverse()
-    .find((fileName) => {
-      const ext = path.extname(fileName);
-      return ext === ".xcworkspace" || ext === ".xcodeproj";
-    });
-
-  if (xcodeProjectName == null) {
-    log.warn("No Xcode project found. Skipping iOS assets generation…");
-    return;
-  }
-
-  const iosOutputPath = path
-    .resolve(sourceDir, xcodeProjectName)
-    .replace(/\.(xcodeproj|xcworkspace)$/, "");
-
-  if (hfs.exists(iosOutputPath)) {
-    return iosOutputPath;
-  }
-
-  log.warn(
-    `No ${path.relative(
-      workingPath,
-      iosOutputPath,
-    )} directory found. Skipping iOS assets generation…`,
-  );
-};
-
-const getHtmlTemplatePath = ({ html }: { html: string }) => {
-  const htmlTemplatePath = path.resolve(workingPath, html);
-
-  if (hfs.exists(htmlTemplatePath)) {
-    return htmlTemplatePath;
-  }
-
-  log.warn(
-    `No ${path.relative(
-      workingPath,
-      htmlTemplatePath,
-    )} found. Skipping HTML + CSS generation…`,
-  );
-};
-
-const getInfoPlistPath = ({
-  iosOutputPath,
-  plist,
-}: {
-  iosOutputPath: string;
-  plist: string | undefined;
-}) => {
-  if (plist != null) {
-    const infoPlistPath = path.resolve(workingPath, plist);
-
-    if (!hfs.exists(infoPlistPath)) {
-      return log.warn(`No ${path.relative(workingPath, infoPlistPath)} found`);
-    }
-
-    return infoPlistPath;
-  }
-
-  return path.resolve(iosOutputPath, "Info.plist");
-};
-
 export type Asset = {
   path: string;
   image: Sharp;
@@ -394,51 +254,65 @@ const toAsset = async (filePath: string, width: number): Promise<Asset> => {
   };
 };
 
-export type RawProps = {
-  logo: string;
-  background: string;
-  logoWidth: number;
-  assetsOutput: string;
+const parseColor = (value: string) => {
+  const up = value.toUpperCase().replace(/[^0-9A-F]/g, "");
 
-  licenseKey?: string;
-  brand?: string;
-  brandWidth: number;
-  darkBackground?: string;
-  darkLogo?: string;
-  darkBrand?: string;
+  if (up.length !== 3 && up.length !== 6) {
+    log.error(`"${value}" value is not a valid hexadecimal color.`);
+    process.exit(1);
+  }
 
-  android?: {
-    darkContentBarsStyle?: boolean;
+  const hex =
+    up.length === 3
+      ? "#" + up[0] + up[0] + up[1] + up[1] + up[2] + up[2]
+      : "#" + up;
+
+  const rgb = {
+    R: (Number.parseInt("" + hex[1] + hex[2], 16) / 255).toPrecision(15),
+    G: (Number.parseInt("" + hex[3] + hex[4], 16) / 255).toPrecision(15),
+    B: (Number.parseInt("" + hex[5] + hex[6], 16) / 255).toPrecision(15),
   };
+
+  return { hex: hex.toLowerCase(), rgb };
 };
 
 export const transformProps = async (
   rootPath: string,
-  { android = {}, licenseKey, ...rawProps }: RawProps,
+  { android = {}, licenseKey, ...rawProps }: BootSplashPluginConfig,
 ) => {
   if (semver.lt(process.versions.node, "20.0.0")) {
     log.error("Requires Node 20 (or higher)");
     process.exit(1);
   }
 
-  const assetsOutputPath = path.resolve(rootPath, rawProps.assetsOutput);
-  const logoPath = path.resolve(rootPath, rawProps.logo);
+  const withDefaults = {
+    assetsOutput: "assets/bootsplash",
+    background: "#fff",
+    brandWidth: 80,
+    logoWidth: 100,
+    ...rawProps,
+  };
+
+  const assetsOutputPath = path.resolve(rootPath, withDefaults.assetsOutput);
+  const logoPath = path.resolve(rootPath, withDefaults.logo);
 
   const darkLogoPath =
-    rawProps.darkLogo != null
-      ? path.resolve(rootPath, rawProps.darkLogo)
+    withDefaults.darkLogo != null
+      ? path.resolve(rootPath, withDefaults.darkLogo)
       : undefined;
 
   const brandPath =
-    rawProps.brand != null ? path.resolve(rootPath, rawProps.brand) : undefined;
+    withDefaults.brand != null
+      ? path.resolve(rootPath, withDefaults.brand)
+      : undefined;
 
   const darkBrandPath =
-    rawProps.darkBrand != null
-      ? path.resolve(rootPath, rawProps.darkBrand)
+    withDefaults.darkBrand != null
+      ? path.resolve(rootPath, withDefaults.darkBrand)
       : undefined;
 
-  const logoWidth = rawProps.logoWidth - (rawProps.logoWidth % 2);
-  const brandWidth = rawProps.brandWidth - (rawProps.brandWidth % 2);
+  const logoWidth = withDefaults.logoWidth - (withDefaults.logoWidth % 2);
+  const brandWidth = withDefaults.brandWidth - (withDefaults.brandWidth % 2);
 
   const [logo, darkLogo, brand, darkBrand] = await Promise.all([
     toAsset(logoPath, logoWidth),
@@ -447,11 +321,11 @@ export const transformProps = async (
     darkBrandPath != null ? toAsset(darkBrandPath, brandWidth) : undefined,
   ]);
 
-  const background = parseColor(rawProps.background);
+  const background = parseColor(withDefaults.background);
 
   const darkBackground =
-    rawProps.darkBackground != null
-      ? parseColor(rawProps.darkBackground)
+    withDefaults.darkBackground != null
+      ? parseColor(withDefaults.darkBackground)
       : undefined;
 
   const executeAddon =
@@ -466,11 +340,13 @@ export const transformProps = async (
     );
   }
 
+  const isPluginLoggerMode = loggerMode.type === "plugin";
+
   const optionNames = {
-    brand: isExpo ? "brand" : "--brand",
-    darkBackground: isExpo ? "darkBackground" : "--dark-background",
-    darkLogo: isExpo ? "darkLogo" : "--dark-logo",
-    darkBrand: isExpo ? "darkBrand" : "--dark-brand",
+    brand: isPluginLoggerMode ? "brand" : "--brand",
+    darkBackground: isPluginLoggerMode ? "darkBackground" : "--dark-background",
+    darkLogo: isPluginLoggerMode ? "darkLogo" : "--dark-logo",
+    darkBrand: isPluginLoggerMode ? "darkBrand" : "--dark-brand",
   };
 
   if (licenseKey == null && executeAddon) {
@@ -495,12 +371,12 @@ export const transformProps = async (
     process.exit(1);
   }
 
-  if (logoWidth < rawProps.logoWidth) {
+  if (logoWidth < withDefaults.logoWidth) {
     log.warn(
       `Logo width must be a multiple of 2. It has been rounded to ${logoWidth}dp.`,
     );
   }
-  if (brandWidth < rawProps.brandWidth) {
+  if (brandWidth < withDefaults.brandWidth) {
     log.warn(
       `Brand width must be a multiple of 2. It has been rounded to ${brandWidth}dp.`,
     );
@@ -623,6 +499,63 @@ export const writeAndroidAssets = async ({
   );
 };
 
+const getStoryboard = (props: Props) => {
+  const { background, logo, fileNameSuffix } = props;
+
+  const { R, G, B } = background.rgb;
+  const frameWidth = 375;
+  const frameHeight = 667;
+
+  return 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">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="21678"/>
+        <capability name="Named colors" minToolsVersion="9.0"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController modalTransitionStyle="crossDissolve" id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" autoresizesSubviews="NO" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="${frameWidth}" height="${frameHeight}"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <imageView autoresizesSubviews="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" image="BootSplashLogo-${fileNameSuffix}" translatesAutoresizingMaskIntoConstraints="NO" id="3lX-Ut-9ad">
+                                <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>
+                            </imageView>
+                        </subviews>
+                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
+                        <color key="backgroundColor" name="BootSplashBackground-${fileNameSuffix}"/>
+                        <constraints>
+                            <constraint firstItem="3lX-Ut-9ad" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="Fh9-Fy-1nT"/>
+                            <constraint firstItem="3lX-Ut-9ad" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="nvB-Ic-PnI"/>
+                        </constraints>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="0.0" y="0.0"/>
+        </scene>
+    </scenes>
+    <resources>
+        <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>
+    </resources>
+</document>
+`;
+};
+
 export const writeIOSAssets = async ({
   iosOutputPath,
   props,
@@ -901,250 +834,3 @@ export const requireAddon = ({
     }
   }
 };
-
-export const generate = async ({
-  platforms,
-  html,
-  flavor,
-  plist,
-  ...rawProps
-}: {
-  platforms: Array<"android" | "ios" | "web">;
-  html: string;
-  flavor: string;
-  plist?: string;
-
-  logo: string;
-  background: string;
-  logoWidth: number;
-  assetsOutput: string;
-  licenseKey?: string;
-  brand?: string;
-  brandWidth: number;
-  darkBackground?: string;
-  darkLogo?: string;
-  darkBrand?: string;
-}) => {
-  const props = await transformProps(workingPath, rawProps);
-  const addon = requireAddon(props);
-
-  const { background, brand } = props;
-
-  const androidOutputPath = platforms.includes("android")
-    ? getAndroidOutputPath({ flavor })
-    : undefined;
-
-  const iosOutputPath = platforms.includes("ios")
-    ? getIOSOutputPath()
-    : undefined;
-
-  const htmlTemplatePath = platforms.includes("web")
-    ? getHtmlTemplatePath({ html })
-    : undefined;
-
-  if (androidOutputPath != null) {
-    await writeAndroidAssets({ androidOutputPath, props });
-
-    const manifestXmlPath = path.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.resolve(androidOutputPath, "values");
-    hfs.ensureDir(valuesPath);
-
-    const colorsXmlPath = path.resolve(valuesPath, "colors.xml");
-    const colorsXmlEntry = `<color name="bootsplash_background">${background.hex}</color>`;
-
-    if (hfs.exists(colorsXmlPath)) {
-      const colorsXml = readXmlLike(colorsXmlPath);
-      const nextColor = parseHtml(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.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 = parseHtml(
-        prevStyle?.text
-          .split("\n")
-          .map((line) => line.trim())
-          .join("") ?? "",
-      )
-        .childNodes.filter((node) => {
-          if (!(node instanceof HTMLElement)) {
-            return true;
-          }
-
-          const name = node.getAttribute("name");
-
-          return (
-            name !== "bootSplashBackground" &&
-            name !== "bootSplashLogo" &&
-            name !== "bootSplashBrand" &&
-            name !== "postBootSplashTheme"
-          );
-        })
-        .map((node) => node.toString());
-
-      const styleItems: string[] = [
-        ...(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 = parseHtml(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 pbxprojectPath = Expo.IOSConfig.Paths.getPBXProjectPath(projectRoot);
-
-    const xcodeProjectPath =
-      Expo.IOSConfig.Paths.getXcodeProjectPath(projectRoot);
-
-    const project = Expo.IOSConfig.XcodeUtils.getPbxproj(projectRoot);
-    const projectName = path.basename(iosOutputPath);
-    const groupName = path.parse(xcodeProjectPath).name;
-
-    Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
-      project,
-      filepath: path.join(projectName, "BootSplash.storyboard"),
-      groupName,
-      isBuildFile: true,
-    });
-
-    Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
-      project,
-      filepath: path.join(projectName, "Colors.xcassets"),
-      groupName,
-      isBuildFile: true,
-    });
-
-    hfs.write(pbxprojectPath, project.writeSync());
-    log.write(pbxprojectPath);
-
-    const infoPlistPath = getInfoPlistPath({ iosOutputPath, plist });
-
-    if (infoPlistPath != null) {
-      const infoPlist = ExpoPlist.parse(hfs.text(infoPlistPath)) as Record<
-        string,
-        unknown
-      >;
-
-      infoPlist["UILaunchStoryboardName"] = "BootSplash";
-
-      const formatted = formatXml(ExpoPlist.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);
-    }
-  }
-
-  if (htmlTemplatePath != null) {
-    await writeWebAssets({ htmlTemplatePath, props });
-  }
-
-  await writeGenericAssets({ props });
-
-  if (addon != null) {
-    await addon.execute({
-      props,
-      androidOutputPath,
-      iosOutputPath,
-      htmlTemplatePath,
-    });
-  } else {
-    console.log(`
-${pc.blue("┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓")}
-${pc.blue("┃")}  🔑  ${pc.bold(
-      "Get a license key for brand image / dark mode support",
-    )}  ${pc.blue("┃")}
-${pc.blue("┃")}      ${pc.underline(
-      "https://zoontek.gumroad.com/l/bootsplash-generator",
-    )}     ${pc.blue("┃")}
-${pc.blue("┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛")}`);
-  }
-
-  console.log(
-    `\n💖  Thanks for using ${pc.underline("react-native-bootsplash")}`,
-  );
-};