@nx/storybook 16.0.0-beta.1

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

@@ -0,0 +1,359 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getViteConfigFilePath = exports.getE2EProjectName = exports.rootFileIsTs = exports.workspaceHasRootProject = exports.projectIsRootProjectInStandaloneWorkspace = exports.addBuildStorybookToCacheableOperations = exports.getTsConfigPath = exports.createProjectStorybookDir = exports.addStorybookToNamedInputs = exports.normalizeSchema = exports.updateLintConfig = exports.configureTsSolutionConfig = exports.configureTsProjectConfig = exports.addStaticTarget = exports.addAngularStorybookTask = exports.addStorybookTask = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
+const linter_1 = require("@nx/linter");
+const path_1 = require("path");
+const utilities_1 = require("../../../utils/utilities");
+const versions_1 = require("../../../utils/versions");
+const DEFAULT_PORT = 4400;
+function addStorybookTask(tree, projectName, uiFramework, configureTestRunner, usesV7) {
+    if (uiFramework === '@storybook/react-native') {
+        return;
+    }
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    projectConfig.targets['storybook'] = {
+        executor: '@nrwl/storybook:storybook',
+        options: {
+            port: DEFAULT_PORT,
+            configDir: `${projectConfig.root}/.storybook`,
+        },
+        configurations: {
+            ci: {
+                quiet: true,
+            },
+        },
+    };
+    projectConfig.targets['build-storybook'] = {
+        executor: '@nrwl/storybook:build',
+        outputs: ['{options.outputDir}'],
+        options: {
+            outputDir: (0, devkit_1.joinPathFragments)('dist/storybook', projectName),
+            configDir: `${projectConfig.root}/.storybook`,
+        },
+        configurations: {
+            ci: {
+                quiet: true,
+            },
+        },
+    };
+    if (!usesV7) {
+        projectConfig.targets['storybook'].options.uiFramework = uiFramework;
+        projectConfig.targets['build-storybook'].options.uiFramework = uiFramework;
+    }
+    if (configureTestRunner === true) {
+        projectConfig.targets['test-storybook'] = {
+            executor: 'nx:run-commands',
+            options: {
+                command: `test-storybook -c ${projectConfig.root}/.storybook --url=http://localhost:${DEFAULT_PORT}`,
+            },
+        };
+    }
+    (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfig);
+}
+exports.addStorybookTask = addStorybookTask;
+function addAngularStorybookTask(tree, projectName, configureTestRunner) {
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    const { ngBuildTarget } = (0, utilities_1.findStorybookAndBuildTargetsAndCompiler)(projectConfig.targets);
+    projectConfig.targets['storybook'] = {
+        executor: '@storybook/angular:start-storybook',
+        options: {
+            port: 4400,
+            configDir: `${projectConfig.root}/.storybook`,
+            browserTarget: `${projectName}:${ngBuildTarget ? 'build' : 'build-storybook'}`,
+            compodoc: false,
+        },
+        configurations: {
+            ci: {
+                quiet: true,
+            },
+        },
+    };
+    projectConfig.targets['build-storybook'] = {
+        executor: '@storybook/angular:build-storybook',
+        outputs: ['{options.outputDir}'],
+        options: {
+            outputDir: (0, devkit_1.joinPathFragments)('dist/storybook', projectName),
+            configDir: `${projectConfig.root}/.storybook`,
+            browserTarget: `${projectName}:${ngBuildTarget ? 'build' : 'build-storybook'}`,
+            compodoc: false,
+        },
+        configurations: {
+            ci: {
+                quiet: true,
+            },
+        },
+    };
+    if (configureTestRunner === true) {
+        projectConfig.targets['test-storybook'] = {
+            executor: 'nx:run-commands',
+            options: {
+                command: `test-storybook -c ${projectConfig.root}/.storybook --url=http://localhost:${DEFAULT_PORT}`,
+            },
+        };
+    }
+    (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfig);
+}
+exports.addAngularStorybookTask = addAngularStorybookTask;
+function addStaticTarget(tree, opts) {
+    const nrwlWeb = (0, devkit_1.ensurePackage)('@nx/web', versions_1.nxVersion);
+    nrwlWeb.webStaticServeGenerator(tree, {
+        buildTarget: `${opts.name}:build-storybook`,
+        outputPath: (0, devkit_1.joinPathFragments)('dist/storybook', opts.name),
+        targetName: 'static-storybook',
+    });
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, opts.name);
+    projectConfig.targets['static-storybook'].configurations = {
+        ci: {
+            buildTarget: `${opts.name}:build-storybook:ci`,
+        },
+    };
+    (0, devkit_1.updateProjectConfiguration)(tree, opts.name, projectConfig);
+}
+exports.addStaticTarget = addStaticTarget;
+function configureTsProjectConfig(tree, schema) {
+    var _a, _b, _c;
+    const { name: projectName } = schema;
+    let tsConfigPath;
+    let tsConfigContent;
+    try {
+        tsConfigPath = getTsConfigPath(tree, projectName);
+        tsConfigContent = (0, devkit_1.readJson)(tree, tsConfigPath);
+    }
+    catch (_d) {
+        /**
+         * Custom app configurations
+         * may contain a tsconfig.json
+         * instead of a tsconfig.app.json.
+         */
+        tsConfigPath = getTsConfigPath(tree, projectName, 'tsconfig.json');
+        tsConfigContent = (0, devkit_1.readJson)(tree, tsConfigPath);
+    }
+    if (!((_a = tsConfigContent === null || tsConfigContent === void 0 ? void 0 : tsConfigContent.exclude) === null || _a === void 0 ? void 0 : _a.includes('**/*.stories.ts')) &&
+        !((_b = tsConfigContent === null || tsConfigContent === void 0 ? void 0 : tsConfigContent.exclude) === null || _b === void 0 ? void 0 : _b.includes('**/*.stories.js'))) {
+        tsConfigContent.exclude = [
+            ...(tsConfigContent.exclude || []),
+            '**/*.stories.ts',
+            '**/*.stories.js',
+            ...(schema.uiFramework === '@storybook/react' ||
+                schema.uiFramework === '@storybook/react-native' ||
+                ((_c = schema.storybook7UiFramework) === null || _c === void 0 ? void 0 : _c.startsWith('@storybook/react'))
+                ? ['**/*.stories.jsx', '**/*.stories.tsx']
+                : []),
+        ];
+    }
+    (0, devkit_1.writeJson)(tree, tsConfigPath, tsConfigContent);
+}
+exports.configureTsProjectConfig = configureTsProjectConfig;
+function configureTsSolutionConfig(tree, schema) {
+    var _a, _b;
+    const { name: projectName } = schema;
+    const { root } = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    const tsConfigPath = (0, path_1.join)(root, 'tsconfig.json');
+    const tsConfigContent = (0, devkit_1.readJson)(tree, tsConfigPath);
+    if (!((_b = (_a = tsConfigContent.references) === null || _a === void 0 ? void 0 : _a.map((reference) => reference.path)) === null || _b === void 0 ? void 0 : _b.includes('./.storybook/tsconfig.json'))) {
+        tsConfigContent.references = [
+            ...(tsConfigContent.references || []),
+            {
+                path: './.storybook/tsconfig.json',
+            },
+        ];
+    }
+    (0, devkit_1.writeJson)(tree, tsConfigPath, tsConfigContent);
+}
+exports.configureTsSolutionConfig = configureTsSolutionConfig;
+/**
+ * When adding storybook we need to inform TSLint or ESLint
+ * of the additional tsconfig.json file which will be the only tsconfig
+ * which includes *.stories files.
+ *
+ * For TSLint this is done via the builder config, for ESLint this is
+ * done within the .eslintrc.json file.
+ */
+function updateLintConfig(tree, schema) {
+    const { name: projectName } = schema;
+    const { targets, root } = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    const tslintTargets = Object.values(targets).filter((target) => target.executor === '@angular-devkit/build-angular:tslint');
+    tslintTargets.forEach((target) => {
+        target.options.tsConfig = (0, utilities_1.dedupe)([
+            ...target.options.tsConfig,
+            (0, devkit_1.joinPathFragments)(root, './.storybook/tsconfig.json'),
+        ]);
+    });
+    if (tree.exists((0, path_1.join)(root, '.eslintrc.json'))) {
+        (0, devkit_1.updateJson)(tree, (0, path_1.join)(root, '.eslintrc.json'), (json) => {
+            var _a, _b, _c, _d;
+            if (typeof ((_a = json.parserOptions) === null || _a === void 0 ? void 0 : _a.project) === 'string') {
+                json.parserOptions.project = [json.parserOptions.project];
+            }
+            if (Array.isArray((_b = json.parserOptions) === null || _b === void 0 ? void 0 : _b.project)) {
+                json.parserOptions.project = (0, utilities_1.dedupe)([
+                    ...json.parserOptions.project,
+                    (0, path_1.join)(root, '.storybook/tsconfig.json'),
+                ]);
+            }
+            const overrides = json.overrides || [];
+            for (const o of overrides) {
+                if (typeof ((_c = o.parserOptions) === null || _c === void 0 ? void 0 : _c.project) === 'string') {
+                    o.parserOptions.project = [o.parserOptions.project];
+                }
+                if (Array.isArray((_d = o.parserOptions) === null || _d === void 0 ? void 0 : _d.project)) {
+                    o.parserOptions.project = (0, utilities_1.dedupe)([
+                        ...o.parserOptions.project,
+                        (0, path_1.join)(root, '.storybook/tsconfig.json'),
+                    ]);
+                }
+            }
+            return json;
+        });
+    }
+}
+exports.updateLintConfig = updateLintConfig;
+function normalizeSchema(schema) {
+    const defaults = {
+        configureCypress: true,
+        linter: linter_1.Linter.EsLint,
+        js: false,
+    };
+    return Object.assign(Object.assign({}, defaults), schema);
+}
+exports.normalizeSchema = normalizeSchema;
+function addStorybookToNamedInputs(tree) {
+    var _a, _b, _c, _d;
+    var _e, _f;
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    if (nxJson.namedInputs) {
+        const hasProductionFileset = !!((_a = nxJson.namedInputs) === null || _a === void 0 ? void 0 : _a.production);
+        if (hasProductionFileset) {
+            if (!nxJson.namedInputs.production.includes('!{projectRoot}/**/*.stories.@(js|jsx|ts|tsx|mdx)')) {
+                nxJson.namedInputs.production.push('!{projectRoot}/**/*.stories.@(js|jsx|ts|tsx|mdx)');
+            }
+            if (!nxJson.namedInputs.production.includes('!{projectRoot}/.storybook/**/*')) {
+                nxJson.namedInputs.production.push('!{projectRoot}/.storybook/**/*');
+            }
+        }
+        (_b = nxJson.targetDefaults) !== null && _b !== void 0 ? _b : (nxJson.targetDefaults = {});
+        (_c = (_e = nxJson.targetDefaults)['build-storybook']) !== null && _c !== void 0 ? _c : (_e['build-storybook'] = {});
+        (_d = (_f = nxJson.targetDefaults['build-storybook']).inputs) !== null && _d !== void 0 ? _d : (_f.inputs = [
+            'default',
+            hasProductionFileset ? '^production' : '^default',
+        ]);
+        if (!nxJson.targetDefaults['build-storybook'].inputs.includes('!{projectRoot}/.storybook/**/*')) {
+            nxJson.targetDefaults['build-storybook'].inputs.push('!{projectRoot}/.storybook/**/*');
+        }
+        (0, devkit_1.updateNxJson)(tree, nxJson);
+    }
+}
+exports.addStorybookToNamedInputs = addStorybookToNamedInputs;
+function createProjectStorybookDir(tree, projectName, uiFramework, js, tsConfiguration, root, projectType, projectIsRootProjectInStandaloneWorkspace, isNextJs, usesSwc, usesVite, usesV7, viteConfigFilePath) {
+    const projectDirectory = projectType === 'application'
+        ? isNextJs
+            ? 'components'
+            : 'src/app'
+        : 'src/lib';
+    const storybookConfigExists = projectIsRootProjectInStandaloneWorkspace
+        ? tree.exists('.storybook/main.js') || tree.exists('.storybook/main.ts')
+        : tree.exists((0, path_1.join)(root, '.storybook/main.ts')) ||
+            tree.exists((0, path_1.join)(root, '.storybook/main.js'));
+    if (storybookConfigExists) {
+        devkit_1.logger.warn(`Storybook configuration files already exist for ${projectName}!`);
+        return;
+    }
+    devkit_1.logger.debug(`adding .storybook folder to your ${projectType}`);
+    const templatePath = (0, path_1.join)(__dirname, `../project-files${usesV7 ? '-7' : ''}${tsConfiguration ? '-ts' : ''}`);
+    (0, devkit_1.generateFiles)(tree, templatePath, root, {
+        tmpl: '',
+        uiFramework,
+        offsetFromRoot: (0, devkit_1.offsetFromRoot)(root),
+        projectDirectory,
+        projectType,
+        mainDir: isNextJs && projectType === 'application' ? 'components' : 'src',
+        isNextJs: isNextJs && projectType === 'application',
+        usesSwc,
+        usesVite,
+        isRootProject: projectIsRootProjectInStandaloneWorkspace,
+        viteConfigFilePath,
+    });
+    if (js) {
+        (0, devkit_1.toJS)(tree);
+    }
+}
+exports.createProjectStorybookDir = createProjectStorybookDir;
+function getTsConfigPath(tree, projectName, path) {
+    const { root, projectType } = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    return (0, path_1.join)(root, path && path.length > 0
+        ? path
+        : projectType === 'application'
+            ? 'tsconfig.app.json'
+            : 'tsconfig.lib.json');
+}
+exports.getTsConfigPath = getTsConfigPath;
+function addBuildStorybookToCacheableOperations(tree) {
+    (0, devkit_1.updateJson)(tree, 'nx.json', (json) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        return (Object.assign(Object.assign({}, json), { tasksRunnerOptions: Object.assign(Object.assign({}, ((_a = json.tasksRunnerOptions) !== null && _a !== void 0 ? _a : {})), { default: Object.assign(Object.assign({}, ((_c = (_b = json.tasksRunnerOptions) === null || _b === void 0 ? void 0 : _b.default) !== null && _c !== void 0 ? _c : {})), { options: Object.assign(Object.assign({}, ((_f = (_e = (_d = json.tasksRunnerOptions) === null || _d === void 0 ? void 0 : _d.default) === null || _e === void 0 ? void 0 : _e.options) !== null && _f !== void 0 ? _f : {})), { cacheableOperations: Array.from(new Set([
+                            ...((_k = (_j = (_h = (_g = json.tasksRunnerOptions) === null || _g === void 0 ? void 0 : _g.default) === null || _h === void 0 ? void 0 : _h.options) === null || _j === void 0 ? void 0 : _j.cacheableOperations) !== null && _k !== void 0 ? _k : []),
+                            'build-storybook',
+                        ])) }) }) }) }));
+    });
+}
+exports.addBuildStorybookToCacheableOperations = addBuildStorybookToCacheableOperations;
+function projectIsRootProjectInStandaloneWorkspace(projectRoot) {
+    return (0, path_1.relative)(devkit_1.workspaceRoot, projectRoot).length === 0;
+}
+exports.projectIsRootProjectInStandaloneWorkspace = projectIsRootProjectInStandaloneWorkspace;
+function workspaceHasRootProject(tree) {
+    return tree.exists('project.json');
+}
+exports.workspaceHasRootProject = workspaceHasRootProject;
+function rootFileIsTs(tree, rootFileName, tsConfiguration) {
+    if (tree.exists(`.storybook/${rootFileName}.ts`) && !tsConfiguration) {
+        devkit_1.logger.info(`The root Storybook configuration is in TypeScript, 
+      so Nx will generate TypeScript Storybook configuration files 
+      in this project's .storybook folder as well.`);
+        return true;
+    }
+    else if (tree.exists(`.storybook/${rootFileName}.js`) && tsConfiguration) {
+        devkit_1.logger.info(`The root Storybook configuration is in JavaScript, 
+        so Nx will generate JavaScript Storybook configuration files 
+        in this project's .storybook folder as well.`);
+        return false;
+    }
+    else {
+        return tsConfiguration;
+    }
+}
+exports.rootFileIsTs = rootFileIsTs;
+function getE2EProjectName(tree, mainProject) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        let e2eProject;
+        const graph = yield (0, devkit_1.createProjectGraphAsync)();
+        (0, executor_options_utils_1.forEachExecutorOptions)(tree, '@nrwl/cypress:cypress', (options, projectName) => {
+            if (e2eProject) {
+                return;
+            }
+            if (options['devServerTarget']) {
+                const { project, target } = (0, devkit_1.parseTargetString)(options['devServerTarget'], graph);
+                if ((project === mainProject && target === 'serve') ||
+                    (project === mainProject && target === 'storybook')) {
+                    e2eProject = projectName;
+                }
+            }
+        });
+        return e2eProject;
+    });
+}
+exports.getE2EProjectName = getE2EProjectName;
+function getViteConfigFilePath(tree, projectRoot, configFile) {
+    return configFile && tree.exists(configFile)
+        ? configFile
+        : tree.exists((0, devkit_1.joinPathFragments)(`${projectRoot}/vite.config.ts`))
+            ? (0, devkit_1.joinPathFragments)(`${projectRoot}/vite.config.ts`)
+            : tree.exists((0, devkit_1.joinPathFragments)(`${projectRoot}/vite.config.js`))
+                ? (0, devkit_1.joinPathFragments)(`${projectRoot}/vite.config.js`)
+                : undefined;
+}
+exports.getViteConfigFilePath = getViteConfigFilePath;
+//# sourceMappingURL=util-functions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util-functions.js","sourceRoot":"","sources":["../../../../../../../packages/storybook/src/generators/configuration/lib/util-functions.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,46 @@
+<% if (usesVite){ %>const { mergeConfig } = require('vite');<% } %>
+<% if (usesVite){ %>const viteTsConfigPaths = require('vite-tsconfig-paths').default;<% } %>
+<% if (isNextJs){ %>const path = require('path');<% } %>
+
+module.exports = {
+  core: { builder: <% if (!usesVite) { %>'webpack5'<% } %><% if (usesVite) { %>'@storybook/builder-vite'<% } %> },
+  stories: [
+    <% if(uiFramework === '@storybook/angular' && projectType === 'library') { %>
+    '../**/*.stories.mdx',
+    '../**/*.stories.@(js|jsx|ts|tsx)' <% } else { %>
+    '../<%= projectDirectory %>/**/*.stories.mdx',
+    '../<%= projectDirectory %>/**/*.stories.@(js|jsx|ts|tsx)'
+  <% } %>],
+  addons: ['@storybook/addon-essentials' <% if(uiFramework === '@storybook/react' && !usesVite) { %>, '@nrwl/react/plugins/storybook' <% } %><% if(uiFramework === '@storybook/react-native') { %>, '@storybook/addon-ondevice-actions',  '@storybook/addon-ondevice-backgrounds', '@storybook/addon-ondevice-controls', '@storybook/addon-ondevice-notes'  <% } %>
+    <% if(usesSwc && !isNextJs) { %>, 'storybook-addon-swc' <% } %>
+    <% if(isNextJs) { %>, 'storybook-addon-swc', 
+        {
+      name: 'storybook-addon-next',
+      options: {
+        nextConfigPath: path.resolve(__dirname, '../next.config.js'),
+      },
+    }
+     <% } %>
+  ]<% if (usesVite) { %>,
+  async viteFinal(config, { configType }) {
+    return mergeConfig(config, {
+      plugins: [
+        viteTsConfigPaths({
+          root: '<%= offsetFromRoot %>../',
+        }),
+      ],
+    });
+  },<% } %>
+};
+
+<% if(!usesVite) { %>
+// To customize your webpack configuration you can use the webpackFinal field.
+// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs
+<% } %>
+
+<% if(usesVite) { %>
+// To customize your Vite configuration you can use the viteFinal field. 
+// Check https://storybook.js.org/docs/react/builders/vite#configuration
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs
+<% } %>

