@react-native/community-cli-plugin 0.73.0

package/dist/commands/bundle/saveAssets.js

@@ -0,0 +1,138 @@
+"use strict";
+
+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")
+);
+var _getAssetDestPathAndroid = _interopRequireDefault(
+  require("./getAssetDestPathAndroid")
+);
+var _getAssetDestPathIOS = _interopRequireDefault(
+  require("./getAssetDestPathIOS")
+);
+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
+ */
+
+async function saveAssets(assets, platform, assetsDest, assetCatalogDest) {
+  if (!assetsDest) {
+    _cliTools.logger.warn("Assets destination folder is not set, skipping...");
+    return;
+  }
+  const filesToCopy = {};
+  const getAssetDestPath =
+    platform === "android"
+      ? _getAssetDestPathAndroid.default
+      : _getAssetDestPathIOS.default;
+  const addAssetToCopy = (asset) => {
+    const validScales = new Set(
+      (0, _filterPlatformAssetScales.default)(platform, asset.scales)
+    );
+    asset.scales.forEach((scale, idx) => {
+      if (!validScales.has(scale)) {
+        return;
+      }
+      const src = asset.files[idx];
+      const dest = _path.default.join(
+        assetsDest,
+        getAssetDestPath(asset, scale)
+      );
+      filesToCopy[src] = dest;
+    });
+  };
+  if (platform === "ios" && assetCatalogDest != null) {
+    // Use iOS Asset Catalog for images. This will allow Apple app thinning to
+    // remove unused scales from the optimized bundle.
+    const catalogDir = _path.default.join(
+      assetCatalogDest,
+      "RNAssets.xcassets"
+    );
+    if (!_fs.default.existsSync(catalogDir)) {
+      _cliTools.logger.error(
+        `Could not find asset catalog 'RNAssets.xcassets' in ${assetCatalogDest}. Make sure to create it if it does not exist.`
+      );
+      return;
+    }
+    _cliTools.logger.info("Adding images to asset catalog", catalogDir);
+    (0, _assetCatalogIOS.cleanAssetCatalog)(catalogDir);
+    for (const asset of assets) {
+      if ((0, _assetCatalogIOS.isCatalogAsset)(asset)) {
+        const imageSet = (0, _assetCatalogIOS.getImageSet)(
+          catalogDir,
+          asset,
+          (0, _filterPlatformAssetScales.default)(platform, asset.scales)
+        );
+        (0, _assetCatalogIOS.writeImageSet)(imageSet);
+      } else {
+        addAssetToCopy(asset);
+      }
+    }
+    _cliTools.logger.info("Done adding images to asset catalog");
+  } else {
+    assets.forEach(addAssetToCopy);
+  }
+  return copyAll(filesToCopy);
+}
+function copyAll(filesToCopy) {
+  const queue = Object.keys(filesToCopy);
+  if (queue.length === 0) {
+    return Promise.resolve();
+  }
+  _cliTools.logger.info(`Copying ${queue.length} asset files`);
+  return new Promise((resolve, reject) => {
+    const copyNext = (error) => {
+      if (error) {
+        reject(error);
+        return;
+      }
+      if (queue.length === 0) {
+        _cliTools.logger.info("Done copying assets");
+        resolve();
+      } else {
+        // queue.length === 0 is checked in previous branch, so this is string
+        const src = queue.shift();
+        const dest = filesToCopy[src];
+        copy(src, dest, copyNext);
+      }
+    };
+    copyNext();
+  });
+}
+function copy(src, dest, callback) {
+  const destDir = _path.default.dirname(dest);
+  _fs.default.mkdir(
+    destDir,
+    {
+      recursive: true,
+    },
+    (err) => {
+      if (err) {
+        callback(err);
+        return;
+      }
+      _fs.default
+        .createReadStream(src)
+        .pipe(_fs.default.createWriteStream(dest))
+        .on("finish", callback);
+    }
+  );
+}
+var _default = saveAssets;
+exports.default = _default;

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

