@nx/react 0.0.0-pr-22179-271588f

package/src/utils/component-props.d.ts

@@ -0,0 +1,15 @@
+import type * as ts from 'typescript';
+export declare function getArgsDefaultValue(property: ts.SyntaxKind): string;
+export declare function getDefaultsForComponent(sourceFile: ts.SourceFile, cmpDeclaration: ts.Node): {
+    propsTypeName: string;
+    props: {
+        name: string;
+        defaultValue: any;
+    }[];
+    argTypes: {
+        name: string;
+        type: string;
+        actionText: string;
+    }[];
+};
+export declare function getImportForType(sourceFile: ts.SourceFile, typeName: string): ts.Statement;

package/src/utils/component-props.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getImportForType = exports.getDefaultsForComponent = exports.getArgsDefaultValue = void 0;
+const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+const ast_utils_1 = require("./ast-utils");
+let tsModule;
+// TODO: candidate to refactor with the angular component story
+function getArgsDefaultValue(property) {
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
+    const typeNameToDefault = {
+        [tsModule.SyntaxKind.StringKeyword]: "''",
+        [tsModule.SyntaxKind.NumberKeyword]: 0,
+        [tsModule.SyntaxKind.BooleanKeyword]: false,
+    };
+    const resolvedValue = typeNameToDefault[property];
+    if (typeof resolvedValue === undefined) {
+        return "''";
+    }
+    else {
+        return resolvedValue;
+    }
+}
+exports.getArgsDefaultValue = getArgsDefaultValue;
+function getDefaultsForComponent(sourceFile, cmpDeclaration) {
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
+    const propsInterface = (0, ast_utils_1.getComponentPropsInterface)(sourceFile, cmpDeclaration);
+    let propsTypeName = null;
+    let props = [];
+    let argTypes = [];
+    if (propsInterface) {
+        propsTypeName = propsInterface.name.text;
+        props = propsInterface.members.map((member) => {
+            if (member.type.kind === tsModule.SyntaxKind.FunctionType) {
+                argTypes.push({
+                    name: member.name.text,
+                    type: 'action',
+                    actionText: `${member.name.text} executed!`,
+                });
+            }
+            else {
+                return {
+                    name: member.name.text,
+                    defaultValue: getArgsDefaultValue(member.type.kind),
+                };
+            }
+        });
+        props = props.filter((p) => p && p.defaultValue !== undefined);
+    }
+    return { propsTypeName, props, argTypes };
+}
+exports.getDefaultsForComponent = getDefaultsForComponent;
+function getImportForType(sourceFile, typeName) {
+    return sourceFile.statements.find((statement) => tsModule.isImportDeclaration(statement) &&
+        statement.getText().includes(typeName));
+}
+exports.getImportForType = getImportForType;

package/src/utils/create-ts-config.d.ts

@@ -0,0 +1,9 @@
+import { Tree } from 'nx/src/generators/tree';
+export declare function createTsConfig(host: Tree, projectRoot: string, type: 'app' | 'lib', options: {
+    strict?: boolean;
+    style?: string;
+    bundler?: string;
+    rootProject?: boolean;
+    unitTestRunner?: string;
+}, relativePathToRootTsConfig: string): void;
+export declare function extractTsConfigBase(host: Tree): void;