package/src/generators/configuration/project-files/.storybook/tsconfig.json__tmpl__

@@ -0,0 +1,26 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "emitDecoratorMetadata": true
+    <% if(uiFramework === '@storybook/react') { %>, "outDir": "" <% } %>
+  },
+  <% if(uiFramework === '@storybook/react') { %>"files": [
+    "<% if(!isRootProject) { %><%= offsetFromRoot %><% } %>../node_modules/@nrwl/react/typings/styled-jsx.d.ts",
+    "<% if(!isRootProject) { %><%= offsetFromRoot %><% } %>../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "<% if(!isRootProject) { %><%= offsetFromRoot %><% } %>../node_modules/@nrwl/react/typings/image.d.ts"
+  ],<% } %>
+  "exclude": ["../**/*.spec.ts" <% if(uiFramework === '@storybook/react') { %>, "../**/*.spec.js", "../**/*.spec.tsx", "../**/*.spec.jsx"<% } %>],
+  "include": [<% if(uiFramework === '@storybook/angular' && projectType === 'library') { %>
+    "../src/**/*.stories.ts",
+    "../src/**/*.stories.js",
+    "../src/**/*.stories.jsx",
+    "../src/**/*.stories.tsx",
+    "../src/**/*.stories.mdx",
+    "*.js"<% } else { %>
+    "../<%= mainDir %>/**/*.stories.ts",
+    "../<%= mainDir %>/**/*.stories.js",
+    "../<%= mainDir %>/**/*.stories.jsx",
+    "../<%= mainDir %>/**/*.stories.tsx",
+    "../<%= mainDir %>/**/*.stories.mdx",
+    "*.js"<% if(uiFramework === '@storybook/react-native') { %>, "*.ts", "*.tsx"<% } %><% } %>]
+}

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

