@nx/react-native 0.0.0-pr-22179-271588f

package/src/utils/ensure-node-modules-symlink.spec.ts

@@ -0,0 +1,108 @@
+import { tmpdir } from 'os';
+import { join } from 'path';
+import * as fs from 'fs-extra';
+import { ensureNodeModulesSymlink } from './ensure-node-modules-symlink';
+
+const workspaceDir = join(tmpdir(), 'nx-react-native-test');
+const appDir = 'apps/myapp';
+const appDirAbsolutePath = join(workspaceDir, appDir);
+
+describe('ensureNodeModulesSymlink', () => {
+  beforeEach(() => {
+    if (fs.existsSync(workspaceDir)) fs.removeSync(workspaceDir);
+    fs.mkdirSync(workspaceDir);
+    fs.mkdirSync(appDirAbsolutePath, { recursive: true });
+    fs.mkdirSync(appDirAbsolutePath, { recursive: true });
+    fs.writeFileSync(
+      join(appDirAbsolutePath, 'package.json'),
+      JSON.stringify({
+        name: 'myapp',
+        dependencies: { 'react-native': '*' },
+      })
+    );
+    fs.writeFileSync(
+      join(workspaceDir, 'package.json'),
+      JSON.stringify({
+        name: 'workspace',
+        dependencies: {
+          '@nx/react-native': '9999.9.9',
+          '@react-native-community/cli-platform-ios': '7777.7.7',
+          '@react-native-community/cli-platform-android': '7777.7.7',
+          'react-native': '0.9999.0',
+        },
+      })
+    );
+  });
+
+  afterEach(() => {
+    if (fs.existsSync(workspaceDir)) fs.removeSync(workspaceDir);
+  });
+
+  it('should create symlinks', () => {
+    createNpmDirectory('@nx/react-native', '9999.9.9');
+    createNpmDirectory(
+      '@react-native-community/cli-platform-android',
+      '7777.7.7'
+    );
+    createNpmDirectory('@react-native-community/cli-platform-ios', '7777.7.7');
+    createNpmDirectory('hermes-engine', '3333.3.3');
+    createNpmDirectory('react-native', '0.9999.0');
+    createNpmDirectory('jsc-android', '888888.0.0');
+    createNpmDirectory('@babel/runtime', '5555.0.0');
+
+    ensureNodeModulesSymlink(workspaceDir, appDir);
+
+    expectSymlinkToExist('@nx/react-native');
+    expectSymlinkToExist('react-native');
+    expectSymlinkToExist('jsc-android');
+    expectSymlinkToExist('hermes-engine');
+    expectSymlinkToExist('@react-native-community/cli-platform-ios');
+    expectSymlinkToExist('@react-native-community/cli-platform-android');
+    expectSymlinkToExist('@babel/runtime');
+  });
+
+  it('should add packages listed in workspace package.json', () => {
+    fs.writeFileSync(
+      join(workspaceDir, 'package.json'),
+      JSON.stringify({
+        name: 'workspace',
+        dependencies: {
+          random: '9999.9.9',
+        },
+      })
+    );
+    createNpmDirectory('@nx/react-native', '9999.9.9');
+    createNpmDirectory(
+      '@react-native-community/cli-platform-android',
+      '7777.7.7'
+    );
+    createNpmDirectory('@react-native-community/cli-platform-ios', '7777.7.7');
+    createNpmDirectory('hermes-engine', '3333.3.3');
+    createNpmDirectory('react-native', '0.9999.0');
+    createNpmDirectory('jsc-android', '888888.0.0');
+    createNpmDirectory('@babel/runtime', '5555.0.0');
+    createNpmDirectory('random', '9999.9.9');
+
+    ensureNodeModulesSymlink(workspaceDir, appDir);
+
+    expectSymlinkToExist('random');
+  });
+
+  function createNpmDirectory(packageName, version) {
+    const dir = join(workspaceDir, `node_modules/${packageName}`);
+    fs.mkdirSync(dir, { recursive: true });
+    fs.writeFileSync(
+      join(dir, 'package.json'),
+      JSON.stringify({ name: packageName, version: version })
+    );
+    return dir;
+  }
+
+  function expectSymlinkToExist(packageName) {
+    expect(
+      fs.existsSync(
+        join(appDirAbsolutePath, `node_modules/${packageName}/package.json`)
+      )
+    ).toBe(true);
+  }
+});

package/src/utils/find-all-npm-dependencies.d.ts

