@nx/react-native 16.0.0-beta.1

package/src/executors/run-ios/run-ios.impl.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const path_1 = require("path");
+const child_process_1 = require("child_process");
+const os_1 = require("os");
+const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
+const sync_deps_impl_1 = require("../sync-deps/sync-deps.impl");
+const pod_install_task_1 = require("../../utils/pod-install-task");
+const start_impl_1 = require("../start/start.impl");
+const get_cli_options_1 = require("../../utils/get-cli-options");
+let childProcess;
+function runIosExecutor(options, context) {
+    return tslib_1.__asyncGenerator(this, arguments, function* runIosExecutor_1() {
+        if ((0, os_1.platform)() !== 'darwin') {
+            throw new Error(`The run-ios build requires Mac to run`);
+        }
+        const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
+        (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(context.root, projectRoot);
+        if (options.sync) {
+            (0, sync_deps_impl_1.displayNewlyAddedDepsMessage)(context.projectName, yield tslib_1.__await((0, sync_deps_impl_1.syncDeps)(context.projectName, projectRoot, context.root, context.projectGraph)));
+        }
+        if (options.install) {
+            yield tslib_1.__await((0, pod_install_task_1.podInstall)((0, path_1.join)(context.root, projectRoot, 'ios'), options.buildFolder));
+        }
+        try {
+            const tasks = [runCliRunIOS(context.root, projectRoot, options)];
+            if (options.packager && options.mode !== 'Release') {
+                tasks.push((0, start_impl_1.runCliStart)(context.root, projectRoot, {
+                    port: options.port,
+                    resetCache: options.resetCache,
+                    interactive: options.interactive,
+                }));
+            }
+            yield tslib_1.__await(Promise.all(tasks));
+            yield yield tslib_1.__await({ success: true });
+        }
+        finally {
+            if (childProcess) {
+                childProcess.kill();
+            }
+        }
+    });
+}
+exports.default = runIosExecutor;
+function runCliRunIOS(workspaceRoot, projectRoot, options) {
+    return new Promise((resolve, reject) => {
+        /**
+         * Call the react native cli with option `--no-packager`
+         * Not passing '--packager' due to cli will launch start command from the project root
+         */
+        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/react-native/cli.js'), ['run-ios', ...createRunIOSOptions(options), '--no-packager'], {
+            cwd: (0, path_1.join)(workspaceRoot, projectRoot),
+            env: Object.assign(Object.assign({}, process.env), { RCT_METRO_PORT: options.port.toString() }),
+        });
+        // Ensure the child process is killed when the parent exits
+        process.on('exit', () => childProcess.kill());
+        process.on('SIGTERM', () => childProcess.kill());
+        childProcess.on('error', (err) => {
+            reject(err);
+        });
+        childProcess.on('exit', (code) => {
+            if (code === 0) {
+                resolve(code);
+            }
+            else {
+                reject(code);
+            }
+        });
+    });
+}
+const nxOptions = ['sync', 'install', 'packager'];
+const startOptions = ['port', 'resetCache'];
+const deprecatedOptions = ['xcodeConfiguration'];
+function createRunIOSOptions(options) {
+    return (0, get_cli_options_1.getCliOptions)(options, [...nxOptions, ...startOptions, ...deprecatedOptions], ['buildFolder']);
+}
+//# sourceMappingURL=run-ios.impl.js.map

package/src/executors/run-ios/run-ios.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-ios.impl.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/executors/run-ios/run-ios.impl.ts"],"names":[],"mappings":"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"}

package/src/executors/run-ios/run-ios.impl.ts

