@nx/storybook 18.0.0-beta.1 → 18.0.0-beta.2

package/generators.json

@@ -3,14 +3,14 @@
   "version": "0.1",
   "generators": {
     "init": {
-      "factory": "./src/generators/init/init",
+      "factory": "./src/generators/init/init#initGeneratorInternal",
       "schema": "./src/generators/init/schema.json",
       "description": "Add Storybook configuration to the workspace.",
       "aliases": ["ng-add"],
       "hidden": true
     },
     "configuration": {
-      "factory": "./src/generators/configuration/configuration",
+      "factory": "./src/generators/configuration/configuration#configurationGeneratorInternal",
       "schema": "./src/generators/configuration/schema.json",
       "description": "Add Storybook configuration to a UI library or an application.",
       "hidden": false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/storybook",
-  "version": "18.0.0-beta.1",
+  "version": "18.0.0-beta.2",
   "private": false,
   "description": "The Nx Plugin for Storybook contains executors and generators for allowing your workspace to use the powerful Storybook integration testing & documenting capabilities.",
   "repository": {
@@ -30,14 +30,14 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@nx/devkit": "18.0.0-beta.1",
+    "@nx/devkit": "18.0.0-beta.2",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "semver": "^7.5.3",
     "tslib": "^2.3.0",
-    "@nx/cypress": "18.0.0-beta.1",
-    "@nx/js": "18.0.0-beta.1",
-    "@nx/eslint": "18.0.0-beta.1",
-    "@nrwl/storybook": "18.0.0-beta.1"
+    "@nx/cypress": "18.0.0-beta.2",
+    "@nx/js": "18.0.0-beta.2",
+    "@nx/eslint": "18.0.0-beta.2",
+    "@nrwl/storybook": "18.0.0-beta.2"
   },
   "publishConfig": {
     "access": "public"

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

@@ -1,4 +1,5 @@
 import { GeneratorCallback, Tree } from '@nx/devkit';
 import { StorybookConfigureSchema } from './schema';
-export declare function configurationGenerator(tree: Tree, rawSchema: StorybookConfigureSchema): Promise<GeneratorCallback>;
+export declare function configurationGenerator(tree: Tree, schema: StorybookConfigureSchema): Promise<GeneratorCallback>;
+export declare function configurationGeneratorInternal(tree: Tree, rawSchema: StorybookConfigureSchema): Promise<GeneratorCallback>;
 export default configurationGenerator;

package/src/generators/configuration/configuration.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.configurationGenerator = void 0;
+exports.configurationGeneratorInternal = exports.configurationGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
 const cypress_project_1 = require("../cypress-project/cypress-project");
@@ -12,7 +12,11 @@ const versions_1 = require("../../utils/versions");
 const interaction_testing_utils_1 = require("./lib/interaction-testing.utils");
 const ensure_dependencies_1 = require("./lib/ensure-dependencies");
 const edit_root_tsconfig_1 = require("./lib/edit-root-tsconfig");
-async function configurationGenerator(tree, rawSchema) {
+function configurationGenerator(tree, schema) {
+    return configurationGeneratorInternal(tree, { addPlugin: false, ...schema });
+}
+exports.configurationGenerator = configurationGenerator;
+async function configurationGeneratorInternal(tree, rawSchema) {
     if ((0, utilities_1.storybookMajorVersion)() === 6) {
         throw new Error((0, utilities_1.pleaseUpgrade)());
     }
@@ -24,6 +28,7 @@ async function configurationGenerator(tree, rawSchema) {
     const viteConfigFilePath = viteConfig?.fullConfigPath;
     const viteConfigFileName = viteConfig?.viteConfigFileName;
     const nextConfigFilePath = (0, util_functions_1.findNextConfig)(tree, root);
+    const metroConfigFilePath = (0, util_functions_1.findMetroConfig)(tree, root);
     if (viteConfigFilePath) {
         if (schema.uiFramework === '@storybook/react-webpack5') {
             devkit_1.logger.info(`Your project ${schema.project} uses Vite as a bundler.
@@ -44,7 +49,10 @@ async function configurationGenerator(tree, rawSchema) {
         skipFormat: true,
     });
     tasks.push(jsInitTask);
-    const initTask = await (0, init_1.initGenerator)(tree, { skipFormat: true });
+    const initTask = await (0, init_1.initGenerator)(tree, {
+        skipFormat: true,
+        addPlugin: schema.addPlugin,
+    });
     tasks.push(initTask);
     tasks.push((0, ensure_dependencies_1.ensureDependencies)(tree, { uiFramework: schema.uiFramework }));
     (0, edit_root_tsconfig_1.editRootTsConfig)(tree);
@@ -56,7 +64,8 @@ async function configurationGenerator(tree, rawSchema) {
         ? 'components'
         : 'src';
     const usesVite = !!viteConfigFilePath || schema.uiFramework?.endsWith('-vite');
-    (0, util_functions_1.createProjectStorybookDir)(tree, schema.project, schema.uiFramework, schema.js, schema.tsConfiguration, root, projectType, (0, util_functions_1.projectIsRootProjectInStandaloneWorkspace)(root), schema.interactionTests, mainDir, !!nextConfigFilePath, compiler === 'swc', usesVite, viteConfigFilePath, hasPlugin, viteConfigFileName);
+    const useReactNative = !!metroConfigFilePath;
+    (0, util_functions_1.createProjectStorybookDir)(tree, schema.project, schema.uiFramework, schema.js, schema.tsConfiguration, root, projectType, (0, util_functions_1.projectIsRootProjectInStandaloneWorkspace)(root), schema.interactionTests, mainDir, !!nextConfigFilePath, compiler === 'swc', usesVite, viteConfigFilePath, hasPlugin, viteConfigFileName, useReactNative);
     if (schema.uiFramework !== '@storybook/angular') {
         (0, util_functions_1.createStorybookTsconfigFile)(tree, root, schema.uiFramework, (0, util_functions_1.projectIsRootProjectInStandaloneWorkspace)(root), mainDir);
     }
@@ -137,13 +146,14 @@ async function configurationGenerator(tree, rawSchema) {
     }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.configurationGenerator = configurationGenerator;
+exports.configurationGeneratorInternal = configurationGeneratorInternal;
 function normalizeSchema(schema) {
     const defaults = {
         interactionTests: true,
         linter: eslint_1.Linter.EsLint,
         js: false,
         tsConfiguration: true,
+        addPlugin: process.env.NX_ADD_PLUGINS !== 'false',
     };
     return {
         ...defaults,

package/src/generators/configuration/lib/ensure-dependencies.js

@@ -31,21 +31,15 @@ function ensureDependencies(tree, options) {
         dependencies['react-dom'] = versions_1.reactVersion;
     }
     if (options.uiFramework) {
-        if (options.uiFramework === '@storybook/react-native') {
-            devDependencies['@storybook/react-native'] = versions_1.storybookReactNativeVersion;
-        }
-        else {
-            devDependencies[options.uiFramework] = storybook7VersionToInstall;
-            const isPnpm = (0, devkit_1.detectPackageManager)(tree.root) === 'pnpm';
-            if (isPnpm) {
-                // If it's pnpm, it needs the framework without the builder
-                // as a dependency too (eg. @storybook/react)
-                const matchResult = options.uiFramework?.match(/^@storybook\/(\w+)/);
-                const uiFrameworkWithoutBuilder = matchResult ? matchResult[0] : null;
-                if (uiFrameworkWithoutBuilder) {
-                    devDependencies[uiFrameworkWithoutBuilder] =
-                        storybook7VersionToInstall;
-                }
+        devDependencies[options.uiFramework] = storybook7VersionToInstall;
+        const isPnpm = (0, devkit_1.detectPackageManager)(tree.root) === 'pnpm';
+        if (isPnpm) {
+            // If it's pnpm, it needs the framework without the builder
+            // as a dependency too (eg. @storybook/react)
+            const matchResult = options.uiFramework?.match(/^@storybook\/(\w+)/);
+            const uiFrameworkWithoutBuilder = matchResult ? matchResult[0] : null;
+            if (uiFrameworkWithoutBuilder) {
+                devDependencies[uiFrameworkWithoutBuilder] = storybook7VersionToInstall;
             }
         }
         if (options.uiFramework === '@storybook/vue3-vite') {
@@ -64,16 +58,6 @@ function ensureDependencies(tree, options) {
             options.uiFramework === '@storybook/web-components-webpack5') {
             devDependencies['lit'] = versions_1.litVersion;
         }
-        if (options.uiFramework === '@storybook/react-native') {
-            devDependencies['@storybook/addon-ondevice-actions'] =
-                versions_1.storybookReactNativeVersion;
-            devDependencies['@storybook/addon-ondevice-backgrounds'] =
-                versions_1.storybookReactNativeVersion;
-            devDependencies['@storybook/addon-ondevice-controls'] =
-                versions_1.storybookReactNativeVersion;
-            devDependencies['@storybook/addon-ondevice-notes'] =
-                versions_1.storybookReactNativeVersion;
-        }
         if (options.uiFramework.endsWith('-vite')) {
             if (!packageJson.dependencies['vite'] &&
                 !packageJson.devDependencies['vite']) {

package/src/generators/configuration/lib/util-functions.d.ts

@@ -19,7 +19,7 @@ export declare function updateLintConfig(tree: Tree, schema: StorybookConfigureS
 export declare function normalizeSchema(schema: StorybookConfigureSchema): StorybookConfigureSchema;
 export declare function addStorybookToNamedInputs(tree: Tree): void;
 export declare function addStorybookToTargetDefaults(tree: Tree): void;
-export declare function createProjectStorybookDir(tree: Tree, projectName: string, uiFramework: UiFramework, js: boolean, tsConfiguration: boolean, root: string, projectType: string, projectIsRootProjectInStandaloneWorkspace: boolean, interactionTests: boolean, mainDir?: string, isNextJs?: boolean, usesSwc?: boolean, usesVite?: boolean, viteConfigFilePath?: string, hasPlugin?: boolean, viteConfigFileName?: string): void;
+export declare function createProjectStorybookDir(tree: Tree, projectName: string, uiFramework: UiFramework, js: boolean, tsConfiguration: boolean, root: string, projectType: string, projectIsRootProjectInStandaloneWorkspace: boolean, interactionTests: boolean, mainDir?: string, isNextJs?: boolean, usesSwc?: boolean, usesVite?: boolean, viteConfigFilePath?: string, hasPlugin?: boolean, viteConfigFileName?: string, useReactNative?: boolean): void;
 export declare function getTsConfigPath(tree: Tree, projectName: string, path?: string): string;
 export declare function addBuildStorybookToCacheableOperations(tree: Tree): void;
 export declare function projectIsRootProjectInStandaloneWorkspace(projectRoot: string): boolean;
@@ -31,4 +31,5 @@ export declare function findViteConfig(tree: Tree, projectRoot: string): {
     viteConfigFileName: string | undefined;
 };
 export declare function findNextConfig(tree: Tree, projectRoot: string): string | undefined;
+export declare function findMetroConfig(tree: Tree, projectRoot: string): string | undefined;
 export declare function renameAndMoveOldTsConfig(projectRoot: string, pathToStorybookConfigFile: string, tree: Tree): void;

package/src/generators/configuration/lib/util-functions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renameAndMoveOldTsConfig = exports.findNextConfig = exports.findViteConfig = exports.getE2EProjectName = exports.rootFileIsTs = exports.workspaceHasRootProject = exports.projectIsRootProjectInStandaloneWorkspace = exports.addBuildStorybookToCacheableOperations = exports.getTsConfigPath = exports.createProjectStorybookDir = exports.addStorybookToTargetDefaults = exports.addStorybookToNamedInputs = exports.normalizeSchema = exports.updateLintConfig = exports.configureTsSolutionConfig = exports.configureTsProjectConfig = exports.editTsconfigBaseJson = exports.createStorybookTsconfigFile = exports.addStaticTarget = exports.addAngularStorybookTarget = exports.addStorybookTarget = void 0;
+exports.renameAndMoveOldTsConfig = exports.findMetroConfig = exports.findNextConfig = exports.findViteConfig = exports.getE2EProjectName = exports.rootFileIsTs = exports.workspaceHasRootProject = exports.projectIsRootProjectInStandaloneWorkspace = exports.addBuildStorybookToCacheableOperations = exports.getTsConfigPath = exports.createProjectStorybookDir = exports.addStorybookToTargetDefaults = exports.addStorybookToNamedInputs = exports.normalizeSchema = exports.updateLintConfig = exports.configureTsSolutionConfig = exports.configureTsProjectConfig = exports.editTsconfigBaseJson = exports.createStorybookTsconfigFile = exports.addStaticTarget = exports.addAngularStorybookTarget = exports.addStorybookTarget = void 0;
 const devkit_1 = require("@nx/devkit");
 const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
 const eslint_1 = require("@nx/eslint");
@@ -11,9 +11,6 @@ const eslint_file_1 = require("@nx/eslint/src/generators/utils/eslint-file");
 const flat_config_1 = require("@nx/eslint/src/utils/flat-config");
 const DEFAULT_PORT = 4400;
 function addStorybookTarget(tree, projectName, uiFramework, interactionTests) {
-    if (uiFramework === '@storybook/react-native') {
-        return;
-    }
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, projectName);
     projectConfig.targets['storybook'] = {
         executor: '@nx/storybook:storybook',
@@ -152,9 +149,6 @@ function createStorybookTsconfigFile(tree, projectRoot, uiFramework, isRootProje
         '.storybook/*.js',
         '.storybook/*.ts',
     ];
-    if (uiFramework === '@storybook/react-native') {
-        include.push('*.ts', '*.tsx');
-    }
     const storybookTsConfig = {
         extends: './tsconfig.json',
         compilerOptions: {
@@ -208,8 +202,7 @@ function configureTsProjectConfig(tree, schema) {
             ...(tsConfigContent.exclude || []),
             '**/*.stories.ts',
             '**/*.stories.js',
-            ...(schema.uiFramework === '@storybook/react-native' ||
-                schema.uiFramework?.startsWith('@storybook/react')
+            ...(schema.uiFramework?.startsWith('@storybook/react')
                 ? ['**/*.stories.jsx', '**/*.stories.tsx']
                 : []),
         ];
@@ -367,7 +360,7 @@ function addStorybookToTargetDefaults(tree) {
     (0, devkit_1.updateNxJson)(tree, nxJson);
 }
 exports.addStorybookToTargetDefaults = addStorybookToTargetDefaults;
-function createProjectStorybookDir(tree, projectName, uiFramework, js, tsConfiguration, root, projectType, projectIsRootProjectInStandaloneWorkspace, interactionTests, mainDir, isNextJs, usesSwc, usesVite, viteConfigFilePath, hasPlugin, viteConfigFileName) {
+function createProjectStorybookDir(tree, projectName, uiFramework, js, tsConfiguration, root, projectType, projectIsRootProjectInStandaloneWorkspace, interactionTests, mainDir, isNextJs, usesSwc, usesVite, viteConfigFilePath, hasPlugin, viteConfigFileName, useReactNative) {
     let projectDirectory = projectType === 'application'
         ? isNextJs
             ? 'components'
@@ -400,6 +393,7 @@ function createProjectStorybookDir(tree, projectName, uiFramework, js, tsConfigu
         viteConfigFilePath,
         hasPlugin,
         viteConfigFileName,
+        useReactNative,
     });
     if (js) {
         (0, devkit_1.toJS)(tree);
@@ -511,6 +505,13 @@ function findNextConfig(tree, projectRoot) {
     }
 }
 exports.findNextConfig = findNextConfig;
+function findMetroConfig(tree, projectRoot) {
+    const nextConfigPath = (0, devkit_1.joinPathFragments)(projectRoot, `metro.config.js`);
+    if (tree.exists(nextConfigPath)) {
+        return nextConfigPath;
+    }
+}
+exports.findMetroConfig = findMetroConfig;
 function renameAndMoveOldTsConfig(projectRoot, pathToStorybookConfigFile, tree) {
     if (pathToStorybookConfigFile && tree.exists(pathToStorybookConfigFile)) {
         (0, devkit_1.updateJson)(tree, pathToStorybookConfigFile, (json) => {

package/src/generators/configuration/project-files/.storybook/main.js__tmpl__

@@ -9,7 +9,7 @@ const config = {
     '../**/*.stories.@(js|jsx|ts|tsx|mdx)' <% } else { %>
     '../<%= projectDirectory %>/**/*.stories.@(js|jsx|ts|tsx|mdx)'
   <% } %>],
-  addons: ['@storybook/addon-essentials' <% if(interactionTests) { %>, '@storybook/addon-interactions' <% } %><% if(uiFramework === '@storybook/react-webpack5') { %>, '@nx/react/plugins/storybook' <% } %><% if(uiFramework === '@storybook/react-native') { %>, '@storybook/addon-ondevice-actions',  '@storybook/addon-ondevice-backgrounds', '@storybook/addon-ondevice-controls', '@storybook/addon-ondevice-notes'  <% } %>],
+  addons: ['@storybook/addon-essentials' <% if(interactionTests) { %>, '@storybook/addon-interactions' <% } %><% if(uiFramework === '@storybook/react-webpack5') { %>, '@nx/react/plugins/storybook' <% } %>],
   framework: {
     name: '<%= uiFramework %>',
     options: {
@@ -25,7 +25,22 @@ const config = {
       <% } %>
     },
   },
-  <% if (usesVite && !viteConfigFilePath) { %>
+  <% if (useReactNative && uiFramework === '@storybook/react-webpack5') { %>webpackFinal: async (config) => {
+    if (config.resolve) {
+      config.resolve.alias = {
+        ...config.resolve.alias,
+        'react-native$': 'react-native-web',
+      };
+      config.resolve.extensions = [
+        '.web.tsx',
+        '.web.ts',
+        '.web.jsx',
+        '.web.js',
+        ...(config.resolve.extensions ?? []),
+      ];
+    }
+    return config;
+  },<% } %><% if (usesVite && !viteConfigFilePath) { %>
   viteFinal: async (config) =>
     mergeConfig(config, {
       plugins: [nxViteTsPaths()],

package/src/generators/configuration/project-files-ts/.storybook/main.ts__tmpl__

@@ -10,7 +10,7 @@ const config: StorybookConfig = {
     '../**/*.stories.@(js|jsx|ts|tsx|mdx)' <% } else { %>
     '../<%= projectDirectory %>/**/*.stories.@(js|jsx|ts|tsx|mdx)'
   <% } %>],
-  addons: ['@storybook/addon-essentials' <% if(interactionTests) { %>, '@storybook/addon-interactions' <% } %><% if(uiFramework === '@storybook/react-webpack5') { %>, '@nx/react/plugins/storybook' <% } %><% if(uiFramework === '@storybook/react-native') { %>, '@storybook/addon-ondevice-actions',  '@storybook/addon-ondevice-backgrounds', '@storybook/addon-ondevice-controls', '@storybook/addon-ondevice-notes'  <% } %>],
+  addons: ['@storybook/addon-essentials' <% if(interactionTests) { %>, '@storybook/addon-interactions' <% } %><% if(uiFramework === '@storybook/react-webpack5') { %>, '@nx/react/plugins/storybook' <% } %>],
   framework: {
     name: '<%= uiFramework %>',
     options: {
@@ -25,7 +25,22 @@ const config: StorybookConfig = {
       <% } %>
     },
   },
-  <% if (usesVite && !viteConfigFilePath) { %>
+  <% if (useReactNative && uiFramework === '@storybook/react-webpack5') { %>webpackFinal: async (config) => {
+    if (config.resolve) {
+      config.resolve.alias = {
+        ...config.resolve.alias,
+        'react-native$': 'react-native-web',
+      };
+      config.resolve.extensions = [
+        '.web.tsx',
+        '.web.ts',
+        '.web.jsx',
+        '.web.js',
+        ...(config.resolve.extensions ?? []),
+      ];
+    }
+    return config;
+  },<% } %><% if (usesVite && !viteConfigFilePath) { %>
   viteFinal: async (config) =>
     mergeConfig(config, {
       plugins: [nxViteTsPaths()],

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

@@ -19,4 +19,5 @@ export interface StorybookConfigureSchema {
    * @deprecated Use interactionTests instead. This option will be removed in v19.
    */
   cypressDirectory?: string;
+  addPlugin?: boolean;
 }

package/src/generators/configuration/schema.json

@@ -63,13 +63,6 @@
       "description": "Add a static-storybook to serve the static storybook built files.",
       "default": false
     },
-    "bundler": {
-      "description": "The Storybook builder to use.",
-      "type": "string",
-      "enum": ["vite", "webpack"],
-      "default": "webpack",
-      "x-priority": "important"
-    },
     "uiFramework": {
       "type": "string",
       "description": "Storybook UI Framework to use.",

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

@@ -1,4 +1,5 @@
 import { GeneratorCallback, Tree } from '@nx/devkit';
 import { Schema } from './schema';
 export declare function initGenerator(tree: Tree, schema: Schema): Promise<GeneratorCallback>;
+export declare function initGeneratorInternal(tree: Tree, schema: Schema): Promise<GeneratorCallback>;
 export default initGenerator;

package/src/generators/init/init.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.initGenerator = void 0;
+exports.initGeneratorInternal = exports.initGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const update_package_scripts_1 = require("@nx/devkit/src/utils/update-package-scripts");
 const semver_1 = require("semver");
@@ -13,7 +13,7 @@ function checkDependenciesInstalled(host, schema) {
         '@nx/storybook': versions_1.nxVersion,
         '@nx/web': versions_1.nxVersion,
     };
-    if (process.env.NX_PCV3 === 'true') {
+    if (schema.addPlugin) {
         let storybook7VersionToInstall = versions_1.storybookVersion;
         if ((0, utilities_1.storybookMajorVersion)() >= 7 &&
             (0, utilities_1.getInstalledStorybookVersion)() &&
@@ -50,8 +50,13 @@ function moveToDevDependencies(tree) {
     });
     return updated ? () => (0, devkit_1.installPackagesTask)(tree) : () => { };
 }
-async function initGenerator(tree, schema) {
-    if (process.env.NX_PCV3 === 'true') {
+function initGenerator(tree, schema) {
+    return initGeneratorInternal(tree, { addPlugin: false, ...schema });
+}
+exports.initGenerator = initGenerator;
+async function initGeneratorInternal(tree, schema) {
+    schema.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
+    if (schema.addPlugin) {
         (0, utilities_1.addPlugin)(tree);
         (0, update_gitignore_1.updateGitignore)(tree);
     }
@@ -71,5 +76,5 @@ async function initGenerator(tree, schema) {
     }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.initGenerator = initGenerator;
+exports.initGeneratorInternal = initGeneratorInternal;
 exports.default = initGenerator;

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

@@ -3,4 +3,5 @@ export interface Schema {
   skipPackageJson?: boolean;
   keepExistingVersions?: boolean;
   updatePackageScripts?: boolean;
+  addPlugin?: boolean;
 }

package/src/plugins/plugin.js

@@ -86,7 +86,7 @@ function buildTarget(namedInputs, outputs, projectRoot, frameworkIsAngular, proj
                 configDir: `${(0, path_1.dirname)(configFilePath)}`,
                 browserTarget: `${projectName}:build-storybook`,
                 compodoc: false,
-                outputDir: (0, devkit_1.joinPathFragments)(projectRoot, 'static-storybook'),
+                outputDir: (0, devkit_1.joinPathFragments)(projectRoot, 'storybook-static'),
             },
             cache: true,
             outputs,
@@ -157,7 +157,7 @@ function serveStaticTarget(options, projectRoot) {
         executor: '@nx/web:file-server',
         options: {
             buildTarget: `${options.buildStorybookTargetName}`,
-            staticFilePath: (0, devkit_1.joinPathFragments)(projectRoot, 'static-storybook'),
+            staticFilePath: (0, devkit_1.joinPathFragments)(projectRoot, 'storybook-static'),
         },
     };
     return targetConfig;
@@ -192,8 +192,8 @@ function getStorybookConfig(configFilePath, context) {
     }
     return frameworkName;
 }
-function getOutputs(_projectRoot) {
-    const normalizedOutputPath = normalizeOutputPath(undefined, _projectRoot);
+function getOutputs(projectRoot) {
+    const normalizedOutputPath = normalizeOutputPath(projectRoot);
     const outputs = [
         normalizedOutputPath,
         `{options.output-dir}`,
@@ -202,12 +202,12 @@ function getOutputs(_projectRoot) {
     ];
     return outputs;
 }
-function normalizeOutputPath(outputPath, projectRoot) {
+function normalizeOutputPath(projectRoot) {
     if (projectRoot === '.') {
-        return `{projectRoot}/static-storybook`;
+        return `{projectRoot}/storybook-static`;
     }
     else {
-        return `{workspaceRoot}/{projectRoot}/static-storybook`;
+        return `{workspaceRoot}/{projectRoot}/storybook-static`;
     }
 }
 function normalizeOptions(options) {

package/src/utils/models.d.ts

@@ -1 +1 @@
-export type UiFramework = '@storybook/angular' | '@storybook/html-webpack5' | '@storybook/nextjs' | '@storybook/preact-webpack5' | '@storybook/react-webpack5' | '@storybook/react-vite' | '@storybook/server-webpack5' | '@storybook/svelte-webpack5' | '@storybook/svelte-vite' | '@storybook/sveltekit' | '@storybook/vue-webpack5' | '@storybook/vue-vite' | '@storybook/vue3-webpack5' | '@storybook/vue3-vite' | '@storybook/web-components-webpack5' | '@storybook/web-components-vite' | '@storybook/react-native';
+export type UiFramework = '@storybook/angular' | '@storybook/html-webpack5' | '@storybook/nextjs' | '@storybook/preact-webpack5' | '@storybook/react-webpack5' | '@storybook/react-vite' | '@storybook/server-webpack5' | '@storybook/svelte-webpack5' | '@storybook/svelte-vite' | '@storybook/sveltekit' | '@storybook/vue-webpack5' | '@storybook/vue-vite' | '@storybook/vue3-webpack5' | '@storybook/vue3-vite' | '@storybook/web-components-webpack5' | '@storybook/web-components-vite';

package/src/utils/utilities.js

@@ -93,9 +93,6 @@ function findStorybookAndBuildTargetsAndCompiler(targets) {
         '@nx/angular:webpack-browser',
         '@nx/esbuild:esbuild',
         '@nx/next:build',
-        '@nx/react-native:bundle',
-        '@nx/react-native:build-android',
-        '@nx/react-native:bundle',
         '@nrwl/js:babel',
         '@nrwl/js:swc',
         '@nrwl/js:tsc',
@@ -108,9 +105,6 @@ function findStorybookAndBuildTargetsAndCompiler(targets) {
         '@nrwl/angular:webpack-browser',
         '@nrwl/esbuild:esbuild',
         '@nrwl/next:build',
-        '@nrwl/react-native:bundle',
-        '@nrwl/react-native:build-android',
-        '@nrwl/react-native:bundle',
         '@nxext/vite:build',
         '@angular-devkit/build-angular:browser',
     ];

package/src/utils/versions.d.ts

@@ -1,6 +1,4 @@
 export declare const nxVersion: any;
-export declare const storybookReactNativeVersion = "^6.5.3";
-export declare const reactNativeStorybookLoader = "^2.0.5";
 export declare const storybookTestRunnerVersion = "^0.13.0";
 export declare const storybookTestingLibraryVersion = "^0.2.2";
 export declare const storybookJestVersion = "^0.2.3";

package/src/utils/versions.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.coreJsVersion = exports.viteVersion = exports.reactVersion = exports.storybookVersion = exports.tsLibVersion = exports.tsNodeVersion = exports.litVersion = exports.storybookJestVersion = exports.storybookTestingLibraryVersion = exports.storybookTestRunnerVersion = exports.reactNativeStorybookLoader = exports.storybookReactNativeVersion = exports.nxVersion = void 0;
+exports.coreJsVersion = exports.viteVersion = exports.reactVersion = exports.storybookVersion = exports.tsLibVersion = exports.tsNodeVersion = exports.litVersion = exports.storybookJestVersion = exports.storybookTestingLibraryVersion = exports.storybookTestRunnerVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
-exports.storybookReactNativeVersion = '^6.5.3';
-exports.reactNativeStorybookLoader = '^2.0.5';
 exports.storybookTestRunnerVersion = '^0.13.0';
 exports.storybookTestingLibraryVersion = '^0.2.2';
 exports.storybookJestVersion = '^0.2.3';