@nx/react-native 17.0.4 → 17.0.6

package/plugins/plugin.js

@@ -1,162 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createNodes = exports.createDependencies = void 0;
-const devkit_1 = require("@nx/devkit");
-const path_1 = require("path");
-const js_1 = require("@nx/js");
-const get_named_inputs_1 = require("@nx/devkit/src/utils/get-named-inputs");
-const fs_1 = require("fs");
-const calculate_hash_for_create_nodes_1 = require("@nx/devkit/src/utils/calculate-hash-for-create-nodes");
-const cache_directory_1 = require("nx/src/utils/cache-directory");
-const cachePath = (0, path_1.join)(cache_directory_1.projectGraphCacheDirectory, 'react-native.hash');
-const targetsCache = (0, fs_1.existsSync)(cachePath) ? readTargetsCache() : {};
-const calculatedTargets = {};
-function readTargetsCache() {
-    return (0, devkit_1.readJsonFile)(cachePath);
-}
-function writeTargetsToCache(targets) {
-    (0, devkit_1.writeJsonFile)(cachePath, targets);
-}
-const createDependencies = () => {
-    writeTargetsToCache(calculatedTargets);
-    return [];
-};
-exports.createDependencies = createDependencies;
-exports.createNodes = [
-    '**/app.{json,config.js}',
-    (configFilePath, options, context) => {
-        options = normalizeOptions(options);
-        const projectRoot = (0, path_1.dirname)(configFilePath);
-        // Do not create a project if package.json or project.json or metro.config.js isn't there.
-        const siblingFiles = (0, fs_1.readdirSync)((0, path_1.join)(context.workspaceRoot, projectRoot));
-        if (!siblingFiles.includes('package.json') ||
-            !siblingFiles.includes('metro.config.js')) {
-            return {};
-        }
-        const appConfig = getAppConfig(configFilePath, context);
-        if (appConfig.expo) {
-            return {};
-        }
-        const hash = (0, calculate_hash_for_create_nodes_1.calculateHashForCreateNodes)(projectRoot, options, context, [
-            (0, js_1.getLockFileName)((0, devkit_1.detectPackageManager)(context.workspaceRoot)),
-        ]);
-        const targets = targetsCache[hash]
-            ? targetsCache[hash]
-            : buildReactNativeTargets(projectRoot, options, context);
-        calculatedTargets[hash] = targets;
-        return {
-            projects: {
-                [projectRoot]: {
-                    targets,
-                },
-            },
-        };
-    },
-];
-function buildReactNativeTargets(projectRoot, options, context) {
-    const namedInputs = (0, get_named_inputs_1.getNamedInputs)(projectRoot, context);
-    const targets = {
-        [options.startTargetName]: {
-            command: `react-native start`,
-            options: { cwd: projectRoot },
-        },
-        [options.podInstallTargetName]: {
-            command: `pod install`,
-            options: { cwd: (0, devkit_1.joinPathFragments)(projectRoot, 'ios') },
-            dependsOn: [`${options.syncDepsTargetName}`],
-            cache: true,
-            inputs: getInputs(namedInputs),
-            outputs: [
-                getOutputs(projectRoot, 'ios/Pods'),
-                getOutputs(projectRoot, 'ios/Podfile.lock'),
-            ],
-        },
-        [options.runIosTargetName]: {
-            command: `react-native run-ios`,
-            options: { cwd: projectRoot },
-        },
-        [options.runAndroidTargetName]: {
-            command: `react-native run-android`,
-            options: { cwd: projectRoot },
-        },
-        [options.buildIosTargetName]: {
-            command: `react-native build-ios`,
-            options: { cwd: projectRoot },
-            cache: true,
-            dependsOn: [`^${options.buildIosTargetName}`],
-            inputs: getInputs(namedInputs),
-            outputs: [getOutputs(projectRoot, 'ios/build/Build/Products')],
-        },
-        [options.buildAndroidTargetName]: {
-            command: `react-native build-android`,
-            options: { cwd: projectRoot },
-            cache: true,
-            dependsOn: [`^${options.buildAndroidTargetName}`],
-            inputs: getInputs(namedInputs),
-            outputs: [getOutputs(projectRoot, 'android/app/build/outputs')],
-        },
-        [options.bundleTargetName]: {
-            command: `react-native bundle`,
-            options: { cwd: projectRoot },
-            dependsOn: [`^${options.bundleTargetName}`],
-            inputs: getInputs(namedInputs),
-        },
-        [options.syncDepsTargetName]: {
-            executor: '@nx/react-native:sync-deps',
-        },
-        [options.upgradeTargetname]: {
-            command: `react-native upgrade`,
-            options: { cwd: projectRoot },
-        },
-    };
-    return targets;
-}
-function getAppConfig(configFilePath, context) {
-    const resolvedPath = (0, path_1.join)(context.workspaceRoot, configFilePath);
-    let module = load(resolvedPath);
-    return module.default ?? module;
-}
-function getInputs(namedInputs) {
-    return [
-        ...('production' in namedInputs
-            ? ['default', '^production']
-            : ['default', '^default']),
-        {
-            externalDependencies: ['react-native'],
-        },
-    ];
-}
-function getOutputs(projectRoot, dir) {
-    if (projectRoot === '.') {
-        return `{projectRoot}/${dir}`;
-    }
-    else {
-        return `{workspaceRoot}/${projectRoot}/${dir}`;
-    }
-}
-/**
- * Load the module after ensuring that the require cache is cleared.
- */
-function load(path) {
-    // Clear cache if the path is in the cache
-    if (require.cache[path]) {
-        for (const k of Object.keys(require.cache)) {
-            delete require.cache[k];
-        }
-    }
-    // Then require
-    return require(path);
-}
-function normalizeOptions(options) {
-    options ??= {};
-    options.startTargetName ??= 'start';
-    options.podInstallTargetName ??= 'pod-install';
-    options.runIosTargetName ??= 'run-ios';
-    options.runAndroidTargetName ??= 'run-android';
-    options.buildIosTargetName ??= 'build-ios';
-    options.buildAndroidTargetName ??= 'build-android';
-    options.bundleTargetName ??= 'bundle';
-    options.syncDepsTargetName ??= 'sync-deps';
-    options.upgradeTargetname ??= 'upgrade';
-    return options;
-}

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

