react-native-bootsplash 4.7.4 → 5.0.0-beta.0

package/src/generate.ts

@@ -1,57 +1,92 @@
+import {
+  AndroidProjectConfig,
+  CommandFunction,
+  IOSProjectConfig,
+} from "@react-native-community/cli-types";
 import fs from "fs-extra";
 import path from "path";
 import pc from "picocolors";
+import type { Sharp } from "sharp";
 import sharp from "sharp";
+import type { Manifest } from ".";
+
+export type Color = {
+  hex: string;
+  rgb: {
+    R: string;
+    G: string;
+    B: string;
+  };
+};
+
+export const androidColorRegex =
+  /<color name="bootsplash_background">#\w+<\/color>/g;
+
+const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
+
+const parseColor = (value: string): Color => {
+  const up = value.toUpperCase().replace(/[^0-9A-F]/g, "");
+  const hex = "#" + (up.length === 3 ? up + up : up);
+
+  if (hex.length !== 7) {
+    log.error("--background-color value is not a valid hexadecimal color.");
+    process.exit(1);
+  }
+
+  const rgb: Color["rgb"] = {
+    R: (parseInt("" + hex[1] + hex[2], 16) / 255).toPrecision(15),
+    G: (parseInt("" + hex[3] + hex[4], 16) / 255).toPrecision(15),
+    B: (parseInt("" + hex[5] + hex[6], 16) / 255).toPrecision(15),
+  };
 
-const logoFileName = "bootsplash_logo";
-const xcassetName = "BootSplashLogo";
-const androidColorName = "bootsplash_background";
-const androidColorRegex = /<color name="bootsplash_background">#\w+<\/color>/g;
+  return { hex, rgb };
+};
 
 const ContentsJson = `{
   "images": [
     {
       "idiom": "universal",
-      "filename": "${logoFileName}.png",
+      "filename": "bootsplash_logo.png",
       "scale": "1x"
     },
     {
       "idiom": "universal",
-      "filename": "${logoFileName}@2x.png",
+      "filename": "bootsplash_logo@2x.png",
       "scale": "2x"
     },
     {
       "idiom": "universal",
-      "filename": "${logoFileName}@3x.png",
+      "filename": "bootsplash_logo@3x.png",
       "scale": "3x"
     }
   ],
   "info": {
-    "version": 1,
-    "author": "xcode"
+    "author": "xcode",
+    "version": 1
   }
 }
 `;
 
 const getStoryboard = ({
-  height,
-  width,
-  backgroundColor: hex,
+  logoHeight,
+  logoWidth,
+  background: { R, G, B },
 }: {
-  height: number;
-  width: number;
-  backgroundColor: string;
+  logoHeight: number;
+  logoWidth: number;
+  background: Color["rgb"];
 }) => {
-  const r = (parseInt("" + hex[1] + hex[2], 16) / 255).toPrecision(15);
-  const g = (parseInt("" + hex[3] + hex[4], 16) / 255).toPrecision(15);
-  const b = (parseInt("" + hex[5] + hex[6], 16) / 255).toPrecision(15);
+  const frameWidth = 375;
+  const frameHeight = 667;
+  const logoX = (frameWidth - logoWidth) / 2;
+  const logoY = (frameHeight - logoHeight) / 2;
 
   return `<?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="21507" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+<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="21505"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="21678"/>
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
@@ -60,24 +95,19 @@ const getStoryboard = ({
         <scene sceneID="EHf-IW-A2E">
             <objects>
                 <viewController modalTransitionStyle="crossDissolve" id="01J-lp-oVM" sceneMemberID="viewController">
-                    <view key="view" autoresizesSubviews="NO" userInteractionEnabled="NO" contentMode="scaleToFill" id="Ze5-6b-2t3">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
-                        <autoresizingMask key="autoresizingMask"/>
+                    <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" translatesAutoresizingMaskIntoConstraints="NO" id="3lX-Ut-9ad">
-                                <rect key="frame" x="${(375 - width) / 2}" y="${
-    (667 - height) / 2
-  }" width="${width}" height="${height}"/>
+                                <rect key="frame" x="${logoX}" y="${logoY}" width="${logoWidth}" height="${logoHeight}"/>
                                 <accessibility key="accessibilityConfiguration">
                                     <accessibilityTraits key="traits" image="YES" notEnabled="YES"/>
                                 </accessibility>
                             </imageView>
                         </subviews>
                         <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
-                        <color key="backgroundColor" red="${r}" green="${g}" blue="${b}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                        <accessibility key="accessibilityConfiguration">
-                            <accessibilityTraits key="traits" notEnabled="YES"/>
-                        </accessibility>
+                        <color key="backgroundColor" red="${R}" green="${G}" blue="${B}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <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"/>
@@ -90,164 +120,284 @@ const getStoryboard = ({
         </scene>
     </scenes>
     <resources>
-        <image name="${xcassetName}" width="${width}" height="${height}"/>
+        <image name="BootSplashLogo" width="${logoWidth}" height="${logoHeight}"/>
     </resources>
 </document>
 `;
 };
 