package/src/utils/create-ts-config.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractTsConfigBase = exports.createTsConfig = void 0;
+const shared = require("@nx/js/src/utils/typescript/create-ts-config");
+const json_1 = require("nx/src/generators/utils/json");
+function createTsConfig(host, projectRoot, type, options, relativePathToRootTsConfig) {
+    const json = {
+        compilerOptions: {
+            jsx: 'react-jsx',
+            allowJs: false,
+            esModuleInterop: false,
+            allowSyntheticDefaultImports: true,
+            strict: options.strict,
+        },
+        files: [],
+        include: [],
+        references: [
+            {
+                path: type === 'app' ? './tsconfig.app.json' : './tsconfig.lib.json',
+            },
+        ],
+    };
+    if (options.style === '@emotion/styled') {
+        json.compilerOptions.jsxImportSource = '@emotion/react';
+    }
+    if (options.bundler === 'vite') {
+        json.compilerOptions.types =
+            options.unitTestRunner === 'vitest'
+                ? ['vite/client', 'vitest']
+                : ['vite/client'];
+    }
+    // inline tsconfig.base.json into the project
+    if (options.rootProject) {
+        json.compileOnSave = false;
+        json.compilerOptions = {
+            ...shared.tsConfigBaseOptions,
+            ...json.compilerOptions,
+        };
+        json.exclude = ['node_modules', 'tmp'];
+    }
+    else {
+        json.extends = relativePathToRootTsConfig;
+    }
+    (0, json_1.writeJson)(host, `${projectRoot}/tsconfig.json`, json);
+    const tsconfigProjectPath = `${projectRoot}/tsconfig.${type}.json`;
+    if (options.bundler === 'vite' && host.exists(tsconfigProjectPath)) {
+        (0, json_1.updateJson)(host, tsconfigProjectPath, (json) => {
+            json.compilerOptions ??= {};
+            const types = new Set(json.compilerOptions.types ?? []);
+            types.add('node');
+            types.add('vite/client');
+            json.compilerOptions.types = Array.from(types);
+            return json;
+        });
+    }
+}
+exports.createTsConfig = createTsConfig;
+function extractTsConfigBase(host) {
+    shared.extractTsConfigBase(host);
+    if (host.exists('vite.config.ts')) {
+        const vite = host.read('vite.config.ts').toString();
+        host.write('vite.config.ts', vite.replace(`projects: []`, `projects: ['tsconfig.base.json']`));
+    }
+}
+exports.extractTsConfigBase = extractTsConfigBase;

package/src/utils/ct-utils.d.ts

@@ -0,0 +1,14 @@
+import { Tree } from '@nx/devkit';
+import { type FoundTarget } from '@nx/cypress/src/utils/find-target-options';
+export declare function configureCypressCT(tree: Tree, options: {
+    project: string;
+    buildTarget: string;
+    bundler: 'vite' | 'webpack';
+    validExecutorNames: Set<string>;
+}): Promise<FoundTarget>;
+export declare function getBundlerFromTarget(found: FoundTarget, tree: Tree): Promise<'vite' | 'webpack'>;
+export declare function getActualBundler(tree: Tree, options: {
+    buildTarget?: string;
+    bundler?: 'vite' | 'webpack';
+}, found: FoundTarget): Promise<"vite" | "webpack">;
+export declare function isComponent(tree: Tree, filePath: string): boolean;