@@ -0,0 +1,34 @@
+const config = {
+  stories: [
+    <% if(uiFramework === '@storybook/angular' && projectType === 'library') { %>
+    '../**/*.stories.@(js|jsx|ts|tsx|mdx)' <% } else { %>
+    '../<%= projectDirectory %>/**/*.stories.@(js|jsx|ts|tsx|mdx)'
+  <% } %>],
+  addons: ['@storybook/addon-essentials' <% if(uiFramework === '@storybook/react-webpack5') { %>, '@nrwl/react/plugins/storybook' <% } %><% if(uiFramework === '@storybook/react-native') { %>, '@storybook/addon-ondevice-actions',  '@storybook/addon-ondevice-backgrounds', '@storybook/addon-ondevice-controls', '@storybook/addon-ondevice-notes'  <% } %>
+    <% if(usesSwc) { %>, 'storybook-addon-swc' <% } %>
+  ],
+  framework: {
+    name: '<%= uiFramework %>',
+    options: {
+      <% if (usesVite) { %>
+      builder: {
+        viteConfigPath: '<%= viteConfigFilePath %>',
+      },
+      <% } %>
+    },
+  },
+};
+
+export default config;
+
+<% if(!usesVite) { %>
+// To customize your webpack configuration you can use the webpackFinal field.
+// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs
+<% } %>
+
+<% if(usesVite) { %>
+// To customize your Vite configuration you can use the viteFinal field. 
+// Check https://storybook.js.org/docs/react/builders/vite#configuration
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs
+<% } %>

