vxrn 2.0.0-beta.131.1 → 2.0.0-beta.132.1

package/dist/exports/prebuildWithoutExpo.mjs

@@ -1,4 +1,5 @@
 import { execFileSync } from "node:child_process";
+import { createHash } from "node:crypto";
 import module from "node:module";
 import path from "node:path";
 import { pathToFileURL } from "node:url";
@@ -247,6 +248,54 @@ function patchIosPbxprojSceneDelegate(rendered, appName) {
 	}
 	return patched;
 }
+function fontFileName(font) {
+	return path.basename(font);
+}
+function pbxprojId(seed) {
+	return createHash("sha1").update(seed).digest("hex").slice(0, 24).toUpperCase();
+}
+const GOOGLE_SERVICES_PLIST = "GoogleService-Info.plist";
+const GOOGLE_SERVICES_VERSION = "4.4.4";
+function iosResourceFiles(app) {
+	return [...(app.fonts ?? []).map(fontFileName), ...app.ios?.googleServicesFile ? [GOOGLE_SERVICES_PLIST] : []];
+}
+function patchIosPbxprojResources(rendered, appName, names) {
+	let patched = rendered;
+	for (const name of names) {
+		const fileRef = pbxprojId(`one-resource-file:${name}`);
+		const buildFile = pbxprojId(`one-resource-build:${name}`);
+		const fileType = name.endsWith(".plist") ? "text.plist.xml" : "file";
+		const edits = [
+			["/* Images.xcassets in Resources */ = {isa = PBXBuildFile;", `		${buildFile} /* ${name} in Resources */ = {isa = PBXBuildFile; fileRef = ${fileRef} /* ${name} */; };`],
+			["/* Images.xcassets */ = {isa = PBXFileReference;", `		${fileRef} /* ${name} */ = {isa = PBXFileReference; lastKnownFileType = ${fileType}; name = ${name}; path = ${appName}/${name}; sourceTree = "<group>"; };`],
+			["/* Images.xcassets */,", `				${fileRef} /* ${name} */,`],
+			["/* Images.xcassets in Resources */,", `				${buildFile} /* ${name} in Resources */,`]
+		];
+		for (const [anchor, insertion] of edits) {
+			const next = insertAfterLine(patched, anchor, insertion);
+			if (next === patched) {
+				throw new Error(`[vxrn] prebuild template project.pbxproj lost its Images.xcassets anchor (${anchor})`);
+			}
+			patched = next;
+		}
+	}
+	return patched;
+}
+function copyAppResources({ root, dest, platform, app }) {
+	const copies = (app.fonts ?? []).map((font) => [font, platform === "ios" ? path.join(dest, app.name, fontFileName(font)) : path.join(dest, "app", "src", "main", "assets", "fonts", fontFileName(font))]);
+	const googleServices = platform === "ios" ? app.ios?.googleServicesFile : app.android?.googleServicesFile;
+	if (googleServices) {
+		copies.push([googleServices, platform === "ios" ? path.join(dest, app.name, GOOGLE_SERVICES_PLIST) : path.join(dest, "app", "google-services.json")]);
+	}
+	for (const [file, target] of copies) {
+		const source = path.resolve(root, file);
+		if (!FSExtra.existsSync(source)) {
+			throw new Error(`[vxrn] native.app names ${file}, which does not exist`);
+		}
+		FSExtra.mkdirSync(path.dirname(target), { recursive: true });
+		FSExtra.copyFileSync(source, target);
+	}
+}
 function patchIosPbxprojAppEntitlements(rendered, appName) {
 	const edits = [["/* AppDelegate.swift */ = {isa = PBXFileReference;", `		${PUSH_ENTITLEMENTS_FILE_REF_ID} /* ${appName}.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = ${appName}.entitlements; path = ${appName}/${appName}.entitlements; sourceTree = "<group>"; };`], ["/* AppDelegate.swift */,", `				${PUSH_ENTITLEMENTS_FILE_REF_ID} /* ${appName}.entitlements */,`]];
 	let patched = rendered;
@@ -1052,38 +1101,85 @@ ${adaptiveIcon.monochrome ? "    <monochrome android:drawable=\"@mipmap/ic_launc
 async function generateSplashScreen(args) {
 	const { root, dest, platform, app } = args;
 	if (!app.splash) return;
-	const source = path.resolve(root, app.splash.source);
-	if (!FSExtra.existsSync(source)) {
-		throw new Error(`[vxrn] native.app.splash source does not exist: ${source}`);
-	}
 	const cover = app.splash.resizeMode === "cover";
-	const image = sharp(source).rotate();
-	const { data: artwork, info: metadata } = await (cover ? image : image.trim({ background: app.splash.backgroundColor })).png().toBuffer({ resolveWithObject: true });
-	if (!metadata.width || !metadata.height) {
-		throw new Error("[vxrn] native.app.splash source must be an image");
-	}
+	const prepareArtwork = async (sourcePath, backgroundColor) => {
+		const source = path.resolve(root, sourcePath);
+		if (!FSExtra.existsSync(source)) {
+			throw new Error(`[vxrn] native.app.splash source does not exist: ${source}`);
+		}
+		const image = sharp(source).rotate();
+		const prepared = await (cover ? image : image.trim({ background: backgroundColor })).png().toBuffer({ resolveWithObject: true });
+		if (!prepared.info.width || !prepared.info.height) {
+			throw new Error("[vxrn] native.app.splash source must be an image");
+		}
+		return prepared;
+	};
+	const { data: artwork, info: metadata } = await prepareArtwork(app.splash.source, app.splash.backgroundColor);
+	const dark = app.splash.dark;
+	const darkArtwork = dark?.source ? (await prepareArtwork(dark.source, dark.backgroundColor)).data : void 0;
 	const artworkWidth = app.splash.width ?? 200;
 	const artworkHeight = Number((artworkWidth * (metadata.height / metadata.width)).toFixed(3));
 	if (platform === "ios") {
 		const appDir = path.join(dest, app.name);
 		const splashDir = path.join(appDir, "Images.xcassets", "Splash.imageset");
 		FSExtra.mkdirSync(splashDir, { recursive: true });
+		const darkAppearance = [{
+			appearance: "luminosity",
+			value: "dark"
+		}];
 		await sharp(artwork).toFile(path.join(splashDir, "splash.png"));
+		if (darkArtwork) await sharp(darkArtwork).toFile(path.join(splashDir, "splash-dark.png"));
 		FSExtra.writeFileSync(path.join(splashDir, "Contents.json"), `${JSON.stringify({
 			images: [{
 				filename: "splash.png",
 				idiom: "universal",
 				scale: "1x"
-			}],
+			}, ...darkArtwork ? [{
+				appearances: darkAppearance,
+				filename: "splash-dark.png",
+				idiom: "universal",
+				scale: "1x"
+			}] : []],
 			info: {
 				author: "xcode",
 				version: 1
 			}
 		}, null, 2)}
 `);
-		const red = Number.parseInt(app.splash.backgroundColor.slice(1, 3), 16) / 255;
-		const green = Number.parseInt(app.splash.backgroundColor.slice(3, 5), 16) / 255;
-		const blue = Number.parseInt(app.splash.backgroundColor.slice(5, 7), 16) / 255;
+		const srgb = (hex) => ({
+			red: Number.parseInt(hex.slice(1, 3), 16) / 255,
+			green: Number.parseInt(hex.slice(3, 5), 16) / 255,
+			blue: Number.parseInt(hex.slice(5, 7), 16) / 255
+		});
+		const colorEntry = (hex) => {
+			const { red: red2, green: green2, blue: blue2 } = srgb(hex);
+			return {
+				color: {
+					"color-space": "srgb",
+					components: {
+						red: red2.toFixed(3),
+						green: green2.toFixed(3),
+						blue: blue2.toFixed(3),
+						alpha: "1.000"
+					}
+				},
+				idiom: "universal"
+			};
+		};
+		const colorDir = path.join(appDir, "Images.xcassets", "SplashBackground.colorset");
+		FSExtra.mkdirSync(colorDir, { recursive: true });
+		FSExtra.writeFileSync(path.join(colorDir, "Contents.json"), `${JSON.stringify({
+			colors: [colorEntry(app.splash.backgroundColor), ...dark ? [{
+				appearances: darkAppearance,
+				...colorEntry(dark.backgroundColor)
+			}] : []],
+			info: {
+				author: "xcode",
+				version: 1
+			}
+		}, null, 2)}
+`);
+		const { red, green, blue } = srgb(app.splash.backgroundColor);
 		FSExtra.writeFileSync(path.join(appDir, "LaunchScreen.storyboard"), `<?xml version="1.0" encoding="UTF-8"?>
 <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="launch-controller">
   <device id="retina6_12" orientation="portrait" appearance="light"/>
@@ -1101,7 +1197,7 @@ async function generateSplashScreen(args) {
             <subviews>
               <imageView userInteractionEnabled="NO" contentMode="${cover ? "scaleAspectFill" : "scaleAspectFit"}" image="Splash" translatesAutoresizingMaskIntoConstraints="NO" id="splash-image"/>
             </subviews>
-            <color key="backgroundColor" red="${red}" green="${green}" blue="${blue}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+            <color key="backgroundColor" name="SplashBackground"/>
             <constraints>
 ${cover ? `              <constraint firstItem="splash-image" firstAttribute="leading" secondItem="launch-view" secondAttribute="leading" id="splash-leading"/>
               <constraint firstItem="splash-image" firstAttribute="trailing" secondItem="launch-view" secondAttribute="trailing" id="splash-trailing"/>
@@ -1119,6 +1215,9 @@ ${cover ? `              <constraint firstItem="splash-image" firstAttribute="le
   </scenes>
   <resources>
     <image name="Splash" width="${metadata.width}" height="${metadata.height}"/>
+    <namedColor name="SplashBackground">
+      <color red="${red}" green="${green}" blue="${blue}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+    </namedColor>
   </resources>
 </document>
 `);
@@ -1126,35 +1225,39 @@ ${cover ? `              <constraint firstItem="splash-image" firstAttribute="le
 	}
 	const mainRes = path.join(dest, "app", "src", "main", "res");
 	const drawable = path.join(mainRes, "drawable");
-	for (const [density, multiplier] of Object.entries(ANDROID_DENSITIES)) {
-		const canvasSize = 288 * multiplier;
-		const imageSize = Math.round(artworkWidth * multiplier);
-		const contained = await sharp(artwork).resize(imageSize, imageSize, {
-			fit: "contain",
-			background: {
-				r: 0,
-				g: 0,
-				b: 0,
-				alpha: 0
-			}
-		}).png().toBuffer();
-		const drawableDensity = path.join(mainRes, `drawable-${density}`);
-		FSExtra.mkdirSync(drawableDensity, { recursive: true });
-		await sharp({ create: {
-			width: canvasSize,
-			height: canvasSize,
-			channels: 4,
-			background: {
-				r: 0,
-				g: 0,
-				b: 0,
-				alpha: 0
-			}
-		} }).composite([{
-			input: contained,
-			left: Math.round((canvasSize - imageSize) / 2),
-			top: Math.round((canvasSize - imageSize) / 2)
-		}]).png().toFile(path.join(drawableDensity, "splash.png"));
+	const variants = [[artwork, "drawable"]];
+	if (darkArtwork) variants.push([darkArtwork, "drawable-night"]);
+	for (const [variantArtwork, drawablePrefix] of variants) {
+		for (const [density, multiplier] of Object.entries(ANDROID_DENSITIES)) {
+			const canvasSize = 288 * multiplier;
+			const imageSize = Math.round(artworkWidth * multiplier);
+			const contained = await sharp(variantArtwork).resize(imageSize, imageSize, {
+				fit: "contain",
+				background: {
+					r: 0,
+					g: 0,
+					b: 0,
+					alpha: 0
+				}
+			}).png().toBuffer();
+			const drawableDensity = path.join(mainRes, `${drawablePrefix}-${density}`);
+			FSExtra.mkdirSync(drawableDensity, { recursive: true });
+			await sharp({ create: {
+				width: canvasSize,
+				height: canvasSize,
+				channels: 4,
+				background: {
+					r: 0,
+					g: 0,
+					b: 0,
+					alpha: 0
+				}
+			} }).composite([{
+				input: contained,
+				left: Math.round((canvasSize - imageSize) / 2),
+				top: Math.round((canvasSize - imageSize) / 2)
+			}]).png().toFile(path.join(drawableDensity, "splash.png"));
+		}
 	}
 	FSExtra.writeFileSync(path.join(drawable, "launch_screen.xml"), `<?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
@@ -1169,6 +1272,14 @@ ${cover ? `              <constraint firstItem="splash-image" firstAttribute="le
     <color name="splash_background">${app.splash.backgroundColor}</color>
 </resources>
 `);
+	if (dark) {
+		FSExtra.mkdirSync(path.join(mainRes, "values-night"), { recursive: true });
+		FSExtra.writeFileSync(path.join(mainRes, "values-night", "colors.xml"), `<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="splash_background">${dark.backgroundColor}</color>
+</resources>
+`);
+	}
 	const stylesPath = path.join(mainRes, "values", "styles.xml");
 	const styles = FSExtra.readFileSync(stylesPath, "utf8").replace("        <!-- Customize your theme here. -->", "        <item name=\"android:windowBackground\">@drawable/launch_screen</item>");
 	FSExtra.writeFileSync(stylesPath, styles);
@@ -1250,6 +1361,12 @@ ${schemes.map((scheme) => `				<string>${scheme}</string>`).join("\n")}
 				}
 				stamps.push(`	<key>${updatesHost.runtimeVersionInfoPlistKey}</key>
 	<string>${escapeXml(app.updates.runtimeVersion)}</string>`);
+			}
+			if (app.fonts?.length) {
+				stamps.push(`	<key>UIAppFonts</key>
+	<array>
+${app.fonts.map((font) => `		<string>${escapeXml(fontFileName(font))}</string>`).join("\n")}
+	</array>`);
 			}
 			if (app.userInterfaceStyle !== void 0) {
 				stamps.push(`	<key>UIUserInterfaceStyle</key>
@@ -1523,6 +1640,9 @@ end`);
 				rendered = patchIosPbxprojAppEntitlements(rendered, appName);
 			}
 			if (app.ios?.widgets) rendered = patchIosPbxprojWidgets(rendered, app);
+			if (iosResourceFiles(app).length) {
+				rendered = patchIosPbxprojResources(rendered, appName, iosResourceFiles(app));
+			}
 		}
 		if (platform === "ios" && relativePath === "Podfile") {
 			if (app.ios?.ccache) rendered = `ENV['USE_CCACHE'] ||= '1'
@@ -1565,6 +1685,43 @@ use_frameworks! :linkage => :${app.ios.useFrameworks}`);
 			}
 			rendered = rendered.replace(hardcodedGradlePlugin, `includeBuild(new File(["node", "--print", "require('module').createRequire(require.resolve('react-native/package.json')).resolve('@react-native/gradle-plugin/package.json')"].execute(null, settingsDir).text.trim()).parentFile.canonicalPath)`);
 		}
+		if (platform === "android" && relativePath === "app/build.gradle" && app.android?.minify) {
+			const minify = "def enableProguardInReleaseBuilds = false";
+			const minifyEnabled = "minifyEnabled enableProguardInReleaseBuilds";
+			if (!rendered.includes(minify) || !rendered.includes(minifyEnabled)) {
+				throw new Error("[vxrn] prebuild template app/build.gradle lost its proguard switch");
+			}
+			rendered = rendered.replace(minify, "def enableProguardInReleaseBuilds = true");
+			if (app.android.shrinkResources) {
+				rendered = rendered.replace(minifyEnabled, `${minifyEnabled}
+            shrinkResources true`);
+			}
+		}
+		if (platform === "android" && app.android?.googleServicesFile) {
+			const edits = [[
+				"build.gradle",
+				"classpath(\"org.jetbrains.kotlin:kotlin-gradle-plugin\")",
+				`        classpath("com.google.gms:google-services:${GOOGLE_SERVICES_VERSION}")`
+			], [
+				"app/build.gradle",
+				"apply plugin: \"com.facebook.react\"",
+				"apply plugin: \"com.google.gms.google-services\""
+			]];
+			for (const [file, anchor, insertion] of edits) {
+				if (relativePath !== file) continue;
+				const next = insertAfterLine(rendered, anchor, insertion);
+				if (next === rendered) {
+					throw new Error(`[vxrn] prebuild template ${file} lost its ${anchor} anchor`);
+				}
+				rendered = next;
+			}
+		}
+		if (platform === "android" && relativePath === "app/proguard-rules.pro" && app.android?.proguardRules) {
+			rendered = `${rendered.trimEnd()}
+
+${app.android.proguardRules.trim()}
+`;
+		}
 		for (const [field, setting] of [
 			["minSdk", "minSdkVersion"],
 			["targetSdk", "targetSdkVersion"],
@@ -1640,6 +1797,12 @@ const generateForPlatform = async (root, platform, app, outDir = path.resolve(ro
 		platform,
 		app
 	});
+	copyAppResources({
+		root,
+		dest,
+		platform,
+		app
+	});
 	generateSceneDelegate({
 		dest,
 		platform,