@@ -1 +0,0 @@
-export interface UpgradeExecutorSchema {}

package/src/executors/upgrade/schema.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "version": 2,
-  "cli": "nx",
-  "$id": "NxReactNativeUpgrade",
-  "title": "React Native Upgrade Executor",
-  "description": "Upgrade React Native code for project.",
-  "type": "object",
-  "properties": {},
-  "required": []
-}

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

@@ -1,13 +0,0 @@
-/// <reference types="node" />
-import { ExecutorContext } from '@nx/devkit';
-import { ChildProcess } from 'child_process';
-import { UpgradeExecutorSchema } from './schema';
-export interface ReactNativeUpgradeOutput {
-    success: boolean;
-}
-/**
- * This executor is equivalent to `npx react-native upgrade`.
- * https://github.com/react-native-community/cli/blob/main/packages/cli/src/commands/upgrade/upgrade.ts
- */
-export default function upgradeExecutor(options: UpgradeExecutorSchema, context: ExecutorContext): AsyncGenerator<ReactNativeUpgradeOutput>;
-export declare function runCliUpgrade(workspaceRoot: string, projectRoot: string): Promise<ChildProcess>;

package/src/executors/upgrade/upgrade.impl.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runCliUpgrade = void 0;
-const path_1 = require("path");
-const child_process_1 = require("child_process");
-/**
- * This executor is equivalent to `npx react-native upgrade`.
- * https://github.com/react-native-community/cli/blob/main/packages/cli/src/commands/upgrade/upgrade.ts
- */
-async function* upgradeExecutor(options, context) {
-    const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
-    await runCliUpgrade(context.root, projectRoot);
-    yield { success: true };
-}
-exports.default = upgradeExecutor;
-function runCliUpgrade(workspaceRoot, projectRoot) {
-    return new Promise((resolve, reject) => {
-        const childProcess = (0, child_process_1.fork)(require.resolve('react-native/cli.js'), ['upgrade'], {
-            stdio: 'inherit',
-            cwd: (0, path_1.resolve)(workspaceRoot, projectRoot),
-            env: process.env,
-        });
-        /**
-         * Ensure the child process is killed when the parent exits
-         */
-        const processExitListener = (signal) => () => {
-            childProcess.kill(signal);
-            process.exit();
-        };
-        process.once('exit', (signal) => childProcess.kill(signal));
-        process.once('SIGTERM', processExitListener);
-        process.once('SIGINT', processExitListener);
-        process.once('SIGQUIT', processExitListener);
-        childProcess.on('error', (err) => {
-            reject(err);
-        });
-        childProcess.on('exit', (code) => {
-            if (code === 0) {
-                resolve(childProcess);
-            }
-            else {
-                reject(code);
-            }
-        });
-    });
-}
-exports.runCliUpgrade = runCliUpgrade;

