vxrn 2.8.1 → 2.9.1

package/dist/exports/prebuildWithoutExpo.mjs

@@ -3,7 +3,7 @@ import { createHash } from "node:crypto";
 import module from "node:module";
 import path from "node:path";
 import { pathToFileURL } from "node:url";
-import { validateNativeApp } from "@vxrn/utils/nativeAppManifest";
+import { androidIconSuffix, appIconPreviewResources, validateNativeApp } from "@vxrn/utils/nativeAppManifest";
 import FSExtra from "fs-extra";
 import sharp from "sharp";
 import { swiftPackageDirectories } from "../utils/swiftPackageId.mjs";
@@ -1042,13 +1042,59 @@ const IPAD_APP_ICON_SIZES = [
 	["76x76", ["1x", "2x"]],
 	["83.5x83.5", ["2x"]]
 ];
+async function writeAppearanceIcon(args) {
+	const { root, iconDir, icon, source } = args;
+	const variantSource = (variant) => {
+		if (!variant?.source) return source;
+		const resolved = path.resolve(root, variant.source);
+		if (!FSExtra.existsSync(resolved)) {
+			throw new Error(`[vxrn] native.app icon appearance source does not exist: ${resolved}`);
+		}
+		return resolved;
+	};
+	const render = async (file, from, background, gray = false) => {
+		let image = sharp(from).rotate().resize(1024, 1024, { fit: "cover" });
+		if (background) image = image.flatten({ background });
+		if (gray) image = image.greyscale();
+		await image.png().toFile(path.join(iconDir, file));
+	};
+	const images = [];
+	const entry = (filename, value) => ({
+		...value ? { appearances: [{
+			appearance: "luminosity",
+			value
+		}] } : {},
+		filename,
+		idiom: "universal",
+		platform: "ios",
+		size: "1024x1024"
+	});
+	await render("icon-1024.png", source, icon.backgroundColor);
+	images.push(entry("icon-1024.png"));
+	if (icon.dark) {
+		await render("icon-1024-dark.png", variantSource(icon.dark), icon.dark.backgroundColor);
+		images.push(entry("icon-1024-dark.png", "dark"));
+	}
+	if (icon.tinted) {
+		await render("icon-1024-tinted.png", variantSource(icon.tinted), icon.tinted.backgroundColor ?? "#000000", true);
+		images.push(entry("icon-1024-tinted.png", "tinted"));
+	}
+	FSExtra.writeFileSync(path.join(iconDir, "Contents.json"), `${JSON.stringify({
+		images,
+		info: {
+			author: "xcode",
+			version: 1
+		}
+	}, null, 2)}
+`);
+}
 async function generateAppIcons(args) {
 	const { root, dest, platform, app } = args;
 	if (!app.icon) return;
 	if (platform === "ios") {
 		const assetsDir = path.join(dest, app.name, "Images.xcassets");
 		const template = JSON.parse(FSExtra.readFileSync(path.join(assetsDir, "AppIcon.appiconset", "Contents.json"), "utf8"));
-		const icons = [["AppIcon", app.icon], ...Object.entries(app.ios?.alternateIcons ?? {})];
+		const icons = [["AppIcon", app.icon], ...Object.entries(app.alternateIcons ?? {})];
 		for (const [name, icon] of icons) {
 			const source2 = path.resolve(root, icon.source);
 			if (!FSExtra.existsSync(source2)) {
@@ -1060,6 +1106,15 @@ async function generateAppIcons(args) {
 			}
 			const iconDir = path.join(assetsDir, `${name}.appiconset`);
 			FSExtra.mkdirSync(iconDir, { recursive: true });
+			if (icon.dark || icon.tinted) {
+				await writeAppearanceIcon({
+					root,
+					iconDir,
+					icon,
+					source: source2
+				});
+				continue;
+			}
 			const contents = structuredClone(template);
 			if (app.ios?.tablet) {
 				for (const [size, scales] of IPAD_APP_ICON_SIZES) {
@@ -1091,12 +1146,135 @@ async function generateAppIcons(args) {
 	if (metadata.width !== metadata.height || metadata.width === void 0 || metadata.width < 1024) {
 		throw new Error("[vxrn] native.app.icon source must be a square image at least 1024px wide");
 	}
+	const launchers = [[
+		"ic_launcher",
+		app.icon,
+		source
+	], ...await Promise.all(Object.entries(app.alternateIcons ?? {}).map(async ([name, icon]) => {
+		const alternateSource = path.resolve(root, icon.source);
+		if (!FSExtra.existsSync(alternateSource)) {
+			throw new Error(`[vxrn] native.app icon source does not exist: ${alternateSource}`);
+		}
+		const alternate = await sharp(alternateSource).metadata();
+		if (alternate.width !== alternate.height || alternate.width === void 0 || alternate.width < 1024) {
+			throw new Error(`[vxrn] native.app icon source must be a square image at least 1024px wide: ${alternateSource}`);
+		}
+		return [
+			androidAliasIconName(name),
+			icon,
+			alternateSource
+		];
+	}))];
 	for (const [density, multiplier] of Object.entries(ANDROID_DENSITIES)) {
 		const pixels = 48 * multiplier;
 		const iconDir = path.join(dest, "app", "src", "main", "res", `mipmap-${density}`);
-		for (const filename of ["ic_launcher.png", "ic_launcher_round.png"]) {
-			await sharp(source).rotate().resize(pixels, pixels, { fit: "cover" }).flatten({ background: app.icon.backgroundColor }).png().toFile(path.join(iconDir, filename));
+		for (const [resource, icon, iconSource] of launchers) {
+			for (const filename of [`${resource}.png`, `${resource}_round.png`]) {
+				await sharp(iconSource).rotate().resize(pixels, pixels, { fit: "cover" }).flatten({ background: icon.backgroundColor }).png().toFile(path.join(iconDir, filename));
+			}
+		}
+	}
+}
+function androidAliasIconName(name) {
+	return `ic_launcher_${androidIconSuffix(name)}`;
+}
+const LAUNCHER_FILTER = /[ \t]*<intent-filter>(?:(?!<\/intent-filter>)[\s\S])*android\.intent\.category\.LAUNCHER[\s\S]*?<\/intent-filter>\n?/;
+function stampAndroidIconAliases(manifest, app) {
+	const alternates = Object.keys(app.alternateIcons ?? {});
+	const host = manifest.match(/<activity\b(?:(?!<\/activity>)[\s\S])*android:name="\.MainActivity"[\s\S]*?<\/activity>/)?.[0];
+	if (!host || !LAUNCHER_FILTER.test(host)) {
+		throw new Error("[vxrn] cannot stamp alternate icons: expected the launcher filter on .MainActivity in app/src/main/AndroidManifest.xml");
+	}
+	const alias = (name, icon, enabled) => `      <activity-alias
+        android:name=".${name}"
+        android:targetActivity=".AppIconLauncherActivity"
+        android:enabled="${enabled}"
+        android:exported="true"
+        android:icon="@mipmap/${icon}"
+        android:roundIcon="@mipmap/${icon}_round"
+        android:label="@string/app_name">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity-alias>`;
+	const stamps = [
+		`      <activity
+        android:name=".AppIconLauncherActivity"
+        android:exported="false"
+        android:taskAffinity=""
+        android:excludeFromRecents="true"
+        android:theme="@android:style/Theme.NoDisplay" />`,
+		alias("Primary", "ic_launcher", true),
+		...alternates.map((name) => alias(name, androidAliasIconName(name), false))
+	].join("\n");
+	const anchor = "    </application>";
+	if (!manifest.includes(anchor)) {
+		throw new Error("[vxrn] cannot stamp alternate icons: expected </application> in app/src/main/AndroidManifest.xml");
+	}
+	return manifest.replace(host, host.replace(LAUNCHER_FILTER, "")).replace(anchor, `${stamps}
+${anchor}`);
+}
+function generateAndroidIconForwarder(dest, app) {
+	if (!app.alternateIcons || !app.android) return;
+	const packageName = app.android.applicationId;
+	const file = path.join(dest, "app", "src", "main", "java", ...packageName.split("."), "AppIconLauncherActivity.kt");
+	FSExtra.mkdirSync(path.dirname(file), { recursive: true });
+	FSExtra.writeFileSync(file, `package ${packageName}
+
+import android.app.Activity
+import android.content.Intent
+import android.os.Bundle
+
+// launcher aliases finish before react native mounts in the permanent host.
+class AppIconLauncherActivity : Activity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        startActivity(Intent(intent).setClass(this, MainActivity::class.java)
+            .addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP or
+                Intent.FLAG_ACTIVITY_SINGLE_TOP))
+        finish()
+    }
+}
+`);
+}
+async function generateAppIconPreviews(args) {
+	const { root, dest, platform, app } = args;
+	if (!app.icon || !app.alternateIcons) return;
+	const icons = [[void 0, app.icon], ...Object.entries(app.alternateIcons)];
+	for (const [name, icon] of icons) {
+		const preview = (scale) => sharp(path.resolve(root, icon.source)).rotate().resize(64 * scale, 64 * scale, { fit: "cover" }).flatten({ background: icon.backgroundColor }).png();
+		const resources = appIconPreviewResources(name);
+		if (platform === "android") {
+			const dir2 = path.join(dest, "app", "src", "main", "res", "drawable-nodpi");
+			FSExtra.mkdirSync(dir2, { recursive: true });
+			await preview(3).toFile(path.join(dir2, `${resources.android}.png`));
+			continue;
 		}
+		const dir = path.join(dest, app.name, "Images.xcassets", `${resources.ios}.imageset`);
+		FSExtra.mkdirSync(dir, { recursive: true });
+		const images = [];
+		for (const scale of [
+			1,
+			2,
+			3
+		]) {
+			const filename = `preview@${scale}x.png`;
+			await preview(scale).toFile(path.join(dir, filename));
+			images.push({
+				filename,
+				idiom: "universal",
+				scale: `${scale}x`
+			});
+		}
+		FSExtra.writeFileSync(path.join(dir, "Contents.json"), `${JSON.stringify({
+			images,
+			info: {
+				author: "xcode",
+				version: 1
+			}
+		}, null, 2)}
+`);
 	}
 }
 async function generateAdaptiveIcon(args) {
@@ -1402,7 +1580,8 @@ ${background ? `    <item>
     </style>`));
 }
 function renderPrebuildFile(args) {
-	const { relativePath, content, platform, app, nitroWebImage } = args;
+	const { content, platform, app, nitroWebImage } = args;
+	const relativePath = args.relativePath.replace(/\\/g, "/");
 	const appName = app.name;
 	const schemes = app.scheme === void 0 ? [] : Array.isArray(app.scheme) ? app.scheme : [app.scheme];
 	let destRelativePath = transformPath(relativePath);
@@ -1787,6 +1966,9 @@ ${schemes.map((scheme) => `            <data android:scheme="${scheme}" />`).joi
         </intent-filter>
       </activity>`);
 		}
+		if (platform === "android" && relativePath === "app/src/main/AndroidManifest.xml" && app.alternateIcons !== void 0) {
+			rendered = stampAndroidIconAliases(rendered, app);
+		}
 		if (platform === "ios" && relativePath.endsWith(".xcodeproj/project.pbxproj")) {
 			rendered = rendered.replace(/TARGETED_DEVICE_FAMILY = "1,2";/g, `TARGETED_DEVICE_FAMILY = "${app.ios?.tablet ? "1,2" : "1"}";`);
 		}
@@ -1798,12 +1980,12 @@ ${schemes.map((scheme) => `            <data android:scheme="${scheme}" />`).joi
 				rendered = rendered.replace(/CURRENT_PROJECT_VERSION = [^;]+;/g, `CURRENT_PROJECT_VERSION = ${app.ios.buildNumber};`);
 			}
 		}
-		if (platform === "ios" && relativePath.endsWith(".xcodeproj/project.pbxproj") && app.ios?.alternateIcons !== void 0) {
+		if (platform === "ios" && relativePath.endsWith(".xcodeproj/project.pbxproj") && app.alternateIcons !== void 0) {
 			const anchor = "ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;";
 			if (!rendered.includes(anchor)) {
 				throw new Error("[vxrn] prebuild template lost its primary app icon build setting");
 			}
-			const names = Object.keys(app.ios.alternateIcons).sort().join(" ");
+			const names = Object.keys(app.alternateIcons).sort().join(" ");
 			rendered = rendered.replaceAll(anchor, `${anchor}
 				ASSETCATALOG_COMPILER_ALTERNATE_APPICON_NAMES = "${names}";`);
 		}
@@ -2073,6 +2255,12 @@ const generateForPlatform = async (root, platform, app, outDir = path.resolve(ro
 		platform,
 		app
 	});
+	await generateAppIconPreviews({
+		root,
+		dest,
+		platform,
+		app
+	});
 	if (platform === "android") await generateAdaptiveIcon({
 		root,
 		dest,
@@ -2106,6 +2294,7 @@ const generateForPlatform = async (root, platform, app, outDir = path.resolve(ro
 		root,
 		dest
 	});
+	if (platform === "android") generateAndroidIconForwarder(dest, app);
 	if (platform === "android") await generateKotlinSources({
 		root,
 		dest