@nx/expo 17.0.2 → 17.0.4

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

@@ -0,0 +1,28 @@
+"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(.+?(?=\n))/, '');
+                content = content.replace('// unstable_enableSymlinks: true,', '');
+                content = content.replace('// unstable_enablePackageExports: true,', '');
+                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

@@ -14,9 +14,9 @@ async function addLinting(host, options) {
         linter: options.linter,
         project: options.projectName,
         tsConfigPaths: options.tsConfigPaths,
-        eslintFilePatterns: [`${options.projectRoot}/**/*.{ts,tsx,js,jsx}`],
         skipFormat: true,
         skipPackageJson: options.skipPackageJson,
+        addPlugin: options.addPlugin,
     });
     tasks.push(lintTask);
     if ((0, eslint_file_1.isEslintConfigSupported)(host)) {

package/src/utils/ensure-dependencies.d.ts

@@ -0,0 +1,2 @@
+import { type GeneratorCallback, type Tree } from '@nx/devkit';
+export declare function ensureDependencies(host: Tree): GeneratorCallback;

package/src/utils/ensure-dependencies.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ensureDependencies = void 0;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("./versions");
+function ensureDependencies(host) {
+    return (0, devkit_1.addDependenciesToPackageJson)(host, {
+        'expo-splash-screen': versions_1.expoSplashScreenVersion,
+        'expo-status-bar': versions_1.expoStatusBarVersion,
+        'react-native-web': versions_1.reactNativeWebVersion,
+        '@expo/metro-config': versions_1.expoMetroConfigVersion,
+        '@expo/metro-runtime': versions_1.expoMetroRuntimeVersion,
+        'react-native-svg-transformer': versions_1.reactNativeSvgTransformerVersion,
+        'react-native-svg': versions_1.reactNativeSvgVersion,
+    }, {
+        '@types/react': versions_1.typesReactVersion,
+        'react-test-renderer': versions_1.reactTestRendererVersion,
+        '@testing-library/react-native': versions_1.testingLibraryReactNativeVersion,
+        '@testing-library/jest-native': versions_1.testingLibraryJestNativeVersion,
+        'jest-expo': versions_1.jestExpoVersion,
+        'babel-preset-expo': versions_1.babelPresetExpoVersion,
+    });
+}
+exports.ensureDependencies = ensureDependencies;

package/src/utils/find-all-npm-dependencies.js

@@ -8,11 +8,13 @@ function findAllNpmDependencies(graph, projectName, list = [], seen = new Set())
     }
     seen.add(projectName);
     const node = graph.externalNodes[projectName];
-    // Don't want to include '@nx/react-native' because React Native
+    // Don't want to include '@nx/react-native' and '@nx/expo' because React Native
     // autolink will warn that the package has no podspec file for iOS.
     if (node) {
         if (node.name !== `npm:@nx/react-native` &&
-            node.name !== `npm:@nrwl/react-native`) {
+            node.name !== `npm:@nrwl/react-native` &&
+            node.name !== `npm:@nx/expo` &&
+            node.name !== `npm:@nrwl/expo`) {
             list.push(node.data.packageName);
         }
     }

package/src/utils/has-expo-plugin.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nx/devkit';
+export declare function hasExpoPlugin(tree: Tree): boolean;

package/src/utils/has-expo-plugin.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasExpoPlugin = void 0;
+const devkit_1 = require("@nx/devkit");
+function hasExpoPlugin(tree) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    return !!nxJson.plugins?.some((p) => typeof p === 'string'
+        ? p === '@nx/expo/plugin'
+        : p.plugin === '@nx/expo/plugin');
+}
+exports.hasExpoPlugin = hasExpoPlugin;

package/src/utils/resolve-eas.d.ts

@@ -0,0 +1 @@
+export declare function resolveEas(workspaceRoot: string): string;

