@nx/expo 16.6.0-beta.3 → 16.6.0-beta.4

package/migrations.json

@@ -65,6 +65,18 @@
       "cli": "nx",
       "description": "Add app.json for detox",
       "factory": "./src/migrations/update-16-1-4/add-detox-app-json"
+    },
+    "update-16-6-0-add-dependsOn": {
+      "cli": "nx",
+      "version": "16.6.0-beta.0",
+      "description": "Add dependsOn like ensure-symlink or sync-deps to targets",
+      "implementation": "./src/migrations/update-16-6-0/add-depends-on"
+    },
+    "update-16-6-0-update-metro-config": {
+      "cli": "nx",
+      "version": "16.6.0-beta.0",
+      "description": "Update metro.config.js to use the new metro config format",
+      "implementation": "./src/migrations/update-16-6-0/update-metro-config"
     }
   },
   "packageJsonUpdates": {
@@ -855,6 +867,67 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "16.6.0": {
+      "version": "16.6.0-beta.0",
+      "packages": {
+        "expo": {
+          "version": "^49.0.3",
+          "alwaysAddToPackageJson": false
+        },
+        "@expo/metro-config": {
+          "version": "~0.10.6",
+          "alwaysAddToPackageJson": false
+        },
+        "expo-splash-screen": {
+          "version": "~0.20.4",
+          "alwaysAddToPackageJson": false
+        },
+        "expo-status-bar": {
+          "version": "~1.6.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@expo/cli": {
+          "version": "~0.10.10",
+          "alwaysAddToPackageJson": false
+        },
+        "eas-cli": {
+          "version": "~3.15.0",
+          "alwaysAddToPackageJson": false
+        },
+        "babel-preset-expo": {
+          "version": "~9.5.0",
+          "alwaysAddToPackageJson": false
+        },
+        "jest-expo": {
+          "version": "~49.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "metro-resolver": {
+          "version": "0.76.7",
+          "alwaysAddToPackageJson": false
+        },
+        "metro": {
+          "version": "0.76.7",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native": {
+          "version": "0.72.3",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-native": {
+          "version": "0.72.2",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-web": {
+          "version": "~0.19.6",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-svg": {
+          "version": "13.9.0",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/expo",
-  "version": "16.6.0-beta.3",
+  "version": "16.6.0-beta.4",
   "private": false,
   "description": "The Expo Plugin for Nx contains executors and generators for managing and developing an expo application within your workspace. For example, you can directly build for different target platforms as well as generate projects and publish your code.",
   "keywords": [
@@ -26,25 +26,28 @@
   "main": "./index",
   "types": "index.d.ts",
   "dependencies": {
-    "@nrwl/expo": "16.6.0-beta.3",
-    "@nx/detox": "16.6.0-beta.3",
-    "@nx/devkit": "16.6.0-beta.3",
-    "@nx/jest": "16.6.0-beta.3",
-    "@nx/js": "16.6.0-beta.3",
-    "@nx/linter": "16.6.0-beta.3",
-    "@nx/react": "16.6.0-beta.3",
-    "@nx/webpack": "16.6.0-beta.3",
+    "@nrwl/expo": "16.6.0-beta.4",
+    "@nx/detox": "16.6.0-beta.4",
+    "@nx/devkit": "16.6.0-beta.4",
+    "@nx/jest": "16.6.0-beta.4",
+    "@nx/js": "16.6.0-beta.4",
+    "@nx/linter": "16.6.0-beta.4",
+    "@nx/react": "16.6.0-beta.4",
+    "@nx/webpack": "16.6.0-beta.4",
     "chalk": "^4.1.0",
     "enhanced-resolve": "^5.8.3",
     "fs-extra": "^11.1.0",
-    "metro-resolver": "^0.74.1",
+    "metro-config": "0.76.7",
+    "metro-resolver": "0.76.7",
     "node-fetch": "^2.6.7",
     "tar-fs": "^2.1.1",
     "tsconfig-paths": "^4.1.2",
     "tsconfig-paths-webpack-plugin": "^4.0.0"
   },
   "peerDependencies": {
-    "expo": "^48.0.19"
+    "@expo/cli": ">= 0.10.0",
+    "eas-cli": ">= 3.15.0",
+    "expo": ">= 49.0.0"
   },
   "builders": "./executors.json",
   "ng-update": {
@@ -55,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cd8c61d7a3b8ab9bc7bab068f5ca49bbf14abbf5"
+  "gitHead": "b1a9ae7ce76697019b26ec9a172005840cca8da6"
 }

package/plugins/with-nx-metro.d.ts

@@ -1,8 +1,12 @@
+import type { MetroConfig } from 'metro-config';
 interface WithNxOptions {
     debug?: boolean;
     extensions?: string[];
+    /**
+     * @deprecated TODO(v17) in the metro.config.js, pass in to the getDefaultConfig instead: getDefaultConfig(__dirname)
+     */
     projectRoot?: string;
     watchFolders?: string[];
 }
-export declare function withNxMetro(config: any, opts?: WithNxOptions): any;
+export declare function withNxMetro(userConfig: MetroConfig, opts?: WithNxOptions): Promise<import("metro-config").ConfigT>;
 export {};

package/plugins/with-nx-metro.js

@@ -1,31 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withNxMetro = void 0;
+const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
+const metro_config_1 = require("metro-config");
 const path_1 = require("path");
 const fs_extra_1 = require("fs-extra");
 const metro_resolver_1 = require("./metro-resolver");
-function withNxMetro(config, opts = {}) {
+function withNxMetro(userConfig, opts = {}) {
     var _a;
-    const extensions = ['', 'ts', 'tsx', 'js', 'jsx', 'json'];
-    if (opts.debug)
-        process.env.NX_REACT_NATIVE_DEBUG = 'true';
-    if (opts.extensions)
-        extensions.push(...opts.extensions);
-    config.projectRoot = opts.projectRoot || devkit_1.workspaceRoot;
-    // Add support for paths specified by tsconfig
-    config.resolver = Object.assign(Object.assign({}, config.resolver), { resolveRequest: (0, metro_resolver_1.getResolveRequest)(extensions) });
-    let watchFolders = config.watchFolders || [];
-    watchFolders = watchFolders.concat([
-        (0, path_1.join)(devkit_1.workspaceRoot, 'node_modules'),
-        (0, path_1.join)(devkit_1.workspaceRoot, (0, devkit_1.workspaceLayout)().libsDir),
-        (0, path_1.join)(devkit_1.workspaceRoot, 'packages'),
-    ]);
-    if ((_a = opts.watchFolders) === null || _a === void 0 ? void 0 : _a.length) {
-        watchFolders = watchFolders.concat(opts.watchFolders);
-    }
-    watchFolders = watchFolders.filter((folder) => (0, fs_extra_1.existsSync)(folder));
-    config.watchFolders = watchFolders;
-    return config;
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const extensions = ['', 'ts', 'tsx', 'js', 'jsx', 'json'];
+        if (opts.debug)
+            process.env.NX_REACT_NATIVE_DEBUG = 'true';
+        if (opts.extensions)
+            extensions.push(...opts.extensions);
+        let watchFolders = [
+            (0, path_1.join)(devkit_1.workspaceRoot, 'node_modules'),
+            (0, path_1.join)(devkit_1.workspaceRoot, (0, devkit_1.workspaceLayout)().libsDir),
+            (0, path_1.join)(devkit_1.workspaceRoot, 'packages'),
+            (0, path_1.join)(devkit_1.workspaceRoot, '.storybook'),
+        ];
+        if ((_a = opts.watchFolders) === null || _a === void 0 ? void 0 : _a.length) {
+            watchFolders = watchFolders.concat(opts.watchFolders);
+        }
+        watchFolders = watchFolders.filter((folder) => (0, fs_extra_1.existsSync)(folder));
+        const nxConfig = {
+            resolver: {
+                resolveRequest: (0, metro_resolver_1.getResolveRequest)(extensions),
+            },
+            watchFolders,
+        };
+        return (0, metro_config_1.mergeConfig)(userConfig, nxConfig);
+    });
 }
 exports.withNxMetro = withNxMetro;

package/plugins/with-nx-webpack.d.ts

@@ -1,5 +1,5 @@
 /**
- * @deprecated use bundler: 'metro' instead, will be removed in 16.0.0
+ * @deprecated TODO(v17) use bundler: 'metro' instead, will be removed in 16.0.0
  * This function add additional rules to expo's webpack config to make expo web working
  */
 export declare function withNxWebpack(config: any): Promise<any>;

package/plugins/with-nx-webpack.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const tsconfig_paths_webpack_plugin_1 = require("tsconfig-paths-webpack-plugin");
 const path_1 = require("path");
 /**
- * @deprecated use bundler: 'metro' instead, will be removed in 16.0.0
+ * @deprecated TODO(v17) use bundler: 'metro' instead, will be removed in 16.0.0
  * This function add additional rules to expo's webpack config to make expo web working
  */
 function withNxWebpack(config) {

package/src/executors/build/build.impl.js

@@ -4,25 +4,25 @@ const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const child_process_1 = require("child_process");
-const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
 const download_impl_1 = require("../download/download.impl");
 const fs_extra_1 = require("fs-extra");
 let childProcess;
 function buildExecutor(options, context) {
     return tslib_1.__asyncGenerator(this, arguments, function* buildExecutor_1() {
         const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
-        (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(context.root, projectRoot);
         try {
             // remove the output app if it already existed
             if (options.local && options.output) {
                 (0, fs_extra_1.removeSync)(options.output);
+                if (options.output.endsWith('.tar.gz')) {
+                    // remove unzipped app if it already existed
+                    (0, fs_extra_1.removeSync)(options.output.replace('.tar.gz', '.app'));
+                }
             }
             yield tslib_1.__await(runCliBuild(context.root, projectRoot, options));
             // unzip the build if it's a tar.gz
             if (options.local && options.output && options.output.endsWith('.tar.gz')) {
-                const directoryPath = (0, path_1.normalize)(options.output).split(path_1.sep);
-                directoryPath.pop();
-                const outputDirectory = directoryPath.join(path_1.sep);
+                const outputDirectory = (0, path_1.dirname)(options.output);
                 yield tslib_1.__await((0, download_impl_1.unzipBuild)(options.output, outputDirectory));
             }
             yield yield tslib_1.__await({ success: true });
@@ -37,8 +37,8 @@ function buildExecutor(options, context) {
 exports.default = buildExecutor;
 function runCliBuild(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/eas-cli/bin/run'), ['build', ...createBuildOptions(options)], {
-            cwd: (0, path_1.join)(workspaceRoot, projectRoot),
+        childProcess = (0, child_process_1.fork)(require.resolve('eas-cli/bin/run'), ['build', ...createBuildOptions(options)], {
+            cwd: (0, path_1.resolve)(workspaceRoot, projectRoot),
             env: process.env,
         });
         // Ensure the child process is killed when the parent exits

package/src/executors/build/schema.json

@@ -55,7 +55,8 @@
     },
     "output": {
       "type": "string",
-      "description": "Output path for local build"
+      "description": "Output path for local build",
+      "examples": ["../../dist/MyApp.tar.gz", "../../dist"]
     },
     "wait": {
       "type": "boolean",

package/src/executors/build-list/build-list.impl.js

@@ -29,8 +29,8 @@ function buildListExecutor(options, context) {
 exports.default = buildListExecutor;
 function runCliBuildList(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/eas-cli/bin/run'), ['build:list', ...createBuildListOptions(options)], {
-            cwd: (0, path_1.join)(workspaceRoot, projectRoot),
+        childProcess = (0, child_process_1.fork)(require.resolve('eas-cli/bin/run'), ['build:list', ...createBuildListOptions(options)], {
+            cwd: (0, path_1.resolve)(workspaceRoot, projectRoot),
             env: process.env,
             stdio: ['inherit', 'pipe', 'inherit', 'ipc'], // only stream stdout on child process
         });

package/src/executors/download/download.impl.d.ts

@@ -5,6 +5,7 @@ export interface ReactNativeDownloadOutput {
     success: boolean;
 }
 /**
+ * @deprecated TODO(v17) this executor is to be removed in NX 17. It is no longer used.
  * This executor downloads the latest EAS build.
  * It calls the build list executor to list EAS builds with options passed in.
  */

package/src/executors/download/download.impl.js

@@ -15,6 +15,7 @@ const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-s
 const build_list_impl_1 = require("../build-list/build-list.impl");
 const streamPipeline = (0, util_1.promisify)(stream_1.pipeline);
 /**
+ * @deprecated TODO(v17) this executor is to be removed in NX 17. It is no longer used.
  * This executor downloads the latest EAS build.
  * It calls the build list executor to list EAS builds with options passed in.
  */

package/src/executors/export/export.impl.js

@@ -4,12 +4,10 @@ const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const child_process_1 = require("child_process");
 const path_1 = require("path");
-const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
 let childProcess;
 function exportExecutor(options, context) {
     return tslib_1.__asyncGenerator(this, arguments, function* exportExecutor_1() {
         const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
-        (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(context.root, projectRoot);
         try {
             yield tslib_1.__await(exportAsync(context.root, projectRoot, options));
             yield yield tslib_1.__await({
@@ -26,11 +24,11 @@ function exportExecutor(options, context) {
 exports.default = exportExecutor;
 function exportAsync(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/@expo/cli/build/bin/cli'), [
+        childProcess = (0, child_process_1.fork)(require.resolve('@expo/cli/build/bin/cli'), [
             `export${options.bundler === 'webpack' ? ':web' : ''}`,
             '.',
             ...createExportOptions(options),
-        ], { cwd: (0, path_1.join)(workspaceRoot, projectRoot), env: process.env });
+        ], { cwd: (0, path_1.resolve)(workspaceRoot, projectRoot), env: process.env });
         // Ensure the child process is killed when the parent exits
         process.on('exit', () => childProcess.kill());
         process.on('SIGTERM', () => childProcess.kill());

package/src/executors/install/install.impl.js

@@ -4,7 +4,6 @@ exports.installAsync = void 0;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const child_process_1 = require("child_process");
-const path_1 = require("path");
 const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
 let childProcess;
 function installExecutor(options, context) {
@@ -27,7 +26,7 @@ function installExecutor(options, context) {
 exports.default = installExecutor;
 function installAsync(workspaceRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/@expo/cli/build/bin/cli'), ['install', ...createInstallOptions(options)], { cwd: workspaceRoot, env: process.env });
+        childProcess = (0, child_process_1.fork)(require.resolve('@expo/cli/build/bin/cli'), ['install', ...createInstallOptions(options)], { cwd: workspaceRoot, env: process.env });
         // Ensure the child process is killed when the parent exits
         process.on('exit', () => childProcess.kill());
         process.on('SIGTERM', () => childProcess.kill());

package/src/executors/prebuild/prebuild.impl.js

@@ -18,7 +18,7 @@ function prebuildExecutor(options, context) {
             if (options.install) {
                 yield tslib_1.__await((0, install_impl_1.installAsync)(context.root, {}));
                 if (options.platform === 'ios') {
-                    yield tslib_1.__await((0, pod_install_task_1.podInstall)((0, path_1.join)(context.root, projectRoot, 'ios')));
+                    (0, pod_install_task_1.podInstall)((0, path_1.join)(context.root, projectRoot, 'ios'));
                 }
             }
             yield yield tslib_1.__await({
@@ -35,7 +35,7 @@ function prebuildExecutor(options, context) {
 exports.default = prebuildExecutor;
 function prebuildAsync(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/@expo/cli/build/bin/cli'), ['prebuild', ...createPrebuildOptions(options), '--no-install'], { cwd: (0, path_1.join)(workspaceRoot, projectRoot), env: process.env });
+        childProcess = (0, child_process_1.fork)(require.resolve('@expo/cli/build/bin/cli'), ['prebuild', ...createPrebuildOptions(options), '--no-install'], { cwd: (0, path_1.join)(workspaceRoot, projectRoot), env: process.env });
         // Ensure the child process is killed when the parent exits
         process.on('exit', () => childProcess.kill());
         process.on('SIGTERM', () => childProcess.kill());

package/src/executors/run/run.impl.js

@@ -6,8 +6,6 @@ const path_1 = require("path");
 const child_process_1 = require("child_process");
 const os_1 = require("os");
 const fs_extra_1 = require("fs-extra");
-const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
-const sync_deps_impl_1 = require("../sync-deps/sync-deps.impl");
 const prebuild_impl_1 = require("../prebuild/prebuild.impl");
 const pod_install_task_1 = require("../../utils/pod-install-task");
 const install_impl_1 = require("../install/install.impl");
@@ -18,10 +16,6 @@ function runExecutor(options, context) {
             throw new Error(`The run-ios build requires Mac to run`);
         }
         const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
-        (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(context.root, projectRoot);
-        if (options.sync) {
-            (0, sync_deps_impl_1.displayNewlyAddedDepsMessage)(context.projectName, yield tslib_1.__await((0, sync_deps_impl_1.syncDeps)(context.projectName, projectRoot, context.root, context.projectGraph)));
-        }
         if (!(0, fs_extra_1.existsSync)((0, path_1.join)(context.root, projectRoot, options.platform))) {
             yield tslib_1.__await((0, prebuild_impl_1.prebuildAsync)(context.root, projectRoot, {
                 install: options.install,
@@ -32,7 +26,7 @@ function runExecutor(options, context) {
         if (options.install) {
             yield tslib_1.__await((0, install_impl_1.installAsync)(context.root, {}));
             if (options.platform === 'ios') {
-                yield tslib_1.__await((0, pod_install_task_1.podInstall)((0, path_1.join)(context.root, projectRoot, 'ios')));
+                (0, pod_install_task_1.podInstall)((0, path_1.join)(context.root, projectRoot, 'ios'));
             }
         }
         try {
@@ -49,9 +43,10 @@ function runExecutor(options, context) {
 exports.default = runExecutor;
 function runCliRun(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/@expo/cli/build/bin/cli'), ['run:' + options.platform, ...createRunOptions(options), '--no-install'], // pass in no-install to prevent node_modules install
+        childProcess = (0, child_process_1.fork)(require.resolve('@expo/cli/build/bin/cli'), ['run:' + options.platform, ...createRunOptions(options), '--no-install'], // pass in no-install to prevent node_modules install
         {
-            cwd: projectRoot,
+            cwd: (0, path_1.resolve)(workspaceRoot, projectRoot),
+            env: process.env,
         });
         // Ensure the child process is killed when the parent exits
         process.on('exit', () => childProcess.kill());

package/src/executors/run/schema.d.ts

@@ -6,6 +6,9 @@
 export interface ExpoRunOptions {
   // nx options
   platform: 'ios' | 'android';
+  /**
+   * @deprecated TODO(v17) Add sync-deps to dependsOn in project.json for this target instead
+   */
   sync: boolean; // default is true
   install?: boolean; // default is true
   clean?: boolean; // default is false

package/src/executors/run/schema.json

@@ -39,6 +39,7 @@
       "type": "boolean",
       "description": "Syncs npm dependencies to package.json (for React Native autolink).",
       "default": true,
+      "x-deprecated": "Add sync-deps to dependsOn in project.json for this target instead",
       "x-priority": "internal"
     },
     "port": {

package/src/executors/start/schema.d.ts

@@ -20,6 +20,8 @@ export interface ExpoStartOptions {
   tunnel?: boolean;
   offline?: boolean;
 
-  // nx options
+  /**
+   * @deprecated TODO(v17) Add sync-deps to dependsOn in project.json for this target instead
+   */
   sync?: boolean; // default is true
 }

package/src/executors/start/schema.json

@@ -91,6 +91,7 @@
     "sync": {
       "type": "boolean",
       "description": "Syncs npm dependencies to package.json (for React Native autolink).",
+      "x-deprecated": "Add sync-deps to dependsOn in project.json for this target instead",
       "default": true
     }
   },

package/src/executors/start/start.impl.js

@@ -5,16 +5,10 @@ const chalk = require("chalk");
 const devkit_1 = require("@nx/devkit");
 const child_process_1 = require("child_process");
 const path_1 = require("path");
-const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
-const sync_deps_impl_1 = require("../sync-deps/sync-deps.impl");
 let childProcess;
 function startExecutor(options, context) {
     return tslib_1.__asyncGenerator(this, arguments, function* startExecutor_1() {
         const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
-        (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(context.root, projectRoot);
-        if (options.sync) {
-            (0, sync_deps_impl_1.displayNewlyAddedDepsMessage)(context.projectName, yield tslib_1.__await((0, sync_deps_impl_1.syncDeps)(context.projectName, projectRoot, context.root, context.projectGraph)));
-        }
         try {
             const baseUrl = `http://localhost:${options.port}`;
             devkit_1.logger.info(chalk.cyan(`Packager is ready at ${baseUrl}`));
@@ -34,7 +28,7 @@ function startExecutor(options, context) {
 exports.default = startExecutor;
 function startAsync(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/@expo/cli/build/bin/cli'), ['start', ...createStartOptions(options)], { cwd: (0, path_1.join)(workspaceRoot, projectRoot), env: process.env });
+        childProcess = (0, child_process_1.fork)(require.resolve('@expo/cli/build/bin/cli'), ['start', ...createStartOptions(options)], { cwd: (0, path_1.resolve)(workspaceRoot, projectRoot), env: process.env });
         // Ensure the child process is killed when the parent exits
         process.on('exit', () => childProcess.kill());
         process.on('SIGTERM', () => childProcess.kill());

package/src/executors/submit/submit.impl.js

@@ -4,12 +4,10 @@ const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const child_process_1 = require("child_process");
-const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
 let childProcess;
 function submitExecutor(options, context) {
     return tslib_1.__asyncGenerator(this, arguments, function* submitExecutor_1() {
         const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
-        (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(context.root, projectRoot);
         try {
             yield tslib_1.__await(runCliSubmit(context.root, projectRoot, options));
             yield yield tslib_1.__await({ success: true });
@@ -24,8 +22,8 @@ function submitExecutor(options, context) {
 exports.default = submitExecutor;
 function runCliSubmit(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/eas-cli/bin/run'), ['submit', ...createSubmitOptions(options)], {
-            cwd: (0, path_1.join)(workspaceRoot, projectRoot),
+        childProcess = (0, child_process_1.fork)(require.resolve('eas-cli/bin/run'), ['submit', ...createSubmitOptions(options)], {
+            cwd: (0, path_1.resolve)(workspaceRoot, projectRoot),
             env: process.env,
         });
         // Ensure the child process is killed when the parent exits

package/src/executors/update/update.impl.js

@@ -28,7 +28,7 @@ function buildExecutor(options, context) {
 exports.default = buildExecutor;
 function runCliUpdate(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/eas-cli/bin/run'), ['update', ...createUpdateOptions(options)], { cwd: (0, path_1.join)(workspaceRoot, projectRoot), env: process.env });
+        childProcess = (0, child_process_1.fork)(require.resolve('eas-cli/bin/run'), ['update', ...createUpdateOptions(options)], { cwd: (0, path_1.resolve)(workspaceRoot, projectRoot), env: process.env });
         // Ensure the child process is killed when the parent exits
         process.on('exit', () => childProcess.kill());
         process.on('SIGTERM', () => childProcess.kill());

package/src/generators/application/files/metro.config.js.template

@@ -1,25 +1,37 @@
 const { withNxMetro } = require('@nx/expo');
 const { getDefaultConfig } = require('@expo/metro-config');
+const { mergeConfig } = require('metro-config');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
 
 const defaultConfig = getDefaultConfig(__dirname);
+const { assetExts, sourceExts } = defaultConfig.resolver;
 
-module.exports = (async () => {
-  defaultConfig.transformer.babelTransformerPath = require.resolve(
-    'react-native-svg-transformer'
-  );
-  defaultConfig.resolver.assetExts = defaultConfig.resolver.assetExts.filter(
-    (ext) => ext !== 'svg'
-  );
-  defaultConfig.resolver.sourceExts.push('svg');
-  return withNxMetro(defaultConfig, {
-    // Change this to true to see debugging info.
-    // Useful if you have issues resolving modules
-    debug: false,
-    // all the file extensions used for imports other than 'ts', 'tsx', 'js', 'jsx'
-    extensions: [],
-    // the project root to start the metro server
-    projectRoot: __dirname,
-    // Specify any additional (to projectRoot) watch folders, this is used to know which files to watch
-    watchFolders: []
-  });
-})();
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+const customConfig = {
+  transformer: {
+    babelTransformerPath: require.resolve('react-native-svg-transformer'),
+  },
+  resolver: {
+    assetExts: assetExts.filter((ext) => ext !== 'svg'),
+    sourceExts: [...sourceExts, 'svg'],
+    blockList: exclusionList([/^(?!.*node_modules).*\/dist\/.*/]),
+    unstable_enableSymlinks: true,
+    unstable_enablePackageExports: true,
+  },
+};
+
+
+module.exports = withNxMetro(mergeConfig(defaultConfig, customConfig), {
+  // Change this to true to see debugging info.
+  // Useful if you have issues resolving modules
+  debug: false,
+  // all the file extensions used for imports other than 'ts', 'tsx', 'js', 'jsx', 'json'
+  extensions: [],
+  // Specify folders to watch, in addition to Nx defaults (workspace libraries and node_modules)
+  watchFolders: [],
+});

package/src/generators/application/files/package.json.template

@@ -5,6 +5,7 @@
   "dependencies": {
     "@testing-library/jest-native": "*",
     "@testing-library/react-native": "*",
+    "metro-config": "*",
     "react-native": "*",
     "expo": "*",
     "react-native-svg": "*",

package/src/generators/application/lib/add-project.js

@@ -17,6 +17,7 @@ function getTargets(options) {
     const architect = {};
     architect.start = {
         executor: '@nx/expo:start',
+        dependsOn: ['ensure-symlink', 'sync-deps'],
         options: {
             port: 8081,
         },
@@ -29,12 +30,14 @@ function getTargets(options) {
     };
     architect['run-ios'] = {
         executor: '@nx/expo:run',
+        dependsOn: ['ensure-symlink', 'sync-deps'],
         options: {
             platform: 'ios',
         },
     };
     architect['run-android'] = {
         executor: '@nx/expo:run',
+        dependsOn: ['ensure-symlink', 'sync-deps'],
         options: {
             platform: 'android',
         },
@@ -51,6 +54,9 @@ function getTargets(options) {
         executor: '@nx/expo:build-list',
         options: {},
     };
+    /**
+     * @deprecated TODO(v17) this executor is no longer used, to be removed in v17
+     */
     architect['download'] = {
         executor: '@nx/expo:download',
         options: {
@@ -67,6 +73,7 @@ function getTargets(options) {
     };
     architect['prebuild'] = {
         executor: '@nx/expo:prebuild',
+        dependsOn: ['ensure-symlink', 'sync-deps'],
         options: {},
     };
     architect['install'] = {
@@ -79,6 +86,7 @@ function getTargets(options) {
     };
     architect['export'] = {
         executor: '@nx/expo:export',
+        dependsOn: ['ensure-symlink', 'sync-deps'],
         options: {
             platform: 'all',
             outputDir: `${(0, devkit_1.offsetFromRoot)(options.appProjectRoot)}dist/${options.appProjectRoot}`,

package/src/migrations/update-16-6-0/add-depends-on.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This migration adds dependsOn to project.json.
+ *
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-16-6-0/add-depends-on.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+/**
+ * This migration adds dependsOn to project.json.
+ *
+ */
+function update(tree) {
+    var _a, _b;
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        for (const [name, config] of projects.entries()) {
+            if (((_b = (_a = config.targets) === null || _a === void 0 ? void 0 : _a['start']) === null || _b === void 0 ? void 0 : _b.executor) === '@nx/expo:start') {
+                config.targets['start'].dependsOn = ['ensure-symlink', 'sync-deps'];
+                config.targets['run-ios'].dependsOn = ['ensure-symlink', 'sync-deps'];
+                config.targets['run-android'].dependsOn = ['ensure-symlink', 'sync-deps'];
+                config.targets['prebuild'].dependsOn = ['ensure-symlink', 'sync-deps'];
+                config.targets['export'].dependsOn = ['ensure-symlink', 'sync-deps'];
+                (0, devkit_1.updateProjectConfiguration)(tree, name, config);
+            }
+        }
+    });
+}
+exports.default = update;

package/src/migrations/update-16-6-0/update-metro-config.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This migration updates metro.config.js to export config as a default.
+ *
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-16-6-0/update-metro-config.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+/**
+ * This migration updates metro.config.js to export config as a default.
+ *
+ */
+function update(tree) {
+    var _a, _b;
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projects = (0, devkit_1.getProjects)(tree);
+        for (const [_, config] of projects.entries()) {
+            if (((_b = (_a = config.targets) === null || _a === void 0 ? void 0 : _a['start']) === null || _b === void 0 ? void 0 : _b.executor) === '@nx/expo:start') {
+                if (tree.exists((0, path_1.join)(config.root, 'metro.config.js'))) {
+                    const oldConfig = tree
+                        .read((0, path_1.join)(config.root, 'metro.config.js'))
+                        .toString();
+                    tree.write((0, path_1.join)(config.root, 'metro-v71.config.js'), oldConfigComment + oldConfig);
+                    tree.write((0, path_1.join)(config.root, 'metro.config.js'), content);
+                }
+            }
+        }
+    });
+}
+exports.default = update;
+const oldConfigComment = `/**
+ * Old custom configuration for React Native v0.71.
+ * From @react-native/metro-config 0.72.1, it is no longer necessary to use a config function to access the complete default config.
+ * Please port your custom configuration to metro.config.js.
+ * Please see https://docs.expo.dev/guides/customizing-metro/ to learn about configuration.
+ */
+`;
+const content = `
+const { withNxMetro } = require('@nx/expo');
+const { getDefaultConfig } = require('@expo/metro-config');
+const { mergeConfig } = require('metro-config');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+
+const defaultConfig = getDefaultConfig(__dirname);
+const { assetExts, sourceExts } = defaultConfig.resolver;
+
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+const customConfig = {
+  transformer: {
+    babelTransformerPath: require.resolve('react-native-svg-transformer'),
+  },
+  resolver: {
+    assetExts: assetExts.filter((ext) => ext !== 'svg'),
+    sourceExts: [...sourceExts, 'svg'],
+    blockList: exclusionList([/^(?!.*node_modules).*\/dist\/.*/]),
+    unstable_enableSymlinks: true,
+    unstable_enablePackageExports: true,
+  },
+};
+
+
+module.exports = withNxMetro(mergeConfig(defaultConfig, customConfig), {
+  // Change this to true to see debugging info.
+  // Useful if you have issues resolving modules
+  debug: false,
+  // all the file extensions used for imports other than 'ts', 'tsx', 'js', 'jsx', 'json'
+  extensions: [],
+  // Specify folders to watch, in addition to Nx defaults (workspace libraries and node_modules)
+  watchFolders: [],
+});
+`;

package/src/utils/versions.d.ts

@@ -1,22 +1,21 @@
 export declare const nxVersion: any;
-export declare const expoVersion = "48.0.19";
-export declare const expoMetroConfigVersion = "0.7.1";
-export declare const expoSplashScreenVersion = "~0.18.2";
-export declare const expoStatusBarVersion = "~1.4.4";
-export declare const expoUpdatesVersion = "~0.16.4";
-export declare const expoCliVersion = "~0.7.3";
-export declare const easCliVersion = "~3.13.3";
-export declare const babelPresetExpoVersion = "~9.3.2";
+export declare const expoVersion = "49.0.3";
+export declare const expoMetroConfigVersion = "~0.10.6";
+export declare const expoSplashScreenVersion = "~0.20.4";
+export declare const expoStatusBarVersion = "~1.6.0";
+export declare const expoCliVersion = "~0.10.10";
+export declare const easCliVersion = "~3.15.1";
+export declare const babelPresetExpoVersion = "~9.5.0";
 export declare const reactVersion = "18.2.0";
 export declare const reactDomVersion = "18.2.0";
 export declare const reactTestRendererVersion = "18.2.0";
 export declare const typesReactVersion = "18.0.28";
-export declare const reactNativeVersion = "0.71.8";
-export declare const typesReactNativeVersion = "0.71.7";
-export declare const reactNativeWebVersion = "~0.18.12";
+export declare const reactNativeVersion = "0.72.3";
+export declare const typesReactNativeVersion = "0.72.2";
+export declare const reactNativeWebVersion = "~0.19.6";
 export declare const reactNativeSvgTransformerVersion = "1.0.0";
-export declare const reactNativeSvgVersion = "13.4.0";
-export declare const metroVersion = "0.74.1";
+export declare const reactNativeSvgVersion = "13.9.0";
+export declare const metroVersion = "0.76.7";
 export declare const testingLibraryReactNativeVersion = "12.1.2";
 export declare const testingLibraryJestNativeVersion = "5.4.2";
-export declare const jestExpoVersion = "~48.0.2";
+export declare const jestExpoVersion = "~49.0.0";

package/src/utils/versions.js

@@ -1,25 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.jestExpoVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.metroVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.reactNativeWebVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.typesReactVersion = exports.reactTestRendererVersion = exports.reactDomVersion = exports.reactVersion = exports.babelPresetExpoVersion = exports.easCliVersion = exports.expoCliVersion = exports.expoUpdatesVersion = exports.expoStatusBarVersion = exports.expoSplashScreenVersion = exports.expoMetroConfigVersion = exports.expoVersion = exports.nxVersion = void 0;
+exports.jestExpoVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.metroVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.reactNativeWebVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.typesReactVersion = exports.reactTestRendererVersion = exports.reactDomVersion = exports.reactVersion = exports.babelPresetExpoVersion = exports.easCliVersion = exports.expoCliVersion = exports.expoStatusBarVersion = exports.expoSplashScreenVersion = exports.expoMetroConfigVersion = exports.expoVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
-exports.expoVersion = '48.0.19';
-exports.expoMetroConfigVersion = '0.7.1';
-exports.expoSplashScreenVersion = '~0.18.2';
-exports.expoStatusBarVersion = '~1.4.4';
-exports.expoUpdatesVersion = '~0.16.4';
-exports.expoCliVersion = '~0.7.3'; // @expo/cli
-exports.easCliVersion = '~3.13.3';
-exports.babelPresetExpoVersion = '~9.3.2';
+exports.expoVersion = '49.0.3';
+exports.expoMetroConfigVersion = '~0.10.6';
+exports.expoSplashScreenVersion = '~0.20.4';
+exports.expoStatusBarVersion = '~1.6.0';
+exports.expoCliVersion = '~0.10.10'; // @expo/cli
+exports.easCliVersion = '~3.15.1';
+exports.babelPresetExpoVersion = '~9.5.0';
 exports.reactVersion = '18.2.0';
 exports.reactDomVersion = '18.2.0';
 exports.reactTestRendererVersion = '18.2.0';
 exports.typesReactVersion = '18.0.28';
-exports.reactNativeVersion = '0.71.8';
-exports.typesReactNativeVersion = '0.71.7';
-exports.reactNativeWebVersion = '~0.18.12';
+exports.reactNativeVersion = '0.72.3';
+exports.typesReactNativeVersion = '0.72.2';
+exports.reactNativeWebVersion = '~0.19.6';
 exports.reactNativeSvgTransformerVersion = '1.0.0';
-exports.reactNativeSvgVersion = '13.4.0';
-exports.metroVersion = '0.74.1';
+exports.reactNativeSvgVersion = '13.9.0';
+exports.metroVersion = '0.76.7';
 exports.testingLibraryReactNativeVersion = '12.1.2';
 exports.testingLibraryJestNativeVersion = '5.4.2';
-exports.jestExpoVersion = '~48.0.2';
+exports.jestExpoVersion = '~49.0.0';