expo-desktop 0.1.33 → 0.1.34

package/build/common/npm.js

@@ -135,6 +135,9 @@ export function packageManagerExec(packageManager) {
             command = "npx";
             args.push("--yes");
             break;
+        case "yarn":
+            command = "yarn";
+            break;
         case "pnpm":
             command = "pnpm";
             args.push("exec");

package/build/create-app/command.js

@@ -51,6 +51,7 @@ export async function newExpoDesktopProject(args) {
             },
             { value: "bun", label: `Bun${platform === "darwin" ? " (recommended)" : ""}` },
             { value: "pnpm", label: `pnpm${platform === "win32" ? " (recommended)" : ""}` },
+            { value: "yarn", label: "yarn" },
         ],
         initialValue: platform === "darwin" ? "bun" : platform === "win32" ? "pnpm" : "npm",
     });

package/build/create-app/create-expo-desktop-app.js

@@ -103,6 +103,7 @@ export async function createExpoDesktopApp({ localDev, name, packageManager, tem
     await improveMetroConfig({ projectPath });
     title("Adding Expo support to the Babel config…", { spacing: 1 });
     await writeBabelConfig({ projectPath });
+    logProjectReady({ cdPath: name.filesafeName, packageManager });
 }
 async function getBundleEntryFileCandidates({ projectPath }) {
     try {
@@ -148,8 +149,13 @@ async function createExpoApp({ localDev, name, packageManager, versions, }) {
     // create-expo-app for non-interactive template selection; set `CI=true` in the
     // child env so git-init inside an existing repo is skipped too.
     const command = packageManager === "npm" ? "npx" : packageManager;
+    let packageManagerArgs = ["create", "expo-app@latest"];
+    if (packageManager === "npm")
+        packageManagerArgs = ["--yes", "create-expo-app@latest"];
+    if (packageManager === "yarn")
+        packageManagerArgs = ["create", "expo-app"];
     const args = [
-        ...(packageManager === "npm" ? ["--yes", "create-expo-app"] : ["create", "expo-app"]),
+        ...packageManagerArgs,
         name.filesafeName,
         "--yes",
         "--template",
@@ -322,13 +328,40 @@ async function updatePackageJson({ localDev, name, projectPath, task, versions,
         if (!packageJson.overrides) {
             packageJson.overrides = {};
         }
-        // react-native-macos and react-native-windows may declare conflicting peer
-        // dependency ranges to what the Expo template provides.
-        if (packageJson.dependencies.react) {
-            packageJson.overrides.react = packageJson.dependencies.react;
+        // The "react" version in expo-template-blank-typescript for SDK 54 is
+        // 19.1.0, but it needs to be 19.1.4 to satisfy react-native-macos and
+        // react-native-windows. We find that the React Native HelloWorld template
+        // is more reliable as a source of truth for the best "react" and
+        // "react-native" versions to satisfy them, but it's still a best of a bad
+        // job.
+        let facebookDeps;
+        try {
+            const packageJson = (await getReactNativePackageJson(versions.minor));
+            facebookDeps = {
+                react: packageJson.dependencies.react,
+                "react-native": packageJson.dependencies["react-native"],
+            };
+        }
+        catch (error) {
+            // It's totally possible to get rate-limited by the GitHub API, so we'll
+            // avoid failing the entire command just for a bad fetch here.
+            console.warn(`Unable to get the ideal dependency versions for "react" and "react-native" from the official React Native HelloWorld template, so will use the ones from the Expo template as-is.`, error);
         }
-        if (packageJson.dependencies["react-native"]) {
-            packageJson.overrides["react-native"] = packageJson.dependencies["react-native"];
+        if (facebookDeps) {
+            packageJson.dependencies.react = facebookDeps.react;
+            packageJson.overrides.react = facebookDeps.react;
+            packageJson.dependencies["react-native"] = facebookDeps["react-native"];
+            packageJson.overrides["react-native"] = facebookDeps["react-native"];
+        }
+        else {
+            // react-native-macos and react-native-windows may declare conflicting
+            // peer dependency ranges to what the Expo template provides.
+            if (packageJson.dependencies.react) {
+                packageJson.overrides.react = packageJson.dependencies.react;
+            }
+            if (packageJson.dependencies["react-native"]) {
+                packageJson.overrides["react-native"] = packageJson.dependencies["react-native"];
+            }
         }
     }
     try {
@@ -340,6 +373,10 @@ async function updatePackageJson({ localDev, name, projectPath, task, versions,
     console.log(`${green("◆")}  Altered package.json.\n`);
     return { name: nameBefore };
 }
+async function getReactNativePackageJson(minor) {
+    const response = await fetch(`https://raw.githubusercontent.com/facebook/react-native/refs/heads/0.${minor}-stable/private/helloworld/package.json`);
+    return await response.json();
+}
 async function npmInstall({ asNewWorkspace, cwd, packageManager, }) {
     const command = packageManager;
     const args = ["install"];
@@ -696,3 +733,36 @@ async function applyConfigPlugins(options) {
 await applyConfigPlugins(info);
     `.trim() + "\n", "utf-8");
 }
+function logProjectReady({ cdPath, packageManager, }) {
+    const lines = [
+        "✅ Your project is ready!",
+        "",
+        "To run your project, first navigate to the directory and start up the packager:",
+        "",
+        `- cd ${cdPath}`,
+        `- ${formatRunCommand(packageManager, "start")}`,
+        "",
+        "… and then run the target platform of your choice:",
+        "",
+        `- ${formatRunCommand(packageManager, "android")}`,
+        `- ${formatRunCommand(packageManager, "ios")}`,
+        `- ${formatRunCommand(packageManager, "web")}`,
+        `- ${formatRunCommand(packageManager, "macos")}`,
+        `- ${formatRunCommand(packageManager, "windows")}`,
+        "",
+    ];
+    log.success(lines.join("\n"), { withGuide: false });
+}
+export function formatRunCommand(packageManager, cmd) {
+    switch (packageManager) {
+        case "pnpm":
+            return `pnpm run ${cmd}`;
+        case "yarn":
+            return `yarn ${cmd}`;
+        case "bun":
+            return `bun run ${cmd}`;
+        case "npm":
+        default:
+            return `npm run ${cmd}`;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-desktop",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "description": "Best-effort desktop support for Expo",
   "keywords": [
     "android",
@@ -37,8 +37,8 @@
     "@clack/prompts": "^1.2.0",
     "arktype": "^2.2.0",
     "citty": "^0.2.2",
-    "expo-desktop-config-plugins": "^1.1.30",
-    "expo-desktop-prebuild-config": "^1.0.16",
+    "expo-desktop-config-plugins": "^1.1.31",
+    "expo-desktop-prebuild-config": "^1.0.17",
     "glob": "^10.5.0",
     "kleur": "^4.1.5",
     "mustache": "^4.2.0",