@nx/storybook 16.10.0 → 17.0.0-beta.2

package/src/executors/utils.js

@@ -1,132 +0,0 @@
-"use strict";
-// TODO(katerina): Remove Nx17 - DELETE whole file
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.builderIsWebpackButNotWebpack5 = exports.runStorybookSetupCheck = exports.getStorybookFrameworkPath = void 0;
-const devkit_1 = require("@nx/devkit");
-const js_1 = require("@nx/js");
-const fs_1 = require("fs");
-const path_1 = require("path");
-const semver_1 = require("semver");
-const ts = require("typescript");
-function getStorybookFrameworkPath(uiFramework) {
-    const serverOptionsPaths = {
-        '@storybook/react': '@storybook/react/dist/cjs/server/options',
-        '@storybook/html': '@storybook/html/dist/cjs/server/options',
-        '@storybook/vue': '@storybook/vue/dist/cjs/server/options',
-        '@storybook/vue3': '@storybook/vue3/dist/cjs/server/options',
-        '@storybook/web-components': '@storybook/web-components/dist/cjs/server/options',
-        '@storybook/svelte': '@storybook/svelte/dist/cjs/server/options',
-    };
-    if (isStorybookV62onwards(uiFramework)) {
-        return serverOptionsPaths[uiFramework];
-    }
-    else {
-        return `${uiFramework}/dist/server/options`;
-    }
-}
-exports.getStorybookFrameworkPath = getStorybookFrameworkPath;
-function isStorybookV62onwards(uiFramework) {
-    try {
-        const storybookPackageVersion = require((0, path_1.join)(uiFramework, 'package.json')).version;
-        return (0, semver_1.gte)(storybookPackageVersion, '6.2.0-rc.4');
-    }
-    catch (e) {
-        try {
-            const storybookPackageVersion = require((0, path_1.join)('@storybook/core-server', 'package.json')).version;
-            return (0, semver_1.gte)(storybookPackageVersion, '6.2.0-rc.4');
-        }
-        catch (e) {
-            throw new Error(`Error: ${e}
-
-        It looks like you don\'t have Storybook installed.
-        Please run the @nx/storybook:configuration generator,
-        or run "npm/yarn" again to install your dependencies.`);
-        }
-    }
-}
-function runStorybookSetupCheck(options) {
-    webpackFinalPropertyCheck(options);
-    reactWebpack5Check(options);
-}
-exports.runStorybookSetupCheck = runStorybookSetupCheck;
-function reactWebpack5Check(options) {
-    if (options.uiFramework === '@storybook/react') {
-        const source = mainJsTsFileContent(options.configDir);
-        const rootSource = mainJsTsFileContent('.storybook');
-        // check whether the current Storybook configuration has the webpack 5 builder enabled
-        if (builderIsWebpackButNotWebpack5(source) &&
-            builderIsWebpackButNotWebpack5(rootSource)) {
-            devkit_1.logger.warn(`
-      It looks like you use Webpack 5 but your Storybook setup is not configured to leverage that
-      and thus falls back to Webpack 4.
-      Make sure you upgrade your Storybook config to use Webpack 5.
-
-        - https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324#upgrade
-
-      `);
-        }
-    }
-}
-function mainJsTsFileContent(configFolder) {
-    let storybookConfigFilePath = (0, devkit_1.joinPathFragments)(configFolder, 'main.js');
-    if (!(0, fs_1.existsSync)(storybookConfigFilePath)) {
-        storybookConfigFilePath = (0, devkit_1.joinPathFragments)(configFolder, 'main.ts');
-    }
-    if (!(0, fs_1.existsSync)(storybookConfigFilePath)) {
-        // looks like there's no main config file, so skip
-        return;
-    }
-    const storybookConfig = (0, fs_1.readFileSync)(storybookConfigFilePath, {
-        encoding: 'utf8',
-    });
-    return ts.createSourceFile(storybookConfigFilePath, storybookConfig, ts.ScriptTarget.Latest, true);
-}
-function webpackFinalPropertyCheck(options) {
-    let placesToCheck = [
-        {
-            path: (0, devkit_1.joinPathFragments)('.storybook', 'webpack.config.js'),
-            result: false,
-        },
-        {
-            path: (0, devkit_1.joinPathFragments)(options.configDir, 'webpack.config.js'),
-            result: false,
-        },
-    ];
-    placesToCheck = placesToCheck
-        .map((entry) => {
-        return {
-            ...entry,
-            result: (0, fs_1.existsSync)(entry.path),
-        };
-    })
-        .filter((x) => x.result === true);
-    if (placesToCheck.length > 0) {
-        devkit_1.logger.warn(`
-  You have a webpack.config.js files in your Storybook configuration:
-  ${placesToCheck.map((x) => `- "${x.path}"`).join('\n  ')}
-
-  Consider switching to the "webpackFinal" property declared in "main.js" (or "main.ts") instead.
-  ${options.uiFramework === '@storybook/react'
-            ? 'https://nx.dev/storybook/migrate-webpack-final-react'
-            : 'https://nx.dev/storybook/migrate-webpack-final-angular'}
-    `);
-    }
-}
-function builderIsWebpackButNotWebpack5(storybookConfig) {
-    const importArray = (0, js_1.findNodes)(storybookConfig, [
-        ts.SyntaxKind.PropertyAssignment,
-    ]);
-    let builderIsWebpackNot5 = false;
-    importArray.forEach((parent) => {
-        const identifier = (0, js_1.findNodes)(parent, ts.SyntaxKind.Identifier);
-        const sbBuilder = (0, js_1.findNodes)(parent, ts.SyntaxKind.StringLiteral);
-        const builderText = sbBuilder?.[0]?.getText() ?? '';
-        if (identifier?.[0]?.getText() === 'builder' &&
-            builderText.includes('webpack') &&
-            !builderText.includes('webpack5')) {
-            builderIsWebpackNot5 = true;
-        }
-    });
-    return builderIsWebpackNot5;
-}
-exports.builderIsWebpackButNotWebpack5 = builderIsWebpackButNotWebpack5;