package/src/executors/upgrade/upgrade.impl.ts

@@ -1,64 +0,0 @@
-import { ExecutorContext } from '@nx/devkit';
-import { resolve as pathResolve } from 'path';
-import { ChildProcess, fork } from 'child_process';
-
-import { UpgradeExecutorSchema } from './schema';
-
-export interface ReactNativeUpgradeOutput {
-  success: boolean;
-}
-
-/**
- * This executor is equivalent to `npx react-native upgrade`.
- * https://github.com/react-native-community/cli/blob/main/packages/cli/src/commands/upgrade/upgrade.ts
- */
-export default async function* upgradeExecutor(
-  options: UpgradeExecutorSchema,
-  context: ExecutorContext
-): AsyncGenerator<ReactNativeUpgradeOutput> {
-  const projectRoot =
-    context.projectsConfigurations.projects[context.projectName].root;
-
-  await runCliUpgrade(context.root, projectRoot);
-  yield { success: true };
-}
-
-export function runCliUpgrade(
-  workspaceRoot: string,
-  projectRoot: string
-): Promise<ChildProcess> {
-  return new Promise<ChildProcess>((resolve, reject) => {
-    const childProcess = fork(
-      require.resolve('react-native/cli.js'),
-      ['upgrade'],
-      {
-        stdio: 'inherit',
-        cwd: pathResolve(workspaceRoot, projectRoot),
-        env: process.env,
-      }
-    );
-
-    /**
-     * Ensure the child process is killed when the parent exits
-     */
-    const processExitListener = (signal?: number | NodeJS.Signals) => () => {
-      childProcess.kill(signal);
-      process.exit();
-    };
-    process.once('exit', (signal) => childProcess.kill(signal));
-    process.once('SIGTERM', processExitListener);
-    process.once('SIGINT', processExitListener);
-    process.once('SIGQUIT', processExitListener);
-
-    childProcess.on('error', (err) => {
-      reject(err);
-    });
-    childProcess.on('exit', (code) => {
-      if (code === 0) {
-        resolve(childProcess);
-      } else {
-        reject(code);
-      }
-    });
-  });
-}

package/src/generators/application/files/app/.babelrc.js.template

@@ -1,23 +0,0 @@
-module.exports = function (api) {
-  api.cache(true);
-
-  if (
-    process.env.NX_TASK_TARGET_TARGET === 'build' ||
-    process.env.NX_TASK_TARGET_TARGET.includes('storybook')
-  ) {
-    return {
-      presets: [
-        [
-          '@nx/react/babel',
-          {
-            runtime: 'automatic',
-          },
-        ],
-      ],
-    };
-  }
-
-  return {
-    presets: [['module:@react-native/babel-preset',  { "useTransformReactJSX": true }]],
-  };
-};

package/src/generators/application/files/app/android/app/src/main/java/com/__lowerCaseName__/MainActivity.kt.template

@@ -1,22 +0,0 @@
-package com.<%= lowerCaseName %>
-
-import com.facebook.react.ReactActivity
-import com.facebook.react.ReactActivityDelegate
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
-import com.facebook.react.defaults.DefaultReactActivityDelegate
-
-class MainActivity : ReactActivity() {
-
-  /**
-   * Returns the name of the main component registered from JavaScript. This is used to schedule
-   * rendering of the component.
-   */
-  override fun getMainComponentName(): String = "<%= className %>"
-
-  /**
-   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
-   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
-   */
-  override fun createReactActivityDelegate(): ReactActivityDelegate =
-      DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
-}

