@nx/storybook 17.0.3 → 17.0.4

package/src/generators/init/init.js

@@ -1,89 +1,28 @@
 "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 js_1 = require("@nx/js");
-const versions_1 = require("../../utils/versions");
-const utilities_1 = require("../../utils/utilities");
+const update_package_scripts_1 = require("@nx/devkit/src/utils/update-package-scripts");
 const semver_1 = require("semver");
+const plugin_1 = require("../../plugins/plugin");
+const utilities_1 = require("../../utils/utilities");
+const versions_1 = require("../../utils/versions");
+const update_gitignore_1 = require("./lib/update-gitignore");
 function checkDependenciesInstalled(host, schema) {
-    const packageJson = (0, devkit_1.readJson)(host, 'package.json');
-    const devDependencies = {};
-    const dependencies = {};
-    packageJson.dependencies = packageJson.dependencies || {};
-    packageJson.devDependencices = packageJson.devDependencices || {};
-    // base deps
-    devDependencies['@nx/storybook'] = versions_1.nxVersion;
-    let storybook7VersionToInstall = versions_1.storybookVersion;
-    if ((0, utilities_1.storybookMajorVersion)() === 7 &&
-        (0, utilities_1.getInstalledStorybookVersion)() &&
-        (0, semver_1.gte)((0, utilities_1.getInstalledStorybookVersion)(), '7.0.0')) {
-        storybook7VersionToInstall = (0, utilities_1.getInstalledStorybookVersion)();
-    }
-    // Needed for Storybook 7
-    // https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#react-peer-dependencies-required
-    if (!packageJson.dependencies['react'] &&
-        !packageJson.devDependencies['react']) {
-        dependencies['react'] = versions_1.reactVersion;
-    }
-    if (!packageJson.dependencies['react-dom'] &&
-        !packageJson.devDependencies['react-dom']) {
-        dependencies['react-dom'] = versions_1.reactVersion;
-    }
-    devDependencies['@storybook/core-server'] = storybook7VersionToInstall;
-    devDependencies['@storybook/addon-essentials'] = storybook7VersionToInstall;
-    if (schema.uiFramework) {
-        if (schema.uiFramework === '@storybook/react-native') {
-            devDependencies['@storybook/react-native'] = versions_1.storybookReactNativeVersion;
-        }
-        else {
-            devDependencies[schema.uiFramework] = storybook7VersionToInstall;
-            const isPnpm = (0, devkit_1.detectPackageManager)(host.root) === 'pnpm';
-            if (isPnpm) {
-                // If it's pnpm, it needs the framework without the builder
-                // as a dependency too (eg. @storybook/react)
-                const matchResult = schema.uiFramework?.match(/^@storybook\/(\w+)/);
-                const uiFrameworkWithoutBuilder = matchResult ? matchResult[0] : null;
-                if (uiFrameworkWithoutBuilder) {
-                    devDependencies[uiFrameworkWithoutBuilder] =
-                        storybook7VersionToInstall;
-                }
-            }
-        }
-        if (schema.uiFramework === '@storybook/vue3-vite') {
-            if (!packageJson.dependencies['@storybook/vue3'] &&
-                !packageJson.devDependencies['@storybook/vue3']) {
-                devDependencies['@storybook/vue3'] = storybook7VersionToInstall;
-            }
-        }
-        if (schema.uiFramework === '@storybook/angular') {
-            if (!packageJson.dependencies['@angular/forms'] &&
-                !packageJson.devDependencies['@angular/forms']) {
-                devDependencies['@angular/forms'] = '*';
-            }
-        }
-        if (schema.uiFramework === '@storybook/web-components-vite' ||
-            schema.uiFramework === '@storybook/web-components-webpack5') {
-            devDependencies['lit'] = versions_1.litVersion;
-        }
-        if (schema.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 (schema.uiFramework.endsWith('-vite')) {
-            if (!packageJson.dependencies['vite'] &&
-                !packageJson.devDependencies['vite']) {
-                devDependencies['vite'] = versions_1.viteVersion;
-            }
+    const devDependencies = {
+        '@nx/storybook': versions_1.nxVersion,
+        '@nx/web': versions_1.nxVersion,
+    };
+    if (schema.addPlugin) {
+        let storybook7VersionToInstall = versions_1.storybookVersion;
+        if ((0, utilities_1.storybookMajorVersion)() >= 7 &&
+            (0, utilities_1.getInstalledStorybookVersion)() &&
+            (0, semver_1.gte)((0, utilities_1.getInstalledStorybookVersion)(), '7.0.0')) {
+            storybook7VersionToInstall = (0, utilities_1.getInstalledStorybookVersion)();
         }
+        devDependencies['storybook'] = storybook7VersionToInstall;
     }
-    return (0, devkit_1.addDependenciesToPackageJson)(host, dependencies, devDependencies);
+    return (0, devkit_1.addDependenciesToPackageJson)(host, {}, devDependencies, undefined, schema.keepExistingVersions);
 }
 function addCacheableOperation(tree) {
     const nxJson = (0, devkit_1.readNxJson)(tree);
@@ -97,6 +36,7 @@ function addCacheableOperation(tree) {
     (0, devkit_1.updateNxJson)(tree, nxJson);
 }
 function moveToDevDependencies(tree) {
+    let updated = false;
     (0, devkit_1.updateJson)(tree, 'package.json', (packageJson) => {
         packageJson.dependencies = packageJson.dependencies || {};
         packageJson.devDependencies = packageJson.devDependencies || {};
@@ -104,50 +44,40 @@ function moveToDevDependencies(tree) {
             packageJson.devDependencies['@nx/storybook'] =
                 packageJson.dependencies['@nx/storybook'];
             delete packageJson.dependencies['@nx/storybook'];
+            updated = true;
         }
         return packageJson;
     });
+    return updated ? () => (0, devkit_1.installPackagesTask)(tree) : () => { };
 }
-/**
- * This is a temporary fix for Storybook to support TypeScript configuration files.
- * The issue is that if there is a root tsconfig.json file, Storybook will use it, and
- * ignore the tsconfig.json file in the .storybook folder. This results in module being set
- * to esnext, and Storybook does not recognise the main.ts code as a module.
- */
-function editRootTsConfig(tree) {
-    if (tree.exists('tsconfig.json')) {
-        (0, devkit_1.updateJson)(tree, 'tsconfig.json', (json) => {
-            if (json['ts-node']) {
-                json['ts-node'] = {
-                    ...json['ts-node'],
-                    compilerOptions: {
-                        ...(json['ts-node'].compilerOptions ?? {}),
-                        module: 'commonjs',
-                    },
-                };
-            }
-            else {
-                json['ts-node'] = {
-                    compilerOptions: {
-                        module: 'commonjs',
-                    },
-                };
-            }
-            return json;
-        });
-    }
+function initGenerator(tree, schema) {
+    return initGeneratorInternal(tree, { addPlugin: false, ...schema });
 }
-async function initGenerator(tree, schema) {
+exports.initGenerator = initGenerator;
+async function initGeneratorInternal(tree, schema) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&
+        nxJson.useInferencePlugins !== false;
+    schema.addPlugin ??= addPluginDefault;
+    if (schema.addPlugin) {
+        (0, utilities_1.addPlugin)(tree);
+        (0, update_gitignore_1.updateGitignore)(tree);
+    }
+    else {
+        addCacheableOperation(tree);
+    }
     const tasks = [];
-    tasks.push(await (0, js_1.initGenerator)(tree, {
-        ...schema,
-        skipFormat: true,
-    }));
-    tasks.push(checkDependenciesInstalled(tree, schema));
-    moveToDevDependencies(tree);
-    editRootTsConfig(tree);
-    addCacheableOperation(tree);
+    if (!schema.skipPackageJson) {
+        tasks.push(moveToDevDependencies(tree));
+        tasks.push(checkDependenciesInstalled(tree, schema));
+    }
+    if (schema.updatePackageScripts) {
+        await (0, update_package_scripts_1.updatePackageScripts)(tree, plugin_1.createNodes);
+    }
+    if (!schema.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.initGenerator = initGenerator;
+exports.initGeneratorInternal = initGeneratorInternal;
 exports.default = initGenerator;

package/src/generators/init/lib/update-gitignore.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nx/devkit';
+export declare function updateGitignore(tree: Tree): void;

package/src/generators/init/lib/update-gitignore.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateGitignore = void 0;
+function updateGitignore(tree) {
+    if (!tree.exists('.gitignore')) {
+        return;
+    }
+    const gitignore = tree.read('.gitignore', 'utf-8');
+    const regex = /storybook-static/gm;
+    const hasStorybookStatic = regex.test(gitignore ?? '');
+    if (hasStorybookStatic) {
+        return;
+    }
+    tree.write('.gitignore', `${gitignore}\n\nstorybook-static`);
+}
+exports.updateGitignore = updateGitignore;

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

@@ -1,6 +1,7 @@
-import { UiFramework } from '../../utils/models';
-
 export interface Schema {
-  uiFramework: UiFramework;
-  js?: boolean;
+  skipFormat?: boolean;
+  skipPackageJson?: boolean;
+  keepExistingVersions?: boolean;
+  updatePackageScripts?: boolean;
+  addPlugin?: boolean;
 }

package/src/generators/init/schema.json

@@ -5,41 +5,26 @@
   "$id": "init-storybook-plugin",
   "type": "object",
   "properties": {
-    "uiFramework": {
-      "type": "string",
-      "description": "Storybook UI Framework to use.",
-      "enum": [
-        "@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",
-        "@storybook/html",
-        "@storybook/web-components",
-        "@storybook/vue",
-        "@storybook/vue3",
-        "@storybook/svelte",
-        "@storybook/react-native"
-      ],
-      "x-prompt": "What UI framework plugin should storybook use?",
-      "x-priority": "important",
-      "aliases": ["storybook7UiFramework"]
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false
+    },
+    "skipPackageJson": {
+      "description": "Do not add dependencies to `package.json`.",
+      "type": "boolean",
+      "default": false
+    },
+    "keepExistingVersions": {
+      "type": "boolean",
+      "x-priority": "internal",
+      "description": "Keep existing dependencies versions",
+      "default": false
     },
-    "js": {
+    "updatePackageScripts": {
       "type": "boolean",
-      "description": "Generate JavaScript story files rather than TypeScript story files.",
+      "x-priority": "internal",
+      "description": "Update `package.json` scripts with inferred targets",
       "default": false
     }
   }

package/src/migrations/update-16-5-0/move-storybook-tsconfig.js

@@ -14,6 +14,7 @@ async function default_1(tree) {
         (0, util_functions_1.renameAndMoveOldTsConfig)(projectRoot, pathToStorybookConfigFile, tree);
     });
     (0, util_functions_1.addStorybookToNamedInputs)(tree);
+    (0, util_functions_1.addStorybookToTargetDefaults)(tree, false);
     await (0, devkit_1.formatFiles)(tree);
 }
 exports.default = default_1;

package/src/plugins/plugin.d.ts

@@ -0,0 +1,9 @@
+import { CreateDependencies, CreateNodes } from '@nx/devkit';
+export interface StorybookPluginOptions {
+    buildStorybookTargetName?: string;
+    serveStorybookTargetName?: string;
+    staticStorybookTargetName?: string;
+    testStorybookTargetName?: string;
+}
+export declare const createDependencies: CreateDependencies;
+export declare const createNodes: CreateNodes<StorybookPluginOptions>;

package/src/plugins/plugin.js

@@ -0,0 +1,232 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNodes = exports.createDependencies = void 0;
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+const get_named_inputs_1 = require("@nx/devkit/src/utils/get-named-inputs");
+const fs_1 = require("fs");
+const calculate_hash_for_create_nodes_1 = require("@nx/devkit/src/utils/calculate-hash-for-create-nodes");
+const cache_directory_1 = require("nx/src/utils/cache-directory");
+const js_1 = require("@nx/js");
+const tsquery_1 = require("@phenomnomnominal/tsquery");
+const cachePath = (0, path_1.join)(cache_directory_1.projectGraphCacheDirectory, 'storybook.hash');
+const targetsCache = (0, fs_1.existsSync)(cachePath) ? readTargetsCache() : {};
+const calculatedTargets = {};
+function readTargetsCache() {
+    return (0, devkit_1.readJsonFile)(cachePath);
+}
+function writeTargetsToCache(targets) {
+    (0, devkit_1.writeJsonFile)(cachePath, targets);
+}
+const createDependencies = () => {
+    writeTargetsToCache(calculatedTargets);
+    return [];
+};
+exports.createDependencies = createDependencies;
+exports.createNodes = [
+    '**/.storybook/main.{js,ts,mjs,mts,cjs,cts}',
+    (configFilePath, options, context) => {
+        let projectRoot = '';
+        if (configFilePath.includes('/.storybook')) {
+            projectRoot = (0, path_1.dirname)(configFilePath).replace('/.storybook', '');
+        }
+        else {
+            projectRoot = (0, path_1.dirname)(configFilePath).replace('.storybook', '');
+        }
+        if (projectRoot === '') {
+            projectRoot = '.';
+        }
+        // Do not create a project if package.json and project.json isn't there.
+        const siblingFiles = (0, fs_1.readdirSync)((0, path_1.join)(context.workspaceRoot, projectRoot));
+        if (!siblingFiles.includes('package.json') &&
+            !siblingFiles.includes('project.json')) {
+            return {};
+        }
+        options = normalizeOptions(options);
+        const hash = (0, calculate_hash_for_create_nodes_1.calculateHashForCreateNodes)(projectRoot, options, context, [
+            (0, js_1.getLockFileName)((0, devkit_1.detectPackageManager)(context.workspaceRoot)),
+        ]);
+        const projectName = buildProjectName(projectRoot, context.workspaceRoot);
+        const targets = targetsCache[hash]
+            ? targetsCache[hash]
+            : buildStorybookTargets(configFilePath, projectRoot, options, context, projectName);
+        calculatedTargets[hash] = targets;
+        const result = {
+            projects: {
+                [projectRoot]: {
+                    root: projectRoot,
+                    targets,
+                },
+            },
+        };
+        return result;
+    },
+];
+function buildStorybookTargets(configFilePath, projectRoot, options, context, projectName) {
+    const buildOutputs = getOutputs(projectRoot);
+    const namedInputs = (0, get_named_inputs_1.getNamedInputs)(projectRoot, context);
+    const storybookFramework = getStorybookFramework(configFilePath, context);
+    const frameworkIsAngular = storybookFramework === "'@storybook/angular'";
+    if (frameworkIsAngular && !projectName) {
+        throw new Error(`Could not find a name for the project at '${projectRoot}'. Please make sure that the project has a package.json or project.json file with name specified.`);
+    }
+    const targets = {};
+    targets[options.buildStorybookTargetName] = buildTarget(namedInputs, buildOutputs, projectRoot, frameworkIsAngular, projectName, configFilePath);
+    targets[options.serveStorybookTargetName] = serveTarget(projectRoot, frameworkIsAngular, projectName, configFilePath);
+    targets[options.testStorybookTargetName] = testTarget(projectRoot);
+    targets[options.staticStorybookTargetName] = serveStaticTarget(options, projectRoot);
+    return targets;
+}
+function buildTarget(namedInputs, outputs, projectRoot, frameworkIsAngular, projectName, configFilePath) {
+    let targetConfig;
+    if (frameworkIsAngular) {
+        targetConfig = {
+            executor: '@storybook/angular:build-storybook',
+            options: {
+                configDir: `${(0, path_1.dirname)(configFilePath)}`,
+                browserTarget: `${projectName}:build-storybook`,
+                compodoc: false,
+                outputDir: (0, devkit_1.joinPathFragments)(projectRoot, 'storybook-static'),
+            },
+            cache: true,
+            outputs,
+            inputs: [
+                ...('production' in namedInputs
+                    ? ['production', '^production']
+                    : ['default', '^default']),
+                {
+                    externalDependencies: [
+                        'storybook',
+                        '@storybook/angular',
+                        '@storybook/test-runner',
+                    ],
+                },
+            ],
+        };
+    }
+    else {
+        targetConfig = {
+            command: `storybook build`,
+            options: { cwd: projectRoot },
+            cache: true,
+            outputs,
+            inputs: [
+                ...('production' in namedInputs
+                    ? ['production', '^production']
+                    : ['default', '^default']),
+                {
+                    externalDependencies: ['storybook', '@storybook/test-runner'],
+                },
+            ],
+        };
+    }
+    return targetConfig;
+}
+function serveTarget(projectRoot, frameworkIsAngular, projectName, configFilePath) {
+    if (frameworkIsAngular) {
+        return {
+            executor: '@storybook/angular:start-storybook',
+            options: {
+                configDir: `${(0, path_1.dirname)(configFilePath)}`,
+                browserTarget: `${projectName}:build-storybook`,
+                compodoc: false,
+            },
+        };
+    }
+    else {
+        return {
+            command: `storybook dev`,
+            options: { cwd: projectRoot },
+        };
+    }
+}
+function testTarget(projectRoot) {
+    const targetConfig = {
+        command: `test-storybook`,
+        options: { cwd: projectRoot },
+        inputs: [
+            {
+                externalDependencies: ['storybook', '@storybook/test-runner'],
+            },
+        ],
+    };
+    return targetConfig;
+}
+function serveStaticTarget(options, projectRoot) {
+    const targetConfig = {
+        executor: '@nx/web:file-server',
+        options: {
+            buildTarget: `${options.buildStorybookTargetName}`,
+            staticFilePath: (0, devkit_1.joinPathFragments)(projectRoot, 'storybook-static'),
+        },
+    };
+    return targetConfig;
+}
+function getStorybookFramework(configFilePath, context) {
+    const resolvedPath = (0, path_1.join)(context.workspaceRoot, configFilePath);
+    const mainTsJs = (0, fs_1.readFileSync)(resolvedPath, 'utf-8');
+    const importDeclarations = tsquery_1.tsquery.query(mainTsJs, 'ImportDeclaration:has(ImportSpecifier:has([text="StorybookConfig"]))')?.[0];
+    if (!importDeclarations) {
+        return parseFrameworkName(mainTsJs);
+    }
+    const storybookConfigImportPackage = tsquery_1.tsquery.query(importDeclarations, 'StringLiteral')?.[0];
+    if (storybookConfigImportPackage?.getText() === `'@storybook/core-common'`) {
+        return parseFrameworkName(mainTsJs);
+    }
+    return storybookConfigImportPackage?.getText();
+}
+function parseFrameworkName(mainTsJs) {
+    const frameworkPropertyAssignment = tsquery_1.tsquery.query(mainTsJs, `PropertyAssignment:has(Identifier:has([text="framework"]))`)?.[0];
+    if (!frameworkPropertyAssignment) {
+        return undefined;
+    }
+    const propertyAssignments = tsquery_1.tsquery.query(frameworkPropertyAssignment, `PropertyAssignment:has(Identifier:has([text="name"]))`);
+    const namePropertyAssignment = propertyAssignments?.find((expression) => {
+        return expression.getText().startsWith('name');
+    });
+    if (!namePropertyAssignment) {
+        const storybookConfigImportPackage = tsquery_1.tsquery.query(frameworkPropertyAssignment, 'StringLiteral')?.[0];
+        return storybookConfigImportPackage?.getText();
+    }
+    return tsquery_1.tsquery.query(namePropertyAssignment, `StringLiteral`)?.[0]?.getText();
+}
+function getOutputs(projectRoot) {
+    const normalizedOutputPath = normalizeOutputPath(projectRoot);
+    const outputs = [
+        normalizedOutputPath,
+        `{options.output-dir}`,
+        `{options.outputDir}`,
+        `{options.o}`,
+    ];
+    return outputs;
+}
+function normalizeOutputPath(projectRoot) {
+    if (projectRoot === '.') {
+        return `{projectRoot}/storybook-static`;
+    }
+    else {
+        return `{workspaceRoot}/{projectRoot}/storybook-static`;
+    }
+}
+function normalizeOptions(options) {
+    options ??= {};
+    options.buildStorybookTargetName = 'build-storybook';
+    options.serveStorybookTargetName = 'storybook';
+    options.testStorybookTargetName = 'test-storybook';
+    options.staticStorybookTargetName = 'static-storybook';
+    return options;
+}
+function buildProjectName(projectRoot, workspaceRoot) {
+    const packageJsonPath = (0, path_1.join)(workspaceRoot, projectRoot, 'package.json');
+    const projectJsonPath = (0, path_1.join)(workspaceRoot, projectRoot, 'project.json');
+    let name;
+    if ((0, fs_1.existsSync)(projectJsonPath)) {
+        const projectJson = (0, devkit_1.parseJson)((0, fs_1.readFileSync)(projectJsonPath, 'utf-8'));
+        name = projectJson.name;
+    }
+    else if ((0, fs_1.existsSync)(packageJsonPath)) {
+        const packageJson = (0, devkit_1.parseJson)((0, fs_1.readFileSync)(packageJsonPath, 'utf-8'));
+        name = packageJson.name;
+    }
+    return name;
+}

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.d.ts

@@ -40,3 +40,4 @@ export declare function findStorybookAndBuildTargetsAndCompiler(targets: {
 export declare function isTheFileAStory(tree: Tree, path: string): boolean;
 export declare function getTsSourceFile(host: Tree, path: string): ts.SourceFile;
 export declare function pleaseUpgrade(): string;
+export declare function addPlugin(tree: Tree): void;

package/src/utils/utilities.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pleaseUpgrade = exports.getTsSourceFile = exports.isTheFileAStory = exports.findStorybookAndBuildTargetsAndCompiler = exports.dedupe = exports.storybookConfigExistsCheck = exports.safeFileDelete = exports.getInstalledStorybookVersion = exports.storybookMajorVersion = exports.Constants = void 0;
+exports.addPlugin = exports.pleaseUpgrade = exports.getTsSourceFile = exports.isTheFileAStory = exports.findStorybookAndBuildTargetsAndCompiler = exports.dedupe = exports.storybookConfigExistsCheck = exports.safeFileDelete = exports.getInstalledStorybookVersion = exports.storybookMajorVersion = exports.Constants = void 0;
+const devkit_1 = require("@nx/devkit");
 const fs_1 = require("fs");
 const js_1 = require("@nx/js");
 const ts = require("typescript");
@@ -92,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',
@@ -107,15 +105,17 @@ 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:application',
         '@angular-devkit/build-angular:browser',
+        '@angular-devkit/build-angular:browser-esbuild',
     ];
     for (const target in targets) {
         if (arrayOfBuilders.includes(targets[target].executor)) {
-            if (targets[target].executor === '@angular-devkit/build-angular:browser') {
+            if (targets[target].executor === '@angular-devkit/build-angular:browser' ||
+                targets[target].executor ===
+                    '@angular-devkit/build-angular:browser-esbuild' ||
+                targets[target].executor === '@angular-devkit/build-angular:application') {
                 /**
                  * Not looking for '@nx/angular:ng-packagr-lite' or any other
                  * @nx/angular:* executors.
@@ -222,3 +222,25 @@ function pleaseUpgrade() {
     `;
 }
 exports.pleaseUpgrade = pleaseUpgrade;
+function addPlugin(tree) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    nxJson.plugins ??= [];
+    for (const plugin of nxJson.plugins) {
+        if (typeof plugin === 'string'
+            ? plugin === '@nx/storybook/plugin'
+            : plugin.plugin === '@nx/storybook/plugin') {
+            return;
+        }
+    }
+    nxJson.plugins.push({
+        plugin: '@nx/storybook/plugin',
+        options: {
+            buildStorybookTargetName: 'build-storybook',
+            serveStorybookTargetName: 'storybook',
+            testStorybookTargetName: 'test-storybook',
+            staticStorybookTargetName: 'static-storybook',
+        },
+    });
+    (0, devkit_1.updateNxJson)(tree, nxJson);
+}
+exports.addPlugin = addPlugin;

package/src/utils/versions.d.ts

@@ -1,12 +1,11 @@
 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.0";
-export declare const storybookJestVersion = "~0.1.0";
+export declare const storybookTestingLibraryVersion = "^0.2.2";
+export declare const storybookJestVersion = "^0.2.3";
 export declare const litVersion = "^2.6.1";
 export declare const tsNodeVersion = "10.9.1";
-export declare const storybookVersion = "^7.5.1";
+export declare const tsLibVersion = "^2.3.0";
+export declare const storybookVersion = "^7.5.3";
 export declare const reactVersion = "^18.2.0";
-export declare const viteVersion = "~4.3.9";
-export declare const coreJsVersion = "^3.6.5";
+export declare const viteVersion = "~5.0.0";
+export declare const coreJsVersion = "^3.36.1";