@nx/expo 17.0.4 → 17.0.6

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

@@ -4,15 +4,17 @@ exports.prebuildAsync = void 0;
 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 pod_install_task_1 = require("../../utils/pod-install-task");
 const install_impl_1 = require("../install/install.impl");
 let childProcess;
 async function* prebuildExecutor(options, context) {
     const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
+    (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(context.root, projectRoot);
     try {
         await prebuildAsync(context.root, projectRoot, options);
         if (options.install) {
-            await (0, install_impl_1.installAsync)(devkit_1.workspaceRoot, {});
+            await (0, install_impl_1.installAsync)(context.root, {});
             if (options.platform === 'ios') {
                 (0, pod_install_task_1.podInstall)((0, path_1.join)(context.root, projectRoot, 'ios'));
             }
@@ -48,21 +50,13 @@ function prebuildAsync(workspaceRoot, projectRoot, options) {
     });
 }
 exports.prebuildAsync = prebuildAsync;
-const nxOptions = ['install', 'interactive']; // interactive is passed in by e2e tests
+const nxOptions = ['install', 'interactive'];
 // options from https://github.com/expo/expo/blob/main/packages/%40expo/cli/src/prebuild/index.ts
 function createPrebuildOptions(options) {
     return Object.keys(options).reduce((acc, k) => {
         if (!nxOptions.includes(k)) {
             const v = options[k];
-            if (typeof v === 'boolean') {
-                if (v === true) {
-                    // when true, does not need to pass the value true, just need to pass the flag in kebob case
-                    acc.push(`--${(0, devkit_1.names)(k).fileName}`);
-                }
-            }
-            else {
-                acc.push(`--${(0, devkit_1.names)(k).fileName}`, v);
-            }
+            acc.push(`--${(0, devkit_1.names)(k).fileName}=${v}`);
         }
         return acc;
     }, []);

package/src/executors/prebuild/schema.json

@@ -3,7 +3,7 @@
   "version": 2,
   "outputCapture": "direct-nodejs",
   "$id": "NxExpoPrebuild",
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "title": "Expo Prebuild",
   "description": "Create native iOS and Android project files for building natively.",
   "type": "object",
@@ -31,6 +31,5 @@
       "description": "Project template to clone from. File path pointing to a local tar file or a github repo"
     }
   },
-  "required": ["platform"],
   "examplesFile": "../../../docs/prebuild-examples.md"
 }

package/src/executors/run/schema.json

@@ -3,7 +3,7 @@
   "outputCapture": "direct-nodejs",
   "cli": "nx",
   "$id": "NxExpoRun",
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "title": "Run iOS or Android application",
   "description": "Run Expo target options.",
   "type": "object",

package/src/executors/start/schema.json

@@ -3,7 +3,7 @@
   "outputCapture": "direct-nodejs",
   "cli": "nx",
   "$id": "NxExpoStart",
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "title": "Packager Server for Expo",
   "description": "Packager Server target options.",
   "type": "object",

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