@@ -0,0 +1,120 @@
+import { ExecutorContext, logger, names } from '@nx/devkit';
+import { join } from 'path';
+import { ChildProcess, fork } from 'child_process';
+import { platform } from 'os';
+
+import { ensureNodeModulesSymlink } from '../../utils/ensure-node-modules-symlink';
+import {
+  displayNewlyAddedDepsMessage,
+  syncDeps,
+} from '../sync-deps/sync-deps.impl';
+import { podInstall } from '../../utils/pod-install-task';
+import { ReactNativeRunIosOptions } from './schema';
+import { runCliStart } from '../start/start.impl';
+import { getCliOptions } from '../../utils/get-cli-options';
+import { rmdirSync } from 'fs-extra';
+
+export interface ReactNativeRunIosOutput {
+  success: boolean;
+}
+
+let childProcess: ChildProcess;
+
+export default async function* runIosExecutor(
+  options: ReactNativeRunIosOptions,
+  context: ExecutorContext
+): AsyncGenerator<ReactNativeRunIosOutput> {
+  if (platform() !== 'darwin') {
+    throw new Error(`The run-ios build requires Mac to run`);
+  }
+  const projectRoot =
+    context.projectsConfigurations.projects[context.projectName].root;
+  ensureNodeModulesSymlink(context.root, projectRoot);
+  if (options.sync) {
+    displayNewlyAddedDepsMessage(
+      context.projectName,
+      await syncDeps(
+        context.projectName,
+        projectRoot,
+        context.root,
+        context.projectGraph
+      )
+    );
+  }
+
+  if (options.install) {
+    await podInstall(
+      join(context.root, projectRoot, 'ios'),
+      options.buildFolder
+    );
+  }
+
+  try {
+    const tasks = [runCliRunIOS(context.root, projectRoot, options)];
+    if (options.packager && options.mode !== 'Release') {
+      tasks.push(
+        runCliStart(context.root, projectRoot, {
+          port: options.port,
+          resetCache: options.resetCache,
+          interactive: options.interactive,
+        })
+      );
+    }
+
+    await Promise.all(tasks);
+
+    yield { success: true };
+  } finally {
+    if (childProcess) {
+      childProcess.kill();
+    }
+  }
+}
+
+function runCliRunIOS(
+  workspaceRoot: string,
+  projectRoot: string,
+  options: ReactNativeRunIosOptions
+) {
+  return new Promise((resolve, reject) => {
+    /**
+     * Call the react native cli with option `--no-packager`
+     * Not passing '--packager' due to cli will launch start command from the project root
+     */
+    childProcess = fork(
+      join(workspaceRoot, './node_modules/react-native/cli.js'),
+      ['run-ios', ...createRunIOSOptions(options), '--no-packager'],
+      {
+        cwd: join(workspaceRoot, projectRoot),
+        env: { ...process.env, RCT_METRO_PORT: options.port.toString() },
+      }
+    );
+
+    // Ensure the child process is killed when the parent exits
+    process.on('exit', () => childProcess.kill());
+    process.on('SIGTERM', () => childProcess.kill());
+
+    childProcess.on('error', (err) => {
+      reject(err);
+    });
+    childProcess.on('exit', (code) => {
+      if (code === 0) {
+        resolve(code);
+      } else {
+        reject(code);
+      }
+    });
+  });
+}
+
+const nxOptions = ['sync', 'install', 'packager'];
+const startOptions = ['port', 'resetCache'];
+const deprecatedOptions = ['xcodeConfiguration'];
+
+function createRunIOSOptions(options: ReactNativeRunIosOptions) {
+  return getCliOptions<ReactNativeRunIosOptions>(
+    options,
+    [...nxOptions, ...startOptions, ...deprecatedOptions],
+    ['buildFolder']
+  );
+}

package/src/executors/run-ios/schema.d.ts

@@ -0,0 +1,12 @@
+import { ReactNativeBuildIosOptions } from '../build-ios/schema';
+import { ReactNativeStartOptions } from '../start/schema';
+
+// part of options form https://github.com/react-native-community/cli/blob/main/packages/cli-platform-ios/src/commands/runIOS/index.ts
+export interface ReactNativeRunIosOptions extends ReactNativeBuildIosOptions {
+  /**
+   * @deprecated use mode instead, will be removed in nx 17.
+   */
+  xcodeConfiguration?: string;
+
+  binaryPath?: string;
+}