package/src/migrations/update-13-4-6/set-project-build-config.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export default function setProjectBuildConfig(tree: Tree): Promise<void>;

package/src/migrations/update-13-4-6/set-project-build-config.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-const utilities_1 = require("../../utils/utilities");
-async function setProjectBuildConfig(tree) {
-    let changesMade = false;
-    const projects = (0, devkit_1.getProjects)(tree);
-    [...projects.entries()].forEach(([projectName, projectConfiguration]) => {
-        if (!projectConfiguration.targets) {
-            return;
-        }
-        const { storybookBuildTarget, storybookTarget, ngBuildTarget } = (0, utilities_1.findStorybookAndBuildTargetsAndCompiler)(projectConfiguration.targets);
-        if (projectName &&
-            storybookTarget &&
-            projectConfiguration?.targets?.[storybookTarget]?.options?.uiFramework ===
-                '@storybook/angular') {
-            if (ngBuildTarget) {
-                if (!projectConfiguration.targets[storybookTarget].options
-                    .projectBuildConfig) {
-                    projectConfiguration.targets[storybookTarget].options.projectBuildConfig = projectName;
-                    changesMade = true;
-                }
-                if (storybookBuildTarget &&
-                    !projectConfiguration.targets[storybookBuildTarget].options
-                        .projectBuildConfig) {
-                    projectConfiguration.targets[storybookBuildTarget].options.projectBuildConfig = projectName;
-                    changesMade = true;
-                }
-            }
-            else {
-                if (storybookBuildTarget) {
-                    if (!projectConfiguration.targets[storybookTarget].options
-                        .projectBuildConfig) {
-                        projectConfiguration.targets[storybookTarget].options.projectBuildConfig = `${projectName}:${storybookBuildTarget}`;
-                        changesMade = true;
-                    }
-                    if (!projectConfiguration.targets[storybookBuildTarget].options
-                        .projectBuildConfig) {
-                        projectConfiguration.targets[storybookBuildTarget].options.projectBuildConfig = `${projectName}:${storybookBuildTarget}`;
-                        changesMade = true;
-                    }
-                }
-                else {
-                    devkit_1.logger.warn(`Could not find a build target for ${projectName}.`);
-                }
-            }
-            if (changesMade) {
-                (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfiguration);
-            }
-        }
-    });
-    if (changesMade) {
-        await (0, devkit_1.formatFiles)(tree);
-    }
-}
-exports.default = setProjectBuildConfig;

package/src/migrations/update-14-0-0/migrate-defaults-5-to-6/migrate-defaults-5-to-6.d.ts