package/src/generators/application/files/app/android/app/src/main/java/com/__lowerCaseName__/MainApplication.kt.template

@@ -1,45 +0,0 @@
-package com.<%= lowerCaseName %>
-
-import android.app.Application
-import com.facebook.react.PackageList
-import com.facebook.react.ReactApplication
-import com.facebook.react.ReactHost
-import com.facebook.react.ReactNativeHost
-import com.facebook.react.ReactPackage
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
-import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
-import com.facebook.react.defaults.DefaultReactNativeHost
-import com.facebook.react.flipper.ReactNativeFlipper
-import com.facebook.soloader.SoLoader
-
-class MainApplication : Application(), ReactApplication {
-
-  override val reactNativeHost: ReactNativeHost =
-      object : DefaultReactNativeHost(this) {
-        override fun getPackages(): List<ReactPackage> {
-          // Packages that cannot be autolinked yet can be added manually here, for example:
-          // packages.add(new MyReactNativePackage());
-          return PackageList(this).packages
-        }
-
-        override fun getJSMainModuleName(): String = "src/main"
-
-        override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
-
-        override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
-        override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
-      }
-
-  override val reactHost: ReactHost
-    get() = getDefaultReactHost(this.applicationContext, reactNativeHost)
-
-  override fun onCreate() {
-    super.onCreate()
-    SoLoader.init(this, false)
-    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
-      // If you opted-in for the New Architecture, we load the native entry point for this app.
-      load()
-    }
-    ReactNativeFlipper.initializeFlipper(this, reactNativeHost.reactInstanceManager)
-  }
-}

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

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

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

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addE2e = void 0;
-const add_e2e_1 = require("@nx/react/src/generators/application/lib/add-e2e");
-const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../../../utils/versions");
-async function addE2e(host, options) {
-    switch (options.e2eTestRunner) {
-        case 'cypress':
-            return (0, add_e2e_1.addE2e)(host, {
-                ...options,
-                e2eTestRunner: 'cypress',
-                style: 'none',
-                styledModule: null,
-                hasStyles: false,
-                unitTestRunner: 'none',
-            });
-        case 'playwright':
-            return (0, add_e2e_1.addE2e)(host, {
-                ...options,
-                e2eTestRunner: 'playwright',
-                style: 'none',
-                styledModule: null,
-                hasStyles: false,
-                unitTestRunner: 'none',
-            });
-        case 'detox':
-            const { detoxApplicationGenerator } = (0, devkit_1.ensurePackage)('@nx/detox', versions_1.nxVersion);
-            return detoxApplicationGenerator(host, {
-                ...options,
-                e2eName: options.e2eProjectName,
-                e2eDirectory: options.e2eProjectRoot,
-                projectNameAndRootFormat: 'as-provided',
-                appProject: options.projectName,
-                appDisplayName: options.displayName,
-                appName: options.name,
-                framework: 'react-native',
-                setParserOptionsProject: options.setParserOptionsProject,
-                skipFormat: true,
-            });
-        case 'none':
-        default:
-            return () => { };
-    }
-}
-exports.addE2e = addE2e;

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

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

package/src/generators/web-configuration/files/base-vite/.babelrc.js.template

@@ -1,23 +0,0 @@
-module.exports = function (api) {
-  api.cache(true);
-
-  if (
-    process.env.NX_TASK_TARGET_TARGET === 'build' ||
-    process.env.NX_TASK_TARGET_TARGET.includes('storybook')
-  ) {
-    return {
-      presets: [
-        [
-          '@nx/react/babel',
-          {
-            runtime: 'automatic',
-          },
-        ],
-      ],
-    };
-  }
-
-  return {
-    presets: [['module:@react-native/babel-preset',  { "useTransformReactJSX": true }]],
-  };
-};