@@ -25,13 +25,7 @@ async function* startExecutor(options, context) {
 exports.default = startExecutor;
 function startAsync(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)(require.resolve('@expo/cli/build/bin/cli'), ['start', ...createStartOptions(options)], {
-            cwd: (0, path_1.resolve)(workspaceRoot, projectRoot),
-            env: {
-                RCT_METRO_PORT: options.port.toString(),
-                ...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/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "version": 2,
   "title": "EXPO EAS Submit Executor",
   "description": "Submit app binary to App Store and/or Play Store.",

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const child_process_1 = require("child_process");
-const resolve_eas_1 = require("../../utils/resolve-eas");
 let childProcess;
 async function* submitExecutor(options, context) {
     const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
@@ -20,7 +19,7 @@ async function* submitExecutor(options, context) {
 exports.default = submitExecutor;
 function runCliSubmit(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, resolve_eas_1.resolveEas)(workspaceRoot), ['submit', ...createSubmitOptions(options)], {
+        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,
         });

package/src/executors/sync-deps/schema.d.ts

@@ -1,5 +1,4 @@
 export interface ExpoSyncDepsOptions {
   include: string[] | string; // default is an empty array []
   exclude: string[] | string; // default is an empty array []
-  all: boolean; // default is false
 }

package/src/executors/sync-deps/schema.json

@@ -3,7 +3,7 @@
   "outputCapture": "direct-nodejs",
   "cli": "nx",
   "$id": "NxExpoSyncDeps",
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "title": "Sync Deps for Expo",
   "description": "Updates package.json with project dependencies.",
   "type": "object",
@@ -23,11 +23,6 @@
       },
       "default": [],
       "description": "An array of npm packages to exclude."
-    },
-    "all": {
-      "type": "boolean",
-      "description": "Copy all dependencies and devDependencies from the workspace root package.json.",
-      "default": false
     }
   }
 }

package/src/executors/sync-deps/sync-deps.impl.d.ts

@@ -1,9 +1,8 @@
 import { ExecutorContext, ProjectGraph } from '@nx/devkit';
 import { ExpoSyncDepsOptions } from './schema';
-import { PackageJson } from 'nx/src/utils/package-json';
-export interface ReactNativeSyncDepsOutput {
+export interface ExpoSyncDepsOutput {
     success: boolean;
 }
-export default function syncDepsExecutor(options: ExpoSyncDepsOptions, context: ExecutorContext): AsyncGenerator<ReactNativeSyncDepsOutput>;
-export declare function syncDeps(projectName: string, projectPackageJson: PackageJson, projectPackageJsonPath: string, workspacePackageJson: PackageJson, projectGraph?: ProjectGraph, include?: string[], exclude?: string[], all?: boolean): Promise<string[]>;
+export default function syncDepsExecutor(options: ExpoSyncDepsOptions, context: ExecutorContext): AsyncGenerator<ExpoSyncDepsOutput>;
+export declare function syncDeps(projectName: string, projectRoot: string, workspaceRoot: string, projectGraph: ProjectGraph, include?: string[], exclude?: string[]): Promise<string[]>;
 export declare function displayNewlyAddedDepsMessage(projectName: string, deps: string[]): void;

package/src/executors/sync-deps/sync-deps.impl.js

@@ -7,29 +7,22 @@ const devkit_1 = require("@nx/devkit");
 const find_all_npm_dependencies_1 = require("../../utils/find-all-npm-dependencies");
 async function* syncDepsExecutor(options, context) {
     const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
-    const workspacePackageJsonPath = (0, path_1.join)(context.root, 'package.json');
-    const projectPackageJsonPath = (0, path_1.join)(context.root, projectRoot, 'package.json');
-    const workspacePackageJson = (0, devkit_1.readJsonFile)(workspacePackageJsonPath);
-    const projectPackageJson = (0, devkit_1.readJsonFile)(projectPackageJsonPath);
-    displayNewlyAddedDepsMessage(context.projectName, await syncDeps(context.projectName, projectPackageJson, projectPackageJsonPath, workspacePackageJson, context.projectGraph, typeof options.include === 'string'
+    displayNewlyAddedDepsMessage(context.projectName, await syncDeps(context.projectName, projectRoot, context.root, context.projectGraph, typeof options.include === 'string'
         ? options.include.split(',')
         : options.include, typeof options.exclude === 'string'
         ? options.exclude.split(',')
-        : options.exclude, options.all));
+        : options.exclude));
     yield { success: true };
 }
 exports.default = syncDepsExecutor;
-async function syncDeps(projectName, projectPackageJson, projectPackageJsonPath, workspacePackageJson, projectGraph = (0, devkit_1.readCachedProjectGraph)(), include = [], exclude = [], all = false) {
-    let npmDeps = all
-        ? Object.keys(workspacePackageJson.dependencies || {})
-        : (0, find_all_npm_dependencies_1.findAllNpmDependencies)(projectGraph, projectName);
-    let npmDevdeps = all
-        ? Object.keys(workspacePackageJson.devDependencies || {})
-        : [];
+async function syncDeps(projectName, projectRoot, workspaceRoot, projectGraph, include = [], exclude = []) {
+    let npmDeps = (0, find_all_npm_dependencies_1.findAllNpmDependencies)(projectGraph, projectName);
+    const packageJsonPath = (0, path_1.join)(workspaceRoot, projectRoot, 'package.json');
+    const packageJson = (0, devkit_1.readJsonFile)(packageJsonPath);
     const newDeps = [];
     let updated = false;
-    if (!projectPackageJson.dependencies) {
-        projectPackageJson.dependencies = {};
+    if (!packageJson.dependencies) {
+        packageJson.dependencies = {};
         updated = true;
     }
     if (include && include.length) {
@@ -38,30 +31,15 @@ async function syncDeps(projectName, projectPackageJson, projectPackageJsonPath,
     if (exclude && exclude.length) {
         npmDeps = npmDeps.filter((dep) => !exclude.includes(dep));
     }
-    if (!projectPackageJson.devDependencies) {
-        projectPackageJson.devDependencies = {};
-    }
-    if (!projectPackageJson.dependencies) {
-        projectPackageJson.dependencies = {};
-    }
     npmDeps.forEach((dep) => {
-        if (!projectPackageJson.dependencies[dep] &&
-            !projectPackageJson.devDependencies[dep]) {
-            projectPackageJson.dependencies[dep] = '*';
-            newDeps.push(dep);
-            updated = true;
-        }
-    });
-    npmDevdeps.forEach((dep) => {
-        if (!projectPackageJson.dependencies[dep] &&
-            !projectPackageJson.devDependencies[dep]) {
-            projectPackageJson.devDependencies[dep] = '*';
+        if (!packageJson.dependencies[dep]) {
+            packageJson.dependencies[dep] = '*';
             newDeps.push(dep);
             updated = true;
         }
     });
     if (updated) {
-        (0, devkit_1.writeJsonFile)(projectPackageJsonPath, projectPackageJson);
+        (0, devkit_1.writeJsonFile)(packageJsonPath, packageJson);
     }
     return newDeps;
 }

package/src/executors/update/schema.json

@@ -1,7 +1,7 @@
 {
   "version": 2,
   "outputCapture": "direct-nodejs",
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "$id": "NxExpoEasUpdate",
   "cli": "nx",
   "title": "Expo EAS Update executor",

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

@@ -3,18 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const child_process_1 = require("child_process");
-const resolve_eas_1 = require("../../utils/resolve-eas");
+const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
 const sync_deps_impl_1 = require("../sync-deps/sync-deps.impl");
 const install_impl_1 = require("../install/install.impl");
 let childProcess;
 async function* buildExecutor(options, context) {
     const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
-    const workspacePackageJsonPath = (0, path_1.join)(context.root, 'package.json');
-    const projectPackageJsonPath = (0, path_1.join)(context.root, projectRoot, 'package.json');
-    const workspacePackageJson = (0, devkit_1.readJsonFile)(workspacePackageJsonPath);
-    const projectPackageJson = (0, devkit_1.readJsonFile)(projectPackageJsonPath);
     await (0, install_impl_1.installAsync)(context.root, { packages: ['expo-updates'] });
-    (0, sync_deps_impl_1.displayNewlyAddedDepsMessage)(context.projectName, await (0, sync_deps_impl_1.syncDeps)(context.projectName, projectPackageJson, projectPackageJsonPath, workspacePackageJson, context.projectGraph, ['expo-updates']));
+    (0, sync_deps_impl_1.displayNewlyAddedDepsMessage)(context.projectName, await (0, sync_deps_impl_1.syncDeps)(context.projectName, projectRoot, context.root, context.projectGraph, ['expo-updates']));
+    (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(context.root, projectRoot);
     try {
         await runCliUpdate(context.root, projectRoot, options);
         yield { success: true };
@@ -28,7 +25,7 @@ async function* buildExecutor(options, context) {
 exports.default = buildExecutor;
 function runCliUpdate(workspaceRoot, projectRoot, options) {
     return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, resolve_eas_1.resolveEas)(workspaceRoot), ['update', ...createUpdateOptions(options)], { cwd: (0, path_1.resolve)(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/application.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.expoApplicationGeneratorInternal = exports.expoApplicationGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
-const js_1 = require("@nx/js");
+const symlink_task_1 = require("../../utils/symlink-task");
 const add_linting_1 = require("../../utils/add-linting");
 const add_jest_1 = require("../../utils/add-jest");
 const normalize_options_1 = require("./lib/normalize-options");
@@ -10,13 +10,9 @@ const init_1 = require("../init/init");
 const add_project_1 = require("./lib/add-project");
 const create_application_files_1 = require("./lib/create-application-files");
 const add_eas_scripts_1 = require("./lib/add-eas-scripts");
-const add_e2e_1 = require("./lib/add-e2e");
-const ensure_dependencies_1 = require("../../utils/ensure-dependencies");
-const init_root_babel_config_1 = require("../../utils/init-root-babel-config");
-const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
+const add_detox_1 = require("./lib/add-detox");
 async function expoApplicationGenerator(host, schema) {
     return await expoApplicationGeneratorInternal(host, {
-        addPlugin: false,
         projectNameAndRootFormat: 'derived',
         ...schema,
     });
@@ -24,20 +20,9 @@ async function expoApplicationGenerator(host, schema) {
 exports.expoApplicationGenerator = expoApplicationGenerator;
 async function expoApplicationGeneratorInternal(host, schema) {
     const options = await (0, normalize_options_1.normalizeOptions)(host, schema);
-    const tasks = [];
-    const jsInitTask = await (0, js_1.initGenerator)(host, {
-        ...schema,
-        skipFormat: true,
-    });
-    tasks.push(jsInitTask);
-    const initTask = await (0, init_1.default)(host, { ...options, skipFormat: true });
-    tasks.push(initTask);
-    if (!options.skipPackageJson) {
-        tasks.push((0, ensure_dependencies_1.ensureDependencies)(host));
-    }
-    (0, init_root_babel_config_1.initRootBabelConfig)(host);
     (0, create_application_files_1.createApplicationFiles)(host, options);
     (0, add_project_1.addProject)(host, options);
+    const initTask = await (0, init_1.default)(host, { ...options, skipFormat: true });
     const lintTask = await (0, add_linting_1.addLinting)(host, {
         ...options,
         projectRoot: options.appProjectRoot,
@@ -45,19 +30,14 @@ async function expoApplicationGeneratorInternal(host, schema) {
             (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
         ],
     });
-    tasks.push(lintTask);
-    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.projectName, options.appProjectRoot, options.js, options.skipPackageJson, options.addPlugin);
-    tasks.push(jestTask);
-    const e2eTask = await (0, add_e2e_1.addE2e)(host, options);
-    tasks.push(e2eTask);
+    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.projectName, options.appProjectRoot, options.js, options.skipPackageJson);
+    const detoxTask = await (0, add_detox_1.addDetox)(host, options);
+    const symlinkTask = (0, symlink_task_1.runSymlink)(host.root, options.appProjectRoot);
     (0, add_eas_scripts_1.addEasScripts)(host);
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(host);
     }
-    tasks.push(() => {
-        (0, log_show_project_command_1.logShowProjectCommand)(options.projectName);
-    });
-    return (0, devkit_1.runTasksInSerial)(...tasks);
+    return (0, devkit_1.runTasksInSerial)(initTask, lintTask, jestTask, detoxTask, symlinkTask);
 }
 exports.expoApplicationGeneratorInternal = expoApplicationGeneratorInternal;
 exports.default = expoApplicationGenerator;

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

@@ -30,7 +30,6 @@
       "bundler": "metro"
     },
     "plugins": [
-      <% if (e2eTestRunner === 'detox') { %>
       [
         "@config-plugins/detox",
         {
@@ -38,7 +37,6 @@
           "subdomains": ["10.0.2.2", "localhost"]
         }
       ]
-      <% } %>
     ]
   }
 }

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

@@ -21,5 +21,8 @@
   },
   "submit": {
     "production": {}
+  },
+  "cli": {
+    "version": ">= <%= easCliVersion.replace('~', '') %>"
   }
 }

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

@@ -1,6 +1,7 @@
 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;
@@ -17,7 +18,10 @@ const customConfig = {
   },
   resolver: {
     assetExts: assetExts.filter((ext) => ext !== 'svg'),
-    sourceExts: [...sourceExts, 'cjs', 'mjs', 'svg'],
+    sourceExts: [...sourceExts, 'svg'],
+    blockList: exclusionList([/^(?!.*node_modules).*\/dist\/.*/]),
+    // unstable_enableSymlinks: true,
+    // unstable_enablePackageExports: true,
   },
 };
 

package/src/generators/application/files/src/app/App.tsx.template

@@ -10,7 +10,7 @@ import {
   TouchableOpacity,
   Linking,
 } from 'react-native';
-import Svg, { G, Path } from 'react-native-svg';
+import Svg, { Path } from 'react-native-svg';
 
 export const App = () => {
   const [whatsNextYCoord, setWhatsNextYCoord] = useState<number>(0);
@@ -19,10 +19,7 @@ export const App = () => {
   return (
     <>
       <StatusBar barStyle="dark-content" />
-      <SafeAreaView
-       style={{
-          flex: 1,
-        }}>
+      <SafeAreaView>
         <ScrollView
           ref={(ref) => {
             scrollViewRef.current = ref;
@@ -32,7 +29,7 @@ export const App = () => {
         >
           <View style={styles.section}>
             <Text style={styles.textLg}>Hello there,</Text>
-            <Text style={[styles.textXL, styles.appTitleText]} testID="heading" role="heading">
+            <Text style={[styles.textXL, styles.appTitleText]} testID="heading">
               Welcome <%= displayName %> 👋
             </Text>
           </View>
@@ -311,14 +308,11 @@ export const App = () => {
                     Install Nx Console for VSCode
                   </Text>
                   <Text style={[styles.textXS, styles.textLight]}>
-                    The official VSCode extension for Nx.
+                    The official VSCode plugin for Nx.
                   </Text>
                 </View>
               </View>
             </TouchableOpacity>
-          </View>
-
-            <View style={[styles.section, styles.shadowBox]}>
             <TouchableOpacity
               onPress={() =>
                 Linking.openURL(
@@ -327,20 +321,13 @@ export const App = () => {
               }
             >
               <View style={[styles.listItem, styles.learning]}>
-                <Svg width={48} height={48} viewBox="20 20 60 60">
-                  <Path d="m22.5 22.5h60v60h-60z" />
-                  <G fill="#fff">
-                    <Path d="m29.03 71.25h22.5v3.75h-22.5z" />
-                    <Path d="m28.09 38 1.67-1.58a1.88 1.88 0 0 0 1.47.87c.64 0 1.06-.44 1.06-1.31v-5.98h2.58v6a3.48 3.48 0 0 1 -.87 2.6 3.56 3.56 0 0 1 -2.57.95 3.84 3.84 0 0 1 -3.34-1.55z" />
-                    <Path d="m36 30h7.53v2.19h-5v1.44h4.49v2h-4.42v1.49h5v2.21h-7.6z" />
-                    <Path d="m47.23 32.29h-2.8v-2.29h8.21v2.27h-2.81v7.1h-2.6z" />
-                    <Path d="m29.13 43.08h4.42a3.53 3.53 0 0 1 2.55.83 2.09 2.09 0 0 1 .6 1.53 2.16 2.16 0 0 1 -1.44 2.09 2.27 2.27 0 0 1 1.86 2.29c0 1.61-1.31 2.59-3.55 2.59h-4.44zm5 2.89c0-.52-.42-.8-1.18-.8h-1.29v1.64h1.24c.79 0 1.25-.26 1.25-.81zm-.9 2.66h-1.57v1.73h1.62c.8 0 1.24-.31 1.24-.86 0-.5-.4-.87-1.27-.87z" />
-                    <Path d="m38 43.08h4.1a4.19 4.19 0 0 1 3 1 2.93 2.93 0 0 1 .9 2.19 3 3 0 0 1 -1.93 2.89l2.24 3.27h-3l-1.88-2.84h-.87v2.84h-2.56zm4 4.5c.87 0 1.39-.43 1.39-1.11 0-.75-.54-1.12-1.4-1.12h-1.44v2.26z" />
-                    <Path d="m49.59 43h2.5l4 9.44h-2.79l-.67-1.69h-3.63l-.67 1.69h-2.71zm2.27 5.73-1-2.65-1.06 2.65z" />
-                    <Path d="m56.46 43.05h2.6v9.37h-2.6z" />
-                    <Path d="m60.06 43.05h2.42l3.37 5v-5h2.57v9.37h-2.26l-3.53-5.14v5.14h-2.57z" />
-                    <Path d="m68.86 51 1.45-1.73a4.84 4.84 0 0 0 3 1.13c.71 0 1.08-.24 1.08-.65 0-.4-.31-.6-1.59-.91-2-.46-3.53-1-3.53-2.93 0-1.74 1.37-3 3.62-3a5.89 5.89 0 0 1 3.86 1.25l-1.26 1.84a4.63 4.63 0 0 0 -2.62-.92c-.63 0-.94.25-.94.6 0 .42.32.61 1.63.91 2.14.46 3.44 1.16 3.44 2.91 0 1.91-1.51 3-3.79 3a6.58 6.58 0 0 1 -4.35-1.5z" />
-                  </G>
+                <Svg
+                  width={48}
+                  height={48}
+                  fill="rgba(0, 122, 204, 1)"
+                  viewBox="0 0 24 24"
+                >
+                  <Path d="M0 0v24h24V0zm3.723 3.111h5v1.834h-1.39v6.277h1.39v1.834h-5v-1.834h1.444V4.945H3.723zm11.055 0H17v6.5c0 .612-.055 1.111-.222 1.556-.167.444-.39.777-.723 1.11-.277.279-.666.557-1.11.668a3.933 3.933 0 0 1-1.445.278c-.778 0-1.444-.167-1.944-.445a4.81 4.81 0 0 1-1.279-1.056l1.39-1.555c.277.334.555.555.833.722.277.167.611.278.945.278.389 0 .721-.111 1-.389.221-.278.333-.667.333-1.278zM2.222 19.5h9V21h-9z" />
                 </Svg>
                 <View style={styles.listItemTextContainer}>
                   <Text
@@ -387,7 +374,7 @@ export const App = () => {
                   </View>
                 </View>
                 <View style={styles.codeBlock}>
-                  <Text style={[styles.monospace]}>nx connect</Text>
+                  <Text style={[styles.monospace]}>nx connect-to-nx-cloud</Text>
                 </View>
               </View>
             </TouchableOpacity>
@@ -475,33 +462,9 @@ export const App = () => {
                   @nx/expo:component \
                 </Text>
                 <Text style={[styles.textXS, styles.monospace]}>
-                  ui/src/lib/button
+                  button --project ui
                 </Text>
               </View>
-              <View style={styles.listItem}>
-                <Svg
-                  width={24}
-                  height={24}
-                  stroke="#000000"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                >
-                  <Path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="2"
-                    d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-                  />
-                </Svg>
-                <View style={styles.listItemTextContainer}>
-                  <Text style={styles.textSm}>
-                    View project details
-                  </Text>
-                </View>
-              </View>
-              <View style={[styles.codeBlock, styles.marginBottomLg]}>
-                <Text style={[styles.textXS, styles.monospace]}>nx show project <%= displayName %> --web</Text>
-              </View>
               <View style={styles.listItem}>
                 <Svg
                   width={24}

package/src/generators/application/lib/add-detox.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+import { NormalizedSchema } from './normalize-options';
+export declare function addDetox(host: Tree, options: NormalizedSchema): Promise<import("@nx/devkit").GeneratorCallback>;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addDetox = void 0;
+const detox_1 = require("@nx/detox");
+const eslint_1 = require("@nx/eslint");
+async function addDetox(host, options) {
+    if (options?.e2eTestRunner !== 'detox') {
+        return () => { };
+    }
+    return (0, detox_1.detoxApplicationGenerator)(host, {
+        ...options,
+        linter: eslint_1.Linter.EsLint,
+        e2eName: `${options.projectName}-e2e`,
+        e2eDirectory: `${options.appProjectRoot}-e2e`,
+        projectNameAndRootFormat: 'as-provided',
+        appProject: options.projectName,
+        appDisplayName: options.displayName,
+        appName: options.name,
+        framework: 'expo',
+        setParserOptionsProject: options.setParserOptionsProject,
+        skipFormat: true,
+    });
+}
+exports.addDetox = addDetox;

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

@@ -2,19 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addProject = void 0;
 const devkit_1 = require("@nx/devkit");
-const has_expo_plugin_1 = require("../../../utils/has-expo-plugin");
-const add_build_target_defaults_1 = require("@nx/devkit/src/generators/add-build-target-defaults");
 function addProject(host, options) {
-    const nxJson = (0, devkit_1.readNxJson)(host);
-    const hasPlugin = (0, has_expo_plugin_1.hasExpoPlugin)(host);
-    if (!hasPlugin) {
-        (0, add_build_target_defaults_1.addBuildTargetDefaults)(host, '@nx/expo:build');
-    }
     const projectConfiguration = {
         root: options.appProjectRoot,
         sourceRoot: `${options.appProjectRoot}/src`,
         projectType: 'application',
-        targets: hasPlugin ? {} : getTargets(options),
+        targets: { ...getTargets(options) },
         tags: options.parsedTags,
     };
     (0, devkit_1.addProjectConfiguration)(host, options.projectName, projectConfiguration, options.standaloneConfig);
@@ -24,33 +17,33 @@ function getTargets(options) {
     const architect = {};
     architect.start = {
         executor: '@nx/expo:start',
-        dependsOn: ['sync-deps'],
-        options: {},
+        dependsOn: ['ensure-symlink', 'sync-deps'],
+        options: {
+            port: 8081,
+        },
     };
     architect.serve = {
-        executor: '@nx/expo:serve',
-        dependsOn: ['sync-deps'],
+        executor: 'nx:run-commands',
         options: {
-            port: 4200,
+            command: `nx start ${options.projectName}`,
         },
     };
     architect['run-ios'] = {
         executor: '@nx/expo:run',
-        dependsOn: ['sync-deps'],
+        dependsOn: ['ensure-symlink', 'sync-deps'],
         options: {
             platform: 'ios',
         },
     };
     architect['run-android'] = {
         executor: '@nx/expo:run',
-        dependsOn: ['sync-deps'],
+        dependsOn: ['ensure-symlink', 'sync-deps'],
         options: {
             platform: 'android',
         },
     };
     architect['build'] = {
         executor: '@nx/expo:build',
-        dependsOn: ['sync-deps'],
         options: {},
     };
     architect['submit'] = {
@@ -65,9 +58,13 @@ function getTargets(options) {
         executor: '@nx/expo:sync-deps',
         options: {},
     };
+    architect['ensure-symlink'] = {
+        executor: '@nx/expo:ensure-symlink',
+        options: {},
+    };
     architect['prebuild'] = {
         executor: '@nx/expo:prebuild',
-        dependsOn: ['sync-deps'],
+        dependsOn: ['ensure-symlink', 'sync-deps'],
         options: {},
     };
     architect['install'] = {
@@ -80,11 +77,16 @@ function getTargets(options) {
     };
     architect['export'] = {
         executor: '@nx/expo:export',
-        dependsOn: ['sync-deps'],
-        outputs: ['{options.outputDir}'],
+        dependsOn: ['ensure-symlink', 'sync-deps'],
         options: {
             platform: 'all',
-            outputDir: `dist/${options.appProjectRoot}`,
+            outputDir: `${(0, devkit_1.offsetFromRoot)(options.appProjectRoot)}dist/${options.appProjectRoot}`,
+        },
+    };
+    architect['export-web'] = {
+        executor: '@nx/expo:export',
+        options: {
+            bundler: 'metro',
         },
     };
     return architect;