@nx/expo 18.0.0-beta.1 → 18.0.0-beta.2

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

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addE2e = void 0;
+const devkit_1 = require("@nx/devkit");
+const web_1 = require("@nx/web");
+const versions_1 = require("../../../utils/versions");
+const has_expo_plugin_1 = require("../../../utils/has-expo-plugin");
+async function addE2e(tree, options) {
+    switch (options.e2eTestRunner) {
+        case 'cypress': {
+            const hasNxExportPlugin = (0, has_expo_plugin_1.hasExpoPlugin)(tree);
+            if (!hasNxExportPlugin) {
+                (0, web_1.webStaticServeGenerator)(tree, {
+                    buildTarget: `${options.projectName}:export`,
+                    targetName: 'serve-static',
+                });
+            }
+            const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
+            (0, devkit_1.addProjectConfiguration)(tree, options.e2eProjectName, {
+                projectType: 'application',
+                root: options.e2eProjectRoot,
+                sourceRoot: (0, devkit_1.joinPathFragments)(options.e2eProjectRoot, 'src'),
+                targets: {},
+                implicitDependencies: [options.projectName],
+                tags: [],
+            });
+            return await configurationGenerator(tree, {
+                ...options,
+                project: options.e2eProjectName,
+                directory: 'src',
+                // the name and root are already normalized, instruct the generator to use them as is
+                bundler: 'none',
+                skipFormat: true,
+                devServerTarget: `${options.projectName}:serve`,
+                port: 4200,
+                baseUrl: 'http://localhost:4200',
+                ciWebServerCommand: hasNxExportPlugin
+                    ? `nx run ${options.projectName}:serve-static`
+                    : undefined,
+                jsx: true,
+                rootProject: options.rootProject,
+            });
+        }
+        case 'playwright': {
+            const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/playwright', versions_1.nxVersion);
+            (0, devkit_1.addProjectConfiguration)(tree, options.e2eProjectName, {
+                projectType: 'application',
+                root: options.e2eProjectRoot,
+                sourceRoot: (0, devkit_1.joinPathFragments)(options.e2eProjectRoot, 'src'),
+                targets: {},
+                implicitDependencies: [options.projectName],
+            });
+            return configurationGenerator(tree, {
+                project: options.e2eProjectName,
+                skipFormat: true,
+                skipPackageJson: options.skipPackageJson,
+                directory: 'src',
+                js: false,
+                linter: options.linter,
+                setParserOptionsProject: options.setParserOptionsProject,
+                webServerCommand: `${(0, devkit_1.getPackageManagerCommand)().exec} nx serve ${options.name}`,
+                webServerAddress: 'http://localhost:4200',
+                rootProject: options.rootProject,
+            });
+        }
+        case 'detox':
+            const { detoxApplicationGenerator } = (0, devkit_1.ensurePackage)('@nx/detox', versions_1.nxVersion);
+            return detoxApplicationGenerator(tree, {
+                ...options,
+                e2eName: options.e2eProjectName,
+                e2eDirectory: options.e2eProjectRoot,
+                projectNameAndRootFormat: 'as-provided',
+                appProject: options.projectName,
+                appDisplayName: options.displayName,
+                appName: options.name,
+                framework: 'expo',
+                setParserOptionsProject: options.setParserOptionsProject,
+                skipFormat: true,
+            });
+        case 'none':
+        default:
+            return () => { };
+    }
+}
+exports.addE2e = addE2e;

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

