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

package/dist/module/generate.js

@@ -25,7 +25,7 @@ import util from "util";
 import formatXml from "xml-formatter";
 const PACKAGE_NAME = "react-native-bootsplash";
 let isExpo = false;
-export const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
+const workingPath = process.env.INIT_CWD ?? process.env.PWD ?? process.cwd();
 const projectRoot = findProjectRoot(workingPath);
 const promisifiedExec = util.promisify(childProcess.exec);
 const exec = cmd => promisifiedExec(cmd).then(({
@@ -67,18 +67,12 @@ const parseColor = value => {
     rgb
   };
 };
-const getStoryboard = ({
-  props,
-  extras
-}) => {
+const getStoryboard = props => {
   const {
     background,
-    logo
+    logo,
+    fileNameSuffix
   } = props;
-  const {
-    fileNameSuffix,
-    logoHeight
-  } = extras;
   const {
     R,
     G,
@@ -107,7 +101,7 @@ const getStoryboard = ({
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <imageView autoresizesSubviews="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" image="BootSplashLogo-${fileNameSuffix}" translatesAutoresizingMaskIntoConstraints="NO" id="3lX-Ut-9ad">
-                                <rect key="frame" x="${(frameWidth - logo.width) / 2}" y="${(frameHeight - logoHeight) / 2}" width="${logo.width}" height="${logoHeight}"/>
+                                <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>
@@ -127,7 +121,7 @@ const getStoryboard = ({
         </scene>
     </scenes>
     <resources>
-        <image name="BootSplashLogo-${fileNameSuffix}" width="${logo.width}" height="${logoHeight}"/>
+        <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>
@@ -211,26 +205,6 @@ export const writeXmlLike = async (filePath, content, {
     log.write(filePath);
   }
 };
-const getAssetBase64 = async (name, asset) => {
-  if (asset == null) {
-    return "";
-  }
-  const {
-    image,
-    width
-  } = asset;
-  const {
-    format
-  } = await image.metadata();
-  if (format !== "png" && format !== "svg") {
-    log.error(`${name} image file format (${format}) is not supported`);
-    process.exit(1);
-  }
-  const buffer = await image.clone().resize(width).png({
-    quality: 100
-  }).toBuffer();
-  return buffer.toString("base64");
-};
 const getAndroidOutputPath = ({
   flavor,
   platforms
@@ -289,52 +263,47 @@ const getInfoPlistPath = ({
   }
   return path.resolve(iosOutputPath, "Info.plist");
 };
-const getAssetHeight = asset => {
-  if (asset == null) {
-    return Promise.resolve(0);
+const toAsset = async (filePath, width) => {
+  const image = sharp(filePath);
+  const {
+    format
+  } = await image.metadata();
+  if (format !== "png" && format !== "svg") {
+    log.error(`${path.basename(filePath)} image file format (${format}) is not supported`);
+    process.exit(1);
   }
-  return asset.image.clone().resize(asset.width).toBuffer().then(buffer => sharp(buffer).metadata()).then(({
+  const [height, hash] = await Promise.all([image.clone().resize(width).toBuffer().then(buffer => sharp(buffer).metadata()).then(({
     height = 0
-  }) => Math.round(height));
+  }) => Math.round(height)), image.clone().resize(width).png({
+    quality: 100
+  }).toBuffer().then(buffer => buffer.toString("base64"))]);
+  return {
+    path: filePath,
+    image,
+    hash,
+    height,
+    width
+  };
 };
-const getProps = ({
+const transformProps = async (rootPath, {
   android = {},
   licenseKey,
-  ...config
+  ...rawProps
 }) => {
   if (semver.lt(process.versions.node, "20.0.0")) {
     log.error("Requires Node 20 (or higher)");
     process.exit(1);
   }
-  const assetsOutputPath = path.resolve(workingPath, config.assetsOutput);
-  const logoPath = path.resolve(workingPath, config.logo);
-  const darkLogoPath = config.darkLogo != null ? path.resolve(workingPath, config.darkLogo) : undefined;
-  const brandPath = config.brand != null ? path.resolve(workingPath, config.brand) : undefined;
-  const darkBrandPath = config.darkBrand != null ? path.resolve(workingPath, config.darkBrand) : undefined;
-  const logoWidth = config.logoWidth - config.logoWidth % 2;
-  const brandWidth = config.brandWidth - config.brandWidth % 2;
-  const logo = {
-    path: logoPath,
-    image: sharp(logoPath),
-    width: logoWidth
-  };
-  const darkLogo = darkLogoPath != null ? {
-    path: darkLogoPath,
-    image: sharp(darkLogoPath),
-    width: logoWidth
-  } : undefined;
-  const brand = brandPath != null ? {
-    path: brandPath,
-    image: sharp(brandPath),
-    width: brandWidth
-  } : undefined;
-  const darkBrand = darkBrandPath != null ? {
-    path: darkBrandPath,
-    image: sharp(darkBrandPath),
-    width: brandWidth
-  } : undefined;
-  const background = parseColor(config.background);
-  const darkBackground = config.darkBackground != null ? parseColor(config.darkBackground) : undefined;
+  const assetsOutputPath = path.resolve(rootPath, rawProps.assetsOutput);
+  const logoPath = path.resolve(rootPath, rawProps.logo);
+  const darkLogoPath = rawProps.darkLogo != null ? path.resolve(rootPath, rawProps.darkLogo) : undefined;
+  const brandPath = rawProps.brand != null ? path.resolve(rootPath, rawProps.brand) : undefined;
+  const darkBrandPath = rawProps.darkBrand != null ? path.resolve(rootPath, rawProps.darkBrand) : undefined;
+  const logoWidth = rawProps.logoWidth - rawProps.logoWidth % 2;
+  const brandWidth = rawProps.brandWidth - rawProps.brandWidth % 2;
+  const [logo, darkLogo, brand, darkBrand] = await Promise.all([toAsset(logoPath, logoWidth), darkLogoPath != null ? toAsset(darkLogoPath, logoWidth) : undefined, brandPath != null ? toAsset(brandPath, brandWidth) : undefined, darkBrandPath != null ? toAsset(darkBrandPath, brandWidth) : undefined]);
+  const background = parseColor(rawProps.background);
+  const darkBackground = rawProps.darkBackground != null ? parseColor(rawProps.darkBackground) : undefined;
   const executeAddon = brand != null || darkBackground != null || darkLogo != null || darkBrand != null;
   if (licenseKey != null && !executeAddon) {
     log.warn("You specified a license key but none of the options that requires it.");
@@ -354,12 +323,24 @@ const getProps = ({
     log.error(`${optionNames.darkBrand} option couldn't be used without ${optionNames.brand}.`);
     process.exit(1);
   }
-  if (logoWidth < config.logoWidth) {
+  if (logoWidth < rawProps.logoWidth) {
     log.warn(`Logo width must be a multiple of 2. It has been rounded to ${logoWidth}dp.`);
   }
-  if (brandWidth < config.brandWidth) {
+  if (brandWidth < rawProps.brandWidth) {
     log.warn(`Brand width must be a multiple of 2. It has been rounded to ${brandWidth}dp.`);
   }
+  const record = {
+    background: background.hex,
+    darkBackground: darkBackground?.hex ?? "",
+    logo: logo.hash,
+    darkLogo: darkLogo?.hash ?? "",
+    brand: brand?.hash ?? "",
+    darkBrand: darkBrand?.hash ?? ""
+  };
+  const stableKey = Object.keys(record).sort().map(key => record[key]).join();
+  const fileNameSuffix = crypto.createHash("shake256", {
+    outputLength: 3
+  }).update(stableKey).digest("hex").toLowerCase();
   return {
     android,
     assetsOutputPath,
@@ -370,52 +351,25 @@ const getProps = ({
     logo,
     darkLogo,
     brand,
-    darkBrand
+    darkBrand,
+    fileNameSuffix
   };
 };
-export const getExtras = async ({
-  background,
-  darkBackground,
-  logo,
-  darkLogo,
-  brand,
-  darkBrand
-}) => {
-  const [logoHash, darkLogoHash, brandHash, darkBrandHash, logoHeight, brandHeight] = await Promise.all([getAssetBase64("Logo", logo), getAssetBase64("Dark logo", darkLogo), getAssetBase64("Brand", brand), getAssetBase64("Dark brand", darkBrand), getAssetHeight(logo), getAssetHeight(brand)]);
-  const record = {
-    background: background.hex,
-    darkBackground: darkBackground?.hex ?? "",
-    logo: logoHash,
-    darkLogo: darkLogoHash,
-    brand: brandHash,
-    darkBrand: darkBrandHash
-  };
-  const stableKey = Object.keys(record).sort().map(key => record[key]).join();
-  const fileNameSuffix = crypto.createHash("shake256", {
-    outputLength: 3
-  }).update(stableKey).digest("hex").toLowerCase();
-  return {
-    fileNameSuffix,
-    logoHeight,
-    brandHeight
-  };
-};
-export const writeAndroidAssets = async ({
+const writeAndroidAssets = async ({
   androidOutputPath,
-  props,
-  extras
+  props
 }) => {
   const {
     logo,
     brand
   } = props;
-  if (logo.width > 192 || extras.logoHeight > 192) {
+  if (logo.width > 192 || logo.height > 192) {
     return log.warn("Logo size exceeding 192x192dp will be cropped by Android. Skipping Android assets generation…");
   }
-  if (brand != null && (brand.width > 200 || extras.brandHeight > 80)) {
+  if (brand != null && (brand.width > 200 || brand.height > 80)) {
     return log.warn("Brand size exceeding 200x80dp will be cropped by Android. Skipping Android assets generation…");
   }
-  if (logo.width > 134 || extras.logoHeight > 134) {
+  if (logo.width > 134 || logo.height > 134) {
     log.warn("Logo size exceeds 134x134dp. It might be cropped by Android.");
   }
   log.title("🤖", "Android");
@@ -472,14 +426,14 @@ export const writeAndroidAssets = async ({
     });
   }));
 };
-export const writeIOSAssets = async ({
+const writeIOSAssets = async ({
   iosOutputPath,
-  props,
-  extras
+  props
 }) => {
   const {
     background,
-    logo
+    logo,
+    fileNameSuffix
   } = props;
   log.title("🍏", "iOS");
   hfs.ensureDir(iosOutputPath);
@@ -489,14 +443,11 @@ export const writeIOSAssets = async ({
     hfs.rm(file);
   });
   const storyboardPath = path.resolve(iosOutputPath, "BootSplash.storyboard");
-  await writeXmlLike(storyboardPath, getStoryboard({
-    props,
-    extras
-  }), {
+  await writeXmlLike(storyboardPath, getStoryboard(props), {
     formatter: "xmlFormatter",
     whiteSpaceAtEndOfSelfclosingTag: false
   });
-  const colorsSetPath = path.resolve(iosOutputPath, "Colors.xcassets", `BootSplashBackground-${extras.fileNameSuffix}.colorset`);
+  const colorsSetPath = path.resolve(iosOutputPath, "Colors.xcassets", `BootSplashBackground-${fileNameSuffix}.colorset`);
   hfs.ensureDir(colorsSetPath);
   writeJson(path.resolve(colorsSetPath, "Contents.json"), {
     colors: [{
@@ -516,8 +467,8 @@ export const writeIOSAssets = async ({
       version: 1
     }
   });
-  const logoFileName = `logo-${extras.fileNameSuffix}`;
-  const imagesSetPath = path.resolve(iosOutputPath, "Images.xcassets", `BootSplashLogo-${extras.fileNameSuffix}.imageset`);
+  const logoFileName = `logo-${fileNameSuffix}`;
+  const imagesSetPath = path.resolve(iosOutputPath, "Images.xcassets", `BootSplashLogo-${fileNameSuffix}.imageset`);
   hfs.ensureDir(imagesSetPath);
   writeJson(path.resolve(imagesSetPath, "Contents.json"), {
     images: [{
@@ -565,10 +516,9 @@ export const writeIOSAssets = async ({
     });
   }));
 };
-export const writeWebAssets = async ({
+const writeWebAssets = async ({
   htmlTemplatePath,
-  props,
-  extras
+  props
 }) => {
   const {
     background,
@@ -601,7 +551,7 @@ export const writeWebAssets = async ({
       #bootsplash-logo {
         content: url("${dataURI}");
         width: ${logo.width}px;
-        height: ${extras.logoHeight}px;
+        height: ${logo.height}px;
       }
     </style>
   `);
@@ -627,9 +577,8 @@ export const writeWebAssets = async ({
     useCssPlugin: true
   });
 };
-export const writeGenericAssets = async ({
-  props,
-  extras
+const writeGenericAssets = async ({
+  props
 }) => {
   const {
     assetsOutputPath,
@@ -642,7 +591,7 @@ export const writeGenericAssets = async ({
     background: background.hex,
     logo: {
       width: logo.width,
-      height: extras.logoHeight
+      height: logo.height
     }
   });
   await Promise.all([{
@@ -678,11 +627,16 @@ export const writeGenericAssets = async ({
     });
   }));
 };
-const requireAddon = () => {
-  try {
-    return require("./addon");
-  } catch {
-    return;
+const requireAddon = ({
+  executeAddon,
+  licenseKey
+}) => {
+  if (licenseKey != null && executeAddon) {
+    try {
+      return require("./addon");
+    } catch {
+      return;
+    }
   }
 };
 export const generate = async ({
@@ -690,16 +644,14 @@ export const generate = async ({
   html,
   flavor,
   plist,
-  ...config
+  ...rawProps
 }) => {
-  const props = getProps(config);
+  const props = await transformProps(workingPath, rawProps);
+  const addon = requireAddon(props);
   const {
     background,
-    brand,
-    licenseKey,
-    executeAddon
+    brand
   } = props;
-  const extras = await getExtras(props);
   const androidOutputPath = getAndroidOutputPath({
     flavor,
     platforms
@@ -714,8 +666,7 @@ export const generate = async ({
   if (androidOutputPath != null) {
     await writeAndroidAssets({
       androidOutputPath,
-      props,
-      extras
+      props
     });
     const manifestXmlPath = path.resolve(androidOutputPath, "..", "AndroidManifest.xml");
     if (hfs.exists(manifestXmlPath)) {
@@ -790,8 +741,7 @@ export const generate = async ({
   if (iosOutputPath != null) {
     await writeIOSAssets({
       iosOutputPath,
-      props,
-      extras
+      props
     });
     const infoPlistPath = getInfoPlistPath({
       iosOutputPath,
@@ -833,19 +783,15 @@ export const generate = async ({
   if (htmlTemplatePath != null) {
     await writeWebAssets({
       htmlTemplatePath,
-      props,
-      extras
+      props
     });
   }
   await writeGenericAssets({
-    props,
-    extras
+    props
   });
-  if (licenseKey != null && executeAddon) {
-    const addon = requireAddon();
-    await addon?.execute({
+  if (addon != null) {
+    await addon.execute({
       props,
-      extras,
       androidOutputPath,
       iosOutputPath,
       htmlTemplatePath
@@ -862,21 +808,26 @@ ${pc.blue("┗━━━━━━━━━━━━━━━━━━━━━━
 
 // Expo plugin
 
-const withoutExpoSplashScreen = Expo.createRunOncePlugin(config => config, "expo-splash-screen", "skip");
-const withAndroidAssets = (config, props) => Expo.withDangerousMod(config, ["android", async config => {
+const withoutExpoSplashScreen = Expo.createRunOncePlugin(expoConfig => expoConfig, "expo-splash-screen", "skip");
+const withAndroidAssets = (expoConfig, rawProps) => Expo.withDangerousMod(expoConfig, ["android", async config => {
   const {
-    platformProjectRoot
+    platformProjectRoot,
+    projectRoot
   } = config.modRequest;
-  const extras = await getExtras(props);
+  const props = await transformProps(projectRoot, rawProps);
+  const addon = requireAddon(props);
   const androidOutputPath = path.resolve(platformProjectRoot, "app", "src", "main", "res");
   await writeAndroidAssets({
     androidOutputPath,
-    props,
-    extras
+    props
+  });
+  await addon?.writeAndroidAssets({
+    androidOutputPath,
+    props
   });
   return config;
 }]);
-const withAndroidManifest = config => Expo.withAndroidManifest(config, config => {
+const withAndroidManifest = expoConfig => Expo.withAndroidManifest(expoConfig, config => {
   config.modResults.manifest.application?.forEach(application => {
     if (application.$["android:name"] === ".MainApplication") {
       const {
@@ -891,7 +842,7 @@ const withAndroidManifest = config => Expo.withAndroidManifest(config, config =>
   });
   return config;
 });
-const withMainActivity = config => Expo.withMainActivity(config, config => {
+const withMainActivity = expoConfig => Expo.withMainActivity(expoConfig, config => {
   const {
     modResults
   } = config;
@@ -914,11 +865,14 @@ const withMainActivity = config => Expo.withMainActivity(config, config => {
     }
   };
 });
-const withAndroidStyles = (config, props) => Expo.withAndroidStyles(config, config => {
+const withAndroidStyles = (expoConfig, rawProps) => Expo.withAndroidStyles(expoConfig, async config => {
+  const {
+    projectRoot
+  } = config.modRequest;
   const {
     android,
     brand
-  } = props;
+  } = await transformProps(projectRoot, rawProps);
   const {
     darkContentBarsStyle
   } = android;
@@ -983,38 +937,57 @@ const withAndroidStyles = (config, props) => Expo.withAndroidStyles(config, conf
     }
   };
 });
-const withAndroidColors = (config, props) => Expo.withAndroidColors(config, config => {
+const withAndroidColors = (expoConfig, rawProps) => Expo.withAndroidColors(expoConfig, async config => {
+  const {
+    projectRoot
+  } = config.modRequest;
   const {
     background
-  } = props;
+  } = await transformProps(projectRoot, rawProps);
   config.modResults = assignColorValue(config.modResults, {
     name: "bootsplash_background",
     value: background.hex
   });
   return config;
 });
-const withIOSAssets = (config, props) => Expo.withDangerousMod(config, ["ios", async config => {
+const withAndroidColorsNight = (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 = (expoConfig, rawProps) => Expo.withDangerousMod(expoConfig, ["ios", async config => {
   const {
     platformProjectRoot,
-    projectName = ""
+    projectName = "",
+    projectRoot
   } = config.modRequest;
-  const extras = await getExtras(props);
+  const props = await transformProps(projectRoot, rawProps);
+  const addon = requireAddon(props);
   const iosOutputPath = path.resolve(platformProjectRoot, projectName);
   await writeIOSAssets({
     iosOutputPath,
-    props,
-    extras
+    props
+  });
+  await addon?.writeIOSAssets({
+    iosOutputPath,
+    props
   });
   return config;
 }]);
-const withAppDelegate = config => Expo.withAppDelegate(config, config => {
+const withAppDelegate = expoConfig => Expo.withAppDelegate(expoConfig, config => {
   const {
     modResults
   } = config;
   const {
     language
   } = modResults;
-  if (language !== "objc" && language !== "objcpp" && language !== "swift") {
+  if (language !== "swift") {
     throw new Error(`Cannot modify the project AppDelegate as it's not in a supported language: ${language}`);
   }
   const withHeader = mergeContents({
@@ -1046,11 +1019,11 @@ const withAppDelegate = config => Expo.withAppDelegate(config, config => {
     }
   };
 });
-const withInfoPlist = config => Expo.withInfoPlist(config, config => {
+const withInfoPlist = expoConfig => Expo.withInfoPlist(expoConfig, config => {
   config.modResults["UILaunchStoryboardName"] = "BootSplash";
   return config;
 });
-const withXcodeProject = config => Expo.withXcodeProject(config, config => {
+const withXcodeProject = expoConfig => Expo.withXcodeProject(expoConfig, config => {
   const {
     projectName = ""
   } = config.modRequest;
@@ -1068,25 +1041,38 @@ const withXcodeProject = config => Expo.withXcodeProject(config, config => {
   });
   return config;
 });
-const withWebAssets = (config, props) => Expo.withDangerousMod(config, [config.platforms?.includes("ios") ? "ios" : "android", async config => {
-  const extras = await getExtras(props);
+const withWebAssets = (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(workingPath, fileName);
+  const htmlTemplatePath = path.resolve(projectRoot, fileName);
   if (!hfs.exists(htmlTemplatePath)) {
     await exec(`npx expo customize ${fileName}`);
   }
   await writeWebAssets({
     htmlTemplatePath,
-    props,
-    extras
+    props
+  });
+  await addon?.writeWebAssets({
+    htmlTemplatePath,
+    props
   });
   return config;
 }]);
-const withGenericAssets = (config, props) => Expo.withDangerousMod(config, [config.platforms?.includes("ios") ? "ios" : "android", async config => {
-  const extras = await getExtras(props);
+const withGenericAssets = (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,
-    extras
+    props
+  });
+  await addon?.writeGenericAssets({
+    props
   });
   return config;
 }]);
@@ -1096,38 +1082,31 @@ export const withBootSplash = Expo.createRunOncePlugin((config, baseProps) => {
     sdkVersion = "0.1.0"
   } = config;
   isExpo = true;
-  if (semver.lt(sdkVersion, "53.0.0")) {
-    log.error("Requires Expo 53.0.0 (or higher)");
+  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 props = getProps({
+  const rawProps = {
     assetsOutput: "assets/bootsplash",
     background: "#fff",
     brandWidth: 80,
     logoWidth: 100,
     ...baseProps
-  });
-  const {
-    executeAddon
-  } = props;
-  const addon = executeAddon ? requireAddon() : undefined;
-  const plugins = [withoutExpoSplashScreen, addon?.withGenericAssets ?? withGenericAssets];
+  };
+  const plugins = [withoutExpoSplashScreen, withGenericAssets];
   if (platforms.includes("android")) {
-    plugins.push(addon?.withAndroidAssets ?? withAndroidAssets, withAndroidManifest, withMainActivity, withAndroidStyles, withAndroidColors);
-    if (addon != null) {
-      plugins.push(addon.withAndroidColorsNight);
-    }
+    plugins.push(withAndroidAssets, withAndroidManifest, withMainActivity, withAndroidStyles, withAndroidColors, withAndroidColorsNight);
   }
   if (platforms.includes("ios")) {
-    plugins.push(addon?.withIOSAssets ?? withIOSAssets, withAppDelegate, withInfoPlist, withXcodeProject);
+    plugins.push(withIOSAssets, withAppDelegate, withInfoPlist, withXcodeProject);
   }
   if (platforms.includes("web")) {
-    plugins.push(addon?.withWebAssets ?? withWebAssets);
+    plugins.push(withWebAssets);
   }
-  return Expo.withPlugins(config, plugins.map(plugin => [plugin, props]));
+  return Expo.withPlugins(config, plugins.map(plugin => [plugin, rawProps]));
 }, PACKAGE_NAME);
 //# sourceMappingURL=generate.js.map