package/src/executors/run-ios/schema.json

@@ -0,0 +1,119 @@
+{
+  "version": 2,
+  "outputCapture": "direct-nodejs",
+  "cli": "nx",
+  "$id": "NxReactNativeRunIos",
+  "$schema": "http://json-schema.org/schema",
+  "title": "Run iOS application",
+  "description": "Run iOS target options.",
+  "type": "object",
+  "presets": [
+    {
+      "name": "Run iOS on a simulator",
+      "keys": ["simulator"]
+    },
+    {
+      "name": "Run iOS on a device",
+      "keys": ["device"]
+    },
+    {
+      "name": "Run iOS on a device with udid",
+      "keys": ["udid"]
+    },
+    {
+      "name": "Run `pod install` before building iOS app",
+      "keys": ["install"]
+    }
+  ],
+  "properties": {
+    "xcodeConfiguration": {
+      "type": "string",
+      "description": "Explicitly set the Xcode configuration to use.",
+      "default": "Debug",
+      "examples": ["Debug", "Release"],
+      "x-deprecated": "Use `mode` instead. Deprecated from @react-native-community/cli. Will be removed in Nx 17."
+    },
+    "simulator": {
+      "type": "string",
+      "description": "Explicitly set simulator to use. Optionally include iOS version between parenthesis at the end to match an exact version: \"iPhone 6 (10.0)\"",
+      "examples": [
+        "iPhone 14",
+        "iPhone 13",
+        "iPhone 12",
+        "iPhone 11",
+        "iPhone X"
+      ],
+      "x-priority": "important"
+    },
+    "mode": {
+      "type": "string",
+      "description": "Explicitly set the scheme configuration to use",
+      "default": "Debug",
+      "examples": ["Debug", "Release"],
+      "x-priority": "important"
+    },
+    "schema": {
+      "type": "string",
+      "description": "Explicitly set Xcode scheme to use"
+    },
+    "device": {
+      "type": "string",
+      "description": "Explicitly set device to use by name. The value is not required if you have a single device connected."
+    },
+    "udid": {
+      "type": "string",
+      "description": "Explicitly set device to use by udid"
+    },
+    "verbose": {
+      "type": "boolean",
+      "description": "Do not use xcbeautify or xcpretty even if installed"
+    },
+    "port": {
+      "type": "number",
+      "description": "The port where the packager server is listening on.",
+      "default": 8081
+    },
+    "xcconfig": {
+      "type": "string",
+      "description": "Explicitly set xcconfig to use"
+    },
+    "buildFolder": {
+      "type": "string",
+      "description": "Location for iOS build artifacts. Corresponds to Xcode's \"-derivedDataPath\". Relative to ios directory.",
+      "buildFolder": "./build"
+    },
+    "interactive": {
+      "type": "boolean",
+      "description": "Explicitly select which scheme and configuration to use before running a build"
+    },
+    "extraParams": {
+      "type": "string",
+      "description": "Custom params that will be passed to xcodebuild command."
+    },
+    "install": {
+      "type": "boolean",
+      "description": "Runs `pod install` for native modules before building iOS app.",
+      "default": false
+    },
+    "sync": {
+      "type": "boolean",
+      "description": "Syncs npm dependencies to `package.json` (for React Native autolink).",
+      "default": true
+    },
+    "resetCache": {
+      "type": "boolean",
+      "description": "Resets metro cache.",
+      "default": false
+    },
+    "packager": {
+      "type": "boolean",
+      "description": "Launch packager while building",
+      "default": true
+    },
+    "binaryPath": {
+      "type": "string",
+      "description": "Path relative to project root where pre-built .app binary lives."
+    }
+  },
+  "examplesFile": "../../../docs/run-ios-examples.md"
+}