@@ -0,0 +1,139 @@
+/**
+ * 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 {AssetData} from 'metro/src/Assets';
+
+import {logger} from '@react-native-community/cli-tools';
+import fs from 'fs';
+import path from 'path';
+import {
+  cleanAssetCatalog,
+  getImageSet,
+  isCatalogAsset,
+  writeImageSet,
+} from './assetCatalogIOS';
+import filterPlatformAssetScales from './filterPlatformAssetScales';
+import getAssetDestPathAndroid from './getAssetDestPathAndroid';
+import getAssetDestPathIOS from './getAssetDestPathIOS';
+
+type CopiedFiles = {
+  [src: string]: string,
+};
+
+async function saveAssets(
+  assets: $ReadOnlyArray<AssetData>,
+  platform: string,
+  assetsDest?: string,
+  assetCatalogDest?: string,
+): Promise<void> {
+  if (!assetsDest) {
+    logger.warn('Assets destination folder is not set, skipping...');
+    return;
+  }
+
+  const filesToCopy: CopiedFiles = {};
+
+  const getAssetDestPath =
+    platform === 'android' ? getAssetDestPathAndroid : getAssetDestPathIOS;
+
+  const addAssetToCopy = (asset: AssetData) => {
+    const validScales = new Set(
+      filterPlatformAssetScales(platform, asset.scales),
+    );
+
+    asset.scales.forEach((scale, idx) => {
+      if (!validScales.has(scale)) {
+        return;
+      }
+      const src = asset.files[idx];
+      const dest = path.join(assetsDest, getAssetDestPath(asset, scale));
+      filesToCopy[src] = dest;
+    });
+  };
+
+  if (platform === 'ios' && assetCatalogDest != null) {
+    // Use iOS Asset Catalog for images. This will allow Apple app thinning to
+    // remove unused scales from the optimized bundle.
+    const catalogDir = path.join(assetCatalogDest, 'RNAssets.xcassets');
+    if (!fs.existsSync(catalogDir)) {
+      logger.error(
+        `Could not find asset catalog 'RNAssets.xcassets' in ${assetCatalogDest}. Make sure to create it if it does not exist.`,
+      );
+      return;
+    }
+
+    logger.info('Adding images to asset catalog', catalogDir);
+    cleanAssetCatalog(catalogDir);
+    for (const asset of assets) {
+      if (isCatalogAsset(asset)) {
+        const imageSet = getImageSet(
+          catalogDir,
+          asset,
+          filterPlatformAssetScales(platform, asset.scales),
+        );
+        writeImageSet(imageSet);
+      } else {
+        addAssetToCopy(asset);
+      }
+    }
+    logger.info('Done adding images to asset catalog');
+  } else {
+    assets.forEach(addAssetToCopy);
+  }
+
+  return copyAll(filesToCopy);
+}
+
+function copyAll(filesToCopy: CopiedFiles) {
+  const queue = Object.keys(filesToCopy);
+  if (queue.length === 0) {
+    return Promise.resolve();
+  }
+
+  logger.info(`Copying ${queue.length} asset files`);
+  return new Promise<void>((resolve, reject) => {
+    const copyNext = (error?: Error) => {
+      if (error) {
+        reject(error);
+        return;
+      }
+      if (queue.length === 0) {
+        logger.info('Done copying assets');
+        resolve();
+      } else {
+        // queue.length === 0 is checked in previous branch, so this is string
+        const src = queue.shift();
+        const dest = filesToCopy[src];
+        copy(src, dest, copyNext);
+      }
+    };
+    copyNext();
+  });
+}
+
+function copy(
+  src: string,
+  dest: string,
+  callback: (error: Error) => void,
+): void {
+  const destDir = path.dirname(dest);
+  fs.mkdir(destDir, {recursive: true}, (err?) => {
+    if (err) {
+      callback(err);
+      return;
+    }
+    fs.createReadStream(src)
+      .pipe(fs.createWriteStream(dest))
+      .on('finish', callback);
+  });
+}
+
+export default saveAssets;

package/dist/commands/start/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.default = void 0;
+Object.defineProperty(exports, "startServerInNewWindow", {
+  enumerable: true,
+  get: function () {
+    return _startServerInNewWindow.startServerInNewWindow;
+  },
+});
+var _path = _interopRequireDefault(require("path"));
+var _runServer = _interopRequireDefault(require("./runServer"));
+var _startServerInNewWindow = require("./startServerInNewWindow");
+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
+ */
+var _default = {
+  name: "start",
+  func: _runServer.default,
+  description: "Start the React Native development server.",
+  options: [
+    {
+      name: "--port <number>",
+      parse: Number,
+    },
+    {
+      name: "--host <string>",
+      default: "",
+    },
+    {
+      name: "--projectRoot <path>",
+      description: "Path to a custom project root",
+      parse: (val) => _path.default.resolve(val),
+    },
+    {
+      name: "--watchFolders <list>",
+      description:
+        "Specify any additional folders to be added to the watch list",
+      parse: (val) =>
+        val.split(",").map((folder) => _path.default.resolve(folder)),
+    },
+    {
+      name: "--assetPlugins <list>",
+      description:
+        "Specify any additional asset plugins to be used by the packager by full filepath",
+      parse: (val) => val.split(","),
+    },
+    {
+      name: "--sourceExts <list>",
+      description:
+        "Specify any additional source extensions to be used by the packager",
+      parse: (val) => val.split(","),
+    },
+    {
+      name: "--max-workers <number>",
+      description:
+        "Specifies the maximum number of workers the worker-pool " +
+        "will spawn for transforming files. This defaults to the number of the " +
+        "cores available on your machine.",
+      parse: (workers) => Number(workers),
+    },
+    {
+      name: "--transformer <string>",
+      description: "Specify a custom transformer to be used",
+    },
+    {
+      name: "--reset-cache, --resetCache",
+      description: "Removes cached files",
+    },
+    {
+      name: "--custom-log-reporter-path, --customLogReporterPath <string>",
+      description:
+        "Path to a JavaScript file that exports a log reporter as a replacement for TerminalReporter",
+    },
+    {
+      name: "--https",
+      description: "Enables https connections to the server",
+    },
+    {
+      name: "--key <path>",
+      description: "Path to custom SSL key",
+    },
+    {
+      name: "--cert <path>",
+      description: "Path to custom SSL cert",
+    },
+    {
+      name: "--config <string>",
+      description: "Path to the CLI configuration file",
+      parse: (val) => _path.default.resolve(val),
+    },
+    {
+      name: "--no-interactive",
+      description: "Disables interactive mode",
+    },
+  ],
+};
+exports.default = _default;