@@ -0,0 +1,2 @@
+import { ProjectGraph } from '@nx/devkit';
+export declare function findAllNpmDependencies(graph: ProjectGraph, projectName: string, list?: string[], seen?: Set<string>): string[];

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findAllNpmDependencies = void 0;
+function findAllNpmDependencies(graph, projectName, list = [], seen = new Set()) {
+    // In case of bad circular dependencies
+    if (seen.has(projectName)) {
+        return list;
+    }
+    seen.add(projectName);
+    const node = graph.externalNodes[projectName];
+    // 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:@nx/expo` &&
+            node.name !== `npm:@nrwl/expo`) {
+            list.push(node.data.packageName);
+        }
+    }
+    else {
+        // it's workspace project, search for it's dependencies
+        graph.dependencies[projectName]?.forEach((dep) => findAllNpmDependencies(graph, dep.target, list, seen));
+    }
+    return list;
+}
+exports.findAllNpmDependencies = findAllNpmDependencies;

package/src/utils/find-all-npm-dependencies.spec.ts

@@ -0,0 +1,103 @@
+import { findAllNpmDependencies } from './find-all-npm-dependencies';
+import { DependencyType, ProjectGraph } from '@nx/devkit';
+
+test('findAllNpmDependencies', () => {
+  const graph: ProjectGraph = {
+    nodes: {
+      myapp: {
+        type: 'app',
+        name: 'myapp',
+        data: { files: [] },
+      },
+      lib1: {
+        type: 'lib',
+        name: 'lib1',
+        data: { files: [] },
+      },
+      lib2: {
+        type: 'lib',
+        name: 'lib2',
+        data: { files: [] },
+      },
+      lib3: {
+        type: 'lib',
+        name: 'lib3',
+        data: { files: [] },
+      },
+    } as any,
+    externalNodes: {
+      'npm:react-native-image-picker': {
+        type: 'npm',
+        name: 'npm:react-native-image-picker',
+        data: {
+          version: '1',
+          packageName: 'react-native-image-picker',
+        },
+      },
+      'npm:react-native-dialog': {
+        type: 'npm',
+        name: 'npm:react-native-dialog',
+        data: {
+          version: '1',
+          packageName: 'react-native-dialog',
+        },
+      },
+      'npm:react-native-snackbar': {
+        type: 'npm',
+        name: 'npm:react-native-snackbar',
+        data: {
+          version: '1',
+          packageName: 'react-native-snackbar',
+        },
+      },
+      'npm:@nx/react-native': {
+        type: 'npm',
+        name: 'npm:@nx/react-native',
+        data: {
+          version: '1',
+          packageName: '@nx/react-native',
+        },
+      },
+    },
+    dependencies: {
+      myapp: [
+        { type: DependencyType.static, source: 'myapp', target: 'lib1' },
+        { type: DependencyType.static, source: 'myapp', target: 'lib2' },
+        {
+          type: DependencyType.static,
+          source: 'myapp',
+          target: 'npm:react-native-image-picker',
+        },
+        {
+          type: DependencyType.static,
+          source: 'myapp',
+          target: 'npm:@nx/react-native',
+        },
+      ],
+      lib1: [
+        { type: DependencyType.static, source: 'lib1', target: 'lib2' },
+        {
+          type: DependencyType.static,
+          source: 'lib3',
+          target: 'npm:react-native-snackbar',
+        },
+      ],
+      lib2: [{ type: DependencyType.static, source: 'lib2', target: 'lib3' }],
+      lib3: [
+        {
+          type: DependencyType.static,
+          source: 'lib3',
+          target: 'npm:react-native-dialog',
+        },
+      ],
+    },
+  };
+
+  const result = findAllNpmDependencies(graph, 'myapp');
+
+  expect(result).toEqual([
+    'react-native-dialog',
+    'react-native-snackbar',
+    'react-native-image-picker',
+  ]);
+});

package/src/utils/format-file.d.ts

@@ -0,0 +1 @@
+export declare function formatFile(content: any, ...values: any[]): string;

package/src/utils/format-file.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatFile = void 0;
+const devkit_1 = require("@nx/devkit");
+const prettier_1 = require("prettier");
+function formatFile(content, ...values) {
+    return (0, prettier_1.format)((0, devkit_1.stripIndents)(content, values)
+        .split('\n')
+        .map((line) => line.trim())
+        .join('')
+        .trim(), {
+        singleQuote: true,
+        parser: 'typescript',
+    });
+}
+exports.formatFile = formatFile;

package/src/utils/get-cli-options.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This function normalizes the options passed in to the Nx and returns an array of strings that can be passed to the React Native CLI.
+ * @param options Nx options
+ * @param optionKeysToIgnore Keys to ignore
+ * @param optionKeysInCamelName Keys that are in camel case. Most react native cli options are in kebab case, but some are in camel case.
+ * @returns options that can be passed to the React Native CLI
+ */
+export declare function getCliOptions<T>(options: T, optionKeysToIgnore?: string[], optionKeysInCamelName?: string[]): string[];