package/src/executors/start/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/src/executors/start/compat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const start_impl_1 = require("./start.impl");
+exports.default = (0, devkit_1.convertNxExecutor)(start_impl_1.default);
+//# sourceMappingURL=compat.js.map

package/src/executors/start/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/executors/start/compat.ts"],"names":[],"mappings":";;AAAA,uCAA+C;AAE/C,6CAAyC;AAEzC,kBAAe,IAAA,0BAAiB,EAAC,oBAAa,CAAC,CAAC"}

package/src/executors/start/lib/is-packager-running.d.ts

@@ -0,0 +1 @@
+export declare function isPackagerRunning(packagerPort: number): Promise<'running' | 'not_running' | 'unrecognized'>;

package/src/executors/start/lib/is-packager-running.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isPackagerRunning = void 0;
+const tslib_1 = require("tslib");
+const node_fetch_1 = require("node-fetch");
+function isPackagerRunning(packagerPort) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        try {
+            const resp = yield (0, node_fetch_1.default)(`http://localhost:${packagerPort}/status`);
+            const data = yield resp.text();
+            return data === 'packager-status:running' ? 'running' : 'unrecognized';
+        }
+        catch (_a) {
+            return 'not_running';
+        }
+    });
+}
+exports.isPackagerRunning = isPackagerRunning;
+//# sourceMappingURL=is-packager-running.js.map

package/src/executors/start/lib/is-packager-running.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-packager-running.js","sourceRoot":"","sources":["../../../../../../../packages/react-native/src/executors/start/lib/is-packager-running.ts"],"names":[],"mappings":";;;;AAAA,2CAA+B;AAE/B,SAAsB,iBAAiB,CACrC,YAAoB;;QAEpB,IAAI;YACF,MAAM,IAAI,GAAG,MAAM,IAAA,oBAAK,EAAC,oBAAoB,YAAY,SAAS,CAAC,CAAC;YACpE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;YAC/B,OAAO,IAAI,KAAK,yBAAyB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC;SACxE;QAAC,WAAM;YACN,OAAO,aAAa,CAAC;SACtB;IACH,CAAC;CAAA;AAVD,8CAUC"}

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

@@ -0,0 +1,7 @@
+// options from https://github.com/react-native-community/cli/blob/main/packages/cli-plugin-metro/src/commands/start/index.ts
+
+export interface ReactNativeStartOptions {
+  port: number;
+  resetCache: boolean; // default is false
+  interactive: boolean; // default is true
+}

package/src/executors/start/schema.json

@@ -0,0 +1,28 @@
+{
+  "version": 2,
+  "outputCapture": "direct-nodejs",
+  "cli": "nx",
+  "$id": "NxReactNativeStart",
+  "$schema": "http://json-schema.org/schema",
+  "title": "Packager Server for React Native",
+  "description": "Packager Server target options.",
+  "type": "object",
+  "properties": {
+    "port": {
+      "type": "number",
+      "description": "The port to listen on.",
+      "default": 8081
+    },
+    "resetCache": {
+      "type": "boolean",
+      "description": "Resets metro cache.",
+      "default": false
+    },
+    "interactive": {
+      "type": "boolean",
+      "description": "Run packager server in interactive mode.",
+      "default": true
+    }
+  },
+  "examplesFile": "../../../docs/start-examples.md"
+}

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

@@ -0,0 +1,8 @@
+import { ExecutorContext } from '@nx/devkit';
+import { ReactNativeStartOptions } from './schema';
+export interface ReactNativeStartOutput {
+    baseUrl?: string;
+    success: boolean;
+}
+export default function startExecutor(options: ReactNativeStartOptions, context: ExecutorContext): AsyncGenerator<ReactNativeStartOutput>;
+export declare function runCliStart(workspaceRoot: string, projectRoot: string, options: ReactNativeStartOptions): Promise<void>;