package/src/generators/configuration/project-files-7/.storybook/tsconfig.json__tmpl__

@@ -0,0 +1,26 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "emitDecoratorMetadata": true
+    <% if(uiFramework === '@storybook/react-webpack5' || uiFramework === '@storybook/react-vite') { %>, "outDir": "" <% } %>
+  },
+  <% if(uiFramework === '@storybook/react-webpack5' || uiFramework === '@storybook/react-vite') { %>"files": [
+    "<% if(!isRootProject) { %><%= offsetFromRoot %><% } %>../node_modules/@nrwl/react/typings/styled-jsx.d.ts",
+    "<% if(!isRootProject) { %><%= offsetFromRoot %><% } %>../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "<% if(!isRootProject) { %><%= offsetFromRoot %><% } %>../node_modules/@nrwl/react/typings/image.d.ts"
+  ],<% } %>
+  "exclude": ["../**/*.spec.ts" <% if(uiFramework === '@storybook/react-webpack5' || uiFramework === '@storybook/react-vite') { %>, "../**/*.spec.js", "../**/*.spec.tsx", "../**/*.spec.jsx"<% } %>],
+  "include": [<% if(uiFramework === '@storybook/angular' && projectType === 'library') { %>
+    "../src/**/*.stories.ts",
+    "../src/**/*.stories.js",
+    "../src/**/*.stories.jsx",
+    "../src/**/*.stories.tsx",
+    "../src/**/*.stories.mdx",
+    "*.js"<% } else { %>
+    "../<%= mainDir %>/**/*.stories.ts",
+    "../<%= mainDir %>/**/*.stories.js",
+    "../<%= mainDir %>/**/*.stories.jsx",
+    "../<%= mainDir %>/**/*.stories.tsx",
+    "../<%= mainDir %>/**/*.stories.mdx",
+    "*.js"<% if(uiFramework === '@storybook/react-native') { %>, "*.ts", "*.tsx"<% } %><% } %>]
+}

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

