react-native-bootsplash 7.0.1 → 7.1.0-beta.0

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

@@ -1,12 +1,8 @@
 import * as Expo from "@expo/config-plugins";
-import ExpoPlist from "@expo/plist";
-import { projectConfig as getAndroidProjectConfig } from "@react-native-community/cli-config-android";
-import { getProjectConfig as getAppleProjectConfig } from "@react-native-community/cli-config-apple";
-import { findProjectRoot } from "@react-native-community/cli-tools";
 import crypto from "crypto";
 import detectIndent, { type Indent } from "detect-indent";
-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";
@@ -17,49 +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 "..";
 
-type Platforms = ("android" | "ios" | "web")[];
+export const PACKAGE_NAME = "react-native-bootsplash";
 
-type RGBColor = {
-  R: string;
-  G: string;
-  B: string;
-};
+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;
 
-type Color = {
-  hex: string;
-  rgb: RGBColor;
+  android?: {
+    /**
+     * Enforce system bars style
+     * @default `undefined`
+     */
+    darkContentBarsStyle?: boolean;
+  };
 };
 
-export const packageName = "react-native-bootsplash";
-const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
-const projectRoot = findProjectRoot(workingPath);
-
-let isExpo = false;
+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 ? `❌ [${packageName}] ${text}` : `❌  ${text}`));
+    console.log(
+      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 ? `⚠️  [${packageName}] ${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})`
             : ""),
@@ -68,85 +115,6 @@ export const log = {
   },
 };
 
-const parseColor = (value: string): Color => {
-  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: Color["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),
@@ -243,110 +211,6 @@ export const writeXmlLike = async (
   }
 };
 
-const getAndroidOutputPath = ({
-  flavor,
-  platforms,
-}: {
-  flavor: string;
-  platforms: Platforms;
-}) => {
-  const android = getAndroidProjectConfig(projectRoot);
-
-  if (!platforms.includes("android") || android == null) {
-    return;
-  }
-
-  const androidOutputPath = path.resolve(
-    android.sourceDir,
-    android.appName,
-    "src",
-    flavor,
-    "res",
-  );
-
-  if (!hfs.exists(androidOutputPath)) {
-    return log.warn(
-      `No ${path.relative(
-        workingPath,
-        androidOutputPath,
-      )} directory found. Skipping Android assets generation…`,
-    );
-  }
-
-  return androidOutputPath;
-};
-
-const getIOSOutputPath = ({ platforms }: { platforms: Platforms }) => {
-  const ios = getAppleProjectConfig({ platformName: "ios" })(projectRoot, {});
-
-  if (!platforms.includes("ios") || ios == null) {
-    return;
-  }
-  if (ios.xcodeProject == null) {
-    return log.warn("No Xcode project found. Skipping iOS assets generation…");
-  }
-
-  const iosOutputPath = path
-    .resolve(ios.sourceDir, ios.xcodeProject.name)
-    .replace(/\.(xcodeproj|xcworkspace)$/, "");
-
-  if (!hfs.exists(iosOutputPath)) {
-    return log.warn(
-      `No ${path.relative(
-        workingPath,
-        iosOutputPath,
-      )} directory found. Skipping iOS assets generation…`,
-    );
-  }
-
-  return iosOutputPath;
-};
-
-const getHtmlTemplatePath = ({
-  html,
-  platforms,
-}: {
-  html: string;
-  platforms: Platforms;
-}) => {
-  if (!platforms.includes("web")) {
-    return;
-  }
-
-  const htmlTemplatePath = path.resolve(workingPath, html);
-
-  if (!hfs.exists(htmlTemplatePath)) {
-    return log.warn(
-      `No ${path.relative(
-        workingPath,
-        htmlTemplatePath,
-      )} found. Skipping HTML + CSS generation…`,
-    );
-  }
-
-  return htmlTemplatePath;
-};
-
-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;
@@ -391,27 +255,31 @@ 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)");
@@ -463,11 +331,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) {
@@ -620,6 +490,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,
@@ -854,9 +781,9 @@ export const writeGenericAssets = async ({ props }: { props: Props }) => {
 
 export type AddonConfig = {
   props: Props;
-  androidOutputPath: string | void;
-  iosOutputPath: string | void;
-  htmlTemplatePath: string | void;
+  androidOutputPath: string | undefined;
+  iosOutputPath: string | undefined;
+  htmlTemplatePath: string | undefined;
 };
 
 export const requireAddon = ({
@@ -898,242 +825,3 @@ export const requireAddon = ({
     }
   }
 };
-
-export const generate = async ({
-  platforms,
-  html,
-  flavor,
-  plist,
-  ...rawProps
-}: {
-  platforms: Platforms;
-  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 = getAndroidOutputPath({ flavor, platforms });
-  const iosOutputPath = getIOSOutputPath({ platforms });
-  const htmlTemplatePath = getHtmlTemplatePath({ html, platforms });
-
-  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")}`,
-  );
-};