@react-native/community-cli-plugin 0.74.0 → 0.75.0-nightly-20240221-a1171f79f

package/README.md

@@ -59,6 +59,7 @@ npx react-native bundle --entry-file <path> [options]
 | `--minify [boolean]` | Allows overriding whether bundle is minified. Defaults to `false` if `--dev` is set. Disabling minification can be useful for speeding up production builds for testing purposes. |
 | `--bundle-output <string>` | Specify the path to store the resulting bundle. |
 | `--bundle-encoding <string>` | Specify the encoding for writing the bundle (<https://nodejs.org/api/buffer.html#buffer_buffer>). |
+| `--resolver-option <string...>` | Custom resolver options of the form key=value. URL-encoded. May be specified multiple times. |
 | `--sourcemap-output <string>` | Specify the path to store the source map file for the resulting bundle. |
 | `--sourcemap-sources-root <string>` | Set the root path for source map entries. |
 | `--sourcemap-use-absolute-path` | Report `SourceMapURL` using its full path. |

package/dist/commands/bundle/assetCatalogIOS.js

@@ -7,9 +7,9 @@ exports.cleanAssetCatalog = cleanAssetCatalog;
 exports.getImageSet = getImageSet;
 exports.isCatalogAsset = isCatalogAsset;
 exports.writeImageSet = writeImageSet;
-var _path = _interopRequireDefault(require("path"));
-var _fs = _interopRequireDefault(require("fs"));
 var _assetPathUtils = _interopRequireDefault(require("./assetPathUtils"));
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -29,7 +29,10 @@ function cleanAssetCatalog(catalogDir) {
     .readdirSync(catalogDir)
     .filter((file) => file.endsWith(".imageset"));
   for (const file of files) {
-    _fs.default.rmSync(_path.default.join(catalogDir, file));
+    _fs.default.rmSync(_path.default.join(catalogDir, file), {
+      recursive: true,
+      force: true,
+    });
   }
 }
 function getImageSet(catalogDir, asset, scales) {

package/dist/commands/bundle/buildBundle.js

@@ -4,18 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.unstable_buildBundleWithConfig = exports.default = void 0;
+var _loadMetroConfig = _interopRequireDefault(
+  require("../../utils/loadMetroConfig")
+);
+var _parseKeyValueParamArray = _interopRequireDefault(
+  require("../../utils/parseKeyValueParamArray")
+);
+var _saveAssets = _interopRequireDefault(require("./saveAssets"));
+var _cliTools = require("@react-native-community/cli-tools");
+var _chalk = _interopRequireDefault(require("chalk"));
 var _Server = _interopRequireDefault(require("metro/src/Server"));
 var _bundle = _interopRequireDefault(require("metro/src/shared/output/bundle"));
 var _RamBundle = _interopRequireDefault(
   require("metro/src/shared/output/RamBundle")
 );
 var _path = _interopRequireDefault(require("path"));
-var _chalk = _interopRequireDefault(require("chalk"));
-var _saveAssets = _interopRequireDefault(require("./saveAssets"));
-var _loadMetroConfig = _interopRequireDefault(
-  require("../../utils/loadMetroConfig")
-);
-var _cliTools = require("@react-native-community/cli-tools");
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -43,6 +46,9 @@ async function buildBundleWithConfig(
   config,
   bundleImpl = _bundle.default
 ) {
+  const customResolverOptions = (0, _parseKeyValueParamArray.default)(
+    args.resolverOption ?? []
+  );
   if (config.resolver.platforms.indexOf(args.platform) === -1) {
     _cliTools.logger.error(
       `Invalid platform ${
@@ -75,6 +81,7 @@ async function buildBundleWithConfig(
     minify: args.minify !== undefined ? args.minify : !args.dev,
     platform: args.platform,
     unstable_transformProfile: args.unstableTransformProfile,
+    customResolverOptions,
   };
   const server = new _Server.default(config);
   try {

package/dist/commands/bundle/buildBundle.js.flow

@@ -11,7 +11,6 @@
 
 import type { Config } from "@react-native-community/cli-types";
 import type { ConfigT } from "metro-config";
-
 import metroBundle from "metro/src/shared/output/bundle";
 import metroRamBundle from "metro/src/shared/output/RamBundle";
 export type BundleCommandArgs = {
@@ -34,6 +33,7 @@ export type BundleCommandArgs = {
   verbose: boolean,
   unstableTransformProfile: string,
   indexedRamBundle?: boolean,
+  resolverOption?: Array<string>,
 };
 
 declare function buildBundle(

package/dist/commands/bundle/getAssetDestPathAndroid.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = void 0;
-var _path = _interopRequireDefault(require("path"));
 var _assetPathUtils = _interopRequireDefault(require("./assetPathUtils"));
+var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }

package/dist/commands/bundle/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = void 0;
-var _path = _interopRequireDefault(require("path"));
 var _buildBundle = _interopRequireDefault(require("./buildBundle"));
+var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -118,6 +118,12 @@ const bundleCommand = {
       description: "Path to the CLI configuration file",
       parse: (val) => _path.default.resolve(val),
     },
+    {
+      name: "--resolver-option <string...>",
+      description:
+        "Custom resolver options of the form key=value. URL-encoded. May be specified multiple times.",
+      parse: (val, previous = []) => previous.concat([val]),
+    },
   ],
 };
 var _default = bundleCommand;

package/dist/commands/bundle/saveAssets.js

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = void 0;
-var _cliTools = require("@react-native-community/cli-tools");
-var _fs = _interopRequireDefault(require("fs"));
-var _path = _interopRequireDefault(require("path"));
 var _assetCatalogIOS = require("./assetCatalogIOS");
 var _filterPlatformAssetScales = _interopRequireDefault(
   require("./filterPlatformAssetScales")
@@ -17,6 +14,9 @@ var _getAssetDestPathAndroid = _interopRequireDefault(
 var _getAssetDestPathIOS = _interopRequireDefault(
   require("./getAssetDestPathIOS")
 );
+var _cliTools = require("@react-native-community/cli-tools");
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }

package/dist/commands/ram-bundle/index.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = void 0;
+var _bundle = _interopRequireDefault(require("../bundle"));
+var _buildBundle = _interopRequireDefault(require("../bundle/buildBundle"));
 var _RamBundle = _interopRequireDefault(
   require("metro/src/shared/output/RamBundle")
 );
-var _bundle = _interopRequireDefault(require("../bundle"));
-var _buildBundle = _interopRequireDefault(require("../bundle/buildBundle"));
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }

package/dist/commands/ram-bundle/index.js.flow

@@ -10,6 +10,7 @@
  */
 
 import type { Command } from "@react-native-community/cli-types";
+
 declare const ramBundleCommand: Command;
 
 declare export default typeof ramBundleCommand;

package/dist/commands/start/attachKeyHandlers.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = attachKeyHandlers;
+var _KeyPressHandler = require("../../utils/KeyPressHandler");
 var _cliTools = require("@react-native-community/cli-tools");
 var _chalk = _interopRequireDefault(require("chalk"));
 var _execa = _interopRequireDefault(require("execa"));
 var _nodeFetch = _interopRequireDefault(require("node-fetch"));
-var _KeyPressHandler = require("../../utils/KeyPressHandler");
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -45,12 +45,12 @@ function attachKeyHandlers({
   const keyPressHandler = new _KeyPressHandler.KeyPressHandler(async (key) => {
     switch (key) {
       case "r":
-        messageSocket.broadcast("reload", null);
         _cliTools.logger.info("Reloading connected app(s)...");
+        messageSocket.broadcast("reload", null);
         break;
       case "d":
-        messageSocket.broadcast("devMenu", null);
         _cliTools.logger.info("Opening Dev Menu...");
+        messageSocket.broadcast("devMenu", null);
         break;
       case "i":
         _cliTools.logger.info("Opening app on iOS...");
@@ -101,7 +101,11 @@ function attachKeyHandlers({
       `${_chalk.default.bold("a")} - run on Android`,
       `${_chalk.default.bold("d")} - open Dev Menu`,
       ...(experimentalDebuggerFrontend
-        ? [`${_chalk.default.bold("j")} - open debugger (experimental)`]
+        ? [
+            `${_chalk.default.bold(
+              "j"
+            )} - open debugger (experimental, Hermes only)`,
+          ]
         : []),
       `${_chalk.default.bold("r")} - reload app`,
       "",

package/dist/commands/start/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = void 0;
-var _path = _interopRequireDefault(require("path"));
 var _runServer = _interopRequireDefault(require("./runServer"));
+var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -100,13 +100,11 @@ const startCommand = {
       description: "Disables interactive mode",
     },
     {
-      name: "--experimental-debugger [bool]",
+      name: "--experimental-debugger",
       description:
         "[Experimental] Enable the new debugger experience and 'j' to " +
         "debug. This enables the new frontend experience only: connection " +
         "reliability and some basic features are unstable in this release.",
-      parse: (val) => val !== undefined && val !== "false" && val !== "0",
-      default: true,
     },
   ],
 };

package/dist/commands/start/runServer.js

@@ -4,13 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = void 0;
-var _chalk = _interopRequireDefault(require("chalk"));
-var _metro = _interopRequireDefault(require("metro"));
-var _metroCore = require("metro-core");
-var _path = _interopRequireDefault(require("path"));
-var _devMiddleware = require("@react-native/dev-middleware");
-var _cliServerApi = require("@react-native-community/cli-server-api");
-var _cliTools = require("@react-native-community/cli-tools");
 var _isDevServerRunning = _interopRequireDefault(
   require("../../utils/isDevServerRunning")
 );
@@ -18,6 +11,14 @@ var _loadMetroConfig = _interopRequireDefault(
   require("../../utils/loadMetroConfig")
 );
 var _attachKeyHandlers = _interopRequireDefault(require("./attachKeyHandlers"));
+var _cliServerApi = require("@react-native-community/cli-server-api");
+var _cliTools = require("@react-native-community/cli-tools");
+var _devMiddleware = require("@react-native/dev-middleware");
+var _chalk = _interopRequireDefault(require("chalk"));
+var _metro = _interopRequireDefault(require("metro"));
+var _metroCore = require("metro-core");
+var _path = _interopRequireDefault(require("path"));
+var _url = _interopRequireDefault(require("url"));
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -42,19 +43,21 @@ async function runServer(_argv, ctx, args) {
     projectRoot: args.projectRoot,
     sourceExts: args.sourceExts,
   });
-  const host = args.host?.length ? args.host : "localhost";
+  const hostname = args.host?.length ? args.host : "localhost";
   const {
     projectRoot,
     server: { port },
     watchFolders,
   } = metroConfig;
-  const scheme = args.https === true ? "https" : "http";
-  const devServerUrl = `${scheme}://${host}:${port}`;
+  const protocol = args.https === true ? "https" : "http";
+  const devServerUrl = _url.default.format({
+    protocol,
+    hostname,
+    port,
+  });
   _cliTools.logger.info(`Welcome to React Native v${ctx.reactNativeVersion}`);
   const serverStatus = await (0, _isDevServerRunning.default)(
-    scheme,
-    host,
-    port,
+    devServerUrl,
     projectRoot
   );
   if (serverStatus === "matched_server_running") {
@@ -84,7 +87,7 @@ async function runServer(_argv, ctx, args) {
     messageSocketEndpoint,
     eventsSocketEndpoint,
   } = (0, _cliServerApi.createDevServerMiddleware)({
-    host,
+    host: hostname,
     port,
     watchFolders,
   });

package/dist/utils/isDevServerRunning.js

@@ -30,13 +30,14 @@ function _interopRequireDefault(obj) {
  * - `port_taken`: The port is occupied by another process.
  * - `unknown`: An error was encountered; attempt server creation anyway.
  */
-async function isDevServerRunning(scheme, host, port, projectRoot) {
+async function isDevServerRunning(devServerUrl, projectRoot) {
+  const { hostname, port } = new URL(devServerUrl);
   try {
-    if (!(await isPortOccupied(host, port))) {
+    if (!(await isPortOccupied(hostname, port))) {
       return "not_running";
     }
     const statusResponse = await (0, _nodeFetch.default)(
-      `${scheme}://${host}:${port}/status`
+      `${devServerUrl}/status`
     );
     const body = await statusResponse.text();
     return body === "packager-status:running" &&
@@ -47,7 +48,7 @@ async function isDevServerRunning(scheme, host, port, projectRoot) {
     return "unknown";
   }
 }
-async function isPortOccupied(host, port) {
+async function isPortOccupied(hostname, port) {
   let result = false;
   const server = _net.default.createServer();
   return new Promise((resolve, reject) => {
@@ -67,7 +68,7 @@ async function isPortOccupied(host, port) {
       resolve(result);
     });
     server.listen({
-      host,
+      host: hostname,
       port,
     });
   });

package/dist/utils/isDevServerRunning.js.flow

@@ -20,8 +20,6 @@
  * - `unknown`: An error was encountered; attempt server creation anyway.
  */
 declare export default function isDevServerRunning(
-  scheme: string,
-  host: string,
-  port: number,
+  devServerUrl: string,
   projectRoot: string
 ): Promise<"not_running" | "matched_server_running" | "port_taken" | "unknown">;

package/dist/utils/loadMetroConfig.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = loadMetroConfig;
-var _path = _interopRequireDefault(require("path"));
-var _metroConfig = require("metro-config");
-var _cliTools = require("@react-native-community/cli-tools");
 var _metroPlatformResolver = require("./metroPlatformResolver");
+var _cliTools = require("@react-native-community/cli-tools");
+var _metroConfig = require("metro-config");
+var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -25,7 +25,7 @@ function _interopRequireDefault(obj) {
 /**
  * Get the config options to override based on RN CLI inputs.
  */
-function getOverrideConfig(ctx) {
+function getOverrideConfig(ctx, config) {
   const outOfTreePlatforms = Object.keys(ctx.platforms).filter(
     (platform) => ctx.platforms[platform].npmPackageName
   );
@@ -38,7 +38,8 @@ function getOverrideConfig(ctx) {
       outOfTreePlatforms.reduce((result, platform) => {
         result[platform] = ctx.platforms[platform].npmPackageName;
         return result;
-      }, {})
+      }, {}),
+      config.resolver?.resolveRequest
     );
   }
   return {
@@ -58,7 +59,10 @@ function getOverrideConfig(ctx) {
         ),
         ...outOfTreePlatforms.map((platform) =>
           require.resolve(
-            `${ctx.platforms[platform].npmPackageName}/Libraries/Core/InitializeCore`
+            `${ctx.platforms[platform].npmPackageName}/Libraries/Core/InitializeCore`,
+            {
+              paths: [ctx.root],
+            }
           )
         ),
       ],
@@ -73,7 +77,6 @@ function getOverrideConfig(ctx) {
  * dynamic user options in `ctx`.
  */
 async function loadMetroConfig(ctx, options = {}) {
-  const overrideConfig = getOverrideConfig(ctx);
   const cwd = ctx.root;
   const projectConfig = await (0, _metroConfig.resolveConfig)(
     options.config,
@@ -97,11 +100,10 @@ This warning will be removed in future (https://github.com/facebook/metro/issues
       _cliTools.logger.warn(line);
     }
   }
-  return (0, _metroConfig.mergeConfig)(
-    await (0, _metroConfig.loadConfig)({
-      cwd,
-      ...options,
-    }),
-    overrideConfig
-  );
+  const config = await (0, _metroConfig.loadConfig)({
+    cwd,
+    ...options,
+  });
+  const overrideConfig = getOverrideConfig(ctx, config);
+  return (0, _metroConfig.mergeConfig)(config, overrideConfig);
 }

package/dist/utils/metroPlatformResolver.js

@@ -29,7 +29,7 @@ exports.reactNativePlatformResolver = reactNativePlatformResolver;
  *    macos: 'react-native-macos'
  * }
  */
-function reactNativePlatformResolver(platformImplementations) {
+function reactNativePlatformResolver(platformImplementations, customResolver) {
   return (context, moduleName, platform) => {
     let modifiedModuleName = moduleName;
     if (platform != null && platformImplementations[platform]) {
@@ -41,6 +41,9 @@ function reactNativePlatformResolver(platformImplementations) {
         }/${modifiedModuleName.slice("react-native/".length)}`;
       }
     }
+    if (customResolver) {
+      return customResolver(context, modifiedModuleName, platform);
+    }
     return context.resolveRequest(context, modifiedModuleName, platform);
   };
 }

package/dist/utils/metroPlatformResolver.js.flow

@@ -25,6 +25,9 @@ import type { CustomResolver } from "metro-resolver";
  *    macos: 'react-native-macos'
  * }
  */
-declare export function reactNativePlatformResolver(platformImplementations: {
-  [platform: string]: string,
-}): CustomResolver;
+declare export function reactNativePlatformResolver(
+  platformImplementations: {
+    [platform: string]: string,
+  },
+  customResolver: ?CustomResolver
+): CustomResolver;

package/dist/utils/parseKeyValueParamArray.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.default = parseKeyValueParamArray;
+var _querystring = _interopRequireDefault(require("querystring"));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ * @format
+ * @oncall react_native
+ */
+
+function parseKeyValueParamArray(keyValueArray) {
+  const result = {};
+  for (const item of keyValueArray) {
+    if (item.indexOf("=") === -1) {
+      throw new Error('Expected parameter to include "=" but found: ' + item);
+    }
+    if (item.indexOf("&") !== -1) {
+      throw new Error('Parameter cannot include "&" but found: ' + item);
+    }
+    Object.assign(result, _querystring.default.parse(item));
+  }
+  return result;
+}

package/dist/utils/parseKeyValueParamArray.js.flow

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+declare export default function parseKeyValueParamArray(
+  keyValueArray: $ReadOnlyArray<string>
+): Record<string, string>;

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@react-native/community-cli-plugin",
-  "version": "0.74.0",
+  "version": "0.75.0-nightly-20240221-a1171f79f",
   "description": "Core CLI commands for React Native",
-  "keywords": ["react-native", "tools"],
-  "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/buid-scripts#readme",
+  "keywords": [
+    "react-native",
+    "tools"
+  ],
+  "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/community-cli-plugin#readme",
   "bugs": "https://github.com/facebook/react-native/issues",
   "repository": {
     "type": "git",
@@ -11,21 +14,31 @@
     "directory": "packages/community-cli-plugin"
   },
   "license": "MIT",
-  "exports": { ".": "./dist/index.js", "./package.json": "./package.json" },
-  "files": ["dist"],
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
-    "@react-native/dev-middleware": "^0.74.0",
-    "@react-native-community/cli-server-api": "12.0.0-alpha.15",
-    "@react-native-community/cli-tools": "12.0.0-alpha.15",
-    "@react-native/metro-babel-transformer": "^0.74.0",
+    "@react-native-community/cli-server-api": "13.6.0",
+    "@react-native-community/cli-tools": "13.6.0",
+    "@react-native/dev-middleware": "0.75.0-nightly-20240221-a1171f79f",
+    "@react-native/metro-babel-transformer": "0.75.0-nightly-20240221-a1171f79f",
     "chalk": "^4.0.0",
     "execa": "^5.1.1",
-    "metro": "0.79.1",
-    "metro-config": "0.79.1",
-    "metro-core": "0.79.1",
+    "metro": "^0.80.3",
+    "metro-config": "^0.80.3",
+    "metro-core": "^0.80.3",
     "node-fetch": "^2.2.0",
+    "querystring": "^0.2.1",
     "readline": "^1.3.0"
   },
-  "devDependencies": { "metro-resolver": "0.79.1" },
-  "engines": { "node": ">=18" }
+  "devDependencies": {
+    "metro-resolver": "^0.80.3"
+  },
+  "engines": {
+    "node": ">=18"
+  }
 }