@@ -0,0 +1,36 @@
+import type { StorybookConfig } from '<%= uiFramework %>';
+
+const config: StorybookConfig = {
+  stories: [
+    <% if(uiFramework === '@storybook/angular' && projectType === 'library') { %>
+    '../**/*.stories.@(js|jsx|ts|tsx|mdx)' <% } else { %>
+    '../<%= projectDirectory %>/**/*.stories.@(js|jsx|ts|tsx|mdx)'
+  <% } %>],
+  addons: ['@storybook/addon-essentials' <% if(uiFramework === '@storybook/react-webpack5') { %>, '@nrwl/react/plugins/storybook' <% } %><% if(uiFramework === '@storybook/react-native') { %>, '@storybook/addon-ondevice-actions',  '@storybook/addon-ondevice-backgrounds', '@storybook/addon-ondevice-controls', '@storybook/addon-ondevice-notes'  <% } %>
+    <% if(usesSwc) { %>, 'storybook-addon-swc' <% } %>
+  ],
+  framework: {
+    name: '<%= uiFramework %>',
+    options: {
+      <% if (usesVite) { %>
+      builder: {
+        viteConfigPath: '<%= viteConfigFilePath %>',
+      },
+      <% } %>
+    },
+  },
+};
+
+export default config;
+
+<% if(!usesVite) { %>
+// To customize your webpack configuration you can use the webpackFinal field.
+// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs
+<% } %>
+
+<% if(usesVite) { %>
+// To customize your Vite configuration you can use the viteFinal field. 
+// Check https://storybook.js.org/docs/react/builders/vite#configuration
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs
+<% } %>