package/src/utils/ct-utils.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isComponent = exports.getActualBundler = exports.getBundlerFromTarget = exports.configureCypressCT = void 0;
+const devkit_1 = require("@nx/devkit");
+const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+const ast_utils_1 = require("./ast-utils");
+let tsModule;
+const allowedFileExt = new RegExp(/\.[jt]sx?/);
+const isSpecFile = new RegExp(/(spec|test)\./);
+async function configureCypressCT(tree, options) {
+    let found = { target: options.buildTarget, config: undefined };
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+    // Specifically undefined as a workaround for Remix to pass an empty string as the buildTarget
+    if (options.buildTarget === undefined) {
+        const { findBuildConfig } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/find-target-options'));
+        found = await findBuildConfig(tree, {
+            project: options.project,
+            buildTarget: options.buildTarget,
+            validExecutorNames: options.validExecutorNames,
+        });
+        assertValidConfig(found?.config);
+    }
+    else if (options.buildTarget) {
+        const projectGraph = await (0, devkit_1.createProjectGraphAsync)();
+        const { project, target } = (0, devkit_1.parseTargetString)(options.buildTarget, projectGraph);
+        const buildTargetProject = (0, devkit_1.readProjectConfiguration)(tree, project);
+        const executor = buildTargetProject.targets?.[target]?.executor;
+        if (!executor || !options.validExecutorNames.has(executor)) {
+            throw new Error(`Cypress Component Testing is not currently supported for this project. Please check https://github.com/nrwl/nx/issues/21546 for more information.`);
+        }
+    }
+    const { addDefaultCTConfig, getProjectCypressConfigPath } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/config'));
+    const ctConfigOptions = {
+        bundler: options.bundler ?? (await getActualBundler(tree, options, found)),
+    };
+    if (projectConfig.targets?.['component-test']?.executor ===
+        '@nx/cypress:cypress') {
+        projectConfig.targets['component-test'].options = {
+            ...projectConfig.targets['component-test'].options,
+            devServerTarget: found.target,
+            skipServe: true,
+        };
+        (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
+    }
+    else {
+        ctConfigOptions.buildTarget = found.target;
+    }
+    const cypressConfigFilePath = getProjectCypressConfigPath(tree, projectConfig.root);
+    const updatedCyConfig = await addDefaultCTConfig(tree.read(cypressConfigFilePath, 'utf-8'), ctConfigOptions);
+    tree.write(cypressConfigFilePath, `import { nxComponentTestingPreset } from '@nx/react/plugins/component-testing';\n${updatedCyConfig}`);
+    return found;
+}
+exports.configureCypressCT = configureCypressCT;
+function assertValidConfig(config) {
+    if (!config) {
+        throw new Error('Unable to find a valid build configuration. Try passing in a target for an app. --build-target=<project>:<target>[:<configuration>]');
+    }
+}
+async function getBundlerFromTarget(found, tree) {
+    if (found.target && found.config?.executor) {
+        return found.config.executor === '@nrwl/vite:build' ||
+            found.config.executor === '@nx/vite:build'
+            ? 'vite'
+            : 'webpack';
+    }
+    const { target, project } = (0, devkit_1.parseTargetString)(found.target, await (0, devkit_1.createProjectGraphAsync)());
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project);
+    const executor = projectConfig?.targets?.[target]?.executor;
+    return executor === '@nrwl/vite:build' || executor === '@nx/vite:build'
+        ? 'vite'
+        : 'webpack';
+}
+exports.getBundlerFromTarget = getBundlerFromTarget;
+async function getActualBundler(tree, options, found) {
+    // Specifically undefined to allow Remix workaround of passing an empty string
+    const actualBundler = options.buildTarget !== undefined && options.bundler
+        ? options.bundler
+        : await getBundlerFromTarget(found, tree);
+    return actualBundler;
+}
+exports.getActualBundler = getActualBundler;
+function isComponent(tree, filePath) {
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
+    if (isSpecFile.test(filePath) || !allowedFileExt.test(filePath)) {
+        return false;
+    }
+    const content = tree.read(filePath, 'utf-8');
+    const sourceFile = tsModule.createSourceFile(filePath, content, tsModule.ScriptTarget.Latest, true);
+    const cmpDeclaration = (0, ast_utils_1.getComponentNode)(sourceFile);
+    return !!cmpDeclaration;
+}
+exports.isComponent = isComponent;

package/src/utils/dependencies.d.ts

@@ -0,0 +1,7 @@
+export interface PackageDependencies {
+    dependencies: DependencyEntries;
+    devDependencies: DependencyEntries;
+}
+export interface DependencyEntries {
+    [module: string]: string;
+}

package/src/utils/dependencies.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/utils/format-file.d.ts

@@ -0,0 +1 @@
+export declare function formatFile(content: any, ...values: any[]): string;

package/src/utils/format-file.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatFile = void 0;
+const prettier_1 = require("prettier");
+const devkit_1 = require("@nx/devkit");
+function formatFile(content, ...values) {
+    return (0, prettier_1.format)((0, devkit_1.stripIndents)(content, values), {
+        singleQuote: true,
+        parser: 'typescript',
+    });
+}
+exports.formatFile = formatFile;

package/src/utils/get-in-source-vitest-tests-template.d.ts

