@nx/react-native 18.0.0-beta.1 → 18.0.0-canary.20240201-8762c38

package/src/generators/application/lib/normalize-options.spec.ts

@@ -18,11 +18,14 @@ describe('Normalize Options', () => {
       e2eTestRunner: 'none',
       install: false,
       projectNameAndRootFormat: 'as-provided',
+      unitTestRunner: 'none',
+      bundler: 'vite',
     };
     const options = await normalizeOptions(appTree, schema);
     expect(options).toEqual({
       androidProjectRoot: 'my-app/android',
       appProjectRoot: 'my-app',
+      fileName: 'my-app',
       className: 'MyApp',
       displayName: 'MyApp',
       iosProjectRoot: 'my-app/ios',
@@ -34,8 +37,12 @@ describe('Normalize Options', () => {
       linter: Linter.EsLint,
       entryFile: 'src/main.tsx',
       e2eTestRunner: 'none',
-      unitTestRunner: 'jest',
+      unitTestRunner: 'none',
       install: false,
+      bundler: 'vite',
+      rootProject: false,
+      e2eProjectName: 'my-app-e2e',
+      e2eProjectRoot: 'my-app-e2e',
     });
   });
 
@@ -45,12 +52,16 @@ describe('Normalize Options', () => {
       e2eTestRunner: 'none',
       install: false,
       projectNameAndRootFormat: 'as-provided',
+      linter: Linter.None,
+      unitTestRunner: 'none',
+      bundler: 'vite',
     };
     const options = await normalizeOptions(appTree, schema);
     expect(options).toEqual({
       androidProjectRoot: 'myApp/android',
       appProjectRoot: 'myApp',
       className: 'MyApp',
+      fileName: 'my-app',
       displayName: 'MyApp',
       iosProjectRoot: 'myApp/ios',
       lowerCaseName: 'myapp',
@@ -60,8 +71,13 @@ describe('Normalize Options', () => {
       projectNameAndRootFormat: 'as-provided',
       entryFile: 'src/main.tsx',
       e2eTestRunner: 'none',
-      unitTestRunner: 'jest',
+      unitTestRunner: 'none',
       install: false,
+      bundler: 'vite',
+      linter: Linter.None,
+      rootProject: false,
+      e2eProjectName: 'my-app-e2e',
+      e2eProjectRoot: 'myApp-e2e',
     });
   });
 
@@ -72,12 +88,16 @@ describe('Normalize Options', () => {
       e2eTestRunner: 'none',
       install: false,
       projectNameAndRootFormat: 'as-provided',
+      linter: Linter.None,
+      unitTestRunner: 'none',
+      bundler: 'vite',
     };
     const options = await normalizeOptions(appTree, schema);
     expect(options).toEqual({
       androidProjectRoot: 'directory/my-app/android',
       appProjectRoot: 'directory/my-app',
       className: 'MyApp',
+      fileName: 'my-app',
       displayName: 'MyApp',
       iosProjectRoot: 'directory/my-app/ios',
       lowerCaseName: 'myapp',
@@ -88,8 +108,13 @@ describe('Normalize Options', () => {
       projectNameAndRootFormat: 'as-provided',
       entryFile: 'src/main.tsx',
       e2eTestRunner: 'none',
-      unitTestRunner: 'jest',
+      unitTestRunner: 'none',
       install: false,
+      bundler: 'vite',
+      linter: Linter.None,
+      rootProject: false,
+      e2eProjectName: 'my-app-e2e',
+      e2eProjectRoot: 'directory/my-app-e2e',
     });
   });
 
@@ -99,12 +124,16 @@ describe('Normalize Options', () => {
       e2eTestRunner: 'none',
       install: false,
       projectNameAndRootFormat: 'as-provided',
+      linter: Linter.None,
+      unitTestRunner: 'none',
+      bundler: 'vite',
     };
     const options = await normalizeOptions(appTree, schema);
     expect(options).toEqual({
       androidProjectRoot: 'directory/my-app/android',
       appProjectRoot: 'directory/my-app',
       className: 'DirectoryMyApp',
+      fileName: 'directory/my-app',
       displayName: 'DirectoryMyApp',
       iosProjectRoot: 'directory/my-app/ios',
       lowerCaseName: 'directorymyapp',
@@ -114,8 +143,13 @@ describe('Normalize Options', () => {
       projectNameAndRootFormat: 'as-provided',
       entryFile: 'src/main.tsx',
       e2eTestRunner: 'none',
-      unitTestRunner: 'jest',
+      unitTestRunner: 'none',
       install: false,
+      bundler: 'vite',
+      linter: Linter.None,
+      rootProject: false,
+      e2eProjectName: 'directory/my-app-e2e',
+      e2eProjectRoot: 'directory/my-app-e2e',
     });
   });
 
@@ -126,12 +160,16 @@ describe('Normalize Options', () => {
       e2eTestRunner: 'none',
       install: false,
       projectNameAndRootFormat: 'as-provided',
+      linter: Linter.None,
+      unitTestRunner: 'none',
+      bundler: 'vite',
     };
     const options = await normalizeOptions(appTree, schema);
     expect(options).toEqual({
       androidProjectRoot: 'my-app/android',
       appProjectRoot: 'my-app',
       className: 'MyApp',
+      fileName: 'my-app',
       displayName: 'My App',
       iosProjectRoot: 'my-app/ios',
       lowerCaseName: 'myapp',
@@ -141,8 +179,13 @@ describe('Normalize Options', () => {
       projectNameAndRootFormat: 'as-provided',
       entryFile: 'src/main.tsx',
       e2eTestRunner: 'none',
-      unitTestRunner: 'jest',
+      unitTestRunner: 'none',
       install: false,
+      bundler: 'vite',
+      linter: Linter.None,
+      rootProject: false,
+      e2eProjectName: 'my-app-e2e',
+      e2eProjectRoot: 'my-app-e2e',
     });
   });
 });

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

@@ -9,13 +9,14 @@ export interface Schema {
   directory?: string;
   projectNameAndRootFormat?: ProjectNameAndRootFormat;
   tags?: string;
-  unitTestRunner?: 'jest' | 'none';
+  unitTestRunner: 'jest' | 'none'; // default is jest
   pascalCaseFiles?: boolean;
   classComponent?: boolean;
   js?: boolean;
-  linter?: Linter;
+  linter: Linter;
   setParserOptionsProject?: boolean;
-  e2eTestRunner?: 'detox' | 'none';
+  e2eTestRunner: 'cypress' | 'playwright' | 'detox' | 'none'; // default is cypress
+  bundler: 'webpack' | 'vite'; // default is webpack
   install: boolean; // default is true
   skipPackageJson?: boolean; //default is false
 }

package/src/generators/application/schema.json

@@ -48,7 +48,7 @@
     "linter": {
       "description": "The tool to use for running lint checks.",
       "type": "string",
-      "enum": ["eslint"],
+      "enum": ["eslint", "none"],
       "default": "eslint"
     },
     "unitTestRunner": {
@@ -75,20 +75,28 @@
     "e2eTestRunner": {
       "description": "Adds the specified e2e test runner.",
       "type": "string",
-      "enum": ["detox", "none"],
-      "default": "detox"
+      "enum": ["cypress", "playwright", "detox", "none"],
+      "default": "cypress"
     },
     "install": {
       "type": "boolean",
       "description": "Runs `pod install` for native modules before building iOS app.",
-      "default": true,
-      "x-priority": "internal"
+      "x-prompt": "Run 'pod install' for native modules?",
+      "default": true
     },
     "skipPackageJson": {
       "description": "Do not add dependencies to `package.json`.",
       "type": "boolean",
       "default": false,
       "x-priority": "internal"
+    },
+    "bundler": {
+      "description": "The bundler to use.",
+      "type": "string",
+      "enum": ["vite", "webpack"],
+      "x-prompt": "Which bundler do you want to use to build the application?",
+      "default": "webpack",
+      "x-priority": "important"
     }
   },
   "required": []

package/src/generators/component-story/component-story.d.ts

@@ -1,11 +1,8 @@
 import { Tree } from '@nx/devkit';
-import type * as ts from 'typescript';
-export interface CreateComponentStoriesFileSchema {
-    project: string;
-    componentPath: string;
-    skipFormat?: boolean;
-}
-export declare function createComponentStoriesFile(host: Tree, { project, componentPath }: CreateComponentStoriesFileSchema): void;
-export declare function findPropsAndGenerateFile(host: Tree, sourceFile: ts.SourceFile, cmpDeclaration: ts.Node, componentDirectory: string, name: string, isPlainJs: boolean, fileExt: string, fromNodeArray?: boolean): void;
+import { CreateComponentStoriesFileSchema } from './schema';
+/**
+ * @deprecated This would be a direct pass through to @nx/react:component-story generator.
+ * TODO (@xiongemi): remove this generator for v19
+ */
 export declare function componentStoryGenerator(host: Tree, schema: CreateComponentStoriesFileSchema): Promise<void>;
 export default componentStoryGenerator;

package/src/generators/component-story/component-story.js

@@ -1,76 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentStoryGenerator = exports.findPropsAndGenerateFile = exports.createComponentStoriesFile = void 0;
+exports.componentStoryGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
-const ast_utils_1 = require("@nx/react/src/utils/ast-utils");
-const component_props_1 = require("@nx/react/src/utils/component-props");
-const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
-let tsModule;
-function createComponentStoriesFile(host, { project, componentPath }) {
-    if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
-    }
-    const proj = (0, devkit_1.getProjects)(host).get(project);
-    const sourceRoot = proj.sourceRoot;
-    const componentFilePath = (0, devkit_1.joinPathFragments)(sourceRoot, componentPath);
-    const componentDirectory = componentFilePath.replace(componentFilePath.slice(componentFilePath.lastIndexOf('/')), '');
-    const isPlainJs = componentFilePath.endsWith('.jsx') || componentFilePath.endsWith('.js');
-    let fileExt = 'tsx';
-    if (componentFilePath.endsWith('.jsx')) {
-        fileExt = 'jsx';
-    }
-    else if (componentFilePath.endsWith('.js')) {
-        fileExt = 'js';
-    }
-    const componentFileName = componentFilePath
-        .slice(componentFilePath.lastIndexOf('/') + 1)
-        .replace('.tsx', '')
-        .replace('.jsx', '')
-        .replace('.js', '');
-    const name = componentFileName;
-    const contents = host.read(componentFilePath, 'utf-8');
-    if (contents === null) {
-        throw new Error(`Failed to read ${componentFilePath}`);
-    }
-    const sourceFile = tsModule.createSourceFile(componentFilePath, contents, tsModule.ScriptTarget.Latest, true);
-    const cmpDeclaration = (0, ast_utils_1.getComponentNode)(sourceFile);
-    if (!cmpDeclaration) {
-        const componentNodes = (0, ast_utils_1.findExportDeclarationsForJsx)(sourceFile);
-        if (componentNodes?.length) {
-            componentNodes.forEach((declaration) => {
-                findPropsAndGenerateFile(host, sourceFile, declaration, componentDirectory, name, isPlainJs, fileExt, componentNodes.length > 1);
-            });
-        }
-        else {
-            throw new Error(`Could not find any React Native component in file ${componentFilePath}`);
-        }
-    }
-    else {
-        findPropsAndGenerateFile(host, sourceFile, cmpDeclaration, componentDirectory, name, isPlainJs, fileExt);
-    }
-}
-exports.createComponentStoriesFile = createComponentStoriesFile;
-function findPropsAndGenerateFile(host, sourceFile, cmpDeclaration, componentDirectory, name, isPlainJs, fileExt, fromNodeArray) {
-    const { propsTypeName, props, argTypes } = (0, component_props_1.getDefaultsForComponent)(sourceFile, cmpDeclaration);
-    (0, devkit_1.generateFiles)(host, (0, devkit_1.joinPathFragments)(__dirname, './files'), (0, devkit_1.normalizePath)(componentDirectory), {
-        componentFileName: fromNodeArray
-            ? `${name}--${cmpDeclaration.name.text}`
-            : name,
-        componentImportFileName: name,
-        propsTypeName,
-        props,
-        argTypes,
-        componentName: cmpDeclaration.name.text,
-        isPlainJs,
-        fileExt,
-    });
-}
-exports.findPropsAndGenerateFile = findPropsAndGenerateFile;
+const react_1 = require("@nx/react");
+/**
+ * @deprecated This would be a direct pass through to @nx/react:component-story generator.
+ * TODO (@xiongemi): remove this generator for v19
+ */
 async function componentStoryGenerator(host, schema) {
-    createComponentStoriesFile(host, schema);
-    if (!schema.skipFormat) {
-        await (0, devkit_1.formatFiles)(host);
-    }
+    devkit_1.logger.warn(`Please run 'nx run @nx/react:component-story ${schema.project}' instead.`);
+    return (0, react_1.componentStoryGenerator)(host, schema);
 }
 exports.componentStoryGenerator = componentStoryGenerator;
 exports.default = componentStoryGenerator;

package/src/generators/component-story/schema.d.ts

@@ -1,5 +1,6 @@
 export interface CreateComponentStoriesFileSchema {
   project: string;
   componentPath: string;
+  interactionTests?: boolean;
   skipFormat?: boolean;
 }

package/src/generators/component-story/schema.json

@@ -15,19 +15,27 @@
         "$source": "projectName",
         "index": 0
       },
-      "x-prompt": "What's the name of the project where the component lives?"
+      "x-prompt": "What's name of the project where the component lives?",
+      "x-priority": "important"
     },
     "componentPath": {
       "type": "string",
       "description": "Relative path to the component file from the library root.",
       "examples": ["lib/components"],
-      "x-prompt": "What's path of the component relative to the project's lib root?"
+      "x-prompt": "What's path of the component relative to the project's lib root?",
+      "x-priority": "important"
     },
     "skipFormat": {
       "description": "Skip formatting files.",
       "type": "boolean",
       "default": false,
       "x-priority": "internal"
+    },
+    "interactionTests": {
+      "type": "boolean",
+      "description": "Set up Storybook interaction tests.",
+      "default": true,
+      "x-priority": "important"
     }
   },
   "required": ["project", "componentPath"]

