@nx/react-native 24.0.0-canary.20261019-c4bb923 → 24.0.0-canary.20261020-e7ffd79

package/dist/plugins/metro-reporter.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/plugins/metro-reporter.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const diagnostics_channel_1 = require("diagnostics_channel");
+const path_1 = require("path");
+const tls_1 = require("tls");
+const { TerminalReporter } = require(resolveMetro(process.cwd()));
+/**
+ * Metro's terminal reporter, which also reports the dev server's address to an
+ * Nx task whose readyWhen is `signal`. `react-native start` loads it through
+ * `--custom-log-reporter-path`.
+ */
+class NxMetroReporter extends TerminalReporter {
+    constructor(terminal) {
+        super(terminal);
+        this.secureByPort = new Map();
+        if (process.env.NX_READY_SIGNAL_SOCKET) {
+            // server_listening has no protocol, and Metro also serves HTTPS for a
+            // `server.tls` config. This channel publishes before that event fires.
+            (0, diagnostics_channel_1.subscribe)('tracing:net.server.listen:asyncEnd', (message) => {
+                const { server } = message;
+                const address = server.address();
+                if (address && typeof address === 'object') {
+                    this.secureByPort.set(address.port, server instanceof tls_1.Server);
+                }
+            });
+        }
+    }
+    update(event) {
+        super.update(event);
+        if (event.type !== 'server_listening' ||
+            !process.env.NX_READY_SIGNAL_SOCKET) {
+            return;
+        }
+        const { emitReadySignal } = require('@nx/devkit');
+        const { getListeningUrl } = require('@nx/devkit/internal');
+        const listening = event;
+        emitReadySignal(getListeningUrl(listening, this.secureByPort.get(listening.port) ??
+            process.argv.includes('--https')));
+    }
+}
+// The metro react-native start uses. This package does not depend on metro,
+// so a plain require can fail or find another hoisted version.
+function resolveMetro(projectRoot) {
+    const reactNative = (0, path_1.dirname)(require.resolve('react-native/package.json', { paths: [projectRoot] }));
+    const cliPlugin = (0, path_1.dirname)(require.resolve('@react-native/community-cli-plugin/package.json', {
+        paths: [reactNative],
+    }));
+    return require.resolve('metro', { paths: [cliPlugin] });
+}
+module.exports = NxMetroReporter;

package/dist/plugins/plugin.js

@@ -59,11 +59,7 @@ async function createNodesInternal(configFile, options, context, targetsCache, h
 function buildReactNativeTargets(projectRoot, options, context) {
     const namedInputs = (0, internal_1.getNamedInputs)(projectRoot, context);
     const targets = {
-        [options.startTargetName]: {
-            command: `react-native start`,
-            continuous: true,
-            options: { cwd: projectRoot },
-        },
+        [options.startTargetName]: getStartTarget(projectRoot, context),
         [options.podInstallTargetName]: {
             command: `pod install`,
             options: { cwd: (0, devkit_1.joinPathFragments)(projectRoot, 'ios') },
@@ -112,6 +108,25 @@ function buildReactNativeTargets(projectRoot, options, context) {
     };
     return targets;
 }
+const METRO_REPORTER_PATH = 'node_modules/@nx/react-native/dist/plugins/metro-reporter.js';
+function getStartTarget(projectRoot, context) {
+    const target = {
+        command: `react-native start`,
+        continuous: true,
+        options: { cwd: projectRoot },
+    };
+    // react-native start fails on a missing reporter, as when the plugin is
+    // installed outside the root node_modules (e.g. .nx/installation)
+    if (!(0, fs_1.existsSync)((0, path_1.join)(context.workspaceRoot, METRO_REPORTER_PATH))) {
+        return target;
+    }
+    return {
+        ...target,
+        // Relative to the task's cwd, so the graph holds no machine-specific path
+        command: `react-native start --custom-log-reporter-path ${(0, devkit_1.offsetFromRoot)(projectRoot)}${METRO_REPORTER_PATH}`,
+        readyWhen: { signal: true },
+    };
+}
 function getAppConfig(configFilePath, context) {
     const resolvedPath = (0, path_1.join)(context.workspaceRoot, configFilePath);
     return (0, internal_1.loadConfigFile)(resolvedPath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react-native",
-  "version": "24.0.0-canary.20261019-c4bb923",
+  "version": "24.0.0-canary.20261020-e7ffd79",
   "private": false,
   "description": "The Nx Plugin for React Native contains generators for managing React Native applications and libraries within an Nx workspace. It provides: \n\n-Integration with libraries such as Jest, Detox, and Storybook.\n-Scaffolding for creating buildable libraries that can be published to npm.\n-Utilities for automatic workspace refactoring.",
   "keywords": [
@@ -54,10 +54,10 @@
     }
   },
   "dependencies": {
-    "@nx/devkit": "24.0.0-canary.20261019-c4bb923",
-    "@nx/js": "24.0.0-canary.20261019-c4bb923",
-    "@nx/eslint": "24.0.0-canary.20261019-c4bb923",
-    "@nx/react": "24.0.0-canary.20261019-c4bb923",
+    "@nx/devkit": "24.0.0-canary.20261020-e7ffd79",
+    "@nx/js": "24.0.0-canary.20261020-e7ffd79",
+    "@nx/eslint": "24.0.0-canary.20261020-e7ffd79",
+    "@nx/react": "24.0.0-canary.20261020-e7ffd79",
     "ajv": "^8.0.0",
     "enhanced-resolve": "^5.8.3",
     "ignore": "^7.0.5",
@@ -78,12 +78,12 @@
     }
   },
   "devDependencies": {
-    "@nx/webpack": "24.0.0-canary.20261019-c4bb923",
-    "nx": "24.0.0-canary.20261019-c4bb923"
+    "@nx/webpack": "24.0.0-canary.20261020-e7ffd79",
+    "nx": "24.0.0-canary.20261020-e7ffd79"
   },
   "optionalDependencies": {
-    "@nx/detox": "24.0.0-canary.20261019-c4bb923",
-    "@nx/rollup": "24.0.0-canary.20261019-c4bb923"
+    "@nx/detox": "24.0.0-canary.20261020-e7ffd79",
+    "@nx/rollup": "24.0.0-canary.20261020-e7ffd79"
   },
   "executors": "./executors.json",
   "ng-update": {