@@ -0,0 +1 @@
+export declare function getInSourceVitestTestsTemplate(testContent: string): string;

package/src/utils/get-in-source-vitest-tests-template.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInSourceVitestTestsTemplate = void 0;
+function getInSourceVitestTestsTemplate(testContent) {
+    return `
+if (import.meta.vitest) {
+  // add tests related to your file here
+  // For more information please visit the Vitest docs site here: https://vitest.dev/guide/in-source.html
+  
+  const { it, expect, beforeEach } = import.meta.vitest;
+  let render: typeof import('@testing-library/react').render;
+
+  beforeEach(async () => {
+    render = (await import('@testing-library/react')).render;
+  });
+
+  ${testContent}
+}
+`;
+}
+exports.getInSourceVitestTestsTemplate = getInSourceVitestTestsTemplate;

package/src/utils/has-vite-plugin.d.ts

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

package/src/utils/has-vite-plugin.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasVitePlugin = void 0;
+const devkit_1 = require("@nx/devkit");
+function hasVitePlugin(tree) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    return !!nxJson.plugins?.some((p) => typeof p === 'string'
+        ? p === '@nx/vite/plugin'
+        : p.plugin === '@nx/vite/plugin');
+}
+exports.hasVitePlugin = hasVitePlugin;

package/src/utils/has-webpack-plugin.d.ts

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

package/src/utils/has-webpack-plugin.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasWebpackPlugin = void 0;
+const devkit_1 = require("@nx/devkit");
+function hasWebpackPlugin(tree) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    return !!nxJson.plugins?.some((p) => typeof p === 'string'
+        ? p === '@nx/webpack/plugin'
+        : p.plugin === '@nx/webpack/plugin');
+}
+exports.hasWebpackPlugin = hasWebpackPlugin;

package/src/utils/jest-utils.d.ts

@@ -0,0 +1 @@
+export declare function updateJestConfigContent(content: string): string;

package/src/utils/jest-utils.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateJestConfigContent = void 0;
+function updateJestConfigContent(content) {
+    return content
+        .replace('transform: {', "transform: {\n    '^(?!.*\\\\.(js|jsx|ts|tsx|css|json)$)': '@nx/react/plugins/jest',")
+        .replace(`'babel-jest'`, `['babel-jest', { presets: ['@nx/react/babel'] }]`);
+}
+exports.updateJestConfigContent = updateJestConfigContent;

package/src/utils/lint.d.ts

@@ -0,0 +1,36 @@
+import { Linter } from 'eslint';
+export declare const extraEslintDependencies: {
+    dependencies: {};
+    devDependencies: {
+        'eslint-plugin-import': string;
+        'eslint-plugin-jsx-a11y': string;
+        'eslint-plugin-react': string;
+        'eslint-plugin-react-hooks': string;
+    };
+};
+/**
+ * @deprecated Use `addExtendsToLintConfig` from `@nx/eslint` instead.
+ */
+export declare const extendReactEslintJson: (json: Linter.Config) => {
+    ignorePatterns?: string | string[];
+    root?: boolean;
+    $schema?: string;
+    env?: {
+        [name: string]: boolean;
+    };
+    globals?: {
+        [name: string]: boolean | "off" | "readonly" | "readable" | "writable" | "writeable";
+    };
+    noInlineConfig?: boolean;
+    overrides?: Linter.ConfigOverride<Linter.RulesRecord>[];
+    parser?: string;
+    parserOptions?: Linter.ParserOptions;
+    plugins?: string[];
+    processor?: string;
+    reportUnusedDisableDirectives?: boolean;
+    settings?: {
+        [name: string]: any;
+    };
+    rules?: Partial<Linter.RulesRecord>;
+    extends: string[];
+};