package/src/generators/init/init.js

@@ -32,9 +32,6 @@ function updateDependencies(host, schema) {
         'react-native': versions_1.reactNativeVersion,
     }, {
         '@nx/react-native': versions_1.nxVersion,
-        '@react-native-community/cli': versions_1.reactNativeCommunityCli,
-        '@react-native-community/cli-platform-android': versions_1.reactNativeCommunityCliAndroid,
-        '@react-native-community/cli-platform-ios': versions_1.reactNativeCommunityCliIos,
     }, undefined, schema.keepExistingVersions);
 }
 exports.updateDependencies = updateDependencies;

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/library.spec.ts

@@ -277,6 +277,17 @@ 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',
         };
         "

package/src/generators/library/schema.json

@@ -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

@@ -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_1 = 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) => (0, minimatch_1.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,8 @@
-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>;
+/**
+ * This would be a direct pass through to @nx/react:storybook-configuration generator.
+ * @TODO (@xiongemi): remove this generator for v19
+ */
+export declare function storybookConfigurationGenerator(host: Tree, schema: StorybookConfigureSchema): Promise<import("@nx/devkit").GeneratorCallback>;
 export default storybookConfigurationGenerator;

package/src/generators/storybook-configuration/configuration.js

@@ -2,55 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.storybookConfigurationGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../../utils/versions");
-const stories_1 = require("../stories/stories");
-const add_resolver_main_fields_to_metro_config_1 = require("./lib/add-resolver-main-fields-to-metro-config");
-const create_storybook_files_1 = require("./lib/create-storybook-files");
-const replace_app_import_with_storybook_toggle_1 = require("./lib/replace-app-import-with-storybook-toggle");
-async function generateStories(host, schema) {
-    await (0, stories_1.default)(host, {
-        project: schema.name,
-        ignorePaths: schema.ignorePaths,
-        skipFormat: true,
-    });
-}
+const react_1 = require("@nx/react");
+/**
+ * This would be a direct pass through to @nx/react:storybook-configuration generator.
+ * @TODO (@xiongemi): remove this generator for v19
+ */
 async function storybookConfigurationGenerator(host, schema) {
-    const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/storybook', versions_1.nxVersion);
-    const installTask = await configurationGenerator(host, {
-        project: schema.name,
-        uiFramework: '@storybook/react-native',
-        configureCypress: false,
-        js: false,
-        linter: schema.linter,
-        standaloneConfig: schema.standaloneConfig,
-        tsConfiguration: schema.tsConfiguration,
-        skipFormat: true,
-    });
-    const installRequiredPackagesTask = await (0, devkit_1.addDependenciesToPackageJson)(host, {}, {
-        '@react-native-async-storage/async-storage': versions_1.reactNativeAsyncStorageVersion,
-        'react-native-safe-area-context': versions_1.reactNativeSafeAreaContextVersion,
-    });
-    addStorybookTask(host, schema.name);
-    (0, create_storybook_files_1.createStorybookFiles)(host, schema);
-    (0, replace_app_import_with_storybook_toggle_1.replaceAppImportWithStorybookToggle)(host, schema);
-    (0, add_resolver_main_fields_to_metro_config_1.addResolverMainFieldsToMetroConfig)(host, schema);
-    if (schema.generateStories) {
-        await generateStories(host, schema);
-    }
-    await (0, devkit_1.formatFiles)(host);
-    return (0, devkit_1.runTasksInSerial)(installTask, installRequiredPackagesTask);
+    devkit_1.logger.warn(`Please run 'nx run @nx/react:storybook-configuration ${schema.project}' instead.`);
+    return (0, react_1.storybookConfigurationGenerator)(host, schema);
 }
 exports.storybookConfigurationGenerator = storybookConfigurationGenerator;
-function addStorybookTask(host, projectName) {
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, projectName);
-    projectConfig.targets['storybook'] = {
-        executor: '@nx/react-native:storybook',
-        options: {
-            searchDir: [projectConfig.sourceRoot],
-            outputFile: './.storybook/story-loader.js',
-            pattern: '**/*.stories.@(js|jsx|ts|tsx|md)',
-        },
-    };
-    (0, devkit_1.updateProjectConfiguration)(host, projectName, projectConfig);
-}
 exports.default = storybookConfigurationGenerator;

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

@@ -1,11 +1,12 @@
 import { Linter } from '@nx/eslint';
 
 export interface StorybookConfigureSchema {
-  name: string;
+  project: string;
+  interactionTests?: boolean;
   generateStories?: boolean;
   js?: boolean;
   tsConfiguration?: boolean;
   linter?: Linter;
-  standaloneConfig?: boolean;
   ignorePaths?: string[];
+  configureStaticServe?: boolean;
 }