@nx/react-native 17.0.3 → 17.0.5

package/src/generators/init/init.js

@@ -1,79 +1,78 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateDependencies = exports.reactNativeInitGenerator = void 0;
+exports.updateDependencies = exports.reactNativeInitGeneratorInternal = exports.reactNativeInitGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
-const jest_1 = require("@nx/jest");
-const detox_1 = require("@nx/detox");
-const versions_1 = require("@nx/react/src/utils/versions");
-const js_1 = require("@nx/js");
-const versions_2 = require("../../utils/versions");
+const update_package_scripts_1 = require("@nx/devkit/src/utils/update-package-scripts");
+const plugin_1 = require("../../../plugins/plugin");
+const versions_1 = require("../../utils/versions");
 const add_git_ignore_entry_1 = require("./lib/add-git-ignore-entry");
-async function reactNativeInitGenerator(host, schema) {
+function reactNativeInitGenerator(host, schema) {
+    return reactNativeInitGeneratorInternal(host, {
+        addPlugin: false,
+        ...schema,
+    });
+}
+exports.reactNativeInitGenerator = reactNativeInitGenerator;
+async function reactNativeInitGeneratorInternal(host, schema) {
     (0, add_git_ignore_entry_1.addGitIgnoreEntry)(host);
+    const nxJson = (0, devkit_1.readNxJson)(host);
+    const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&
+        nxJson.useInferencePlugins !== false;
+    schema.addPlugin ??= addPluginDefault;
+    if (schema.addPlugin) {
+        addPlugin(host);
+    }
     const tasks = [];
-    tasks.push(await (0, js_1.initGenerator)(host, {
-        ...schema,
-        skipFormat: true,
-    }));
     if (!schema.skipPackageJson) {
-        const installTask = updateDependencies(host);
         tasks.push(moveDependency(host));
-        tasks.push(installTask);
+        tasks.push(updateDependencies(host, schema));
     }
-    if (!schema.unitTestRunner || schema.unitTestRunner === 'jest') {
-        const jestTask = await (0, jest_1.jestInitGenerator)(host, schema);
-        tasks.push(jestTask);
-    }
-    if (!schema.e2eTestRunner || schema.e2eTestRunner === 'detox') {
-        const detoxTask = await (0, detox_1.detoxInitGenerator)(host, {
-            ...schema,
-            skipFormat: true,
-        });
-        tasks.push(detoxTask);
+    if (schema.updatePackageScripts) {
+        await (0, update_package_scripts_1.updatePackageScripts)(host, plugin_1.createNodes);
     }
     if (!schema.skipFormat) {
         await (0, devkit_1.formatFiles)(host);
     }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.reactNativeInitGenerator = reactNativeInitGenerator;
-function updateDependencies(host) {
-    const isPnpm = (0, devkit_1.detectPackageManager)(host.root) === 'pnpm';
+exports.reactNativeInitGeneratorInternal = reactNativeInitGeneratorInternal;
+function updateDependencies(host, schema) {
     return (0, devkit_1.addDependenciesToPackageJson)(host, {
-        react: versions_2.reactVersion,
-        'react-dom': versions_2.reactDomVersion,
-        'react-native': versions_2.reactNativeVersion,
+        react: versions_1.reactVersion,
+        'react-dom': versions_1.reactDomVersion,
+        'react-native': versions_1.reactNativeVersion,
     }, {
-        '@nx/react-native': versions_2.nxVersion,
-        '@types/node': versions_2.typesNodeVersion,
-        '@types/react': versions_2.typesReactVersion,
-        '@react-native/metro-config': versions_2.reactNativeMetroConfigVersion,
-        '@react-native-community/cli': versions_2.reactNativeCommunityCli,
-        '@react-native-community/cli-platform-android': versions_2.reactNativeCommunityCliAndroid,
-        '@react-native-community/cli-platform-ios': versions_2.reactNativeCommunityCliIos,
-        '@testing-library/react-native': versions_2.testingLibraryReactNativeVersion,
-        '@testing-library/jest-native': versions_2.testingLibraryJestNativeVersion,
-        'jest-react-native': versions_2.jestReactNativeVersion,
-        metro: versions_2.metroVersion,
-        'metro-config': versions_2.metroVersion,
-        'metro-resolver': versions_2.metroVersion,
-        'metro-babel-register': versions_2.metroVersion,
-        'metro-react-native-babel-preset': versions_2.metroVersion,
-        'metro-react-native-babel-transformer': versions_2.metroVersion,
-        'react-test-renderer': versions_2.reactTestRendererVersion,
-        'react-native-svg-transformer': versions_2.reactNativeSvgTransformerVersion,
-        'react-native-svg': versions_2.reactNativeSvgVersion,
-        '@babel/preset-react': versions_1.babelPresetReactVersion,
-        '@babel/core': versions_1.babelCoreVersion,
-        ...(isPnpm
-            ? {
-                '@babel/runtime': versions_2.babelRuntimeVersion, // @babel/runtime is used by react-native-svg
-            }
-            : {}),
-    });
+        '@nx/react-native': versions_1.nxVersion,
+    }, undefined, schema.keepExistingVersions);
 }
 exports.updateDependencies = updateDependencies;
 function moveDependency(host) {
     return (0, devkit_1.removeDependenciesFromPackageJson)(host, ['@nx/react-native'], []);
 }
+function addPlugin(host) {
+    const nxJson = (0, devkit_1.readNxJson)(host);
+    nxJson.plugins ??= [];
+    for (const plugin of nxJson.plugins) {
+        if (typeof plugin === 'string'
+            ? plugin === '@nx/react-native/plugin'
+            : plugin.plugin === '@nx/react-native/plugin') {
+            return;
+        }
+    }
+    nxJson.plugins.push({
+        plugin: '@nx/react-native/plugin',
+        options: {
+            startTargetName: 'start',
+            podInstallTargetName: 'pod-install',
+            bundleTargetName: 'bundle',
+            runIosTargetName: 'run-ios',
+            runAndroidTargetName: 'run-android',
+            buildIosTargetName: 'build-ios',
+            buildAndroidTargetName: 'build-android',
+            syncDepsTargetName: 'sync-deps',
+            upgradeTargetname: 'upgrade',
+        },
+    });
+    (0, devkit_1.updateNxJson)(host, nxJson);
+}
 exports.default = reactNativeInitGenerator;

package/src/generators/init/init.spec.ts

@@ -1,5 +1,4 @@
-import { NxJsonConfiguration } from '@nx/devkit';
-import { Tree, readJson, updateJson } from '@nx/devkit';
+import { Tree, readJson } from '@nx/devkit';
 import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
 import { reactNativeInitGenerator } from './init';
 
@@ -12,12 +11,12 @@ describe('init', () => {
   });
 
   it('should add react native dependencies', async () => {
-    await reactNativeInitGenerator(tree, { e2eTestRunner: 'none' });
+    await reactNativeInitGenerator(tree, {
+      addPlugin: true,
+    });
     const packageJson = readJson(tree, 'package.json');
     expect(packageJson.dependencies['react']).toBeDefined();
     expect(packageJson.dependencies['react-native']).toBeDefined();
-    expect(packageJson.devDependencies['@types/node']).toBeDefined();
-    expect(packageJson.devDependencies['@types/react']).toBeDefined();
   });
 
   it('should add .gitignore entries for React native files and directories', async () => {
@@ -27,7 +26,9 @@ describe('init', () => {
 /node_modules
 `
     );
-    await reactNativeInitGenerator(tree, { e2eTestRunner: 'none' });
+    await reactNativeInitGenerator(tree, {
+      addPlugin: true,
+    });
 
     const content = tree.read('/.gitignore').toString();
 

package/src/generators/init/schema.d.ts

@@ -1,7 +1,7 @@
 export interface Schema {
-  unitTestRunner?: 'jest' | 'none';
   skipFormat?: boolean;
-  e2eTestRunner?: 'detox' | 'none';
   skipPackageJson?: boolean; //default is false
-  js?: boolean;
+  keepExistingVersions?: boolean; //default is false
+  updatePackageScripts?: boolean;
+  addPlugin?: boolean;
 }

package/src/generators/init/schema.json

@@ -1,39 +1,34 @@
 {
   "cli": "nx",
   "$id": "NxReactNativeInit",
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "title": "Add Nx React Native Schematics",
   "description": "Add Nx React native schematics.",
   "type": "object",
   "properties": {
-    "unitTestRunner": {
-      "description": "Adds the specified unit test runner.",
-      "type": "string",
-      "enum": ["jest", "none"],
-      "default": "jest"
-    },
     "skipFormat": {
       "description": "Skip formatting files.",
       "type": "boolean",
       "default": false,
       "x-priority": "internal"
     },
-    "e2eTestRunner": {
-      "description": "Adds the specified E2E test runner.",
-      "type": "string",
-      "enum": ["detox", "none"],
-      "default": "detox"
-    },
-    "js": {
-      "type": "boolean",
-      "default": false,
-      "description": "Use JavaScript instead of TypeScript"
-    },
     "skipPackageJson": {
       "description": "Do not add dependencies to `package.json`.",
       "type": "boolean",
       "default": false,
       "x-priority": "internal"
+    },
+    "keepExistingVersions": {
+      "type": "boolean",
+      "x-priority": "internal",
+      "description": "Keep existing dependencies versions",
+      "default": false
+    },
+    "updatePackageScripts": {
+      "type": "boolean",
+      "x-priority": "internal",
+      "description": "Update `package.json` scripts with inferred targets",
+      "default": false
     }
   },
   "required": []

package/src/generators/library/files/lib/.babelrc.js.template

@@ -0,0 +1,21 @@
+module.exports = function (api) {
+  api.cache(true);
+  
+  return {
+    presets: [
+      [
+        '@nx/react/babel',
+        {
+          runtime: 'automatic',
+          useBuiltIns: 'usage',
+        },
+      ],
+    ],
+    plugins: [],
+    env: {
+      test: {
+        presets: [['module:@react-native/babel-preset',  { "useTransformReactJSX": true }]],
+      },
+    },
+  };
+};

package/src/generators/library/lib/normalize-options.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = void 0;
+const devkit_1 = require("@nx/devkit");
 const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
 async function normalizeOptions(host, options) {
     const { projectName, names: projectNames, projectRoot, importPath, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
@@ -11,6 +12,10 @@ async function normalizeOptions(host, options) {
         projectNameAndRootFormat: options.projectNameAndRootFormat,
         callingGenerator: '@nx/react-native:library',
     });
+    const nxJson = (0, devkit_1.readNxJson)(host);
+    const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&
+        nxJson.useInferencePlugins !== false;
+    options.addPlugin ??= addPluginDefault;
     const parsedTags = options.tags
         ? options.tags.split(',').map((s) => s.trim())
         : [];

package/src/generators/library/library.js

@@ -8,8 +8,11 @@ const add_linting_1 = require("../../utils/add-linting");
 const add_jest_1 = require("../../utils/add-jest");
 const versions_1 = require("../../utils/versions");
 const normalize_options_1 = require("./lib/normalize-options");
+const ensure_dependencies_1 = require("../../utils/ensure-dependencies");
+const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
 async function reactNativeLibraryGenerator(host, schema) {
     return await reactNativeLibraryGeneratorInternal(host, {
+        addPlugin: false,
         projectNameAndRootFormat: 'derived',
         ...schema,
     });
@@ -21,12 +24,16 @@ async function reactNativeLibraryGeneratorInternal(host, schema) {
         throw new Error(`For publishable libs you have to provide a proper "--importPath" which needs to be a valid npm package name (e.g. my-awesome-lib or @myorg/my-lib)`);
     }
     const tasks = [];
-    const initTask = await (0, init_1.default)(host, {
-        ...options,
+    const jsInitTask = await (0, js_1.initGenerator)(host, {
+        ...schema,
         skipFormat: true,
-        e2eTestRunner: 'none',
     });
+    tasks.push(jsInitTask);
+    const initTask = await (0, init_1.default)(host, { ...options, skipFormat: true });
     tasks.push(initTask);
+    if (!options.skipPackageJson) {
+        tasks.push((0, ensure_dependencies_1.ensureDependencies)(host));
+    }
     const addProjectTask = await addProject(host, options);
     if (addProjectTask) {
         tasks.push(addProjectTask);
@@ -40,7 +47,7 @@ async function reactNativeLibraryGeneratorInternal(host, schema) {
         ],
     });
     tasks.push(lintTask);
-    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.name, options.projectRoot, options.js, options.skipPackageJson);
+    const jestTask = await (0, add_jest_1.addJest)(host, options.unitTestRunner, options.name, options.projectRoot, options.js, options.skipPackageJson, options.addPlugin);
     tasks.push(jestTask);
     if (options.publishable || options.buildable) {
         updateLibPackageNpmScope(host, options);
@@ -53,49 +60,52 @@ async function reactNativeLibraryGeneratorInternal(host, schema) {
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(host);
     }
+    tasks.push(() => {
+        (0, log_show_project_command_1.logShowProjectCommand)(options.name);
+    });
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
 exports.reactNativeLibraryGeneratorInternal = reactNativeLibraryGeneratorInternal;
 async function addProject(host, options) {
-    const targets = {};
-    let task;
-    if (options.publishable || options.buildable) {
-        const { rollupInitGenerator } = (0, devkit_1.ensurePackage)('@nx/rollup', versions_1.nxVersion);
-        const external = [
-            'react/jsx-runtime',
-            'react-native',
-            'react',
-            'react-dom',
-        ];
-        targets.build = {
-            executor: '@nx/rollup:rollup',
-            outputs: ['{options.outputPath}'],
-            options: {
-                outputPath: `dist/${options.projectRoot}`,
-                tsConfig: `${options.projectRoot}/tsconfig.lib.json`,
-                project: `${options.projectRoot}/package.json`,
-                entryFile: maybeJs(options, `${options.projectRoot}/src/index.ts`),
-                external,
-                rollupConfig: `@nx/react/plugins/bundle-rollup`,
-                assets: [
-                    {
-                        glob: `${options.projectRoot}/README.md`,
-                        input: '.',
-                        output: '.',
-                    },
-                ],
-            },
-        };
-        task = await rollupInitGenerator(host, { ...options, skipFormat: true });
-    }
-    (0, devkit_1.addProjectConfiguration)(host, options.name, {
+    const project = {
         root: options.projectRoot,
         sourceRoot: (0, devkit_1.joinPathFragments)(options.projectRoot, 'src'),
         projectType: 'library',
         tags: options.parsedTags,
-        targets,
+        targets: {},
+    };
+    (0, devkit_1.addProjectConfiguration)(host, options.name, project);
+    if (!options.publishable && !options.buildable) {
+        return () => { };
+    }
+    const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/rollup', versions_1.nxVersion);
+    const rollupConfigTask = await configurationGenerator(host, {
+        ...options,
+        project: options.name,
+        skipFormat: true,
     });
-    return task;
+    const external = ['react/jsx-runtime', 'react-native', 'react', 'react-dom'];
+    project.targets.build = {
+        executor: '@nx/rollup:rollup',
+        outputs: ['{options.outputPath}'],
+        options: {
+            outputPath: `dist/${options.projectRoot}`,
+            tsConfig: `${options.projectRoot}/tsconfig.lib.json`,
+            project: `${options.projectRoot}/package.json`,
+            entryFile: maybeJs(options, `${options.projectRoot}/src/index.ts`),
+            external,
+            rollupConfig: `@nx/react/plugins/bundle-rollup`,
+            assets: [
+                {
+                    glob: `${options.projectRoot}/README.md`,
+                    input: '.',
+                    output: '.',
+                },
+            ],
+        },
+    };
+    (0, devkit_1.updateProjectConfiguration)(host, options.name, project);
+    return rollupConfigTask;
 }
 function updateTsConfig(tree, options) {
     (0, devkit_1.updateJson)(tree, (0, devkit_1.joinPathFragments)(options.projectRoot, 'tsconfig.json'), (json) => {

package/src/generators/library/library.spec.ts

@@ -20,6 +20,7 @@ describe('lib', () => {
     unitTestRunner: 'jest',
     strict: true,
     projectNameAndRootFormat: 'as-provided',
+    addPlugin: true,
   };
 
   beforeEach(() => {
@@ -28,21 +29,6 @@ describe('lib', () => {
   });
 
   describe('not nested', () => {
-    it('should update project.json', async () => {
-      await libraryGenerator(appTree, { ...defaultSchema, tags: 'one,two' });
-      const projectConfiguration = readProjectConfiguration(appTree, 'my-lib');
-      expect(projectConfiguration.root).toEqual('my-lib');
-      expect(projectConfiguration.targets.build).toBeUndefined();
-      expect(projectConfiguration.targets.lint).toEqual({
-        executor: '@nx/eslint:lint',
-        outputs: ['{options.outputFile}'],
-        options: {
-          lintFilePatterns: ['my-lib/**/*.{ts,tsx,js,jsx}'],
-        },
-      });
-      expect(projectConfiguration.tags).toEqual(['one', 'two']);
-    });
-
     it('should update root tsconfig.base.json', async () => {
       await libraryGenerator(appTree, defaultSchema);
       const tsconfigJson = readJson(appTree, '/tsconfig.base.json');
@@ -149,23 +135,6 @@ describe('lib', () => {
       });
     });
 
-    it('should update project.json', async () => {
-      await libraryGenerator(appTree, {
-        ...defaultSchema,
-        directory: 'my-dir',
-      });
-      const projectConfiguration = readProjectConfiguration(appTree, 'my-lib');
-
-      expect(projectConfiguration.root).toEqual('my-dir');
-      expect(projectConfiguration.targets.lint).toEqual({
-        executor: '@nx/eslint:lint',
-        outputs: ['{options.outputFile}'],
-        options: {
-          lintFilePatterns: ['my-dir/**/*.{ts,tsx,js,jsx}'],
-        },
-      });
-    });
-
     it('should update root tsconfig.base.json', async () => {
       await libraryGenerator(appTree, {
         ...defaultSchema,
@@ -237,15 +206,6 @@ describe('lib', () => {
 
       expect(appTree.exists('my-lib/tsconfig.spec.json')).toBeFalsy();
       expect(appTree.exists('my-lib/jest.config.ts')).toBeFalsy();
-      const projectConfiguration = readProjectConfiguration(appTree, 'my-lib');
-      expect(projectConfiguration.targets.test).toBeUndefined();
-      expect(projectConfiguration.targets.lint).toMatchObject({
-        executor: '@nx/eslint:lint',
-        options: {
-          lintFilePatterns: ['my-lib/**/*.{ts,tsx,js,jsx}'],
-        },
-        outputs: ['{options.outputFile}'],
-      });
     });
 
     it('should generate test configuration', async () => {
@@ -289,29 +249,21 @@ describe('lib', () => {
           moduleNameMapper: {
             '\\\\.svg$': '@nx/react-native/plugins/jest/svg-mock',
           },
+          transform: {
+            '^.+.(js|ts|tsx)$': [
+              'babel-jest',
+              {
+                configFile: __dirname + '/.babelrc.js',
+              },
+            ],
+            '^.+.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$': require.resolve(
+              'react-native/jest/assetFileTransformer.js'
+            ),
+          },
           coverageDirectory: '../coverage/my-lib',
         };
         "
       `);
-      const projectConfiguration = readProjectConfiguration(appTree, 'my-lib');
-      expect(projectConfiguration.targets.test).toMatchInlineSnapshot(`
-        {
-          "configurations": {
-            "ci": {
-              "ci": true,
-              "codeCoverage": true,
-            },
-          },
-          "executor": "@nx/jest:jest",
-          "options": {
-            "jestConfig": "my-lib/jest.config.ts",
-            "passWithNoTests": true,
-          },
-          "outputs": [
-            "{workspaceRoot}/coverage/{projectRoot}",
-          ],
-        }
-      `);
     });
   });
 

package/src/generators/library/schema.d.ts

@@ -21,4 +21,5 @@ export interface Schema {
   strict?: boolean;
   setParserOptionsProject?: boolean;
   skipPackageJson?: boolean; //default is false
+  addPlugin?: boolean;
 }

package/src/generators/library/schema.json

@@ -1,7 +1,7 @@
 {
   "cli": "nx",
   "$id": "NxReactNativeLibrary",
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "title": "Create a React Native Library for Nx",
   "description": "Create a React Native Library for Nx.",
   "type": "object",
@@ -36,7 +36,7 @@
     "linter": {
       "description": "The tool to use for running lint checks.",
       "type": "string",
-      "enum": ["eslint"],
+      "enum": ["eslint", "none"],
       "default": "eslint"
     },
     "unitTestRunner": {

package/src/generators/stories/schema.d.ts

@@ -1,5 +1,7 @@
 export interface StorybookStoriesSchema {
   project: string;
+  interactionTests?: boolean;
+  js?: boolean;
   ignorePaths?: string[];
   skipFormat?: boolean;
 }

package/src/generators/stories/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactNativeStorybookStories",
   "title": "Generate React Native Storybook stories",
@@ -14,7 +14,20 @@
         "$source": "projectName",
         "index": 0
       },
-      "x-prompt": "For which project do you want to generate stories?"
+      "x-prompt": "For which project do you want to generate stories?",
+      "x-priority": "important"
+    },
+    "interactionTests": {
+      "type": "boolean",
+      "description": "Set up Storybook interaction tests.",
+      "x-prompt": "Do you want to set up Storybook interaction tests?",
+      "x-priority": "important",
+      "default": true
+    },
+    "js": {
+      "type": "boolean",
+      "description": "Generate JavaScript files rather than TypeScript files.",
+      "default": false
     },
     "ignorePaths": {
       "type": "array",

package/src/generators/stories/stories.d.ts

@@ -1,5 +1,8 @@
 import { Tree } from '@nx/devkit';
 import { StorybookStoriesSchema } from './schema';
-export declare function createAllStories(tree: Tree, projectName: string, ignorePaths?: string[]): Promise<void>;
-export declare function storiesGenerator(host: Tree, schema: StorybookStoriesSchema): Promise<void>;
+/**
+ * @deprecated This would be a direct pass through to @nx/react:stories generator.
+ * TODO (@xiongemi): remove this generator for v19
+ */
+export declare function storiesGenerator(host: Tree, schema: StorybookStoriesSchema): Promise<import("@nx/devkit").GeneratorCallback>;
 export default storiesGenerator;

package/src/generators/stories/stories.js

@@ -1,56 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.storiesGenerator = exports.createAllStories = void 0;
-const devkit_1 = require("@nx/devkit");
-const path_1 = require("path");
-const component_story_1 = require("../component-story/component-story");
-const stories_1 = require("@nx/react/src/generators/stories/stories");
-const minimatch = require("minimatch");
-const versions_1 = require("../../utils/versions");
-async function createAllStories(tree, projectName, ignorePaths) {
-    (0, devkit_1.ensurePackage)('@nx/storybook', versions_1.nxVersion);
-    const { isTheFileAStory } = await Promise.resolve().then(() => require('@nx/storybook/src/utils/utilities'));
-    const projects = (0, devkit_1.getProjects)(tree);
-    const projectConfiguration = projects.get(projectName);
-    const { sourceRoot } = projectConfiguration;
-    const projectPath = await (0, stories_1.projectRootPath)(tree, projectConfiguration);
-    let componentPaths = [];
-    (0, devkit_1.visitNotIgnoredFiles)(tree, projectPath, (path) => {
-        if (ignorePaths?.some((pattern) => minimatch(path, pattern)))
-            return;
-        if ((path.endsWith('.tsx') && !path.endsWith('.spec.tsx')) ||
-            (path.endsWith('.js') && !path.endsWith('.spec.js')) ||
-            (path.endsWith('.jsx') && !path.endsWith('.spec.jsx'))) {
-            // Check if file is NOT a story (either ts/tsx or js/jsx)
-            if (!isTheFileAStory(tree, path)) {
-                // Since the file is not a story
-                // Let's see if the .stories.* file exists
-                const ext = path.slice(path.lastIndexOf('.'));
-                const storyPath = `${path.split(ext)[0]}.stories${ext}`;
-                if (!tree.exists(storyPath)) {
-                    componentPaths.push(path);
-                }
-            }
-        }
-    });
-    await Promise.all(componentPaths.map(async (componentPath) => {
-        const relativeCmpDir = componentPath.replace((0, path_1.join)(sourceRoot, '/'), '');
-        if (!(0, stories_1.containsComponentDeclaration)(tree, componentPath)) {
-            return;
-        }
-        await (0, component_story_1.default)(tree, {
-            componentPath: relativeCmpDir,
-            project: projectName,
-            skipFormat: true,
-        });
-    }));
-}
-exports.createAllStories = createAllStories;
+exports.storiesGenerator = void 0;
+const react_1 = require("@nx/react");
+/**
+ * @deprecated This would be a direct pass through to @nx/react:stories generator.
+ * TODO (@xiongemi): remove this generator for v19
+ */
 async function storiesGenerator(host, schema) {
-    await createAllStories(host, schema.project, schema.ignorePaths);
-    if (!schema.skipFormat) {
-        await (0, devkit_1.formatFiles)(host);
-    }
+    return (0, react_1.storiesGenerator)(host, schema);
 }
 exports.storiesGenerator = storiesGenerator;
 exports.default = storiesGenerator;

package/src/generators/storybook-configuration/configuration.d.ts

@@ -1,4 +1,9 @@
-import { GeneratorCallback, Tree } from '@nx/devkit';
+import { Tree } from '@nx/devkit';
 import { StorybookConfigureSchema } from './schema';
-export declare function storybookConfigurationGenerator(host: Tree, schema: StorybookConfigureSchema): Promise<GeneratorCallback>;
+export declare function storybookConfigurationGenerator(tree: Tree, schema: StorybookConfigureSchema): Promise<import("@nx/devkit").GeneratorCallback>;
+/**
+ * This would be a direct pass through to @nx/react:storybook-configuration generator.
+ * @TODO (@xiongemi): remove this generator for v19
+ */
+export declare function storybookConfigurationGeneratorInternal(host: Tree, schema: StorybookConfigureSchema): Promise<import("@nx/devkit").GeneratorCallback>;
 export default storybookConfigurationGenerator;