-const log = {
-  error: (text: string) => console.log(pc.red(text)),
+export const log = {
+  error: (text: string) => console.log(pc.red(`❌  ${text}`)),
   text: (text: string) => console.log(text),
-  warn: (text: string) => console.log(pc.yellow(text)),
+  title: (emoji: string, text: string) =>
+    console.log(`\n${emoji}  ${pc.underline(pc.bold(text))}`),
+  warn: (text: string) => console.log(pc.yellow(`⚠️   ${text}`)),
 };
 
-const toFullHexadecimal = (hex: string) => {
-  const up = hex.toUpperCase().replace(/[^0-9A-F]/g, "");
+export const logWrite = (
+  filePath: string,
+  dimensions?: { width: number; height: number },
+) =>
+  console.log(
+    `    ${path.relative(workingPath, filePath)}` +
+      (dimensions != null ? ` (${dimensions.width}x${dimensions.height})` : ""),
+  );
 
-  if (up.length === 6) {
-    return "#" + up;
-  }
-  if (up.length === 3) {
-    return "#" + up[0] + up[0] + up[1] + up[1] + up[2] + up[2];
+const ensureSupportedFormat = async (
+  name: string,
+  image: Sharp | undefined,
+) => {
+  if (image == null) {
+    return;
   }
 
-  log.error("--background-color value is not a valid hexadecimal color.");
-  process.exit(1);
+  const { format } = await image.metadata();
+
+  if (format !== "png" && format !== "svg") {
+    log.error(`${name} image file format (${format}) is not supported`);
+    process.exit(1);
+  }
 };
 
-export const generate = async ({
-  android,
-  ios,
+const getAndroidResPath = (
+  android: AndroidProjectConfig,
+  {
+    brandHeight,
+    brandWidth,
+    flavor,
+    logoHeight,
+    logoWidth,
+  }: {
+    brandHeight: number;
+    brandWidth: number;
+    flavor: string;
+    logoHeight: number;
+    logoWidth: number;
+  },
+): string | undefined => {
+  const androidResPath = path.resolve(
+    android.sourceDir,
+    android.appName,
+    "src",
+    flavor,
+    "res",
+  );
 
-  workingPath,
-  logoPath,
-  assetsPath,
+  if (!fs.existsSync(androidResPath)) {
+    log.warn(
+      `No ${path.relative(
+        workingPath,
+        androidResPath,
+      )} directory found. Skipping Android assets generation…`,
+    );
+  } else if (logoWidth > 288 || logoHeight > 288) {
+    log.warn(
+      "Logo size exceeding 288x288dp will be cropped by Android. Skipping Android assets generation…",
+    );
+  } else if (brandHeight > 80 || brandWidth > 200) {
+    log.warn(
+      "Brand size exceeding 200x80dp will be cropped by Android. Skipping Android assets generation…",
+    );
+  } else {
+    if (logoWidth > 192 || logoHeight > 192) {
+      log.warn(`Logo size exceeds 192x192dp. It might be cropped by Android.`);
+    }
 
-  backgroundColor,
-  flavor,
-  logoWidth,
-  platforms,
-}: {
-  android: {
-    sourceDir: string;
-    appName: string;
-  } | null;
-  ios: {
-    projectPath: string;
-  } | null;
-
-  workingPath: string;
-  logoPath: string;
-  assetsPath?: string;
-
-  backgroundColor: string;
-  flavor: string;
-  logoWidth: number;
-  platforms: string[];
-}) => {
-  const platformsIncludesAndroid = platforms.includes("android");
-  const platformsIncludesIOS = platforms.includes("ios");
+    return androidResPath;
+  }
+};
 
-  if (!platformsIncludesAndroid && !platformsIncludesIOS) {
-    log.error(
-      "--platforms value does not include at least one supported platform.",
-    );
-    process.exit(1);
+const getIOSProjectPath = (ios: IOSProjectConfig): string | undefined => {
+  if (ios.xcodeProject == null) {
+    log.warn("No Xcode project found. Skipping iOS assets generation…");
+    return;
   }
 
-  const backgroundColorHex = toFullHexadecimal(backgroundColor);
-  const image = sharp(logoPath);
-  const { format } = await image.metadata();
+  const iosProjectPath = path
+    .resolve(ios.sourceDir, ios.xcodeProject.name)
+    .replace(/\.(xcodeproj|xcworkspace)$/, "");
 
-  if (format !== "png" && format !== "svg") {
-    log.error("Input file is an unsupported image format");
-    process.exit(1);
+  if (!fs.existsSync(iosProjectPath)) {
+    log.warn(
+      `No ${path.relative(
+        workingPath,
+        iosProjectPath,
+      )} directory found. Skipping iOS assets generation…`,
+    );
+  } else {
+    return iosProjectPath;
   }
+};
 
-  const logoHeight = await image
-    .clone()
-    .resize(logoWidth)
-    .toBuffer()
-    .then((buffer) => sharp(buffer).metadata())
-    .then(({ height = 0 }) => height);
-
-  const shouldSkipAndroid = logoWidth > 288 || logoHeight > 288;
+export type AddonConfig = {
+  licenseKey: string;
 
-  const logAbove288 = (dimension: "height" | "width") => {
-    const message = `⚠️   Logo ${dimension} exceed 288dp. As it will be cropped by Android, we skip generation for this platform.`;
-    log.warn(message);
-  };
+  androidResPath: string | undefined;
+  iosProjectPath: string | undefined;
+  assetsOutputPath: string | undefined;
 
-  const logAbove192 = (dimension: "height" | "width") => {
-    const message = `⚠️   Logo ${dimension} exceed 192dp. It might be cropped by Android.`;
-    log.warn(message);
-  };
+  logoHeight: number;
+  logoWidth: number;
+  brandHeight: number;
+  brandWidth: number;
 
-  if (logoWidth > 288) {
-    logAbove288("width");
-  } else if (logoHeight > 288) {
-    logAbove288("height");
-  } else if (logoWidth > 192) {
-    logAbove192("width");
-  } else if (logoHeight > 192) {
-    logAbove192("height");
-  }
+  background: Color;
+  brand: Sharp | undefined;
 
-  const logWrite = (
-    emoji: string,
-    filePath: string,
-    dimensions?: { width: number; height: number },
-  ) =>
-    log.text(
-      `${emoji}  ${path.relative(workingPath, filePath)}` +
-        (dimensions != null
-          ? ` (${dimensions.width}x${dimensions.height})`
-          : ""),
-    );
+  darkBackground: Color | undefined;
+  darkLogo: Sharp | undefined;
+  darkBrand: Sharp | undefined;
+};
 
-  if (assetsPath) {
-    log.text(`\n    ${pc.underline("Assets")}`);
+const requireAddon = ():
+  | { execute: (config: AddonConfig) => Promise<void> }
+  | undefined => {
+  try {
+    // eslint-disable-next-line
+    return require("./addon");
+  } catch {
+    return;
+  }
+};
 
-    fs.ensureDirSync(assetsPath);
+export const generate: CommandFunction<{
+  logoWidth: number;
+  background: string;
+  assetsOutput?: string;
+  flavor: string;
+  platforms: string[];
 
-    await Promise.all(
-      [
-        { ratio: 1, suffix: "" },
-        { ratio: 1.5, suffix: "@1,5x" },
-        { ratio: 2, suffix: "@2x" },
-        { ratio: 3, suffix: "@3x" },
-        { ratio: 4, suffix: "@4x" },
-      ].map(({ ratio, suffix }) => {
-        const fileName = `${logoFileName}${suffix}.png`;
-        const filePath = path.resolve(assetsPath, fileName);
+  licenseKey?: string;
+  brand?: string;
+  brandWidth: number;
+  darkBackground?: string;
+  darkLogo?: string;
+  darkBrand?: string;
+}> = async (
+  [argsLogo],
+  { project: { android, ios } },
+  { flavor, platforms, licenseKey, ...args },
+) => {
+  if (argsLogo == null) {
+    log.error("Missing required argument 'logo'");
+    process.exit(1);
+  }
 
-        return image
-          .clone()
-          .resize(logoWidth * ratio)
-          .png({ quality: 100 })
-          .toFile(filePath)
-          .then(({ width, height }) => {
-            logWrite("✨", filePath, { width, height });
-          });
-      }),
+  const assetsOutputPath =
+    args.assetsOutput != null
+      ? path.resolve(workingPath, args.assetsOutput)
+      : undefined;
+
+  const background = parseColor(args.background);
+  const logo = sharp(path.resolve(workingPath, argsLogo));
+  const logoWidth = args.logoWidth - (args.logoWidth % 2);
+  const brandWidth = args.brandWidth - (args.brandWidth % 2);
+
+  const brand =
+    args.brand != null
+      ? sharp(path.resolve(workingPath, args.brand))
+      : undefined;
+
+  const darkBackground =
+    args.darkBackground != null ? parseColor(args.darkBackground) : undefined;
+
+  const darkLogo =
+    args.darkLogo != null
+      ? sharp(path.resolve(workingPath, args.darkLogo))
+      : undefined;
+
+  const darkBrand =
+    args.darkBrand != null
+      ? sharp(path.resolve(workingPath, args.darkBrand))
+      : 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.`,
     );
   }
 
-  if (platformsIncludesAndroid && android && !shouldSkipAndroid) {
-    log.text(`\n    ${pc.underline("Android")}`);
+  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(", ");
+
+    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.");
+    process.exit(1);
+  }
 
-    const appPath = android.appName
-      ? path.resolve(android.sourceDir, android.appName)
-      : path.resolve(android.sourceDir); // @react-native-community/cli 2.x & 3.x support
+  await ensureSupportedFormat("Logo", logo);
+  await ensureSupportedFormat("Dark logo", darkLogo);
+  await ensureSupportedFormat("Brand", brand);
+  await ensureSupportedFormat("Dark brand", darkBrand);
 
-    const resPath = path.resolve(appPath, "src", flavor, "res");
-    const valuesPath = path.resolve(resPath, "values");
+  const logoHeight = await logo
+    .clone()
+    .resize(logoWidth)
+    .toBuffer()
+    .then((buffer) => sharp(buffer).metadata())
+    .then(({ height = 0 }) => Math.round(height));
+
+  const brandHeight =
+    (await brand
+      ?.clone()
+      .resize(brandWidth)
+      .toBuffer()
+      .then((buffer) => sharp(buffer).metadata())
+      .then(({ height = 0 }) => Math.round(height))) ?? 0;
+
+  if (logoWidth < args.logoWidth) {
+    log.warn(
+      `Logo width must be a multiple of 2. It has been rounded to ${logoWidth}dp.`,
+    );
+  }
+  if (brandWidth < args.brandWidth) {
+    log.warn(
+      `Brand width must be a multiple of 2. It has been rounded to ${brandWidth}dp.`,
+    );
+  }
 
+  const androidResPath =
+    platforms.includes("android") && android != null
+      ? getAndroidResPath(android, {
+          brandHeight,
+          brandWidth,
+          flavor,
+          logoHeight,
+          logoWidth,
+        })
+      : undefined;
+
+  const iosProjectPath =
+    platforms.includes("ios") && ios != null
+      ? getIOSProjectPath(ios)
+      : undefined;
+
+  if (androidResPath != null) {
+    log.title("🤖", "Android");
+
+    const valuesPath = path.resolve(androidResPath, "values");
     fs.ensureDirSync(valuesPath);
 
     const colorsXmlPath = path.resolve(valuesPath, "colors.xml");
-    const colorsXmlEntry = `<color name="${androidColorName}">${backgroundColorHex}</color>`;
+    const colorsXmlEntry = `<color name="bootsplash_background">${background.hex}</color>`;
 
     if (fs.existsSync(colorsXmlPath)) {
       const colorsXml = fs.readFileSync(colorsXmlPath, "utf-8");
@@ -268,29 +418,32 @@ export const generate = async ({
           "utf-8",
         );
       }
-
-      logWrite("✏️ ", colorsXmlPath);
     } else {
       fs.writeFileSync(
         colorsXmlPath,
         `<resources>\n    ${colorsXmlEntry}\n</resources>\n`,
         "utf-8",
       );
-
-      logWrite("✨", colorsXmlPath);
     }
 
+    logWrite(colorsXmlPath);
+
     await Promise.all(
       [
-        { ratio: 1, directory: "mipmap-mdpi" },
-        { ratio: 1.5, directory: "mipmap-hdpi" },
-        { ratio: 2, directory: "mipmap-xhdpi" },
-        { ratio: 3, directory: "mipmap-xxhdpi" },
-        { ratio: 4, directory: "mipmap-xxxhdpi" },
-      ].map(({ ratio, directory }) => {
-        const fileName = `${logoFileName}.png`;
-        const filePath = path.resolve(resPath, directory, fileName);
-        // https://github.com/androidx/androidx/blob/androidx-main/core/core-splashscreen/src/main/res/values/dimens.xml#L22
+        { 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.resolve(
+          androidResPath,
+          `drawable-${suffix}`,
+        );
+
+        fs.ensureDirSync(drawableDirPath);
+
+        // https://developer.android.com/develop/ui/views/launch/splash-screen#dimensions
         const canvasSize = 288 * ratio;
 
         // https://sharp.pixelplumbing.com/api-constructor
@@ -308,7 +461,9 @@ export const generate = async ({
           },
         });
 
-        return image
+        const filePath = path.resolve(drawableDirPath, "bootsplash_logo.png");
+
+        return logo
           .clone()
           .resize(logoWidth * ratio)
           .toBuffer()
@@ -319,86 +474,156 @@ export const generate = async ({
               .toFile(filePath),
           )
           .then(() => {
-            logWrite("✨", filePath, { width: canvasSize, height: canvasSize });
+            logWrite(filePath, {
+              width: canvasSize,
+              height: canvasSize,
+            });
           });
       }),
     );
   }
 
-  if (platformsIncludesIOS && ios) {
-    log.text(`\n    ${pc.underline("iOS")}`);
+  if (iosProjectPath != null) {
+    log.title("🍏", "iOS");
 
-    const { projectPath } = ios;
-    const imagesPath = path.resolve(projectPath, "Images.xcassets");
+    const storyboardPath = path.resolve(
+      iosProjectPath,
+      "BootSplash.storyboard",
+    );
 
-    if (fs.existsSync(projectPath)) {
-      const storyboardPath = path.resolve(projectPath, "BootSplash.storyboard");
+    fs.writeFileSync(
+      storyboardPath,
+      getStoryboard({
+        logoHeight,
+        logoWidth,
+        background: background.rgb,
+      }),
+      "utf-8",
+    );
 
-      fs.writeFileSync(
-        storyboardPath,
-        getStoryboard({
-          height: logoHeight,
-          width: logoWidth,
-          backgroundColor: backgroundColorHex,
-        }),
-        "utf-8",
-      );
+    logWrite(storyboardPath);
 
-      logWrite("✨", storyboardPath);
-    } else {
-      log.text(
-        `No "${projectPath}" directory found. Skipping iOS storyboard generation…`,
-      );
-    }
+    const imageSetPath = path.resolve(
+      iosProjectPath,
+      "Images.xcassets",
+      "BootSplashLogo.imageset",
+    );
 
-    if (fs.existsSync(imagesPath)) {
-      const imageSetPath = path.resolve(imagesPath, xcassetName + ".imageset");
-      fs.ensureDirSync(imageSetPath);
+    fs.ensureDirSync(imageSetPath);
 
-      fs.writeFileSync(
-        path.resolve(imageSetPath, "Contents.json"),
-        ContentsJson,
-        "utf-8",
-      );
+    fs.writeFileSync(
+      path.resolve(imageSetPath, "Contents.json"),
+      ContentsJson,
+      "utf-8",
+    );
 
-      await Promise.all(
-        [
-          { ratio: 1, suffix: "" },
-          { ratio: 2, suffix: "@2x" },
-          { ratio: 3, suffix: "@3x" },
-        ].map(({ ratio, suffix }) => {
-          const fileName = `${logoFileName}${suffix}.png`;
-          const filePath = path.resolve(imageSetPath, fileName);
-
-          return image
-            .clone()
-            .resize(logoWidth * ratio)
-            .png({ quality: 100 })
-            .toFile(filePath)
-            .then(({ width, height }) => {
-              logWrite("✨", filePath, { width, height });
-            });
-        }),
-      );
-    } else {
-      log.text(
-        `No "${imagesPath}" directory found. Skipping iOS images generation…`,
-      );
-    }
+    await Promise.all(
+      [
+        { ratio: 1, suffix: "" },
+        { ratio: 2, suffix: "@2x" },
+        { ratio: 3, suffix: "@3x" },
+      ].map(({ ratio, suffix }) => {
+        const filePath = path.resolve(
+          imageSetPath,
+          `bootsplash_logo${suffix}.png`,
+        );
+
+        return logo
+          .clone()
+          .resize(logoWidth * ratio)
+          .png({ quality: 100 })
+          .toFile(filePath)
+          .then(({ width, height }) => {
+            logWrite(filePath, { width, height });
+          });
+      }),
+    );
   }
 
-  log.text(`
- ${pc.blue("┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓")}
- ${pc.blue("┃")}  💖  ${pc.bold(
-    "Love this library? Consider sponsoring!",
-  )}  ${pc.blue("┃")}
- ${pc.blue("┃")}  ${pc.underline(
-    "https://github.com/sponsors/zoontek",
-  )}          ${pc.blue("┃")}
- ${pc.blue("┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛")}
-`);
-
-  log.text(
-    `✅  Done! Thanks for using ${pc.underline("react-native-bootsplash")}.`,
-  );
+  if (assetsOutputPath != null) {
+    log.title("📄", "Assets");
+
+    fs.ensureDirSync(assetsOutputPath);
+
+    const manifest: Manifest = {
+      background: background.hex,
+      logo: {
+        width: logoWidth,
+        height: logoHeight,
+      },
+    };
+
+    const manifestPath = path.resolve(
+      assetsOutputPath,
+      "bootsplash_manifest.json",
+    );
+
+    fs.writeFileSync(
+      manifestPath,
+      JSON.stringify(manifest, null, 2) + "\n",
+      "utf-8",
+    );
+
+    logWrite(manifestPath);
+
+    await Promise.all(
+      [
+        { ratio: 1, suffix: "" },
+        { ratio: 1.5, suffix: "@1,5x" },
+        { ratio: 2, suffix: "@2x" },
+        { ratio: 3, suffix: "@3x" },
+        { ratio: 4, suffix: "@4x" },
+      ].map(({ ratio, suffix }) => {
+        const filePath = path.resolve(
+          assetsOutputPath,
+          `bootsplash_logo${suffix}.png`,
+        );
+
+        return logo
+          .clone()
+          .resize(Math.round(logoWidth * ratio))
+          .png({ quality: 100 })
+          .toFile(filePath)
+          .then(({ width, height }) => {
+            logWrite(filePath, { width, height });
+          });
+      }),
+    );
+  }
+
+  if (licenseKey != null && executeAddon) {
+    const addon = requireAddon();
+
+    await addon?.execute({
+      licenseKey,
+
+      androidResPath,
+      iosProjectPath,
+      assetsOutputPath,
+
+      logoHeight,
+      logoWidth,
+      brandHeight,
+      brandWidth,
+
+      background,
+      brand,
+
+      darkBackground,
+      darkLogo,
+      darkBrand,
+    });
+  } else {
+    log.text(`
+${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("┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛")}`);
+  }
+
+  log.text(`\n💖  Thanks for using ${pc.underline("react-native-bootsplash")}`);
 };