fix(align-deps): add profile for 0.76 (#3391)

.changeset/forty-shrimps-play.md

@@ -0,0 +1,5 @@
+---
+"@rnx-kit/tools-shell": patch
+---
+
+Added function for extracting tar files

.changeset/wise-pillows-peel.md

@@ -0,0 +1,5 @@
+---
+"@rnx-kit/align-deps": patch
+---
+
+Added profile for 0.76

incubator/build-plugin-firebase/src/index.ts

@@ -7,7 +7,7 @@ type FirebaseConfig = Partial<{
 
 function validateConfig(
   config: FirebaseConfig | undefined
-): config is FirebaseConfig {
+): asserts config is FirebaseConfig {
   if (!config) {
     throw new Error("Missing Firebase configuration");
   }
@@ -31,16 +31,12 @@ function validateConfig(
   } else if (typeof appId !== "string") {
     throw new Error(`Invalid Firebase app id: ${appId}`);
   }
-
-  return true;
 }
 
 export const distribution: PluginInterface["distribution"] = (
   config?: FirebaseConfig
 ) => {
-  if (!validateConfig(config)) {
-    throw new Error("Invalid Firebase config");
-  }
+  validateConfig(config);
 
   return {
     deploy: (_context, _artifact, spinner) => {

packages/align-deps/package.json

@@ -40,6 +40,7 @@
     "@rnx-kit/scripts": "*",
     "@rnx-kit/tools-language": "*",
     "@rnx-kit/tools-node": "*",
+    "@rnx-kit/tools-shell": "*",
     "@rnx-kit/tools-workspaces": "*",
     "@rnx-kit/tsconfig": "*",
     "@types/jest": "^29.2.1",

packages/align-deps/scripts/update-profile.mjs

@@ -1,9 +1,11 @@
 #!/usr/bin/env node
 // @ts-check
 
+import { untar } from "@rnx-kit/tools-shell";
 import * as fs from "node:fs";
+import * as https from "node:https";
 import * as path from "node:path";
-import { URL } from "node:url";
+import { URL, fileURLToPath } from "node:url";
 import packageJson from "package-json";
 import semverCoerce from "semver/functions/coerce.js";
 import semverCompare from "semver/functions/compare.js";
@@ -19,6 +21,7 @@ import semverCompare from "semver/functions/compare.js";
  *   latest: string;
  *   modified: string;
  *   homepage?: string;
+ *   tarball: string;
  *   dependencies?: Record<string, string>;
  *   peerDependencies?: Record<string, string>;
  * }} PackageInfo
@@ -59,6 +62,7 @@ async function fetchPackageInfo(pkg, targetVersion = "latest") {
   const {
     version: latest,
     homepage,
+    dist: { tarball },
     dependencies,
     peerDependencies,
     time,
@@ -76,6 +80,7 @@ async function fetchPackageInfo(pkg, targetVersion = "latest") {
     homepage,
     dependencies: Optional(dependencies),
     peerDependencies: Optional(peerDependencies),
+    tarball,
   };
 }
 
@@ -193,6 +198,11 @@ const reactNative: Package = {
 
 export const profile: Profile = {
   ...profile_${currentVersionVarName},
+
+  /*********
+   * React *
+   *********/
+
   react: {
     name: "react",
     version: "${reactVersion}",
@@ -209,6 +219,10 @@ export const profile: Profile = {
     devOnly: true,
   },
 
+  /********
+   * Core *
+   ********/
+
   core: reactNative,
   "core-android": reactNative,
   "core-ios": reactNative,
@@ -233,6 +247,10 @@ export const profile: Profile = {
     devOnly: true,
   },
 
+  /*********
+   * Tools *
+   *********/
+
   "babel-preset-react-native": {
     name: "${babelPresetName}",
     version: "^${babelPresetVersion}",
@@ -284,6 +302,10 @@ export const profile: Profile = {
     version: "^${metroVersion}",
     devOnly: true,
   },
+
+  /*********************
+   * Community Modules *
+   *********************/
 };
 `;
 }
@@ -294,93 +316,115 @@ export const profile: Profile = {
  * @returns {Promise<string>}
  */
 async function getCurrentMetroVersion(dependencies) {
-  const metroVersionDependencyChains = [
-    // 0.73+
-    ["@react-native/community-cli-plugin"],
-    // 0.65 - 0.72
-    ["@react-native-community/cli", "@react-native-community/cli-plugin-metro"],
-  ];
-
-  for (const chain of metroVersionDependencyChains) {
-    const deps = await chain.reduce(
-      (p, packageName) =>
-        p.then(async (dependencies) => {
-          if (!dependencies) {
-            return undefined;
-          }
+  const chain = ["react-native", "@react-native/community-cli-plugin"];
+  const deps = await chain.reduce(
+    (p, packageName) =>
+      p.then(async (dependencies) => {
+        if (!dependencies) {
+          return undefined;
+        }
 
-          try {
+        try {
+          const packageInfo = await packageJson(packageName, {
+            version: getPackageVersion(packageName, dependencies),
+            fullMetadata: true,
+          });
+          return Optional(packageInfo.dependencies);
+        } catch (e) {
+          if (e.code === "ETARGET" || e.name === "VersionNotFoundError") {
+            // Some packages, such as `@react-native-community/cli`, are still
+            // in alpha or beta while react-native is in pre-release. Try
+            // again with the `next` tag.
             const packageInfo = await packageJson(packageName, {
-              version: getPackageVersion(packageName, dependencies),
+              version: "next",
               fullMetadata: true,
             });
             return Optional(packageInfo.dependencies);
-          } catch (e) {
-            if (e.code === "ETARGET" || e.name === "VersionNotFoundError") {
-              // Some packages, such as `@react-native-community/cli`, are still
-              // in alpha or beta while react-native is in pre-release. Try
-              // again with the `next` tag.
-              const packageInfo = await packageJson(packageName, {
-                version: "next",
-                fullMetadata: true,
-              });
-              return Optional(packageInfo.dependencies);
-            } else {
-              return undefined;
-            }
+          } else {
+            return undefined;
           }
-        }),
-      Promise.resolve(Optional(dependencies))
-    );
+        }
+      }),
+    Promise.resolve(Optional(dependencies))
+  );
 
-    if (deps) {
-      return getPackageVersion("metro", deps);
-    }
+  if (!deps) {
+    throw new Error("Failed to get 'metro' version");
   }
 
-  throw new Error("Failed to get 'metro' version");
+  return getPackageVersion("metro", deps);
 }
 
 /**
  * Fetches package versions for specified react-native version.
  * @param {string} preset
  * @param {string} targetVersion
- * @param {Profile} latestProfile
  * @returns {Promise<string | undefined>}
  */
-async function makeProfile(preset, targetVersion, latestProfile) {
-  const reactNativeInfo = await fetchPackageInfo(
-    latestProfile["core"],
-    `^${targetVersion}.0-0`
-  );
-  if (!reactNativeInfo) {
-    throw new Error(`Failed to get manifest of 'react-native@${targetVersion}`);
+async function makeProfile(preset, targetVersion) {
+  const templatePkg = {
+    name: "@react-native-community/template",
+    version: "0.0.0",
+  };
+  const template = await fetchPackageInfo(templatePkg, `^${targetVersion}.0-0`);
+  if (!template) {
+    throw new Error(
+      `Failed to get manifest of '${templatePkg.name}@${targetVersion}`
+    );
   }
 
-  const { dependencies, peerDependencies } = reactNativeInfo;
+  const { tarball } = template;
+  const templateDir = await new Promise((resolve, reject) => {
+    https
+      .get(tarball, (res) => {
+        const tmpUrl = new URL("../node_modules/.tmp", import.meta.url);
+        fs.mkdirSync(tmpUrl, { recursive: true });
+
+        const tmpDir = fileURLToPath(tmpUrl);
+        const dest = path.join(fileURLToPath(tmpUrl), path.basename(tarball));
+        const fh = fs.createWriteStream(dest);
+        res.pipe(fh);
+        fh.on("finish", () => {
+          fh.close();
+          untar(dest);
+          resolve(path.join(tmpDir, "package"));
+        });
+      })
+      .on("error", (err) => reject(err));
+  });
+
+  const manifestPath = path.join(templateDir, "template", "package.json");
+  const manifest = JSON.parse(
+    fs.readFileSync(manifestPath, { encoding: "utf-8" })
+  );
+
+  const { dependencies, devDependencies } = manifest;
   if (!dependencies) {
     throw new Error(
-      `Failed to get dependencies of 'react-native@${targetVersion}`
+      `Failed to get dependencies of '${templatePkg.name}@${targetVersion}`
     );
   }
-  if (!peerDependencies) {
+  if (!devDependencies) {
     throw new Error(
-      `Failed to get peer dependencies of 'react-native@${targetVersion}`
+      `Failed to get dev dependencies of '${templatePkg.name}@${targetVersion}`
     );
   }
 
   return generateFromTemplate({
     preset,
     targetVersion,
-    reactVersion: getPackageVersion("react", peerDependencies),
-    cliVersion: getPackageVersion("@react-native-community/cli", dependencies),
+    reactVersion: getPackageVersion("react", dependencies),
+    cliVersion: getPackageVersion(
+      "@react-native-community/cli",
+      devDependencies
+    ),
     cliAndroidVersion: getPackageVersion(
       "@react-native-community/cli-platform-android",
-      dependencies
+      devDependencies
     ),
     cliIOSVersion: getPackageVersion(
       "@react-native-community/cli-platform-ios",
-      dependencies
+      devDependencies
     ),
     metroVersion: await getCurrentMetroVersion(dependencies),
   });
@@ -409,8 +453,6 @@ async function main({
       .reverse()
   );
 
-  const latestProfile = preset[allVersions[0]];
-
   if (targetVersion) {
     if (!force && preset[targetVersion]) {
       console.error(
@@ -420,11 +462,7 @@ async function main({
     }
 
     try {
-      const newProfile = await makeProfile(
-        presetName,
-        targetVersion,
-        latestProfile
-      );
+      const newProfile = await makeProfile(presetName, targetVersion);
       if (newProfile) {
         const [dst, presetFile] = getProfilePath(presetName, targetVersion);
         fs.writeFile(dst, newProfile, () => {
@@ -505,7 +543,7 @@ async function main({
   /** @type {[string, TableRow][]} */
   const delta = [];
   await Promise.all(
-    Object.entries(latestProfile)
+    Object.entries(preset[allVersions[0]])
       .filter(([capability]) => !ignoredCapabilities.includes(capability))
       .map(async ([capability, pkg]) => {
         await fetchPackageInfo(pkg).then((info) => {

packages/align-deps/src/presets/microsoft/react-native.ts

@@ -14,6 +14,7 @@ import { profile as profile_0_72 } from "./react-native/profile-0.72";
 import { profile as profile_0_73 } from "./react-native/profile-0.73";
 import { profile as profile_0_74 } from "./react-native/profile-0.74";
 import { profile as profile_0_75 } from "./react-native/profile-0.75";
+import { profile as profile_0_76 } from "./react-native/profile-0.76";
 
 // Also export this by name for scripts to work around a bug where this module
 // is wrapped twice, i.e. `{ default: { default: preset } }`, when imported as
@@ -34,4 +35,5 @@ export const preset: Readonly<Preset> = {
   "0.73": profile_0_73,
   "0.74": profile_0_74,
   "0.75": profile_0_75,
+  "0.76": profile_0_76,
 };

packages/align-deps/src/presets/microsoft/react-native/profile-0.74.ts

@@ -111,7 +111,7 @@ export const profile: Profile = {
   },
   netinfo: {
     name: "@react-native-community/netinfo",
-    version: "^11.3.1",
+    version: "^11.3.3",
   },
   "safe-area": {
     name: "react-native-safe-area-context",
@@ -136,6 +136,6 @@ export const profile: Profile = {
   },
   webview: {
     name: "react-native-webview",
-    version: "^13.10.5",
+    version: "^13.12.2",
   },
 };