package/src/executors/start/start.impl.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runCliStart = void 0;
+const tslib_1 = require("tslib");
+const chalk = require("chalk");
+const devkit_1 = require("@nx/devkit");
+const child_process_1 = require("child_process");
+const path_1 = require("path");
+const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
+const is_packager_running_1 = require("./lib/is-packager-running");
+let childProcess;
+function startExecutor(options, context) {
+    return tslib_1.__asyncGenerator(this, arguments, function* startExecutor_1() {
+        const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
+        (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(context.root, projectRoot);
+        try {
+            const baseUrl = `http://localhost:${options.port}`;
+            const appName = context.projectName;
+            devkit_1.logger.info(chalk.cyan(`Packager is ready at ${baseUrl}`));
+            devkit_1.logger.info(`Use ${chalk.bold(`nx run-android ${appName}`)} or ${chalk.bold(`nx run-ios ${appName}`)} to run the native app.`);
+            yield tslib_1.__await(runCliStart(context.root, projectRoot, options));
+            yield yield tslib_1.__await({
+                baseUrl,
+                success: true,
+            });
+        }
+        finally {
+            if (childProcess) {
+                childProcess.kill();
+            }
+        }
+    });
+}
+exports.default = startExecutor;
+/*
+ * Starts the JS bundler and checks for "running" status before notifying
+ * that packager has started.
+ */
+function runCliStart(workspaceRoot, projectRoot, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const result = yield (0, is_packager_running_1.isPackagerRunning)(options.port);
+        if (result === 'running') {
+            devkit_1.logger.info('JS server already running.');
+        }
+        else if (result === 'unrecognized') {
+            devkit_1.logger.warn('JS server not recognized.');
+        }
+        else {
+            // result === 'not_running'
+            devkit_1.logger.info('Starting JS server...');
+            try {
+                yield startAsync(workspaceRoot, projectRoot, options);
+            }
+            catch (error) {
+                devkit_1.logger.error(`Failed to start the packager server. Error details: ${error.message}`);
+                throw error;
+            }
+        }
+    });
+}
+exports.runCliStart = runCliStart;
+function startAsync(workspaceRoot, projectRoot, options) {
+    return new Promise((resolve, reject) => {
+        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/react-native/cli.js'), ['start', ...createStartOptions(options)], { cwd: (0, path_1.join)(workspaceRoot, projectRoot), env: process.env });
+        // Ensure the child process is killed when the parent exits
+        process.on('exit', () => childProcess.kill());
+        process.on('SIGTERM', () => childProcess.kill());
+        childProcess.on('error', (err) => {
+            reject(err);
+        });
+        childProcess.on('exit', (code) => {
+            if (code === 0) {
+                resolve(code);
+            }
+            else {
+                reject(code);
+            }
+        });
+    });
+}
+function createStartOptions(options) {
+    return Object.keys(options).reduce((acc, k) => {
+        if (k === 'resetCache') {
+            if (options[k] === true) {
+                acc.push(`--reset-cache`);
+            }
+        }
+        else if (k === 'interactive') {
+            if (options[k] === false) {
+                acc.push(`--no-interactive`);
+            }
+        }
+        else {
+            acc.push(`--${k}`, options[k]);
+        }
+        return acc;
+    }, []);
+}
+//# sourceMappingURL=start.impl.js.map

package/src/executors/start/start.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"start.impl.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/executors/start/start.impl.ts"],"names":[],"mappings":"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"}

package/src/executors/start/start.impl.ts