@@ -1,6 +0,0 @@
-import { GeneratorCallback, Tree } from '@nx/devkit';
-import { StorybookConfigureSchema } from '../../../generators/configuration/schema';
-export declare function migrateDefaultsGenerator(tree: Tree): GeneratorCallback;
-export declare function migrateAllStorybookInstances(tree: Tree): void;
-export declare function migrateStorybookInstance(tree: Tree, projectName: string, uiFramework: StorybookConfigureSchema['uiFramework'], configFolder?: string): void;
-export declare function moveDirectory(tree: Tree, from: string, to: string): void;

package/src/migrations/update-14-0-0/migrate-defaults-5-to-6/migrate-defaults-5-to-6.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.moveDirectory = exports.migrateStorybookInstance = exports.migrateAllStorybookInstances = exports.migrateDefaultsGenerator = void 0;
-const devkit_1 = require("@nx/devkit");
-const semver_1 = require("semver");
-const semver_2 = require("@nx/devkit/src/utils/semver");
-const versions_1 = require("../../../utils/versions");
-const util_functions_1 = require("../../../generators/configuration/lib/util-functions");
-const utilities_1 = require("../../../utils/utilities");
-function migrateDefaultsGenerator(tree) {
-    migrateAllStorybookInstances(tree);
-    return upgradeStorybookPackagesInPackageJson(tree);
-}
-exports.migrateDefaultsGenerator = migrateDefaultsGenerator;
-function migrateAllStorybookInstances(tree) {
-    devkit_1.logger.debug('adding .storybook folder to project');
-    const projects = (0, devkit_1.getProjects)(tree);
-    const projectsThatHaveStorybookConfiguration = [...projects.entries()]
-        .filter(([_, projectConfig]) => projectConfig?.targets?.storybook &&
-        projectConfig?.targets?.storybook?.executor !==
-            '@nrwl/react-native:storybook')
-        .map(([projectName, projectConfig]) => {
-        return {
-            name: projectName,
-            uiFramework: projectConfig?.targets?.storybook?.options?.uiFramework,
-            configFolder: projectConfig?.targets?.storybook?.options?.config?.configFolder ??
-                '',
-        };
-    });
-    for (const projectWithStorybook of projectsThatHaveStorybookConfiguration) {
-        migrateStorybookInstance(tree, projectWithStorybook.name, projectWithStorybook.uiFramework, projectWithStorybook.configFolder);
-    }
-}
-exports.migrateAllStorybookInstances = migrateAllStorybookInstances;
-function migrateStorybookInstance(tree, projectName, uiFramework, configFolder) {
-    migrateProjectLevelStorybookInstance(tree, projectName, uiFramework, configFolder);
-}
-exports.migrateStorybookInstance = migrateStorybookInstance;
-function maybeUpdateVersion(tree) {
-    let needsInstall = false;
-    (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
-        const ignoredStorybookPackages = [
-            '@storybook/builder-vite',
-            '@storybook/jest',
-            '@storybook/react-native',
-            '@storybook/storybook-deployer',
-            '@storybook/test-runner',
-            '@storybook/testing-library',
-            '@storybook/testing-angular',
-            '@storybook/testing-react',
-            '@storybook/testing-vue',
-            '@storybook/testing-vue3',
-            '@storybook/addon-notes',
-            '@storybook/addon-postcss',
-        ];
-        json.dependencies = json.dependencies || {};
-        json.devDependencies = json.devDependencies || {};
-        const allStorybookPackagesInDependencies = Object.keys(json.dependencies).filter((packageName) => packageName.startsWith('@storybook/') &&
-            !ignoredStorybookPackages.includes(packageName));
-        const allStorybookPackagesInDevDependencies = Object.keys(json.devDependencies).filter((packageName) => packageName.startsWith('@storybook/') &&
-            !ignoredStorybookPackages.includes(packageName));
-        const storybookPackages = [
-            ...allStorybookPackagesInDependencies,
-            ...allStorybookPackagesInDevDependencies,
-        ];
-        storybookPackages.forEach((storybookPackageName) => {
-            if (json.dependencies[storybookPackageName]) {
-                const version = (0, semver_2.checkAndCleanWithSemver)(storybookPackageName, json.dependencies[storybookPackageName]);
-                if ((0, semver_1.lte)(version, '6.0.0')) {
-                    json.dependencies[storybookPackageName] = versions_1.storybookVersion;
-                    needsInstall = true;
-                }
-            }
-            if (json.devDependencies[storybookPackageName]) {
-                const version = (0, semver_2.checkAndCleanWithSemver)(storybookPackageName, json.devDependencies[storybookPackageName]);
-                if ((0, semver_1.lte)(version, '6.0.0')) {
-                    json.devDependencies[storybookPackageName] = versions_1.storybookVersion;
-                    needsInstall = true;
-                }
-            }
-        });
-        return json;
-    });
-    if (needsInstall) {
-        return () => (0, devkit_1.installPackagesTask)(tree);
-    }
-}
-function upgradeStorybookPackagesInPackageJson(tree) {
-    /**
-     * Should upgrade all @storybook/* packages in package.json
-     */
-    return maybeUpdateVersion(tree);
-}
-function moveOldFiles(tree, configFolderDir) {
-    moveDirectory(tree, configFolderDir, configFolderDir.replace('.storybook', '.old_storybook'));
-}
-function migrateProjectLevelStorybookInstance(tree, projectName, uiFramework, configFolder) {
-    const old_folder_exists_already = tree.exists(configFolder?.replace('.storybook', '.old_storybook'));
-    const new_config_exists_already = tree.exists(`${configFolder}/main.js`);
-    if (old_folder_exists_already || new_config_exists_already) {
-        return;
-    }
-    moveOldFiles(tree, configFolder);
-    if (tree.exists(configFolder)) {
-        return;
-    }
-    const { projectType, targets, root } = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-    const { nextBuildTarget, compiler } = (0, utilities_1.findStorybookAndBuildTargetsAndCompiler)(targets);
-    const mainDir = !!nextBuildTarget && projectType === 'application' ? 'components' : 'src';
-    (0, util_functions_1.createProjectStorybookDir)(tree, projectName, uiFramework, false, false, root, projectType, false, false, mainDir, !!nextBuildTarget, compiler === 'swc');
-}
-function moveDirectory(tree, from, to) {
-    (0, devkit_1.visitNotIgnoredFiles)(tree, from, (file) => {
-        tree.rename(file, file.replace(from, to));
-    });
-}
-exports.moveDirectory = moveDirectory;