package/src/generators/web-configuration/files/base-vite/index.html__tmpl__

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" style="height: 100%">
-  <head>
-    <meta charset="utf-8" />
-    <title><%= className %></title>
-    <base href="/" />
-
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
-  </head>
-  <body style="height:100%">
-    <div id="root" style="display: flex; height: 100%"></div>
-    <script type="module" src="/src/main-web.tsx"></script>
-  </body>
-</html>

package/src/generators/web-configuration/files/base-vite/src/main-web.tsx__tmpl__

@@ -1,9 +0,0 @@
-import { StrictMode } from 'react';
-import * as ReactDOM from 'react-dom/client';
-
-import App from './app/App';
-
-const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
-root.render(
-  <StrictMode><App /></StrictMode>
-);

package/src/generators/web-configuration/files/base-vite/vite.config.ts__tmpl__

@@ -1,82 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-import * as esbuild from 'esbuild';
-import { readFileSync } from 'fs';
-
-const extensions = [
-  '.mjs',
-  '.web.tsx',
-  '.tsx',
-  '.web.ts',
-  '.ts',
-  '.web.jsx',
-  '.jsx',
-  '.web.js',
-  '.js',
-  '.css',
-  '.json',
-];
-
-const rollupPlugin = (matchers: RegExp[]) => ({
-  name: 'js-in-jsx',
-  load(id: string) {
-    if (matchers.some((matcher) => matcher.test(id)) && id.endsWith('.js')) {
-      const file = readFileSync(id, { encoding: 'utf-8' });
-      return esbuild.transformSync(file, { loader: 'jsx', jsx: 'automatic' });
-    }
-  },
-});
-
-export default defineConfig({
-  root: __dirname,
-  cacheDir: '../../node_modules/.vite/<%= fileName %>',
-  define: {
-    global: 'window',
-  },
-
-  resolve: {
-    extensions,
-    alias: {
-      'react-native': 'react-native-web',
-    },
-  },
-
-  build: {
-    reportCompressedSize: true,
-    commonjsOptions: { transformMixedEsModules: true },
-    outDir: '../../dist/apps/<%= fileName %>/web',
-    rollupOptions: {
-      plugins: [rollupPlugin([/react-native-vector-icons/])],
-    },
-  },
-
-  server: {
-    port: 4200,
-    host: 'localhost',
-    fs: {
-      // Allow serving files from one level up to the project root
-      allow: ['..'],
-    },
-  },
-
-  preview: {
-    port: 4300,
-    host: 'localhost',
-  },
-
-  optimizeDeps: {
-    esbuildOptions: {
-      resolveExtensions: extensions,
-      jsx: 'automatic',
-      loader: { '.js': 'jsx' },
-    },
-  },
-
-  plugins: [react(), nxViteTsPaths()],
-
-  // Uncomment this if you are using workers.
-  // worker: {
-  //  plugins: [ nxViteTsPaths() ],
-  // },
-});

package/src/generators/web-configuration/files/base-webpack/.babelrc.js.template

@@ -1,23 +0,0 @@
-module.exports = function (api) {
-  api.cache(true);
-
-  if (
-    process.env.NX_TASK_TARGET_TARGET === 'build' ||
-    process.env.NX_TASK_TARGET_TARGET.includes('storybook')
-  ) {
-    return {
-      presets: [
-        [
-          '@nx/react/babel',
-          {
-            runtime: 'automatic',
-          },
-        ],
-      ],
-    };
-  }
-
-  return {
-    presets: [['module:@react-native/babel-preset',  { "useTransformReactJSX": true }]],
-  };
-};

package/src/generators/web-configuration/files/base-webpack/src/index.html__tmpl__

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" style="height: 100%">
-  <head>
-    <meta charset="utf-8" />
-    <title><%= className %></title>
-    <base href="/" />
-
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
-  </head>
-  <body style="height:100%">
-    <div id="root" style="display: flex; height: 100%"></div>
-  </body>
-</html>

package/src/generators/web-configuration/files/base-webpack/src/main-web.tsx__tmpl__

@@ -1,9 +0,0 @@
-import { StrictMode } from 'react';
-import * as ReactDOM from 'react-dom/client';
-
-import App from './app/App';
-
-const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
-root.render(
-  <StrictMode><App /></StrictMode>
-);