package/src/generators/configuration/project-files-7-ts/.storybook/tsconfig.json__tmpl__

@@ -0,0 +1,28 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "emitDecoratorMetadata": true
+    <% if(uiFramework === '@storybook/react-webpack5' || uiFramework === '@storybook/react-vite') { %>, "outDir": "" <% } %>
+  },
+  <% if(uiFramework === '@storybook/react-webpack5' || uiFramework === '@storybook/react-vite') { %>"files": [
+    "<% if(!isRootProject) { %><%= offsetFromRoot %><% } %>../node_modules/@nrwl/react/typings/styled-jsx.d.ts",
+    "<% if(!isRootProject) { %><%= offsetFromRoot %><% } %>../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "<% if(!isRootProject) { %><%= offsetFromRoot %><% } %>../node_modules/@nrwl/react/typings/image.d.ts"
+  ],<% } %>
+  "exclude": ["../**/*.spec.ts" <% if(uiFramework === '@storybook/react-webpack5' || uiFramework === '@storybook/react-vite') { %>, "../**/*.spec.js", "../**/*.spec.tsx", "../**/*.spec.jsx"<% } %>],
+  "include": [<% if(uiFramework === '@storybook/angular' && projectType === 'library') { %>
+    "../src/**/*.stories.ts",
+    "../src/**/*.stories.js",
+    "../src/**/*.stories.jsx",
+    "../src/**/*.stories.tsx",
+    "../src/**/*.stories.mdx",
+    "*.ts",
+    "*.js"<% } else { %>
+    "../<%= mainDir %>/**/*.stories.ts",
+    "../<%= mainDir %>/**/*.stories.js",
+    "../<%= mainDir %>/**/*.stories.jsx",
+    "../<%= mainDir %>/**/*.stories.tsx",
+    "../<%= mainDir %>/**/*.stories.mdx",
+    "*.ts",
+    "*.js"<% if(uiFramework === '@storybook/react-native') { %>, "*.tsx"<% } %><% } %>]
+}

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

