@react-native/community-cli-plugin 0.73.0

package/dist/utils/loadMetroConfig.js

@@ -0,0 +1,108 @@
+"use strict";
+
+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");
+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
+ */
+
+/**
+ * Get the config options to override based on RN CLI inputs.
+ */
+function getOverrideConfig(ctx) {
+  const outOfTreePlatforms = Object.keys(ctx.platforms).filter(
+    (platform) => ctx.platforms[platform].npmPackageName
+  );
+  const resolver = {
+    platforms: [...Object.keys(ctx.platforms), "native"],
+  };
+  if (outOfTreePlatforms.length) {
+    resolver.resolveRequest = (0,
+    _metroPlatformResolver.reactNativePlatformResolver)(
+      outOfTreePlatforms.reduce((result, platform) => {
+        result[platform] = ctx.platforms[platform].npmPackageName;
+        return result;
+      }, {})
+    );
+  }
+  return {
+    resolver,
+    serializer: {
+      // We can include multiple copies of InitializeCore here because metro will
+      // only add ones that are already part of the bundle
+      getModulesRunBeforeMainModule: () => [
+        require.resolve(
+          _path.default.join(
+            ctx.reactNativePath,
+            "Libraries/Core/InitializeCore"
+          ),
+          {
+            paths: [ctx.root],
+          }
+        ),
+        ...outOfTreePlatforms.map((platform) =>
+          require.resolve(
+            `${ctx.platforms[platform].npmPackageName}/Libraries/Core/InitializeCore`
+          )
+        ),
+      ],
+    },
+  };
+}
+/**
+ * Load Metro config.
+ *
+ * Allows the CLI to override select values in `metro.config.js` based on
+ * dynamic user options in `ctx`.
+ */
+async function loadMetroConfig(ctx, options = {}) {
+  const overrideConfig = getOverrideConfig(ctx);
+  if (options.reporter) {
+    overrideConfig.reporter = options.reporter;
+  }
+  const projectConfig = await (0, _metroConfig.resolveConfig)(
+    undefined,
+    ctx.root
+  );
+  if (projectConfig.isEmpty) {
+    throw new _cliTools.CLIError(`No metro config found in ${ctx.root}`);
+  }
+  _cliTools.logger.debug(`Reading Metro config from ${projectConfig.filepath}`);
+  if (!global.__REACT_NATIVE_METRO_CONFIG_LOADED) {
+    for (const line of `
+=================================================================================================
+From React Native 0.73, your project's Metro config should extend '@react-native/metro-config'
+or it will fail to build. Please copy the template at:
+https://github.com/facebook/react-native/blob/main/packages/react-native/template/metro.config.js
+This warning will be removed in future (https://github.com/facebook/metro/issues/1018).
+=================================================================================================
+    `
+      .trim()
+      .split("\n")) {
+      _cliTools.logger.warn(line);
+    }
+  }
+  return (0, _metroConfig.mergeConfig)(
+    await (0, _metroConfig.loadConfig)({
+      cwd: ctx.root,
+      ...options,
+    }),
+    overrideConfig
+  );
+}

package/dist/utils/loadMetroConfig.js.flow

@@ -0,0 +1,125 @@
+/**
+ * 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
+ * @format
+ * @oncall react_native
+ */
+
+import type {Config} from '@react-native-community/cli-types';
+import type {ConfigT, InputConfigT} from 'metro-config';
+
+import path from 'path';
+import {loadConfig, mergeConfig, resolveConfig} from 'metro-config';
+import {CLIError, logger} from '@react-native-community/cli-tools';
+import {reactNativePlatformResolver} from './metroPlatformResolver';
+
+export type {Config};
+
+export type ConfigLoadingContext = $ReadOnly<{
+  root: Config['root'],
+  reactNativePath: Config['reactNativePath'],
+  platforms: Config['platforms'],
+  ...
+}>;
+
+/**
+ * Get the config options to override based on RN CLI inputs.
+ */
+function getOverrideConfig(ctx: ConfigLoadingContext): InputConfigT {
+  const outOfTreePlatforms = Object.keys(ctx.platforms).filter(
+    platform => ctx.platforms[platform].npmPackageName,
+  );
+  const resolver: Partial<{...ConfigT['resolver']}> = {
+    platforms: [...Object.keys(ctx.platforms), 'native'],
+  };
+
+  if (outOfTreePlatforms.length) {
+    resolver.resolveRequest = reactNativePlatformResolver(
+      outOfTreePlatforms.reduce<{[platform: string]: string}>(
+        (result, platform) => {
+          result[platform] = ctx.platforms[platform].npmPackageName;
+          return result;
+        },
+        {},
+      ),
+    );
+  }
+
+  return {
+    resolver,
+    serializer: {
+      // We can include multiple copies of InitializeCore here because metro will
+      // only add ones that are already part of the bundle
+      getModulesRunBeforeMainModule: () => [
+        require.resolve(
+          path.join(ctx.reactNativePath, 'Libraries/Core/InitializeCore'),
+          {paths: [ctx.root]},
+        ),
+        ...outOfTreePlatforms.map(platform =>
+          require.resolve(
+            `${ctx.platforms[platform].npmPackageName}/Libraries/Core/InitializeCore`,
+          ),
+        ),
+      ],
+    },
+  };
+}
+
+export type ConfigOptionsT = $ReadOnly<{
+  maxWorkers?: number,
+  port?: number,
+  projectRoot?: string,
+  resetCache?: boolean,
+  watchFolders?: string[],
+  sourceExts?: string[],
+  reporter?: any,
+  config?: string,
+}>;
+
+/**
+ * Load Metro config.
+ *
+ * Allows the CLI to override select values in `metro.config.js` based on
+ * dynamic user options in `ctx`.
+ */
+export default async function loadMetroConfig(
+  ctx: ConfigLoadingContext,
+  options: ConfigOptionsT = {},
+): Promise<ConfigT> {
+  const overrideConfig = getOverrideConfig(ctx);
+  if (options.reporter) {
+    overrideConfig.reporter = options.reporter;
+  }
+
+  const projectConfig = await resolveConfig(undefined, ctx.root);
+
+  if (projectConfig.isEmpty) {
+    throw new CLIError(`No metro config found in ${ctx.root}`);
+  }
+
+  logger.debug(`Reading Metro config from ${projectConfig.filepath}`);
+
+  if (!global.__REACT_NATIVE_METRO_CONFIG_LOADED) {
+    const warning = `
+=================================================================================================
+From React Native 0.73, your project's Metro config should extend '@react-native/metro-config'
+or it will fail to build. Please copy the template at:
+https://github.com/facebook/react-native/blob/main/packages/react-native/template/metro.config.js
+This warning will be removed in future (https://github.com/facebook/metro/issues/1018).
+=================================================================================================
+    `;
+
+    for (const line of warning.trim().split('\n')) {
+      logger.warn(line);
+    }
+  }
+
+  return mergeConfig(
+    await loadConfig({cwd: ctx.root, ...options}),
+    overrideConfig,
+  );
+}