package/src/utils/resolve-eas.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveEas = void 0;
+const child_process_1 = require("child_process");
+function resolveEas(workspaceRoot) {
+    try {
+        (0, child_process_1.execSync)('eas --version');
+    }
+    catch {
+        throw new Error('EAS is not installed. Please run `npm install --global eas-cli` or `yarn global add eas-cli`.');
+    }
+    let npmGlobalPath, yarnGlobalPath;
+    try {
+        npmGlobalPath = (0, child_process_1.execSync)('npm root -g')
+            ?.toString()
+            ?.trim()
+            ?.replace('\u001b[2K\u001b[1G', ''); // strip out ansi codes
+    }
+    catch { }
+    try {
+        yarnGlobalPath = (0, child_process_1.execSync)('yarn global dir')
+            ?.toString()
+            ?.trim()
+            ?.replace('\u001b[2K\u001b[1G', ''); // strip out ansi codes
+    }
+    catch { }
+    try {
+        return require.resolve('eas-cli/bin/run', {
+            paths: [npmGlobalPath, yarnGlobalPath, workspaceRoot].filter(Boolean),
+        });
+    }
+    catch {
+        throw new Error('Can not resolve EAS. Please run `npm install --global eas-cli` or `yarn global add eas-cli`.');
+    }
+}
+exports.resolveEas = resolveEas;

package/src/utils/versions.d.ts

@@ -1,20 +1,19 @@
 export declare const nxVersion: any;
-export declare const expoVersion = "49.0.10";
-export declare const expoMetroConfigVersion = "~0.10.7";
-export declare const expoSplashScreenVersion = "~0.20.5";
-export declare const expoStatusBarVersion = "~1.6.0";
-export declare const expoCliVersion = "~0.10.12";
-export declare const easCliVersion = "~5.2.0";
-export declare const babelPresetExpoVersion = "~9.5.2";
+export declare const expoVersion = "~50.0.3";
+export declare const expoSplashScreenVersion = "~0.26.1";
+export declare const expoStatusBarVersion = "~1.11.1";
+export declare const expoCliVersion = "~0.16.5";
+export declare const babelPresetExpoVersion = "~10.0.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.72.4";
-export declare const reactNativeWebVersion = "~0.19.8";
-export declare const reactNativeSvgTransformerVersion = "1.0.0";
-export declare const reactNativeSvgVersion = "13.9.0";
-export declare const metroVersion = "0.76.7";
-export declare const testingLibraryReactNativeVersion = "~12.3.0";
+export declare const typesReactVersion = "~18.2.45";
+export declare const reactNativeVersion = "0.73.2";
+export declare const reactNativeWebVersion = "~0.19.9";
+export declare const expoMetroConfigVersion = "~0.17.3";
+export declare const expoMetroRuntimeVersion = "~3.1.1";
+export declare const reactNativeSvgTransformerVersion = "1.2.0";
+export declare const reactNativeSvgVersion = "14.1.0";
+export declare const testingLibraryReactNativeVersion = "~12.4.2";
 export declare const testingLibraryJestNativeVersion = "~5.4.3";
-export declare const jestExpoVersion = "~49.0.0";
+export declare const jestExpoVersion = "~50.0.1";

package/src/utils/versions.js

@@ -1,23 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.jestExpoVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.metroVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.reactNativeWebVersion = 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.jestExpoVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.expoMetroRuntimeVersion = exports.expoMetroConfigVersion = exports.reactNativeWebVersion = exports.reactNativeVersion = exports.typesReactVersion = exports.reactTestRendererVersion = exports.reactDomVersion = exports.reactVersion = exports.babelPresetExpoVersion = exports.expoCliVersion = exports.expoStatusBarVersion = exports.expoSplashScreenVersion = exports.expoVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
-exports.expoVersion = '49.0.10';
-exports.expoMetroConfigVersion = '~0.10.7';
-exports.expoSplashScreenVersion = '~0.20.5';
-exports.expoStatusBarVersion = '~1.6.0';
-exports.expoCliVersion = '~0.10.12'; // @expo/cli
-exports.easCliVersion = '~5.2.0';
-exports.babelPresetExpoVersion = '~9.5.2';
+exports.expoVersion = '~50.0.3';
+exports.expoSplashScreenVersion = '~0.26.1';
+exports.expoStatusBarVersion = '~1.11.1';
+exports.expoCliVersion = '~0.16.5'; // @expo/cli
+exports.babelPresetExpoVersion = '~10.0.0';
 exports.reactVersion = '18.2.0';
 exports.reactDomVersion = '18.2.0';
 exports.reactTestRendererVersion = '18.2.0';