package/src/migrations/update-14-0-0/migrate-stories-to-6-2/migrate-stories-to-6-2.d.ts

@@ -1,8 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function migrateStoriesTo62Generator(tree: Tree): Promise<void>;
-export declare function findAllAngularProjectsWithStorybookConfiguration(tree: Tree): {
-    name: string;
-    configFolder: string;
-    projectRoot: string;
-    projectSrc: string;
-}[];

package/src/migrations/update-14-0-0/migrate-stories-to-6-2/migrate-stories-to-6-2.js

@@ -1,316 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findAllAngularProjectsWithStorybookConfiguration = exports.migrateStoriesTo62Generator = void 0;
-const devkit_1 = require("@nx/devkit");
-const fileutils_1 = require("@nx/workspace/src/utilities/fileutils");
-const js_1 = require("@nx/js");
-const path_1 = require("path");
-const typescript_1 = require("typescript");
-const utilities_1 = require("../../../utils/utilities");
-const ts = require("typescript");
-async function migrateStoriesTo62Generator(tree) {
-    let allComponentsWithStories = [];
-    const result = findAllAngularProjectsWithStorybookConfiguration(tree);
-    result?.forEach((angularProjectWithStorybook) => {
-        const componentResult = findAllComponentsWithStoriesForSpecificProject(tree, angularProjectWithStorybook.projectRoot);
-        allComponentsWithStories = [
-            ...allComponentsWithStories,
-            ...componentResult,
-        ];
-    });
-    allComponentsWithStories?.forEach((componentInfo) => {
-        changeSyntaxOfStory(tree, componentInfo.componentStoryPath);
-    });
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.migrateStoriesTo62Generator = migrateStoriesTo62Generator;
-function findAllAngularProjectsWithStorybookConfiguration(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    const projectsThatHaveStorybookConfiguration = [...projects.entries()]
-        ?.filter(([_, projectConfig]) => projectConfig?.targets?.storybook?.options?.uiFramework ===
-        '@storybook/angular')
-        ?.map(([projectName, projectConfig]) => {
-        return {
-            name: projectName,
-            configFolder: projectConfig.targets.storybook?.options?.config?.configFolder,
-            projectRoot: projectConfig.root,
-            projectSrc: projectConfig.sourceRoot,
-        };
-    });
-    return projectsThatHaveStorybookConfiguration;
-}
-exports.findAllAngularProjectsWithStorybookConfiguration = findAllAngularProjectsWithStorybookConfiguration;
-function findAllComponentsWithStoriesForSpecificProject(tree, projectPath) {
-    let moduleFilePaths = [];
-    (0, devkit_1.visitNotIgnoredFiles)(tree, projectPath, (filePath) => {
-        if (filePath?.endsWith('.module.ts')) {
-            moduleFilePaths.push(filePath);
-        }
-    });
-    let componentFileInfos = [];
-    moduleFilePaths?.map((moduleFilePath) => {
-        const file = (0, utilities_1.getTsSourceFile)(tree, moduleFilePath);
-        const ngModuleDecorators = (0, js_1.findNodes)(file, ts.SyntaxKind.Decorator);
-        if (ngModuleDecorators.length === 0) {
-            return;
-        }
-        const ngModuleDecorator = ngModuleDecorators[0];
-        const ngModuleNode = ngModuleDecorator?.getChildren()?.find((node) => {
-            return node?.getText()?.startsWith('NgModule');
-        });
-        const ngModulePropertiesObject = ngModuleNode
-            ?.getChildren()
-            ?.find((node) => {
-            return node.kind === typescript_1.SyntaxKind.SyntaxList;
-        });
-        const ngModuleProperties = ngModulePropertiesObject
-            ?.getChildren()[0]
-            ?.getChildren()
-            ?.find((node) => {
-            return node?.getText()?.includes('declarations');
-        });
-        const declarationsPropertyAssignment = ngModuleProperties
-            ?.getChildren()
-            ?.find((node) => {
-            return node?.getText()?.startsWith('declarations');
-        });
-        if (!declarationsPropertyAssignment) {
-            devkit_1.logger.warn((0, devkit_1.stripIndents) `No components declared in ${moduleFilePath}.`);
-        }
-        let declarationArray = declarationsPropertyAssignment
-            ?.getChildren()
-            ?.find((node) => node.kind === typescript_1.SyntaxKind.ArrayLiteralExpression);
-        if (!declarationArray) {
-            // Attempt to follow a variable instead of the literal
-            const declarationVariable = declarationsPropertyAssignment
-                ?.getChildren()
-                ?.filter((node) => node.kind === typescript_1.SyntaxKind.Identifier)[1];
-            const variableName = declarationVariable?.getText();
-            const variableDeclaration = (0, js_1.findNodes)(file, typescript_1.SyntaxKind.VariableDeclaration)?.find((variableDeclaration) => {
-                const identifier = variableDeclaration
-                    ?.getChildren()
-                    ?.find((node) => node.kind === typescript_1.SyntaxKind.Identifier);
-                return identifier?.getText() === variableName;
-            });
-            if (variableDeclaration) {
-                declarationArray = variableDeclaration
-                    ?.getChildren()
-                    ?.find((node) => node.kind === typescript_1.SyntaxKind.ArrayLiteralExpression);
-            }
-        }
-        const declaredComponents = declarationArray
-            ?.getChildren()
-            ?.find((node) => node.kind === typescript_1.SyntaxKind.SyntaxList)
-            ?.getChildren()
-            ?.filter((node) => node.kind === typescript_1.SyntaxKind.Identifier)
-            ?.map((node) => node?.getText())
-            ?.filter((name) => name?.endsWith('Component'));
-        const imports = file.statements?.filter((statement) => statement.kind === typescript_1.SyntaxKind.ImportDeclaration);
-        const modulePath = moduleFilePath.slice(0, moduleFilePath?.lastIndexOf('/'));
-        let componentInfo = declaredComponents?.map((componentName) => {
-            try {
-                const importStatement = imports?.find((statement) => {
-                    const namedImports = statement
-                        ?.getChildren()
-                        ?.find((node) => node.kind === typescript_1.SyntaxKind.ImportClause)
-                        ?.getChildren()
-                        ?.find((node) => node.kind === typescript_1.SyntaxKind.NamedImports);
-                    if (namedImports === undefined)
-                        return false;
-                    const importedIdentifiers = namedImports
-                        ?.getChildren()
-                        ?.find((node) => node.kind === typescript_1.SyntaxKind.SyntaxList)
-                        ?.getChildren()
-                        ?.filter((node) => node.kind === typescript_1.SyntaxKind.ImportSpecifier)
-                        ?.map((node) => node?.getText());
-                    return importedIdentifiers?.includes(componentName);
-                });
-                const fullPath = importStatement
-                    ?.getChildren()
-                    ?.find((node) => node.kind === typescript_1.SyntaxKind.StringLiteral)
-                    ?.getText()
-                    ?.slice(1, -1);
-                // if it is a directory, search recursively for the component
-                let fullCmpImportPath = moduleFilePath?.slice(0, moduleFilePath?.lastIndexOf('/'));
-                if (fullCmpImportPath?.startsWith('/')) {
-                    fullCmpImportPath = fullCmpImportPath?.slice(1, fullCmpImportPath.length);
-                }
-                let componentImportPath = (0, path_1.join)((0, path_1.normalize)(fullCmpImportPath), fullPath);
-                let path = null;
-                let componentFileName = null;
-                let componentStoryPath = null;
-                let storyExists = false;
-                let componentExists = false;
-                /**
-                 * Here we want to remove the <component-name>.component
-                 * part of the path, to just keep the
-                 * apps/<project-name>/src/app/<component-name>
-                 * or
-                 * libs/<project-name>/src/lib/<component-name>
-                 * part of the path
-                 */
-                componentImportPath = componentImportPath.slice(0, componentImportPath.lastIndexOf('/'));
-                (0, devkit_1.visitNotIgnoredFiles)(tree, componentImportPath, (componentFilePath) => {
-                    if (componentFilePath?.endsWith('.ts')) {
-                        const content = tree.read(componentFilePath).toString('utf-8');
-                        if (content?.indexOf(`class ${componentName}`) > -1) {
-                            componentExists = true;
-                            path = componentFilePath;
-                            componentFileName =
-                                componentFilePath?.slice(componentFilePath?.lastIndexOf('/') + 1, componentFilePath?.lastIndexOf('.')) + '.ts';
-                        }
-                        if (componentFilePath?.endsWith('.stories.ts')) {
-                            componentStoryPath = componentFilePath;
-                            storyExists = true;
-                        }
-                    }
-                });
-                if (!storyExists || !componentExists) {
-                    path = null;
-                    componentFileName = null;
-                    componentStoryPath = null;
-                }
-                if (path !== null) {
-                    return {
-                        componentName: componentName,
-                        componentPath: path,
-                        componentFileName,
-                        componentStoryPath: componentStoryPath,
-                    };
-                }
-                else {
-                    const path = fullPath?.slice(0, fullPath?.lastIndexOf('/'));
-                    const componentFileName = fullPath?.slice(fullPath?.lastIndexOf('/') + 1) + '.ts';
-                    componentStoryPath = fullPath + '.stories.ts';
-                    if ((0, fileutils_1.fileExists)(componentStoryPath)) {
-                        return {
-                            componentName: componentName,
-                            componentPath: path + componentFileName,
-                            componentFileName,
-                            componentStoryPath: componentStoryPath,
-                        };
-                    }
-                    else {
-                        return undefined;
-                    }
-                }
-            }
-            catch (e) {
-                devkit_1.logger.warn(`Could not find file for ${componentName}. Error: ${e}`);
-                return undefined;
-            }
-        });
-        if (componentInfo) {
-            componentInfo = componentInfo?.filter((info) => info !== undefined);
-            componentFileInfos = [...componentFileInfos, ...componentInfo];
-        }
-    });
-    return componentFileInfos;
-}
-async function changeSyntaxOfStory(tree, storyFilePath) {
-    const file = (0, utilities_1.getTsSourceFile)(tree, storyFilePath);
-    const appFileContent = tree.read(storyFilePath, 'utf-8');
-    let newContents = appFileContent;
-    const storiesVariableDeclaration = (0, js_1.findNodes)(file, [
-        ts.SyntaxKind.VariableDeclaration,
-    ]);
-    const storiesExportDefault = (0, js_1.findNodes)(file, [
-        ts.SyntaxKind.ExportAssignment,
-    ]);
-    const defaultExportNode = storiesExportDefault[0];
-    const defaultExportObject = defaultExportNode?.getChildren()?.find((node) => {
-        return node.kind === typescript_1.SyntaxKind.ObjectLiteralExpression;
-    });
-    const defaultPropertiesList = defaultExportObject
-        ?.getChildren()
-        ?.find((node) => {
-        return node.kind === typescript_1.SyntaxKind.SyntaxList;
-    });
-    const hasTitle = defaultPropertiesList?.getChildren()?.find((node) => {
-        return (node.kind === typescript_1.SyntaxKind.PropertyAssignment &&
-            node.getText().startsWith('title'));
-    });
-    /**
-     * A component node will look like this:
-     *
-     * component: MyTestComponent
-     *
-     * And this is what we need to remove.
-     */
-    let firstComponentNode;
-    /**
-     * The result of ts.Node.getStart() will give us the index
-     * of that node in the whole original file.
-     * While we're editing that file, the getStart() will
-     * still reference the original file. So, during deletion,
-     * it would go and delete characters using the original index.
-     *
-     * We need to save the length of the characters that have been removed
-     * so far, so that we can substract it from the index.
-     * Since it's parsing the file linearly and in order, then this
-     * logic works.
-     *  */
-    let lengthOfRemovalsSoFar = 0;
-    storiesVariableDeclaration?.forEach((oneStory) => {
-        const oneExportedStoryArrowFunction = oneStory
-            ?.getChildren()
-            ?.find((node) => {
-            return node.kind === typescript_1.SyntaxKind.ArrowFunction;
-        });
-        const inParenthesis = oneExportedStoryArrowFunction
-            ?.getChildren()
-            ?.find((node) => {
-            return node.kind === typescript_1.SyntaxKind.ParenthesizedExpression;
-        });
-        const objectLiteralOfStory = inParenthesis?.getChildren()?.find((node) => {
-            return node.kind === typescript_1.SyntaxKind.ObjectLiteralExpression;
-        });
-        const propertiesList = objectLiteralOfStory?.getChildren()?.find((node) => {
-            return node.kind === typescript_1.SyntaxKind.SyntaxList;
-        });
-        const hasComponentDeclared = propertiesList?.getChildren()?.find((node) => {
-            return (node.kind === typescript_1.SyntaxKind.PropertyAssignment &&
-                node.getText().startsWith('component'));
-        });
-        if (hasComponentDeclared) {
-            /**
-             * Here I am saving the first component to appear
-             * in the case where we have multiple stories
-             */
-            if (!firstComponentNode) {
-                firstComponentNode = hasComponentDeclared;
-            }
-            /**
-             * Here we are performing the following check:
-             * If the component we will be adding in the default declaration
-             * which is the first component that we find
-             * is the same for this story as well,
-             * then remove it.
-             */
-            if (hasComponentDeclared.getText() === firstComponentNode.getText()) {
-                const indexOfPropertyName = hasComponentDeclared.getStart();
-                const lengthOfRemoval = hasComponentDeclared?.getText()?.length + 1;
-                newContents = (0, devkit_1.applyChangesToString)(newContents, [
-                    {
-                        type: devkit_1.ChangeType.Delete,
-                        start: indexOfPropertyName - lengthOfRemovalsSoFar,
-                        length: lengthOfRemoval,
-                    },
-                ]);
-                lengthOfRemovalsSoFar = lengthOfRemovalsSoFar + lengthOfRemoval;
-            }
-        }
-    });
-    if (hasTitle && firstComponentNode) {
-        const indexOfPropertyName = hasTitle.getEnd();
-        newContents = (0, devkit_1.applyChangesToString)(newContents, [
-            {
-                type: devkit_1.ChangeType.Insert,
-                index: indexOfPropertyName + 2,
-                text: firstComponentNode.getText() + ',',
-            },
-        ]);
-        tree.write(storyFilePath, newContents);
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}

package/src/migrations/update-14-0-0/migrate-to-storybook-6.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export default function migrateToStorybook6(tree: Tree): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/migrations/update-14-0-0/migrate-to-storybook-6.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const migrate_defaults_5_to_6_1 = require("./migrate-defaults-5-to-6/migrate-defaults-5-to-6");
-const migrate_stories_to_6_2_1 = require("./migrate-stories-to-6-2/migrate-stories-to-6-2");
-async function migrateToStorybook6(tree) {
-    (0, migrate_stories_to_6_2_1.migrateStoriesTo62Generator)(tree);
-    return (0, migrate_defaults_5_to_6_1.migrateDefaultsGenerator)(tree);
-}
-exports.default = migrateToStorybook6;

package/src/migrations/update-14-1-8/change-storybook-targets-generator.d.ts

@@ -1,4 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function changeStorybookTargetsGenerator(tree: Tree): Promise<void>;
-export default changeStorybookTargetsGenerator;
-export declare const changeStorybookTargetsSchematic: (generatorOptions: any) => (tree: any, context: any) => Promise<any>;