package/src/utils/lint.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extendReactEslintJson = exports.extraEslintDependencies = void 0;
+const versions_1 = require("./versions");
+exports.extraEslintDependencies = {
+    dependencies: {},
+    devDependencies: {
+        'eslint-plugin-import': versions_1.eslintPluginImportVersion,
+        'eslint-plugin-jsx-a11y': versions_1.eslintPluginJsxA11yVersion,
+        'eslint-plugin-react': versions_1.eslintPluginReactVersion,
+        'eslint-plugin-react-hooks': versions_1.eslintPluginReactHooksVersion,
+    },
+};
+/**
+ * @deprecated Use `addExtendsToLintConfig` from `@nx/eslint` instead.
+ */
+const extendReactEslintJson = (json) => {
+    const { extends: pluginExtends, ...config } = json;
+    return {
+        extends: ['plugin:@nx/react', ...(pluginExtends || [])],
+        ...config,
+    };
+};
+exports.extendReactEslintJson = extendReactEslintJson;

package/src/utils/maybe-js.d.ts

@@ -0,0 +1,3 @@
+export declare function maybeJs(options: {
+    js?: boolean;
+}, path: string): string;

package/src/utils/maybe-js.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maybeJs = void 0;
+function maybeJs(options, path) {
+    return options.js && (path.endsWith('.ts') || path.endsWith('.tsx'))
+        ? path.replace(/\.tsx?$/, '.js')
+        : path;
+}
+exports.maybeJs = maybeJs;

package/src/utils/styled.d.ts

@@ -0,0 +1,3 @@
+import { PackageDependencies } from './dependencies';
+export declare const cssInJsDependenciesBabel: Record<string, PackageDependencies>;
+export declare const cssInJsDependenciesSwc: Record<string, PackageDependencies>;

package/src/utils/styled.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cssInJsDependenciesSwc = exports.cssInJsDependenciesBabel = void 0;
+const versions_1 = require("./versions");
+exports.cssInJsDependenciesBabel = {
+    'styled-components': {
+        dependencies: {
+            'react-is': versions_1.reactIsVersion,
+            'styled-components': versions_1.styledComponentsVersion,
+        },
+        devDependencies: {
+            '@types/styled-components': versions_1.typesStyledComponentsVersion,
+            '@types/react-is': versions_1.typesReactIsVersion,
+            'babel-plugin-styled-components': versions_1.babelPluginStyledComponentsVersion,
+        },
+    },
+    '@emotion/styled': {
+        dependencies: {
+            '@emotion/styled': versions_1.emotionStyledVersion,
+            '@emotion/react': versions_1.emotionReactVersion,
+        },
+        devDependencies: {
+            '@emotion/babel-plugin': versions_1.emotionBabelPlugin,
+        },
+    },
+    'styled-jsx': {
+        dependencies: {
+            'styled-jsx': versions_1.styledJsxVersion,
+        },
+        devDependencies: {},
+    },
+};
+exports.cssInJsDependenciesSwc = {
+    'styled-components': {
+        dependencies: {
+            'react-is': versions_1.reactIsVersion,
+            'styled-components': versions_1.styledComponentsVersion,
+        },
+        devDependencies: {
+            '@types/styled-components': versions_1.typesStyledComponentsVersion,
+            '@types/react-is': versions_1.typesReactIsVersion,
+            '@swc/plugin-styled-components': versions_1.swcPluginStyledComponentsVersion,
+        },
+    },
+    '@emotion/styled': {
+        dependencies: {
+            '@emotion/styled': versions_1.emotionStyledVersion,
+            '@emotion/react': versions_1.emotionReactVersion,
+        },
+        devDependencies: {
+            '@swc/plugin-emotion': versions_1.swcPluginEmotionVersion,
+        },
+    },
+    'styled-jsx': {
+        dependencies: {
+            'styled-jsx': versions_1.styledJsxVersion,
+        },
+        devDependencies: {
+            '@swc/plugin-styled-jsx': versions_1.swcPluginStyledJsxVersion,
+        },
+    },
+};

package/src/utils/testing-generators.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+export declare function createApp(tree: Tree, appName: string): Promise<any>;
+export declare function createLib(tree: Tree, libName: string): Promise<any>;

