vxrn 2.0.0-beta.131.1 → 2.0.0-beta.133.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;
@@ -286,7 +335,7 @@ ${renderPlistValue(value, indent)}`).join("\n");
 function appEntitlements(app) {
 	const modeled = {};
 	if (app.notifications?.push === true || app.ios?.widgets?.pushNotifications) {
-		modeled["aps-environment"] = notificationsHost.apsEnvironment;
+		modeled["aps-environment"] = app.notifications?.apsEnvironment ?? notificationsHost.apsEnvironment;
 	}
 	if (app.ios?.widgets) {
 		modeled["com.apple.security.application-groups"] = [app.ios.widgets.appGroup];
@@ -1049,41 +1098,135 @@ ${adaptiveIcon.monochrome ? "    <monochrome android:drawable=\"@mipmap/ic_launc
 		FSExtra.writeFileSync(path.join(anydpi, filename), adaptiveXml);
 	}
 }
+const IOS_DARK_APPEARANCE = [{
+	appearance: "luminosity",
+	value: "dark"
+}];
+function srgb(hex) {
+	return {
+		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
+	};
+}
+function xcodeColorSet(light, dark) {
+	const entry = (hex) => {
+		const { red, green, blue } = srgb(hex);
+		return {
+			color: {
+				"color-space": "srgb",
+				components: {
+					red: red.toFixed(3),
+					green: green.toFixed(3),
+					blue: blue.toFixed(3),
+					alpha: "1.000"
+				}
+			},
+			idiom: "universal"
+		};
+	};
+	return `${JSON.stringify({
+		colors: [entry(light), ...dark ? [{
+			appearances: IOS_DARK_APPEARANCE,
+			...entry(dark)
+		}] : []],
+		info: {
+			author: "xcode",
+			version: 1
+		}
+	}, null, 2)}
+`;
+}
+function generateAccentColor(args) {
+	const accent = args.app.ios?.accentColor;
+	if (!accent) return;
+	const colorDir = path.join(args.dest, args.app.name, "Images.xcassets", "AccentColor.colorset");
+	FSExtra.mkdirSync(colorDir, { recursive: true });
+	FSExtra.writeFileSync(path.join(colorDir, "Contents.json"), xcodeColorSet(accent.light, accent.dark));
+}
 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 { width: sourceWidth, format } = await sharp(source).metadata();
+		const density = format === "svg" && sourceWidth && !cover ? Math.min(2400, Math.ceil(72 * 4 * (app.splash?.width ?? 200) / sourceWidth)) : void 0;
+		const image = sharp(source, density ? { density } : {}).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 });
-		await sharp(artwork).toFile(path.join(splashDir, "splash.png"));
-		FSExtra.writeFileSync(path.join(splashDir, "Contents.json"), `${JSON.stringify({
-			images: [{
-				filename: "splash.png",
-				idiom: "universal",
-				scale: "1x"
-			}],
-			info: {
-				author: "xcode",
-				version: 1
-			}
-		}, null, 2)}
+		const assets = path.join(appDir, "Images.xcassets");
+		const writeImageSet = async (name, light, dark2, pointWidth) => {
+			const dir = path.join(assets, `${name}.imageset`);
+			FSExtra.mkdirSync(dir, { recursive: true });
+			const scales = pointWidth === void 0 ? [1] : [
+				1,
+				2,
+				3
+			];
+			const images = [];
+			for (const [variant, suffix, appearances] of [[
+				light,
+				"",
+				void 0
+			], [
+				dark2,
+				"-dark",
+				IOS_DARK_APPEARANCE
+			]]) {
+				if (!variant) continue;
+				for (const scale of scales) {
+					const filename = `${name.toLowerCase()}${suffix}${scale === 1 ? "" : `@${scale}x`}.png`;
+					const output = sharp(variant);
+					await (pointWidth === void 0 ? output : output.resize({ width: Math.round(pointWidth * scale) })).png().toFile(path.join(dir, filename));
+					images.push({
+						...appearances ? { appearances } : {},
+						filename,
+						idiom: "universal",
+						scale: `${scale}x`
+					});
+				}
+			}
+			FSExtra.writeFileSync(path.join(dir, "Contents.json"), `${JSON.stringify({
+				images,
+				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;
+		};
+		await writeImageSet("Splash", artwork, darkArtwork, cover ? void 0 : artworkWidth);
+		const readBackground = (sourcePath) => {
+			const source = path.resolve(root, sourcePath);
+			if (!FSExtra.existsSync(source)) {
+				throw new Error(`[vxrn] native.app.splash backgroundImage does not exist: ${source}`);
+			}
+			return sharp(source).rotate().png().toBuffer({ resolveWithObject: true });
+		};
+		const background = app.splash.backgroundImage ? await readBackground(app.splash.backgroundImage) : void 0;
+		const darkBackground = dark?.backgroundImage ? (await readBackground(dark.backgroundImage)).data : void 0;
+		if (background) {
+			await writeImageSet("SplashBackgroundImage", background.data, darkBackground, void 0);
+		}
+		const colorDir = path.join(assets, "SplashBackground.colorset");
+		FSExtra.mkdirSync(colorDir, { recursive: true });
+		FSExtra.writeFileSync(path.join(colorDir, "Contents.json"), xcodeColorSet(app.splash.backgroundColor, dark?.backgroundColor));
+		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"/>
@@ -1098,11 +1241,16 @@ async function generateSplashScreen(args) {
         <viewController id="launch-controller" sceneMemberID="viewController">
           <view key="view" contentMode="scaleToFill" id="launch-view">
             <rect key="frame" x="0.0" y="0.0" width="390" height="844"/>
-            <subviews>
+            <subviews>${background ? `
+              <imageView userInteractionEnabled="NO" contentMode="scaleAspectFill" image="SplashBackgroundImage" translatesAutoresizingMaskIntoConstraints="NO" id="splash-background"/>` : ""}
               <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"/>
-            <constraints>
+            <color key="backgroundColor" name="SplashBackground"/>
+            <constraints>${background ? `
+              <constraint firstItem="splash-background" firstAttribute="leading" secondItem="launch-view" secondAttribute="leading" id="splash-background-leading"/>
+              <constraint firstItem="splash-background" firstAttribute="trailing" secondItem="launch-view" secondAttribute="trailing" id="splash-background-trailing"/>
+              <constraint firstItem="splash-background" firstAttribute="top" secondItem="launch-view" secondAttribute="top" id="splash-background-top"/>
+              <constraint firstItem="splash-background" firstAttribute="bottom" secondItem="launch-view" secondAttribute="bottom" id="splash-background-bottom"/>` : ""}
 ${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"/>
               <constraint firstItem="splash-image" firstAttribute="top" secondItem="launch-view" secondAttribute="top" id="splash-top"/>
@@ -1118,7 +1266,11 @@ ${cover ? `              <constraint firstItem="splash-image" firstAttribute="le
     </scene>
   </scenes>
   <resources>
-    <image name="Splash" width="${metadata.width}" height="${metadata.height}"/>
+    <image name="Splash" width="${cover ? metadata.width : artworkWidth}" height="${cover ? metadata.height : artworkHeight}"/>${background ? `
+    <image name="SplashBackgroundImage" width="${background.info.width}" height="${background.info.height}"/>` : ""}
+    <namedColor name="SplashBackground">
+      <color red="${red}" green="${green}" blue="${blue}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+    </namedColor>
   </resources>
 </document>
 `);
@@ -1126,35 +1278,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 +1325,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);
@@ -1223,6 +1387,9 @@ ${schemes.map((scheme) => `				<string>${scheme}</string>`).join("\n")}
 				stamps.push(`	<key>ITSAppUsesNonExemptEncryption</key>
 	<${app.ios.usesNonExemptEncryption ? "true" : "false"}/>`);
 			}
+			if (app.ios?.accentColor) {
+				stamps.push("	<key>NSAccentColorName</key>\n	<string>AccentColor</string>");
+			}
 			if (app.ios?.fileSharing) {
 				stamps.push(`	<key>UIFileSharingEnabled</key>
 	<true/>
@@ -1250,6 +1417,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 +1696,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 +1741,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 +1853,16 @@ const generateForPlatform = async (root, platform, app, outDir = path.resolve(ro
 		platform,
 		app
 	});
+	if (platform === "ios") generateAccentColor({
+		dest,
+		app
+	});
+	copyAppResources({
+		root,
+		dest,
+		platform,
+		app
+	});
 	generateSceneDelegate({
 		dest,
 		platform,