@@ -0,0 +1,120 @@
+import * as chalk from 'chalk';
+import { ExecutorContext, logger } from '@nx/devkit';
+import { ChildProcess, fork } from 'child_process';
+import { join } from 'path';
+import { ensureNodeModulesSymlink } from '../../utils/ensure-node-modules-symlink';
+import { isPackagerRunning } from './lib/is-packager-running';
+import { ReactNativeStartOptions } from './schema';
+
+export interface ReactNativeStartOutput {
+  baseUrl?: string;
+  success: boolean;
+}
+
+let childProcess: ChildProcess;
+
+export default async function* startExecutor(
+  options: ReactNativeStartOptions,
+  context: ExecutorContext
+): AsyncGenerator<ReactNativeStartOutput> {
+  const projectRoot =
+    context.projectsConfigurations.projects[context.projectName].root;
+  ensureNodeModulesSymlink(context.root, projectRoot);
+
+  try {
+    const baseUrl = `http://localhost:${options.port}`;
+    const appName = context.projectName;
+    logger.info(chalk.cyan(`Packager is ready at ${baseUrl}`));
+    logger.info(
+      `Use ${chalk.bold(`nx run-android ${appName}`)} or ${chalk.bold(
+        `nx run-ios ${appName}`
+      )} to run the native app.`
+    );
+
+    await runCliStart(context.root, projectRoot, options);
+
+    yield {
+      baseUrl,
+      success: true,
+    };
+  } finally {
+    if (childProcess) {
+      childProcess.kill();
+    }
+  }
+}
+
+/*
+ * Starts the JS bundler and checks for "running" status before notifying
+ * that packager has started.
+ */
+export async function runCliStart(
+  workspaceRoot: string,
+  projectRoot: string,
+  options: ReactNativeStartOptions
+): Promise<void> {
+  const result = await isPackagerRunning(options.port);
+  if (result === 'running') {
+    logger.info('JS server already running.');
+  } else if (result === 'unrecognized') {
+    logger.warn('JS server not recognized.');
+  } else {
+    // result === 'not_running'
+    logger.info('Starting JS server...');
+
+    try {
+      await startAsync(workspaceRoot, projectRoot, options);
+    } catch (error) {
+      logger.error(
+        `Failed to start the packager server. Error details: ${error.message}`
+      );
+      throw error;
+    }
+  }
+}
+
+function startAsync(
+  workspaceRoot: string,
+  projectRoot: string,
+  options: ReactNativeStartOptions
+): Promise<number> {
+  return new Promise((resolve, reject) => {
+    childProcess = fork(
+      join(workspaceRoot, './node_modules/react-native/cli.js'),
+      ['start', ...createStartOptions(options)],
+      { cwd: join(workspaceRoot, projectRoot), env: process.env }
+    );
+
+    // Ensure the child process is killed when the parent exits
+    process.on('exit', () => childProcess.kill());
+    process.on('SIGTERM', () => childProcess.kill());
+
+    childProcess.on('error', (err) => {
+      reject(err);
+    });
+    childProcess.on('exit', (code) => {
+      if (code === 0) {
+        resolve(code);
+      } else {
+        reject(code);
+      }
+    });
+  });
+}
+
+function createStartOptions(options) {
+  return Object.keys(options).reduce((acc, k) => {
+    if (k === 'resetCache') {
+      if (options[k] === true) {
+        acc.push(`--reset-cache`);
+      }
+    } else if (k === 'interactive') {
+      if (options[k] === false) {
+        acc.push(`--no-interactive`);
+      }
+    } else {
+      acc.push(`--${k}`, options[k]);
+    }
+    return acc;
+  }, []);
+}

package/src/executors/storybook/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/src/executors/storybook/compat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const storybook_impl_1 = require("./storybook.impl");
+exports.default = (0, devkit_1.convertNxExecutor)(storybook_impl_1.default);
+//# sourceMappingURL=compat.js.map

package/src/executors/storybook/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/executors/storybook/compat.ts"],"names":[],"mappings":";;AAAA,uCAA+C;AAE/C,qDAAiD;AAEjD,kBAAe,IAAA,0BAAiB,EAAC,wBAAiB,CAAC,CAAC"}