@nx/react/src/generators/cypress-component-configuration/lib/add-files.js

The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides: - Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook. - Generators for applica

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.addFiles = addFiles;
const devkit_1 = require("@nx/devkit");
const versions_1 = require("nx/src/utils/versions");
const ct_utils_1 = require("../../../utils/ct-utils");
const component_test_1 = require("../../component-test/component-test");
async function addFiles(tree, projectConfig, options, found) {
    // must dynamicaly import to prevent packages not using cypress from erroring out
    // when importing react
    const { addMountDefinition } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/config'));
    const { getInstalledCypressMajorVersion } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/versions'));
    const installedCypressMajorVersion = getInstalledCypressMajorVersion(tree);
    // Specifically undefined to allow Remix workaround of passing an empty string
    const actualBundler = await (0, ct_utils_1.getActualBundler)(tree, options, found);
    if (options.bundler && options.bundler !== actualBundler) {
        devkit_1.logger.warn(`You have specified ${options.bundler} as the bundler but this project is configured to use ${actualBundler}.
      This may cause errors. If you are seeing errors, try removing the --bundler option.`);
    }
    const bundlerToUse = options.bundler ?? actualBundler;
    const commandFile = (0, devkit_1.joinPathFragments)(projectConfig.root, 'cypress', 'support', 'component.ts');
    const updatedCommandFile = await addMountDefinition(tree.read(commandFile, 'utf-8'));
    const moduleSpecifier = installedCypressMajorVersion >= 14 ? 'cypress/react' : 'cypress/react18';
    tree.write(commandFile, `import { mount } from '${moduleSpecifier}';\n${updatedCommandFile}`);
    if (options.bundler === 'webpack' ||
        (!options.bundler && actualBundler === 'webpack')) {
        (0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@nx/webpack': versions_1.nxVersion });
    }
    if (options.bundler === 'vite' ||
        (!options.bundler && actualBundler === 'vite')) {
        (0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@nx/vite': versions_1.nxVersion });
    }
    if (options.generateTests) {
        const filePaths = [];
        (0, devkit_1.visitNotIgnoredFiles)(tree, projectConfig.sourceRoot, (filePath) => {
            if ((0, ct_utils_1.isComponent)(tree, filePath)) {
                filePaths.push(filePath);
            }
        });
        for (const filePath of filePaths) {
            await (0, component_test_1.componentTestGenerator)(tree, {
                project: options.project,
                componentPath: filePath,
            });
        }
    }
}