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

package/src/generate.ts

@@ -1,12 +1,8 @@
 import * as Expo from "@expo/config-plugins";
-import { assignColorValue } from "@expo/config-plugins/build/android/Colors";
-import { addImports } from "@expo/config-plugins/build/android/codeMod";
-import { mergeContents } from "@expo/config-plugins/build/utils/generateCode";
 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 childProcess from "child_process";
 import crypto from "crypto";
 import detectIndent, { type Indent } from "detect-indent";
 import fs from "fs-extra";
@@ -20,20 +16,12 @@ import * as prettier from "prettier/standalone";
 import semver from "semver";
 import sharp, { type Sharp } from "sharp";
 import { dedent } from "ts-dedent";
-import util from "util";
 import formatXml, { type XMLFormatterOptions } from "xml-formatter";
 import type { Manifest } from ".";
 
-const PACKAGE_NAME = "react-native-bootsplash";
+type Platforms = ("android" | "ios" | "web")[];
 
-let isExpo = false;
-
-const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
-const projectRoot = findProjectRoot(workingPath);
-
-export type Platforms = ("android" | "ios" | "web")[];
-
-export type RGBColor = {
+type RGBColor = {
   R: string;
   G: string;
   B: string;
@@ -44,16 +32,19 @@ type Color = {
   rgb: RGBColor;
 };
 
-const promisifiedExec = util.promisify(childProcess.exec);
+export const packageName = "react-native-bootsplash";
+const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
+const projectRoot = findProjectRoot(workingPath);
+
+let isExpo = false;
 
-const exec = (cmd: string) =>
-  promisifiedExec(cmd).then(({ stdout, stderr }) => stdout || stderr);
+export const setIsExpo = (value: boolean) => {
+  isExpo = value;
+};
 
 export const log = {
   error: (text: string) => {
-    console.log(
-      pc.red(isExpo ? `❌ [${PACKAGE_NAME}] ${text}` : `❌  ${text}`),
-    );
+    console.log(pc.red(isExpo ? `❌ [${packageName}] ${text}` : `❌  ${text}`));
   },
   title: (emoji: string, text: string) => {
     if (!isExpo) {
@@ -62,7 +53,7 @@ export const log = {
   },
   warn: (text: string) => {
     console.log(
-      pc.yellow(isExpo ? `⚠️  [${PACKAGE_NAME}] ${text}` : `⚠️  ${text}`),
+      pc.yellow(isExpo ? `⚠️  [${packageName}] ${text}` : `⚠️  ${text}`),
     );
   },
   write: (filePath: string, dimensions?: { width: number; height: number }) => {
@@ -356,24 +347,6 @@ const getInfoPlistPath = ({
   return path.resolve(iosOutputPath, "Info.plist");
 };
 
-type RawProps = {
-  logo: string;
-  background: string;
-  logoWidth: number;
-  assetsOutput: string;
-
-  licenseKey?: string;
-  brand?: string;
-  brandWidth: number;
-  darkBackground?: string;
-  darkLogo?: string;
-  darkBrand?: string;
-
-  android?: {
-    darkContentBarsStyle?: boolean;
-  };
-};
-
 export type Asset = {
   path: string;
   image: Sharp;
@@ -418,7 +391,25 @@ const toAsset = async (filePath: string, width: number): Promise<Asset> => {
   };
 };
 
-const transformProps = async (
+export type RawProps = {
+  logo: string;
+  background: string;
+  logoWidth: number;
+  assetsOutput: string;
+
+  licenseKey?: string;
+  brand?: string;
+  brandWidth: number;
+  darkBackground?: string;
+  darkLogo?: string;
+  darkBrand?: string;
+
+  android?: {
+    darkContentBarsStyle?: boolean;
+  };
+};
+
+export const transformProps = async (
   rootPath: string,
   { android = {}, licenseKey, ...rawProps }: RawProps,
 ) => {
@@ -549,7 +540,7 @@ const transformProps = async (
 
 export type Props = Awaited<ReturnType<typeof transformProps>>;
 
-const writeAndroidAssets = async ({
+export const writeAndroidAssets = async ({
   androidOutputPath,
   props,
 }: {
@@ -629,7 +620,7 @@ const writeAndroidAssets = async ({
   );
 };
 
-const writeIOSAssets = async ({
+export const writeIOSAssets = async ({
   iosOutputPath,
   props,
 }: {
@@ -749,7 +740,7 @@ const writeIOSAssets = async ({
   );
 };
 
-const writeWebAssets = async ({
+export const writeWebAssets = async ({
   htmlTemplatePath,
   props,
 }: {
@@ -825,7 +816,7 @@ const writeWebAssets = async ({
   });
 };
 
-const writeGenericAssets = async ({ props }: { props: Props }) => {
+export const writeGenericAssets = async ({ props }: { props: Props }) => {
   const { assetsOutputPath, background, logo } = props;
 
   log.title("📄", "Assets");
@@ -868,7 +859,7 @@ export type AddonConfig = {
   htmlTemplatePath: string | void;
 };
 
-const requireAddon = ({
+export const requireAddon = ({
   executeAddon,
   licenseKey,
 }: Props):
@@ -900,7 +891,8 @@ const requireAddon = ({
   | undefined => {
   if (licenseKey != null && executeAddon) {
     try {
-      return require("./addon");
+      const addon = require("./dist/commonjs/addon");
+      return "default" in addon ? addon.default : addon;
     } catch {
       return;
     }
@@ -1065,30 +1057,6 @@ export const generate = async ({
   if (iosOutputPath != null) {
     await writeIOSAssets({ iosOutputPath, props });
 
-    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);
-    }
-
     const pbxprojectPath = Expo.IOSConfig.Paths.getPBXProjectPath(projectRoot);
 
     const xcodeProjectPath =
@@ -1114,6 +1082,30 @@ export const generate = async ({
 
     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) {
@@ -1145,360 +1137,3 @@ ${pc.blue("┗━━━━━━━━━━━━━━━━━━━━━━
     `\n💖  Thanks for using ${pc.underline("react-native-bootsplash")}`,
   );
 };
-
-// Expo plugin
-
-const withoutExpoSplashScreen: Expo.ConfigPlugin<RawProps> =
-  Expo.createRunOncePlugin(
-    (expoConfig) => expoConfig,
-    "expo-splash-screen",
-    "skip",
-  );
-
-const withAndroidAssets: Expo.ConfigPlugin<RawProps> = (expoConfig, rawProps) =>
-  Expo.withDangerousMod(expoConfig, [
-    "android",
-    async (config) => {
-      const { platformProjectRoot, projectRoot } = config.modRequest;
-      const props = await transformProps(projectRoot, rawProps);
-      const addon = requireAddon(props);
-
-      const androidOutputPath = path.resolve(
-        platformProjectRoot,
-        "app",
-        "src",
-        "main",
-        "res",
-      );
-
-      await writeAndroidAssets({ androidOutputPath, props });
-      await addon?.writeAndroidAssets({ androidOutputPath, props });
-
-      return config;
-    },
-  ]);
-
-const withAndroidManifest: Expo.ConfigPlugin<RawProps> = (expoConfig) =>
-  Expo.withAndroidManifest(expoConfig, (config) => {
-    config.modResults.manifest.application?.forEach((application) => {
-      if (application.$["android:name"] === ".MainApplication") {
-        const { activity } = application;
-
-        activity?.forEach((activity) => {
-          if (activity.$["android:name"] === ".MainActivity") {
-            activity.$["android:theme"] = "@style/BootTheme";
-          }
-        });
-      }
-    });
-
-    return config;
-  });
-
-const withMainActivity: Expo.ConfigPlugin<RawProps> = (expoConfig) =>
-  Expo.withMainActivity(expoConfig, (config) => {
-    const { modResults } = config;
-
-    const withImports = 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 = 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: Expo.ConfigPlugin<RawProps> = (expoConfig, rawProps) =>
-  Expo.withAndroidStyles(expoConfig, async (config) => {
-    const { projectRoot } = config.modRequest;
-    const { android, brand } = await transformProps(projectRoot, rawProps);
-    const { darkContentBarsStyle } = android;
-
-    const { modResults } = config;
-    const { resources } = modResults;
-    const { style = [] } = resources;
-
-    const item = [
-      {
-        $: { name: "postBootSplashTheme" },
-        _: "@style/AppTheme",
-      },
-      {
-        $: { name: "bootSplashBackground" },
-        _: "@color/bootsplash_background",
-      },
-      {
-        $: { name: "bootSplashLogo" },
-        _: "@drawable/bootsplash_logo",
-      },
-    ];
-
-    if (brand != null) {
-      item.push({
-        $: { name: "bootSplashBrand" },
-        _: "@drawable/bootsplash_brand",
-      });
-    }
-    if (darkContentBarsStyle != null) {
-      item.push({
-        $: { name: "darkContentBarsStyle" },
-        _: String(darkContentBarsStyle),
-      });
-    }
-
-    const withBootTheme = [
-      ...style.filter(({ $ }) => $.name !== "BootTheme"),
-      {
-        $: {
-          name: "BootTheme",
-          parent: "Theme.BootSplash",
-        },
-        item,
-      },
-    ];
-
-    return {
-      ...config,
-      modResults: {
-        ...modResults,
-        resources: {
-          ...resources,
-          style: withBootTheme,
-        },
-      },
-    };
-  });
-
-const withAndroidColors: Expo.ConfigPlugin<RawProps> = (expoConfig, rawProps) =>
-  Expo.withAndroidColors(expoConfig, async (config) => {
-    const { projectRoot } = config.modRequest;
-    const { background } = await transformProps(projectRoot, rawProps);
-
-    config.modResults = assignColorValue(config.modResults, {
-      name: "bootsplash_background",
-      value: background.hex,
-    });
-
-    return config;
-  });
-
-const withAndroidColorsNight: Expo.ConfigPlugin<RawProps> = (
-  expoConfig,
-  rawProps,
-) =>
-  Expo.withAndroidColorsNight(expoConfig, async (config) => {
-    const { projectRoot } = config.modRequest;
-    const props = await transformProps(projectRoot, rawProps);
-    const addon = requireAddon(props);
-
-    return addon != null
-      ? await addon.withAndroidColorsNight({ config, props })
-      : config;
-  });
-
-const withIOSAssets: Expo.ConfigPlugin<RawProps> = (expoConfig, rawProps) =>
-  Expo.withDangerousMod(expoConfig, [
-    "ios",
-    async (config) => {
-      const {
-        platformProjectRoot,
-        projectName = "",
-        projectRoot,
-      } = config.modRequest;
-
-      const props = await transformProps(projectRoot, rawProps);
-      const addon = requireAddon(props);
-      const iosOutputPath = path.resolve(platformProjectRoot, projectName);
-
-      await writeIOSAssets({ iosOutputPath, props });
-      await addon?.writeIOSAssets({ iosOutputPath, props });
-
-      return config;
-    },
-  ]);
-
-const withAppDelegate: Expo.ConfigPlugin<RawProps> = (expoConfig) =>
-  Expo.withAppDelegate(expoConfig, (config) => {
-    const { modResults } = config;
-    const { language } = modResults;
-
-    if (language !== "swift") {
-      throw new Error(
-        `Cannot modify the project AppDelegate as it's not in a supported language: ${language}`,
-      );
-    }
-
-    const withHeader = mergeContents({
-      src: modResults.contents,
-      comment: "//",
-      tag: "bootsplash-header",
-      offset: 1,
-      anchor: /import Expo/,
-      newSrc: "import RNBootSplash",
-    });
-
-    const withRootView = mergeContents({
-      src: withHeader.contents,
-      comment: "//",
-      tag: "bootsplash-init",
-      offset: 1,
-      anchor: /class ReactNativeDelegate: ExpoReactNativeFactoryDelegate {/,
-      newSrc: dedent`
-        public override func customize(_ rootView: UIView) {
-          super.customize(rootView)
-          RNBootSplash.initWithStoryboard("BootSplash", rootView: rootView)
-        }
-      `,
-    });
-
-    return {
-      ...config,
-      modResults: {
-        ...modResults,
-        contents: withRootView.contents,
-      },
-    };
-  });
-
-const withInfoPlist: Expo.ConfigPlugin<RawProps> = (expoConfig) =>
-  Expo.withInfoPlist(expoConfig, (config) => {
-    config.modResults["UILaunchStoryboardName"] = "BootSplash";
-    return config;
-  });
-
-const withXcodeProject: Expo.ConfigPlugin<RawProps> = (expoConfig) =>
-  Expo.withXcodeProject(expoConfig, (config) => {
-    const { projectName = "" } = config.modRequest;
-
-    Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
-      filepath: path.join(projectName, "BootSplash.storyboard"),
-      groupName: projectName,
-      project: config.modResults,
-      isBuildFile: true,
-    });
-
-    Expo.IOSConfig.XcodeUtils.addResourceFileToGroup({
-      filepath: path.join(projectName, "Colors.xcassets"),
-      groupName: projectName,
-      project: config.modResults,
-      isBuildFile: true,
-    });
-
-    return config;
-  });
-
-const withWebAssets: Expo.ConfigPlugin<RawProps> = (expoConfig, rawProps) =>
-  Expo.withDangerousMod(expoConfig, [
-    expoConfig.platforms?.includes("ios") ? "ios" : "android",
-    async (config) => {
-      const { projectRoot } = config.modRequest;
-      const props = await transformProps(projectRoot, rawProps);
-      const addon = requireAddon(props);
-
-      const fileName = "public/index.html";
-      const htmlTemplatePath = path.resolve(projectRoot, fileName);
-
-      if (!hfs.exists(htmlTemplatePath)) {
-        await exec(`npx expo customize ${fileName}`);
-      }
-
-      await writeWebAssets({ htmlTemplatePath, props });
-      await addon?.writeWebAssets({ htmlTemplatePath, props });
-
-      return config;
-    },
-  ]);
-
-const withGenericAssets: Expo.ConfigPlugin<RawProps> = (expoConfig, rawProps) =>
-  Expo.withDangerousMod(expoConfig, [
-    expoConfig.platforms?.includes("ios") ? "ios" : "android",
-    async (config) => {
-      const { projectRoot } = config.modRequest;
-      const props = await transformProps(projectRoot, rawProps);
-      const addon = requireAddon(props);
-
-      await writeGenericAssets({ props });
-      await addon?.writeGenericAssets({ props });
-
-      return config;
-    },
-  ]);
-
-export const withBootSplash = Expo.createRunOncePlugin<
-  (Partial<RawProps> & { logo: string }) | undefined
->((config, baseProps) => {
-  const { platforms = [], sdkVersion = "0.1.0" } = config;
-
-  isExpo = true;
-
-  if (semver.lt(sdkVersion, "54.0.0")) {
-    log.error("Requires Expo 54.0.0 (or higher)");
-    process.exit(1);
-  }
-
-  if (!baseProps?.logo) {
-    log.error("Missing required parameter 'logo'");
-    process.exit(1);
-  }
-
-  const rawProps: RawProps = {
-    assetsOutput: "assets/bootsplash",
-    background: "#fff",
-    brandWidth: 80,
-    logoWidth: 100,
-    ...baseProps,
-  };
-
-  const plugins: Expo.ConfigPlugin<RawProps>[] = [
-    withoutExpoSplashScreen,
-    withGenericAssets,
-  ];
-
-  if (platforms.includes("android")) {
-    plugins.push(
-      withAndroidAssets,
-      withAndroidManifest,
-      withMainActivity,
-      withAndroidStyles,
-      withAndroidColors,
-      withAndroidColorsNight,
-    );
-  }
-
-  if (platforms.includes("ios")) {
-    plugins.push(
-      withIOSAssets,
-      withAppDelegate,
-      withInfoPlist,
-      withXcodeProject,
-    );
-  }
-
-  if (platforms.includes("web")) {
-    plugins.push(withWebAssets);
-  }
-
-  return Expo.withPlugins(
-    config,
-    plugins.map((plugin) => [plugin, rawProps]),
-  );
-}, PACKAGE_NAME);