package/src/utils/get-cli-options.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCliOptions = void 0;
+const devkit_1 = require("@nx/devkit");
+/**
+ * This function normalizes the options passed in to the Nx and returns an array of strings that can be passed to the React Native CLI.
+ * @param options Nx options
+ * @param optionKeysToIgnore Keys to ignore
+ * @param optionKeysInCamelName Keys that are in camel case. Most react native cli options are in kebab case, but some are in camel case.
+ * @returns options that can be passed to the React Native CLI
+ */
+function getCliOptions(options, optionKeysToIgnore = [], optionKeysInCamelName = []) {
+    return Object.keys(options).reduce((acc, optionKey) => {
+        const optionValue = options[optionKey];
+        if (!optionKeysToIgnore.includes(optionKey)) {
+            const cliKey = optionKeysInCamelName.includes(optionKey)
+                ? (0, devkit_1.names)(optionKey).propertyName
+                : (0, devkit_1.names)(optionKey).fileName; // cli uses kebab case as default
+            if (Array.isArray(optionValue)) {
+                acc.push(`--${cliKey}`, optionValue.join(','));
+            }
+            else if (typeof optionValue === 'boolean' && optionValue) {
+                // no need to pass in the value when it is true, just the flag name
+                acc.push(`--${cliKey}`);
+            }
+            else {
+                acc.push(`--${cliKey}`, optionValue);
+            }
+        }
+        return acc;
+    }, []);
+}
+exports.getCliOptions = getCliOptions;

package/src/utils/pod-install-task.d.ts

@@ -0,0 +1,18 @@
+import { GeneratorCallback } from '@nx/devkit';
+/**
+ * Run pod install on ios directory
+ * @param iosDirectory ios directory that contains Podfile
+ * @returns resolve with 0 if not error, reject with error otherwise
+ */
+export declare function runPodInstall(iosDirectory: string, install?: boolean, options?: {
+    buildFolder?: string;
+    repoUpdate?: boolean;
+    deployment?: boolean;
+    useBundler?: boolean;
+}): GeneratorCallback;
+export declare function podInstall(iosDirectory: string, options?: {
+    buildFolder?: string;
+    repoUpdate?: boolean;
+    deployment?: boolean;
+    useBundler?: boolean;
+}): void;

package/src/utils/pod-install-task.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.podInstall = exports.runPodInstall = void 0;
+const child_process_1 = require("child_process");
+const os_1 = require("os");
+const chalk = require("chalk");
+const devkit_1 = require("@nx/devkit");
+const fs_extra_1 = require("fs-extra");
+const path_1 = require("path");
+const podInstallErrorMessage = `
+Running ${chalk.bold('pod install')} failed, see above.
+Do you have CocoaPods (https://cocoapods.org/) installed?
+
+Check that your XCode path is correct:
+${chalk.bold('sudo xcode-select --print-path')}
+
+If the path is wrong, switch the path: (your path may be different)
+${chalk.bold('sudo xcode-select --switch /Applications/Xcode.app')}
+`;
+/**
+ * Run pod install on ios directory
+ * @param iosDirectory ios directory that contains Podfile
+ * @returns resolve with 0 if not error, reject with error otherwise
+ */
+function runPodInstall(iosDirectory, install = true, options = {
+    buildFolder: './build',
+    repoUpdate: false,
+    deployment: false,
+    useBundler: false,
+}) {
+    return () => {
+        if ((0, os_1.platform)() !== 'darwin') {
+            devkit_1.logger.info('Skipping `pod install` on non-darwin platform');
+            return;
+        }
+        if (!install || !(0, fs_extra_1.existsSync)((0, path_1.join)(iosDirectory, 'Podfile'))) {
+            devkit_1.logger.info('Skipping `pod install`');
+            return;
+        }
+        devkit_1.logger.info(`Running \`pod install\` from "${iosDirectory}"`);
+        return podInstall(iosDirectory, options);
+    };
+}
+exports.runPodInstall = runPodInstall;
+function podInstall(iosDirectory, options = {
+    buildFolder: './build',
+    repoUpdate: false,
+    deployment: false,
+    useBundler: false,
+}) {
+    try {
+        if ((0, fs_extra_1.existsSync)((0, path_1.join)(iosDirectory, '.xcode.env'))) {
+            (0, child_process_1.execSync)('touch .xcode.env', {
+                cwd: iosDirectory,
+                stdio: 'inherit',
+            });
+        }
+        const podCommand = [
+            options.useBundler ? 'bundle exec pod install' : 'pod install',
+            options.repoUpdate ? '--repo-update' : '',
+            options.deployment ? '--deployment' : '',
+        ].join(' ');
+        (0, child_process_1.execSync)(podCommand, {
+            cwd: iosDirectory,
+            stdio: 'inherit',
+        });
+    }
+    catch (e) {
+        devkit_1.logger.error(podInstallErrorMessage);
+        throw e;
+    }
+}
+exports.podInstall = podInstall;