package/dist/commands/start/index.js.flow

@@ -0,0 +1,97 @@
+/**
+ * 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 path from 'path';
+import runServer from './runServer';
+
+export default {
+  name: 'start',
+  func: runServer,
+  description: 'Start the React Native development server.',
+  options: [
+    {
+      name: '--port <number>',
+      parse: Number,
+    },
+    {
+      name: '--host <string>',
+      default: '',
+    },
+    {
+      name: '--projectRoot <path>',
+      description: 'Path to a custom project root',
+      parse: (val: string): string => path.resolve(val),
+    },
+    {
+      name: '--watchFolders <list>',
+      description:
+        'Specify any additional folders to be added to the watch list',
+      parse: (val: string): Array<string> =>
+        val.split(',').map((folder: string) => path.resolve(folder)),
+    },
+    {
+      name: '--assetPlugins <list>',
+      description:
+        'Specify any additional asset plugins to be used by the packager by full filepath',
+      parse: (val: string): Array<string> => val.split(','),
+    },
+    {
+      name: '--sourceExts <list>',
+      description:
+        'Specify any additional source extensions to be used by the packager',
+      parse: (val: string): Array<string> => val.split(','),
+    },
+    {
+      name: '--max-workers <number>',
+      description:
+        'Specifies the maximum number of workers the worker-pool ' +
+        'will spawn for transforming files. This defaults to the number of the ' +
+        'cores available on your machine.',
+      parse: (workers: string): number => Number(workers),
+    },
+    {
+      name: '--transformer <string>',
+      description: 'Specify a custom transformer to be used',
+    },
+    {
+      name: '--reset-cache, --resetCache',
+      description: 'Removes cached files',
+    },
+    {
+      name: '--custom-log-reporter-path, --customLogReporterPath <string>',
+      description:
+        'Path to a JavaScript file that exports a log reporter as a replacement for TerminalReporter',
+    },
+    {
+      name: '--https',
+      description: 'Enables https connections to the server',
+    },
+    {
+      name: '--key <path>',
+      description: 'Path to custom SSL key',
+    },
+    {
+      name: '--cert <path>',
+      description: 'Path to custom SSL cert',
+    },
+    {
+      name: '--config <string>',
+      description: 'Path to the CLI configuration file',
+      parse: (val: string): string => path.resolve(val),
+    },
+    {
+      name: '--no-interactive',
+      description: 'Disables interactive mode',
+    },
+  ],
+};
+
+export {startServerInNewWindow} from './startServerInNewWindow';

package/dist/commands/start/runServer.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+exports.default = void 0;
+var _metro = _interopRequireDefault(require("metro"));
+var _metroCore = require("metro-core");
+var _path = _interopRequireDefault(require("path"));
+var _cliServerApi = require("@react-native-community/cli-server-api");
+var _loadMetroConfig = _interopRequireDefault(
+  require("../../utils/loadMetroConfig")
+);
+var _cliTools = require("@react-native-community/cli-tools");
+var _watchMode = _interopRequireDefault(require("./watchMode"));
+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
+ */
+
+async function runServer(_argv, ctx, args) {
+  let reportEvent;
+  const terminal = new _metroCore.Terminal(process.stdout);
+  const ReporterImpl = getReporterImpl(args.customLogReporterPath);
+  const terminalReporter = new ReporterImpl(terminal);
+  const metroConfig = await (0, _loadMetroConfig.default)(ctx, {
+    config: args.config,
+    maxWorkers: args.maxWorkers,
+    port: args.port,
+    resetCache: args.resetCache,
+    watchFolders: args.watchFolders,
+    projectRoot: args.projectRoot,
+    sourceExts: args.sourceExts,
+    reporter: {
+      update(event) {
+        terminalReporter.update(event);
+        if (reportEvent) {
+          reportEvent(event);
+        }
+      },
+    },
+  });
+  if (args.assetPlugins) {
+    // $FlowIgnore[cannot-write] Assigning to readonly property
+    metroConfig.transformer.assetPlugins = args.assetPlugins.map((plugin) =>
+      require.resolve(plugin)
+    );
+  }
+  const {
+    middleware,
+    websocketEndpoints,
+    messageSocketEndpoint,
+    eventsSocketEndpoint,
+  } = (0, _cliServerApi.createDevServerMiddleware)({
+    host: args.host,
+    port: metroConfig.server.port,
+    watchFolders: metroConfig.watchFolders,
+  });
+  middleware.use(_cliServerApi.indexPageMiddleware);
+  const customEnhanceMiddleware = metroConfig.server.enhanceMiddleware;
+  // $FlowIgnore[cannot-write] Assigning to readonly property
+  metroConfig.server.enhanceMiddleware = (metroMiddleware, server) => {
+    if (customEnhanceMiddleware) {
+      metroMiddleware = customEnhanceMiddleware(metroMiddleware, server);
+    }
+    return middleware.use(metroMiddleware);
+  };
+  const serverInstance = await _metro.default.runServer(metroConfig, {
+    host: args.host,
+    secure: args.https,
+    secureCert: args.cert,
+    secureKey: args.key,
+    // $FlowFixMe[incompatible-call] Incompatibly defined WebSocketServer type
+    websocketEndpoints,
+  });
+  reportEvent = eventsSocketEndpoint.reportEvent;
+  if (args.interactive) {
+    (0, _watchMode.default)(messageSocketEndpoint, ctx);
+  }
+
+  // In Node 8, the default keep-alive for an HTTP connection is 5 seconds. In
+  // early versions of Node 8, this was implemented in a buggy way which caused
+  // some HTTP responses (like those containing large JS bundles) to be
+  // terminated early.
+  //
+  // As a workaround, arbitrarily increase the keep-alive from 5 to 30 seconds,
+  // which should be enough to send even the largest of JS bundles.
+  //
+  // For more info: https://github.com/nodejs/node/issues/13391
+  //
+  serverInstance.keepAliveTimeout = 30000;
+  await _cliTools.version.logIfUpdateAvailable(ctx.root);
+}
+function getReporterImpl(customLogReporterPath) {
+  if (customLogReporterPath == null) {
+    return require("metro/src/lib/TerminalReporter");
+  }
+  try {
+    // First we let require resolve it, so we can require packages in node_modules
+    // as expected. eg: require('my-package/reporter');
+    // $FlowIgnore[unsupported-syntax]
+    return require(customLogReporterPath);
+  } catch (e) {
+    if (e.code !== "MODULE_NOT_FOUND") {
+      throw e;
+    }
+    // If that doesn't work, then we next try relative to the cwd, eg:
+    // require('./reporter');
+    // $FlowIgnore[unsupported-syntax]
+    return require(_path.default.resolve(customLogReporterPath));
+  }
+}
+var _default = runServer;
+exports.default = _default;