-exports.typesReactVersion = '18.0.28';
-exports.reactNativeVersion = '0.72.4';
-exports.reactNativeWebVersion = '~0.19.8';
-exports.reactNativeSvgTransformerVersion = '1.0.0';
-exports.reactNativeSvgVersion = '13.9.0';
-exports.metroVersion = '0.76.7';
-exports.testingLibraryReactNativeVersion = '~12.3.0';
+exports.typesReactVersion = '~18.2.45';
+exports.reactNativeVersion = '0.73.2';
+exports.reactNativeWebVersion = '~0.19.9';
+exports.expoMetroConfigVersion = '~0.17.3';
+exports.expoMetroRuntimeVersion = '~3.1.1';
+exports.reactNativeSvgTransformerVersion = '1.2.0';
+exports.reactNativeSvgVersion = '14.1.0';
+exports.testingLibraryReactNativeVersion = '~12.4.2';
 exports.testingLibraryJestNativeVersion = '~5.4.3';
-exports.jestExpoVersion = '~49.0.0';
+exports.jestExpoVersion = '~50.0.1';

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

@@ -1,3 +0,0 @@
-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

@@ -1,24 +0,0 @@
-"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/library/files/lib/babel.config.json

@@ -1,17 +0,0 @@
-{
-  "presets": [
-    [
-      "@nx/react/babel",
-      {
-        "runtime": "automatic",
-        "useBuiltIns": "usage"
-      }
-    ]
-  ],
-  "plugins": [],
-  "env": {
-    "test": {
-      "presets": ["babel-preset-expo"]
-    }
-  }
-}

package/src/migrations/update-16-1-4/add-detox-app-json.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-/**
- * Add detox plugin to app.json for expo
- */
-async function update(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    projects.forEach((config) => {
-        if (config.targets?.['start']?.executor === '@nrwl/expo:start' ||
-            config.targets?.['start']?.executor === '@nx/expo:start') {
-            (0, devkit_1.updateJson)(tree, `${config.root}/app.json`, (json) => {
-                if (!json.expo.plugins) {
-                    json.expo.plugins = [];
-                }
-                json.expo.plugins.push([
-                    '@config-plugins/detox',
-                    {
-                        skipProguard: false,
-                        subdomains: ['10.0.2.2', 'localhost'],
-                    },
-                ]);
-                return json;
-            });
-        }
-    });
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = update;

package/src/utils/symlink-task.d.ts

@@ -1,2 +0,0 @@
-import { GeneratorCallback } from '@nx/devkit';
-export declare function runSymlink(workspaceRoot: string, projectRoot: string): GeneratorCallback;

package/src/utils/symlink-task.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runSymlink = void 0;
-const ensure_node_modules_symlink_1 = require("./ensure-node-modules-symlink");
-const chalk = require("chalk");
-const devkit_1 = require("@nx/devkit");
-function runSymlink(workspaceRoot, projectRoot) {
-    return () => {
-        devkit_1.logger.info(`creating symlinks for ${chalk.bold(projectRoot)}`);
-        try {
-            (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(workspaceRoot, projectRoot);
-        }
-        catch {
-            throw new Error(`Failed to create symlinks for ${chalk.bold(projectRoot)}`);
-        }
-    };
-}
-exports.runSymlink = runSymlink;