package/src/utils/testing-generators.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLib = exports.createApp = void 0;
+const devkit_1 = require("@nx/devkit");
+const application_1 = require("../generators/application/application");
+const eslint_1 = require("@nx/eslint");
+async function createApp(tree, appName) {
+    await (0, application_1.default)(tree, {
+        e2eTestRunner: 'none',
+        linter: eslint_1.Linter.EsLint,
+        skipFormat: true,
+        style: 'css',
+        unitTestRunner: 'none',
+        name: appName,
+        projectNameAndRootFormat: 'as-provided',
+    });
+}
+exports.createApp = createApp;
+async function createLib(tree, libName) {
+    const { fileName } = (0, devkit_1.names)(libName);
+    tree.write(`/${fileName}/src/index.ts`, `import React from 'react';\n`);
+    (0, devkit_1.addProjectConfiguration)(tree, fileName, {
+        tags: [],
+        root: `${fileName}`,
+        projectType: 'library',
+        sourceRoot: `${fileName}/src`,
+        targets: {},
+    });
+}
+exports.createLib = createLib;

package/src/utils/versions.d.ts

@@ -0,0 +1,46 @@
+export declare const nxVersion: any;
+export declare const nxRspackVersion = "*";
+export declare const reactVersion = "18.2.0";
+export declare const reactDomVersion = "18.2.0";
+export declare const reactIsVersion = "18.2.0";
+export declare const swcLoaderVersion = "0.1.15";
+export declare const babelLoaderVersion = "^9.1.2";
+export declare const typesReactVersion = "18.2.33";
+export declare const typesReactDomVersion = "18.2.14";
+export declare const typesReactIsVersion = "18.2.2";
+export declare const typesNodeVersion = "18.16.9";
+export declare const babelPresetReactVersion = "^7.14.5";
+export declare const babelCoreVersion = "^7.14.5";
+export declare const styledComponentsVersion = "5.3.6";
+export declare const typesStyledComponentsVersion = "5.1.26";
+export declare const emotionStyledVersion = "11.11.0";
+export declare const emotionReactVersion = "11.11.1";
+export declare const emotionBabelPlugin = "11.11.0";
+export declare const styledJsxVersion = "5.1.2";
+export declare const reactRouterDomVersion = "6.11.2";
+export declare const testingLibraryReactVersion = "14.0.0";
+export declare const reduxjsToolkitVersion = "1.9.3";
+export declare const reactReduxVersion = "8.0.5";
+export declare const reactTestRendererVersion = "18.2.0";
+export declare const eslintPluginImportVersion = "2.27.5";
+export declare const eslintPluginJsxA11yVersion = "6.7.1";
+export declare const eslintPluginReactVersion = "7.32.2";
+export declare const eslintPluginReactHooksVersion = "4.6.0";
+export declare const babelPluginStyledComponentsVersion = "1.10.7";
+export declare const tsLibVersion = "^2.3.0";
+export declare const postcssVersion = "8.4.21";
+export declare const tailwindcssVersion = "3.2.7";
+export declare const autoprefixerVersion = "10.4.13";
+export declare const expressVersion = "~4.18.2";
+export declare const typesExpressVersion = "4.17.17";
+export declare const isbotVersion = "^3.6.5";
+export declare const corsVersion = "~2.8.5";
+export declare const typesCorsVersion = "~2.8.12";
+export declare const moduleFederationNodeVersion = "~0.9.9";
+export declare const lessVersion = "3.12.2";
+export declare const sassVersion = "^1.55.0";
+export declare const rollupPluginUrlVersion = "^7.0.0";
+export declare const svgrRollupVersion = "^8.0.1";
+export declare const swcPluginStyledJsxVersion = "^1.5.67";
+export declare const swcPluginEmotionVersion = "^2.5.67";
+export declare const swcPluginStyledComponentsVersion = "^1.5.67";