package/src/utils/testing-generators.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+export declare function createApp(tree: Tree, appName: string): Promise<void>;
+export declare function createLib(tree: Tree, libName: string): Promise<void>;

package/src/utils/testing-generators.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLib = exports.createApp = void 0;
+const devkit_1 = require("@nx/devkit");
+const application_1 = require("../generators/application/application");
+const eslint_1 = require("@nx/eslint");
+async function createApp(tree, appName) {
+    await (0, application_1.default)(tree, {
+        linter: eslint_1.Linter.EsLint,
+        skipFormat: true,
+        style: 'css',
+        unitTestRunner: 'none',
+        name: appName,
+        e2eTestRunner: 'none',
+        install: false,
+        projectNameAndRootFormat: 'as-provided',
+        bundler: 'webpack',
+    });
+}
+exports.createApp = createApp;
+async function createLib(tree, libName) {
+    const { fileName } = (0, devkit_1.names)(libName);
+    tree.write(`${fileName}/src/index.ts`, `import React from 'react';\n`);
+    (0, devkit_1.addProjectConfiguration)(tree, fileName, {
+        tags: [],
+        root: `${fileName}`,
+        projectType: 'library',
+        sourceRoot: `${fileName}/src`,
+        targets: {},
+    });
+}
+exports.createLib = createLib;

package/src/utils/versions.d.ts

@@ -0,0 +1,17 @@
+export declare const nxVersion: any;
+export declare const reactNativeVersion = "0.73.2";
+export declare const typesNodeVersion = "18.16.9";
+export declare const reactNativeCommunityCliPlatformAndroidVersion = "12.3.0";
+export declare const reactNativeBabelPresetVersion = "^0.73.18";
+export declare const reactNativeMetroConfigVersion = "^0.73.2";
+export declare const reactNativeWebVersion = "^0.19.9";
+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.2.45";
+export declare const testingLibraryReactNativeVersion = "~12.4.2";
+export declare const testingLibraryJestNativeVersion = "~5.4.3";
+export declare const jestReactNativeVersion = "18.0.0";
+export declare const reactNativeSvgTransformerVersion = "1.2.0";
+export declare const reactNativeSvgVersion = "14.1.0";
+export declare const babelRuntimeVersion = "7.22.6";

package/src/utils/versions.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.babelRuntimeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.typesReactVersion = exports.reactTestRendererVersion = exports.reactDomVersion = exports.reactVersion = exports.reactNativeWebVersion = exports.reactNativeMetroConfigVersion = exports.reactNativeBabelPresetVersion = exports.reactNativeCommunityCliPlatformAndroidVersion = exports.typesNodeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
+exports.nxVersion = require('../../package.json').version;
+exports.reactNativeVersion = '0.73.2';
+exports.typesNodeVersion = '18.16.9';
+exports.reactNativeCommunityCliPlatformAndroidVersion = '12.3.0'; // anddroid refers files from this package
+exports.reactNativeBabelPresetVersion = '^0.73.18';
+exports.reactNativeMetroConfigVersion = '^0.73.2';
+exports.reactNativeWebVersion = '^0.19.9';
+exports.reactVersion = '18.2.0';
+exports.reactDomVersion = '18.2.0';
+exports.reactTestRendererVersion = '18.2.0';
+exports.typesReactVersion = '~18.2.45';
+exports.testingLibraryReactNativeVersion = '~12.4.2';
+exports.testingLibraryJestNativeVersion = '~5.4.3';
+exports.jestReactNativeVersion = '18.0.0';
+exports.reactNativeSvgTransformerVersion = '1.2.0';
+exports.reactNativeSvgVersion = '14.1.0';
+exports.babelRuntimeVersion = '7.22.6';

package/typings/svg.d.ts

@@ -0,0 +1,7 @@
+// from https://github.com/kristerkari/react-native-svg-transformer#using-typescript
+declare module '*.svg' {
+  import React from 'react';
+  import { SvgProps } from 'react-native-svg';
+  const content: React.FC<SvgProps>;
+  export default content;
+}