package/dist/utils/metroPlatformResolver.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.reactNativePlatformResolver = reactNativePlatformResolver;
+/**
+ * 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
+ */
+
+/**
+ * This is an implementation of a metro resolveRequest option which will remap react-native imports
+ * to different npm packages based on the platform requested.  This allows a single metro instance/config
+ * to produce bundles for multiple out of tree platforms at a time.
+ *
+ * @param platformImplementations
+ * A map of platform to npm package that implements that platform
+ *
+ * Ex:
+ * {
+ *    windows: 'react-native-windows'
+ *    macos: 'react-native-macos'
+ * }
+ */
+function reactNativePlatformResolver(platformImplementations) {
+  return (context, moduleName, platform) => {
+    let modifiedModuleName = moduleName;
+    if (platform != null && platformImplementations[platform]) {
+      if (moduleName === "react-native") {
+        modifiedModuleName = platformImplementations[platform];
+      } else if (moduleName.startsWith("react-native/")) {
+        modifiedModuleName = `${
+          platformImplementations[platform]
+        }/${modifiedModuleName.slice("react-native/".length)}`;
+      }
+    }
+    return context.resolveRequest(context, modifiedModuleName, platform);
+  };
+}

package/dist/utils/metroPlatformResolver.js.flow

@@ -0,0 +1,44 @@
+/**
+ * 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
+ * @format
+ * @oncall react_native
+ */
+
+import type {CustomResolver} from 'metro-resolver';
+
+/**
+ * This is an implementation of a metro resolveRequest option which will remap react-native imports
+ * to different npm packages based on the platform requested.  This allows a single metro instance/config
+ * to produce bundles for multiple out of tree platforms at a time.
+ *
+ * @param platformImplementations
+ * A map of platform to npm package that implements that platform
+ *
+ * Ex:
+ * {
+ *    windows: 'react-native-windows'
+ *    macos: 'react-native-macos'
+ * }
+ */
+export function reactNativePlatformResolver(platformImplementations: {
+  [platform: string]: string,
+}): CustomResolver {
+  return (context, moduleName, platform) => {
+    let modifiedModuleName = moduleName;
+    if (platform != null && platformImplementations[platform]) {
+      if (moduleName === 'react-native') {
+        modifiedModuleName = platformImplementations[platform];
+      } else if (moduleName.startsWith('react-native/')) {
+        modifiedModuleName = `${
+          platformImplementations[platform]
+        }/${modifiedModuleName.slice('react-native/'.length)}`;
+      }
+    }
+    return context.resolveRequest(context, modifiedModuleName, platform);
+  };
+}

package/launchPackager.bat

@@ -0,0 +1,7 @@
+@echo off
+title Metro
+call .packager.bat
+cd "%PROJECT_ROOT%"
+node "%REACT_NATIVE_PATH%/cli.js" start
+pause
+exit

package/launchPackager.command

@@ -0,0 +1,10 @@
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+
+source "$THIS_DIR/.packager.env"
+cd $PROJECT_ROOT
+$REACT_NATIVE_PATH/cli.js start
+
+if [[ -z "$CI" ]]; then
+  echo "Process terminated. Press <enter> to close the window"
+  read -r
+fi

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@react-native/community-cli-plugin",
+  "version": "0.73.0",
+  "description": "Core CLI commands for React Native",
+  "keywords": ["react-native", "tools"],
+  "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/buid-scripts#readme",
+  "bugs": "https://github.com/facebook/react-native/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/facebook/react-native.git",
+    "directory": "packages/community-cli-plugin"
+  },
+  "license": "MIT",
+  "exports": { ".": "./dist/index.js", "./package.json": "./package.json" },
+  "files": ["dist", "launchPackager.bat", "launchPackager.command"],
+  "dependencies": {
+    "@react-native-community/cli-server-api": "12.0.0-alpha.7",
+    "@react-native-community/cli-tools": "12.0.0-alpha.7",
+    "@react-native/metro-babel-transformer": "^0.73.11",
+    "chalk": "^4.0.0",
+    "execa": "^5.1.1",
+    "metro": "0.77.0",
+    "metro-config": "0.77.0",
+    "metro-core": "0.77.0",
+    "metro-resolver": "0.77.0",
+    "readline": "^1.3.0"
+  },
+  "engines": { "node": ">=18" }
+}