@@ -24,33 +24,33 @@ function getTargets(options) {
     const architect = {};
     architect.start = {
         executor: '@nx/expo:start',
-        dependsOn: ['ensure-symlink', 'sync-deps'],
-        options: {
-            port: 8081,
-        },
+        dependsOn: ['sync-deps'],
+        options: {},
     };
     architect.serve = {
-        executor: 'nx:run-commands',
+        executor: '@nx/expo:serve',
+        dependsOn: ['sync-deps'],
         options: {
-            command: `nx start ${options.projectName}`,
+            port: 4200,
         },
     };
     architect['run-ios'] = {
         executor: '@nx/expo:run',
-        dependsOn: ['ensure-symlink', 'sync-deps'],
+        dependsOn: ['sync-deps'],
         options: {
             platform: 'ios',
         },
     };
     architect['run-android'] = {
         executor: '@nx/expo:run',
-        dependsOn: ['ensure-symlink', 'sync-deps'],
+        dependsOn: ['sync-deps'],
         options: {
             platform: 'android',
         },
     };
     architect['build'] = {
         executor: '@nx/expo:build',
+        dependsOn: ['sync-deps'],
         options: {},
     };
     architect['submit'] = {
@@ -65,13 +65,9 @@ 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: ['ensure-symlink', 'sync-deps'],
+        dependsOn: ['sync-deps'],
         options: {},
     };
     architect['install'] = {
@@ -84,16 +80,11 @@ function getTargets(options) {
     };
     architect['export'] = {
         executor: '@nx/expo:export',
-        dependsOn: ['ensure-symlink', 'sync-deps'],
+        dependsOn: ['sync-deps'],
+        outputs: ['{options.outputDir}'],
         options: {
             platform: 'all',
-            outputDir: `${(0, devkit_1.offsetFromRoot)(options.appProjectRoot)}dist/${options.appProjectRoot}`,
-        },
-    };
-    architect['export-web'] = {
-        executor: '@nx/expo:export',
-        options: {
-            bundler: 'metro',
+            outputDir: `dist/${options.appProjectRoot}`,
         },
     };
     return architect;

package/src/generators/application/lib/create-application-files.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createApplicationFiles = void 0;
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
-const versions_1 = require("../../../utils/versions");
 function createApplicationFiles(host, options) {
     const packageManagerLockFile = {
         npm: 'package-lock.json',
@@ -17,7 +16,6 @@ function createApplicationFiles(host, options) {
         offsetFromRoot: (0, devkit_1.offsetFromRoot)(options.appProjectRoot),
         packageManager,
         packageLockFile,
-        easCliVersion: versions_1.easCliVersion,
     });
     if (options.unitTestRunner === 'none') {
         host.delete((0, path_1.join)(options.appProjectRoot, `App.spec.tsx`));

package/src/generators/application/lib/normalize-options.d.ts

@@ -6,5 +6,8 @@ export interface NormalizedSchema extends Schema {
     appProjectRoot: string;
     lowerCaseName: string;
     parsedTags: string[];
+    rootProject: boolean;
+    e2eProjectName: string;
+    e2eProjectRoot: string;
 }
 export declare function normalizeOptions(host: Tree, options: Schema): Promise<NormalizedSchema>;

package/src/generators/application/lib/normalize-options.js

@@ -12,14 +12,18 @@ async function normalizeOptions(host, options) {
         callingGenerator: '@nx/expo:application',
     });
     options.projectNameAndRootFormat = projectNameAndRootFormat;
+    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     const { className } = (0, devkit_1.names)(options.name);
     const parsedTags = options.tags
         ? options.tags.split(',').map((s) => s.trim())
         : [];
+    const rootProject = appProjectRoot === '.';
+    const e2eProjectName = rootProject ? 'e2e' : `${appProjectName}-e2e`;
+    const e2eProjectRoot = rootProject ? 'e2e' : `${appProjectRoot}-e2e`;
     return {
         ...options,
         unitTestRunner: options.unitTestRunner || 'jest',
-        e2eTestRunner: options.e2eTestRunner || 'detox',
+        e2eTestRunner: options.e2eTestRunner,
         name: projectNames.projectSimpleName,
         className,
         lowerCaseName: className.toLowerCase(),
@@ -27,6 +31,9 @@ async function normalizeOptions(host, options) {
         projectName: appProjectName,
         appProjectRoot,
         parsedTags,
+        rootProject,
+        e2eProjectName,
+        e2eProjectRoot,
     };
 }
 exports.normalizeOptions = normalizeOptions;

package/src/generators/application/schema.d.ts

@@ -15,7 +15,8 @@ export interface Schema {
   js: boolean; // default is false
   linter: Linter; // default is eslint
   setParserOptionsProject?: boolean; // default is false
-  e2eTestRunner: 'detox' | 'none'; // default is detox
+  e2eTestRunner: 'cypress' | 'playwright' | 'detox' | 'none'; // default is cypress
   standaloneConfig?: boolean;
   skipPackageJson?: boolean; // default is false
+  addPlugin?: boolean;
 }

package/src/generators/application/schema.json

@@ -48,7 +48,7 @@
     "linter": {
       "description": "The tool to use for running lint checks.",
       "type": "string",
-      "enum": ["eslint"],
+      "enum": ["eslint", "none"],
       "default": "eslint"
     },
     "unitTestRunner": {
@@ -75,8 +75,8 @@
     "e2eTestRunner": {
       "description": "Adds the specified e2e test runner",
       "type": "string",
-      "enum": ["detox", "none"],
-      "default": "detox"
+      "enum": ["cypress", "playwright", "detox", "none"],
+      "default": "cypress"
     },
     "standaloneConfig": {
       "description": "Split the project configuration into `<projectRoot>/project.json` rather than including it inside `workspace.json`.",

package/src/generators/init/init.d.ts

@@ -1,5 +1,6 @@
 import { GeneratorCallback, Tree } from '@nx/devkit';
 import { Schema } from './schema';
-export declare function expoInitGenerator(host: Tree, schema: Schema): Promise<GeneratorCallback>;
+export declare function expoInitGenerator(tree: Tree, schema: Schema): Promise<GeneratorCallback>;
+export declare function expoInitGeneratorInternal(host: Tree, schema: Schema): Promise<GeneratorCallback>;
 export declare function updateDependencies(host: Tree, schema: Schema): GeneratorCallback;
 export default expoInitGenerator;

package/src/generators/init/init.js

@@ -1,15 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateDependencies = exports.expoInitGenerator = void 0;
+exports.updateDependencies = exports.expoInitGeneratorInternal = exports.expoInitGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const update_package_scripts_1 = require("@nx/devkit/src/utils/update-package-scripts");
 const plugin_1 = require("../../../plugins/plugin");
 const versions_1 = require("../../utils/versions");
 const has_expo_plugin_1 = require("../../utils/has-expo-plugin");
 const add_git_ignore_entry_1 = require("./lib/add-git-ignore-entry");
-async function expoInitGenerator(host, schema) {
+function expoInitGenerator(tree, schema) {
+    return expoInitGeneratorInternal(tree, { addPlugin: false, ...schema });
+}
+exports.expoInitGenerator = expoInitGenerator;
+async function expoInitGeneratorInternal(host, schema) {
+    schema.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     (0, add_git_ignore_entry_1.addGitIgnoreEntry)(host);
-    if (process.env.NX_PCV3 === 'true') {
+    if (schema.addPlugin) {
         addPlugin(host);
     }
     const tasks = [];
@@ -25,7 +30,7 @@ async function expoInitGenerator(host, schema) {
     }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.expoInitGenerator = expoInitGenerator;
+exports.expoInitGeneratorInternal = expoInitGeneratorInternal;
 function updateDependencies(host, schema) {
     return (0, devkit_1.addDependenciesToPackageJson)(host, {
         react: versions_1.reactVersion,
@@ -35,7 +40,6 @@ function updateDependencies(host, schema) {
     }, {
         '@nx/expo': versions_1.nxVersion,
         '@expo/cli': versions_1.expoCliVersion,
-        'eas-cli': versions_1.easCliVersion,
     }, undefined, schema.keepExistingVersions);
 }
 exports.updateDependencies = updateDependencies;

package/src/generators/init/schema.d.ts

@@ -3,4 +3,5 @@ export interface Schema {
   skipPackageJson?: boolean; // default is false
   keepExistingVersions?: boolean; // default is false
   updatePackageScripts?: boolean;
+  addPlugin?: boolean;
 }

package/src/generators/library/files/lib/.babelrc.js.template

@@ -0,0 +1,21 @@
+module.exports = function (api) {
+  api.cache(true);
+
+  return {
+    presets: [
+      [
+        '@nx/react/babel',
+        {
+          runtime: 'automatic',
+          useBuiltIns: 'usage',
+        },
+      ],
+    ],
+    plugins: [],
+    env: {
+      test: {
+        presets: ['babel-preset-expo'],
+      },
+    },
+  };
+};

package/src/generators/library/lib/normalize-options.js

@@ -11,6 +11,7 @@ async function normalizeOptions(host, options) {
         projectNameAndRootFormat: options.projectNameAndRootFormat,
         callingGenerator: '@nx/expo:library',
     });
+    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     const parsedTags = options.tags
         ? options.tags.split(',').map((s) => s.trim())
         : [];

package/src/generators/library/library.js

@@ -14,6 +14,7 @@ const add_build_target_defaults_1 = require("@nx/devkit/src/generators/add-build
 const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
 async function expoLibraryGenerator(host, schema) {
     return await expoLibraryGeneratorInternal(host, {
+        addPlugin: false,
         projectNameAndRootFormat: 'derived',
         ...schema,
     });
@@ -49,7 +50,7 @@ async function expoLibraryGeneratorInternal(host, schema) {
         ],
     });
     tasks.push(lintTask);
-    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.name, options.projectRoot, options.js, options.skipPackageJson);
+    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.name, options.projectRoot, options.js, options.skipPackageJson, options.addPlugin);
     tasks.push(jestTask);
     if (options.publishable || options.buildable) {
         updateLibPackageNpmScope(host, options);

package/src/generators/library/schema.d.ts

@@ -21,4 +21,5 @@ export interface Schema {
   strict: boolean; // default is true
   setParserOptionsProject?: boolean;
   skipPackageJson?: boolean; // default is false
+  addPlugin?: boolean;
 }

package/src/generators/library/schema.json

@@ -34,7 +34,7 @@
     "linter": {
       "description": "The tool to use for running lint checks.",
       "type": "string",
-      "enum": ["eslint"],
+      "enum": ["eslint", "none"],
       "default": "eslint"
     },
     "unitTestRunner": {

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

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

package/src/migrations/update-16-9-0/remove-types-react-native.js

@@ -7,14 +7,7 @@ const devkit_1 = require("@nx/devkit");
  * @returns
  */
 async function update(tree) {
-    const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
-    if (!packageJson.devDependencies['@types/react-native'] ||
-        !packageJson.dependencies['react-native']) {
-        return;
-    }
-    (0, devkit_1.updateJson)(tree, 'package.json', (packageJson) => {
-        delete packageJson.devDependencies['@types/react-native'];
-        return packageJson;
-    });
+    (0, devkit_1.removeDependenciesFromPackageJson)(tree, [], ['@types/react-native']);
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.default = update;

package/src/migrations/update-16-9-0/update-eas-cli-version.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../../utils/versions");
 async function update(tree) {
     const projects = (0, devkit_1.getProjects)(tree);
     for (const [name, config] of projects.entries()) {
         if (config.targets?.['start']?.executor === '@nx/expo:start') {
             (0, devkit_1.updateJson)(tree, `${config.root}/eas.json`, (easJson) => {
                 if (easJson?.cli?.version) {
-                    easJson.cli.version = `>= ${versions_1.easCliVersion.replace('~', '')}`;
+                    easJson.cli.version = `>= 5`;
                 }
                 return easJson;
             });

package/src/migrations/{update-16-1-4/add-detox-app-json.d.ts → update-18-0-0/change-outputDir-export-target.d.ts}

@@ -1,5 +1,5 @@
 import { Tree } from '@nx/devkit';
 /**
- * Add detox plugin to app.json for expo
+ * Remove the offset from the outputDir of the export target
  */
 export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/change-outputDir-export-target.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+/**
+ * Remove the offset from the outputDir of the export target
+ */
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [projectName, config] of projects.entries()) {
+        if (config.targets?.['export']?.executor === '@nx/expo:export') {
+            const target = config.targets['export'];
+            if (target.options?.outputDir) {
+                const offset = (0, devkit_1.offsetFromRoot)(config.root);
+                target.options.outputDir = target.options.outputDir.replace(offset, '');
+                target.outputs = ['{options.outputDir}'];
+                (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
+            }
+        }
+        if (config.targets?.['export-web']?.executor === '@nx/expo:export') {
+            delete config.targets['export-web'];
+            (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
+        }
+    }
+}
+exports.default = update;

package/src/migrations/update-18-0-0/remove-block-list.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This migration remove blockList in metro.config.js.
+ * It is now excluding dist folder in watchFolders in withNxMetro.
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/remove-block-list.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+/**
+ * This migration remove blockList in metro.config.js.
+ * It is now excluding dist folder in watchFolders in withNxMetro.
+ */
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [_, config] of projects.entries()) {
+        if (config.targets?.['start']?.executor === '@nx/expo:start') {
+            if (tree.exists((0, devkit_1.joinPathFragments)(config.root, 'metro.config.js'))) {
+                let content = tree
+                    .read((0, devkit_1.joinPathFragments)(config.root, 'metro.config.js'))
+                    .toString();
+                content = content.replace(`blockList: exclusionList([/^(?!.*node_modules).*/dist/.*/]),`, '');
+                content = content.replace('unstable_enableSymlinks: true,', '');
+                content = content.replace('unstable_enablePackageExports: true,', '');
+                content = content.replace(`const exclusionList = require('metro-config/src/defaults/exclusionList');`, '');
+                tree.write((0, devkit_1.joinPathFragments)(config.root, 'metro.config.js'), content);
+                await (0, devkit_1.formatFiles)(tree);
+            }
+        }
+    }
+}
+exports.default = update;

package/src/migrations/update-18-0-0/remove-eas-cli.d.ts

@@ -0,0 +1,12 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Remove eas-cli from dev dependencies.
+ * Use globally eas-cli.
+ *
+ * Remove metro and metro-resolver from dev dependencies.
+ * react-native has dependency of @react-native/community-cli-plugin
+ * @react-native/community-cli-plugin has dependency of metro
+ * @param tree
+ * @returns
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/remove-eas-cli.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+/**
+ * Remove eas-cli from dev dependencies.
+ * Use globally eas-cli.
+ *
+ * Remove metro and metro-resolver from dev dependencies.
+ * react-native has dependency of @react-native/community-cli-plugin
+ * @react-native/community-cli-plugin has dependency of metro
+ * @param tree
+ * @returns
+ */
+async function update(tree) {
+    (0, devkit_1.removeDependenciesFromPackageJson)(tree, [], ['eas-cli', 'metro', 'metro-resolver']);
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = update;

package/src/migrations/update-18-0-0/remove-symlink-target.d.ts

@@ -0,0 +1,6 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Remove ensure-symlink target.
+ * It is going to be supported by react-native version 0.73 by default.
+ */
+export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-18-0-0/remove-symlink-target.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const fs_extra_1 = require("fs-extra");
+/**
+ * Remove ensure-symlink target.
+ * It is going to be supported by react-native version 0.73 by default.
+ */
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [projectName, config] of projects.entries()) {
+        if (config.targets?.['ensure-symlink']?.executor === '@nx/expo:ensure-symlink') {
+            removeTargets(config.targets, 'ensure-symlink');
+            (0, devkit_1.updateProjectConfiguration)(tree, projectName, config);
+            (0, fs_extra_1.removeSync)(`${config.root}/node_modules`);
+        }
+    }
+}
+exports.default = update;
+function removeTargets(targets, targetNameToRemove) {
+    for (const targetName in targets) {
+        if (targetName === targetNameToRemove) {
+            delete targets[targetName];
+        }
+        if (targets[targetName]?.dependsOn?.length) {
+            targets[targetName].dependsOn = targets[targetName].dependsOn.filter((dependsOn) => dependsOn !== targetNameToRemove);
+        }
+    }
+}

package/src/utils/add-jest.d.ts

@@ -1,2 +1,2 @@
 import { Tree } from '@nx/devkit';
-export declare function addJest(host: Tree, unitTestRunner: 'jest' | 'none', projectName: string, appProjectRoot: string, js: boolean, skipPackageJson: boolean): Promise<import("@nx/devkit").GeneratorCallback>;
+export declare function addJest(host: Tree, unitTestRunner: 'jest' | 'none', projectName: string, appProjectRoot: string, js: boolean, skipPackageJson: boolean, addPlugin: boolean): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/utils/add-jest.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addJest = void 0;
 const jest_1 = require("@nx/jest");
-async function addJest(host, unitTestRunner, projectName, appProjectRoot, js, skipPackageJson) {
+async function addJest(host, unitTestRunner, projectName, appProjectRoot, js, skipPackageJson, addPlugin) {
     if (unitTestRunner !== 'jest') {
         return () => { };
     }
@@ -15,21 +15,31 @@ async function addJest(host, unitTestRunner, projectName, appProjectRoot, js, sk
         compiler: 'babel',
         skipPackageJson,
         skipFormat: true,
+        addPlugin,
     });
     // overwrite the jest.config.ts file because react native needs to have special transform property
+    // use preset from https://github.com/expo/expo/blob/main/packages/jest-expo/jest-preset.js
     const configPath = `${appProjectRoot}/jest.config.${js ? 'js' : 'ts'}`;
     const content = `module.exports = {
     displayName: '${projectName}',
     resolver: '@nx/jest/plugins/resolver',
     preset: 'jest-expo',
-    transformIgnorePatterns: [
-      'node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)',
-    ],
     moduleFileExtensions: ['ts', 'js', 'html', 'tsx', 'jsx'],
     setupFilesAfterEnv: ['<rootDir>/test-setup.${js ? 'js' : 'ts'}'],
     moduleNameMapper: {
       '\\\\.svg$': '@nx/expo/plugins/jest/svg-mock'
-    }
+    },
+    transform: {
+      '\\.[jt]sx?$': [
+        'babel-jest',
+        {
+          configFile: __dirname + '/.babelrc.js',
+        },
+      ],
+      '^.+\\.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp|ttf|otf|m4v|mov|mp4|mpeg|mpg|webm|aac|aiff|caf|m4a|mp3|wav|html|pdf|obj)$': require.resolve(
+        'jest-expo/src/preset/assetFileTransformer.js'
+      ),
+    },
   };`;
     host.write(configPath, content);
     return jestTask;

package/src/utils/add-linting.d.ts

@@ -7,6 +7,7 @@ interface NormalizedSchema {
     setParserOptionsProject?: boolean;
     tsConfigPaths: string[];
     skipPackageJson?: boolean;
+    addPlugin?: boolean;
 }
 export declare function addLinting(host: Tree, options: NormalizedSchema): Promise<GeneratorCallback>;
 export {};

package/src/utils/add-linting.js

@@ -16,6 +16,7 @@ async function addLinting(host, options) {
         tsConfigPaths: options.tsConfigPaths,
         skipFormat: true,
         skipPackageJson: options.skipPackageJson,
+        addPlugin: options.addPlugin,
     });
     tasks.push(lintTask);
     if ((0, eslint_file_1.isEslintConfigSupported)(host)) {