@@ -0,0 +1,49 @@
+import type { StorybookConfig } from '@storybook/core-common';
+<% if (isNextJs){ %>import path from 'path';<% } %>
+<% if (usesVite){ %>import { mergeConfig } from 'vite';<% } %>
+<% if (usesVite){ %>import viteTsConfigPaths from 'vite-tsconfig-paths';<% } %>
+
+const config: StorybookConfig = {
+  core: { builder: <% if (!usesVite) { %>'webpack5'<% } %><% if (usesVite) { %>'@storybook/builder-vite'<% } %> },
+  stories: [
+    <% if(uiFramework === '@storybook/angular' && projectType === 'library') { %>
+    '../**/*.stories.mdx',
+    '../**/*.stories.@(js|jsx|ts|tsx)' <% } else { %>
+    '../<%= projectDirectory %>/**/*.stories.mdx',
+    '../<%= projectDirectory %>/**/*.stories.@(js|jsx|ts|tsx)'
+  <% } %>],
+  addons: ['@storybook/addon-essentials' <% if(uiFramework === '@storybook/react' && !usesVite) { %>, '@nrwl/react/plugins/storybook' <% } %><% if(uiFramework === '@storybook/react-native') { %>, '@storybook/addon-ondevice-actions',  '@storybook/addon-ondevice-backgrounds', '@storybook/addon-ondevice-controls', '@storybook/addon-ondevice-notes'  <% } %>
+    <% if(usesSwc && !isNextJs) { %>, 'storybook-addon-swc' <% } %>
+    <% if(isNextJs) { %>, 'storybook-addon-swc', 
+        {
+      name: 'storybook-addon-next',
+      options: {
+        nextConfigPath: path.resolve(__dirname, '../next.config.js'),
+      },
+    }
+     <% } %>
+  ]<% if (usesVite) { %>,
+  async viteFinal(config: any) {
+    return mergeConfig(config, {
+      plugins: [
+        viteTsConfigPaths({
+          root: '<%= offsetFromRoot %>../',
+        }),
+      ],
+    });
+  },<% } %>
+}<% if (usesVite) { %> as StorybookConfig<% } %>;
+
+module.exports = config;
+
+<% if(!usesVite) { %>
+// To customize your webpack configuration you can use the webpackFinal field.
+// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs
+<% } %>
+
+<% if(usesVite) { %>
+// To customize your Vite configuration you can use the viteFinal field. 
+// Check https://storybook.js.org/docs/react/builders/vite#configuration
+// and https://nx.dev/packages/storybook/documents/custom-builder-configs
+<% } %>