package/src/utils/versions.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.swcPluginStyledComponentsVersion = exports.swcPluginEmotionVersion = exports.swcPluginStyledJsxVersion = exports.svgrRollupVersion = exports.rollupPluginUrlVersion = exports.sassVersion = exports.lessVersion = exports.moduleFederationNodeVersion = exports.typesCorsVersion = exports.corsVersion = exports.isbotVersion = exports.typesExpressVersion = exports.expressVersion = exports.autoprefixerVersion = exports.tailwindcssVersion = exports.postcssVersion = exports.tsLibVersion = exports.babelPluginStyledComponentsVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactTestRendererVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryReactVersion = exports.reactRouterDomVersion = exports.styledJsxVersion = exports.emotionBabelPlugin = exports.emotionReactVersion = exports.emotionStyledVersion = exports.typesStyledComponentsVersion = exports.styledComponentsVersion = exports.babelCoreVersion = exports.babelPresetReactVersion = exports.typesNodeVersion = exports.typesReactIsVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.babelLoaderVersion = exports.swcLoaderVersion = exports.reactIsVersion = exports.reactDomVersion = exports.reactVersion = exports.nxRspackVersion = exports.nxVersion = void 0;
+exports.nxVersion = require('../../package.json').version;
+// Always pull the latest version until we merge rspack plugin into the repo.
+exports.nxRspackVersion = '*';
+exports.reactVersion = '18.2.0';
+exports.reactDomVersion = '18.2.0';
+exports.reactIsVersion = '18.2.0';
+exports.swcLoaderVersion = '0.1.15';
+exports.babelLoaderVersion = '^9.1.2';
+exports.typesReactVersion = '18.2.33';
+exports.typesReactDomVersion = '18.2.14';
+exports.typesReactIsVersion = '18.2.2';
+exports.typesNodeVersion = '18.16.9';
+exports.babelPresetReactVersion = '^7.14.5';
+exports.babelCoreVersion = '^7.14.5';
+exports.styledComponentsVersion = '5.3.6';
+exports.typesStyledComponentsVersion = '5.1.26';
+exports.emotionStyledVersion = '11.11.0';
+exports.emotionReactVersion = '11.11.1';
+exports.emotionBabelPlugin = '11.11.0';
+// WARNING: This needs to be in sync with Next.js' dependency or else there might be issues.
+exports.styledJsxVersion = '5.1.2';
+exports.reactRouterDomVersion = '6.11.2';
+exports.testingLibraryReactVersion = '14.0.0';
+exports.reduxjsToolkitVersion = '1.9.3';
+exports.reactReduxVersion = '8.0.5';
+exports.reactTestRendererVersion = '18.2.0';
+exports.eslintPluginImportVersion = '2.27.5';
+exports.eslintPluginJsxA11yVersion = '6.7.1';
+exports.eslintPluginReactVersion = '7.32.2';
+exports.eslintPluginReactHooksVersion = '4.6.0';
+exports.babelPluginStyledComponentsVersion = '1.10.7';
+exports.tsLibVersion = '^2.3.0';
+exports.postcssVersion = '8.4.21';
+exports.tailwindcssVersion = '3.2.7';
+exports.autoprefixerVersion = '10.4.13';
+// SSR and Module Federation
+exports.expressVersion = '~4.18.2';
+exports.typesExpressVersion = '4.17.17';
+exports.isbotVersion = '^3.6.5';
+exports.corsVersion = '~2.8.5';
+exports.typesCorsVersion = '~2.8.12';
+exports.moduleFederationNodeVersion = '~0.9.9';
+// style preprocessors
+exports.lessVersion = '3.12.2';
+exports.sassVersion = '^1.55.0';
+// rollup plugins (if needed)
+exports.rollupPluginUrlVersion = '^7.0.0';
+exports.svgrRollupVersion = '^8.0.1';
+exports.swcPluginStyledJsxVersion = '^1.5.67';
+exports.swcPluginEmotionVersion = '^2.5.67';
+exports.swcPluginStyledComponentsVersion = '^1.5.67';