create-nx-workspace 17.0.5 → 17.0.6

package/LICENSE

@@ -1,6 +1,6 @@
 (The MIT License)
 
-Copyright (c) 2017-2024 Narwhal Technologies Inc.
+Copyright (c) 2017-2023 Narwhal Technologies Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

package/README.md

@@ -1,9 +1,4 @@
-<p style="text-align: center;">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-dark.svg">
-    <img alt="Nx - Smart Monorepos · Fast CI" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
-  </picture>
-</p>
+<p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx.png" width="600" alt="Nx - Smart, Fast and Extensible Build System"></p>
 
 <div style="text-align: center;">
 
@@ -22,7 +17,7 @@
 
 # `> npx create-nx-workspace`
 
-Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.
+Nx is a next generation build system with first class monorepo support and powerful integrations.
 
 {{getting-started}}
 
@@ -68,5 +63,5 @@ npx nx@latest init
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
 <p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
-width="100%" alt="Nx - Smart Monorepos · Fast CI"></a></p>
+width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>
 

package/bin/create-nx-workspace.d.ts

@@ -14,11 +14,10 @@ interface ReactArguments extends BaseArguments {
     stack: 'react';
     workspaceType: 'standalone' | 'integrated';
     appName: string;
-    framework: 'none' | 'next' | 'remix';
+    framework: 'none' | 'next';
     style: string;
     bundler: 'webpack' | 'vite' | 'rspack';
     nextAppDir: boolean;
-    nextSrcDir: boolean;
     e2eTestRunner: 'none' | 'cypress' | 'playwright';
 }
 interface AngularArguments extends BaseArguments {
@@ -29,15 +28,11 @@ interface AngularArguments extends BaseArguments {
     routing: boolean;
     standaloneApi: boolean;
     e2eTestRunner: 'none' | 'cypress' | 'playwright';
-    bundler: 'webpack' | 'esbuild';
-    ssr: boolean;
-    prefix: string;
 }
 interface VueArguments extends BaseArguments {
     stack: 'vue';
     workspaceType: 'standalone' | 'integrated';
     appName: string;
-    framework: 'none' | 'nuxt';
     style: string;
     e2eTestRunner: 'none' | 'cypress' | 'playwright';
 }

package/bin/create-nx-workspace.js

@@ -57,12 +57,10 @@ exports.commandsObject = yargs
     .option('standaloneApi', {
     describe: chalk.dim `Use Standalone Components if generating an Angular app`,
     type: 'boolean',
-    default: true,
 })
     .option('routing', {
     describe: chalk.dim `Add a routing setup for an Angular app`,
     type: 'boolean',
-    default: true,
 })
     .option('bundler', {
     describe: chalk.dim `Bundler to be used to build the app`,
@@ -79,24 +77,12 @@ exports.commandsObject = yargs
     .option('nextAppDir', {
     describe: chalk.dim `Enable the App Router for Next.js`,
     type: 'boolean',
-})
-    .option('nextSrcDir', {
-    describe: chalk.dim `Generate a 'src/' directory for Next.js`,
-    type: 'boolean',
 })
     .option('e2eTestRunner', {
     describe: chalk.dim `Test runner to use for end to end (E2E) tests.`,
     choices: ['cypress', 'playwright', 'none'],
     type: 'string',
-})
-    .option('ssr', {
-    describe: chalk.dim `Enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering) for the Angular application`,
-    type: 'boolean',
-})
-    .option('prefix', {
-    describe: chalk.dim `Prefix to use for Angular component and directive selectors.`,
-    type: 'string',
-}), yargs_options_1.withNxCloud, yargs_options_1.withAllPrompts, yargs_options_1.withPackageManager, yargs_options_1.withGitOptions), async function handler(argv) {
+}), yargs_options_1.withNxCloud, yargs_options_1.withCI, yargs_options_1.withAllPrompts, yargs_options_1.withPackageManager, yargs_options_1.withGitOptions), async function handler(argv) {
     await main(argv).catch((error) => {
         const { version } = require('../package.json');
         output_1.output.error({
@@ -107,7 +93,7 @@ exports.commandsObject = yargs
 }, [
     normalizeArgsMiddleware,
     normalizeAndWarnOnDeprecatedPreset({
-        // TODO(v19): Remove Empty and Core presets
+        // TODO(v18): Remove Empty and Core presets
         [preset_1.Preset.Core]: preset_1.Preset.NPM,
         [preset_1.Preset.Empty]: preset_1.Preset.Apps,
     }),
@@ -118,17 +104,18 @@ exports.commandsObject = yargs
 async function main(parsedArgs) {
     output_1.output.log({
         title: `Creating your v${nx_version_1.nxVersion} workspace.`,
+        bodyLines: [
+            'To make sure the command works reliably in all environments, and that the preset is applied correctly,',
+            `Nx will run "${parsedArgs.packageManager} install" several times. Please wait.`,
+        ],
     });
     const workspaceInfo = await (0, create_workspace_1.createWorkspace)(parsedArgs.preset, parsedArgs);
     (0, show_nx_warning_1.showNxWarning)(parsedArgs.name);
     await (0, ab_testing_1.recordStat)({
         nxVersion: nx_version_1.nxVersion,
         command: 'create-nx-workspace',
-        useCloud: parsedArgs.nxCloud !== 'skip',
-        meta: [
-            ab_testing_1.messages.codeOfSelectedPromptMessage('setupCI'),
-            ab_testing_1.messages.codeOfSelectedPromptMessage('setupNxCloud'),
-        ],
+        useCloud: parsedArgs.nxCloud,
+        meta: ab_testing_1.messages.codeOfSelectedPromptMessage('nxCloudCreation'),
     });
     if (parsedArgs.nxCloud && workspaceInfo.nxCloudInfo) {
         (0, nx_cloud_1.printNxCloudSuccessMessage)(workspaceInfo.nxCloudInfo);
@@ -170,6 +157,8 @@ async function normalizeArgsMiddleware(argv) {
     });
     try {
         let thirdPartyPreset;
+        // Node options
+        let docker;
         try {
             thirdPartyPreset = await (0, get_third_party_preset_1.getThirdPartyPreset)(argv.preset);
         }
@@ -195,10 +184,12 @@ async function normalizeArgsMiddleware(argv) {
         const packageManager = await (0, prompts_1.determinePackageManager)(argv);
         const defaultBase = await (0, prompts_1.determineDefaultBase)(argv);
         const nxCloud = await (0, prompts_1.determineNxCloud)(argv);
+        const ci = await (0, prompts_1.determineCI)(argv, nxCloud);
         Object.assign(argv, {
             nxCloud,
             packageManager,
             defaultBase,
+            ci,
         });
     }
     catch (e) {
@@ -247,14 +238,9 @@ async function determineStack(parsedArgs) {
             case preset_1.Preset.ReactMonorepo:
             case preset_1.Preset.NextJs:
             case preset_1.Preset.NextJsStandalone:
-            case preset_1.Preset.RemixStandalone:
-            case preset_1.Preset.RemixMonorepo:
                 return 'react';
-            case preset_1.Preset.Vue:
             case preset_1.Preset.VueStandalone:
             case preset_1.Preset.VueMonorepo:
-            case preset_1.Preset.Nuxt:
-            case preset_1.Preset.NuxtStandalone:
                 return 'vue';
             case preset_1.Preset.Nest:
             case preset_1.Preset.NodeStandalone:
@@ -288,7 +274,7 @@ async function determineStack(parsedArgs) {
                 },
                 {
                     name: `vue`,
-                    message: `Vue:           Configures a Vue application with your framework of choice.`,
+                    message: `Vue:           Configures a Vue application with modern tooling.`,
                 },
                 {
                     name: `angular`,
@@ -358,7 +344,7 @@ async function determineNoneOptions(parsedArgs) {
                         name: 'No',
                     },
                 ],
-                initial: 0,
+                initial: 'Yes',
             },
         ]);
         js = reply.ts === 'No';
@@ -372,12 +358,10 @@ async function determineReactOptions(parsedArgs) {
     let bundler = undefined;
     let e2eTestRunner = undefined;
     let nextAppDir = false;
-    let nextSrcDir = false;
     if (parsedArgs.preset && parsedArgs.preset !== preset_1.Preset.React) {
         preset = parsedArgs.preset;
         if (preset === preset_1.Preset.ReactStandalone ||
-            preset === preset_1.Preset.NextJsStandalone ||
-            preset === preset_1.Preset.RemixStandalone) {
+            preset === preset_1.Preset.NextJsStandalone) {
             appName = parsedArgs.appName ?? parsedArgs.name;
         }
         else {
@@ -405,14 +389,6 @@ async function determineReactOptions(parsedArgs) {
                 preset = preset_1.Preset.NextJs;
             }
         }
-        else if (framework === 'remix') {
-            if (workspaceType === 'standalone') {
-                preset = preset_1.Preset.RemixStandalone;
-            }
-            else {
-                preset = preset_1.Preset.RemixMonorepo;
-            }
-        }
         else if (framework === 'react-native') {
             preset = preset_1.Preset.ReactNative;
         }
@@ -434,11 +410,6 @@ async function determineReactOptions(parsedArgs) {
     }
     else if (preset === preset_1.Preset.NextJs || preset === preset_1.Preset.NextJsStandalone) {
         nextAppDir = await determineNextAppDir(parsedArgs);
-        nextSrcDir = await determineNextSrcDir(parsedArgs);
-        e2eTestRunner = await determineE2eTestRunner(parsedArgs);
-    }
-    else if (preset === preset_1.Preset.RemixMonorepo ||
-        preset === preset_1.Preset.RemixStandalone) {
         e2eTestRunner = await determineE2eTestRunner(parsedArgs);
     }
     if (parsedArgs.style) {
@@ -452,7 +423,7 @@ async function determineReactOptions(parsedArgs) {
             {
                 name: 'style',
                 message: `Default stylesheet format`,
-                initial: 0,
+                initial: 'css',
                 type: 'autocomplete',
                 choices: [
                     {
@@ -461,15 +432,11 @@ async function determineReactOptions(parsedArgs) {
                     },
                     {
                         name: 'scss',
-                        message: 'SASS(.scss)       [ https://sass-lang.com   ]',
+                        message: 'SASS(.scss)       [ http://sass-lang.com   ]',
                     },
                     {
                         name: 'less',
-                        message: 'LESS              [ https://lesscss.org     ]',
-                    },
-                    {
-                        name: 'tailwind',
-                        message: 'tailwind          [ https://tailwindcss.com     ]',
+                        message: 'LESS              [ http://lesscss.org     ]',
                     },
                     {
                         name: 'styled-components',
@@ -488,56 +455,31 @@ async function determineReactOptions(parsedArgs) {
         ]);
         style = reply.style;
     }
-    return {
-        preset,
-        style,
-        appName,
-        bundler,
-        nextAppDir,
-        nextSrcDir,
-        e2eTestRunner,
-    };
+    return { preset, style, appName, bundler, nextAppDir, e2eTestRunner };
 }
 async function determineVueOptions(parsedArgs) {
     let preset;
     let style = undefined;
     let appName;
     let e2eTestRunner = undefined;
-    if (parsedArgs.preset && parsedArgs.preset !== preset_1.Preset.Vue) {
+    if (parsedArgs.preset) {
         preset = parsedArgs.preset;
-        if (preset === preset_1.Preset.VueStandalone || preset === preset_1.Preset.NuxtStandalone) {
-            appName = parsedArgs.appName ?? parsedArgs.name;
-        }
-        else {
-            appName = await determineAppName(parsedArgs);
-        }
     }
     else {
-        const framework = await determineVueFramework(parsedArgs);
         const workspaceType = await determineStandaloneOrMonorepo();
         if (workspaceType === 'standalone') {
-            appName = parsedArgs.appName ?? parsedArgs.name;
+            preset = preset_1.Preset.VueStandalone;
         }
         else {
-            appName = await determineAppName(parsedArgs);
-        }
-        if (framework === 'nuxt') {
-            if (workspaceType === 'standalone') {
-                preset = preset_1.Preset.NuxtStandalone;
-            }
-            else {
-                preset = preset_1.Preset.Nuxt;
-            }
-        }
-        else {
-            if (workspaceType === 'standalone') {
-                preset = preset_1.Preset.VueStandalone;
-            }
-            else {
-                preset = preset_1.Preset.VueMonorepo;
-            }
+            preset = preset_1.Preset.VueMonorepo;
         }
     }
+    if (preset === preset_1.Preset.VueStandalone) {
+        appName = parsedArgs.appName ?? parsedArgs.name;
+    }
+    else {
+        appName = await determineAppName(parsedArgs);
+    }
     e2eTestRunner = await determineE2eTestRunner(parsedArgs);
     if (parsedArgs.style) {
         style = parsedArgs.style;
@@ -547,7 +489,7 @@ async function determineVueOptions(parsedArgs) {
             {
                 name: 'style',
                 message: `Default stylesheet format`,
-                initial: 0,
+                initial: 'css',
                 type: 'autocomplete',
                 choices: [
                     {
@@ -556,11 +498,11 @@ async function determineVueOptions(parsedArgs) {
                     },
                     {
                         name: 'scss',
-                        message: 'SASS(.scss)       [ https://sass-lang.com   ]',
+                        message: 'SASS(.scss)       [ http://sass-lang.com   ]',
                     },
                     {
                         name: 'less',
-                        message: 'LESS              [ https://lesscss.org     ]',
+                        message: 'LESS              [ http://lesscss.org     ]',
                     },
                     {
                         name: 'none',
@@ -577,26 +519,9 @@ async function determineAngularOptions(parsedArgs) {
     let preset;
     let style;
     let appName;
+    let standaloneApi;
     let e2eTestRunner = undefined;
-    let bundler = undefined;
-    let ssr = undefined;
-    const standaloneApi = parsedArgs.standaloneApi;
-    const routing = parsedArgs.routing;
-    const prefix = parsedArgs.prefix;
-    if (prefix) {
-        // https://github.com/angular/angular-cli/blob/main/packages/schematics/angular/utility/validation.ts#L11-L14
-        const htmlSelectorRegex = /^[a-zA-Z][.0-9a-zA-Z]*((:?-[0-9]+)*|(:?-[a-zA-Z][.0-9a-zA-Z]*(:?-[0-9]+)*)*)$/;
-        // validate whether component/directive selectors will be valid with the provided prefix
-        if (!htmlSelectorRegex.test(`${prefix}-placeholder`)) {
-            output_1.output.error({
-                title: `Failed to create a workspace.`,
-                bodyLines: [
-                    `The provided "${prefix}" prefix is invalid. It must be a valid HTML selector.`,
-                ],
-            });
-            process.exit(1);
-        }
-    }
+    let routing;
     if (parsedArgs.preset && parsedArgs.preset !== preset_1.Preset.Angular) {
         preset = parsedArgs.preset;
         if (preset === preset_1.Preset.AngularStandalone) {
@@ -617,85 +542,80 @@ async function determineAngularOptions(parsedArgs) {
             appName = await determineAppName(parsedArgs);
         }
     }
-    if (parsedArgs.bundler) {
-        bundler = parsedArgs.bundler;
+    if (parsedArgs.style) {
+        style = parsedArgs.style;
     }
     else {
         const reply = await enquirer.prompt([
             {
-                name: 'bundler',
-                message: `Which bundler would you like to use?`,
+                name: 'style',
+                message: `Default stylesheet format`,
+                initial: 'css',
                 type: 'autocomplete',
                 choices: [
                     {
-                        name: 'esbuild',
-                        message: 'esbuild [ https://esbuild.github.io/ ]',
+                        name: 'css',
+                        message: 'CSS',
+                    },
+                    {
+                        name: 'scss',
+                        message: 'SASS(.scss)       [ http://sass-lang.com   ]',
                     },
                     {
-                        name: 'webpack',
-                        message: 'Webpack [ https://webpack.js.org/ ]',
+                        name: 'less',
+                        message: 'LESS              [ http://lesscss.org     ]',
                     },
                 ],
-                initial: 0,
             },
         ]);
-        bundler = reply.bundler;
+        style = reply.style;
     }
-    if (parsedArgs.style) {
-        style = parsedArgs.style;
+    e2eTestRunner = await determineE2eTestRunner(parsedArgs);
+    if (parsedArgs.standaloneApi !== undefined) {
+        standaloneApi = parsedArgs.standaloneApi;
     }
     else {
         const reply = await enquirer.prompt([
             {
-                name: 'style',
-                message: `Default stylesheet format`,
-                initial: 0,
+                name: 'standaloneApi',
+                message: 'Would you like to use Standalone Components in your application?',
                 type: 'autocomplete',
                 choices: [
                     {
-                        name: 'css',
-                        message: 'CSS',
-                    },
-                    {
-                        name: 'scss',
-                        message: 'SASS(.scss)       [ https://sass-lang.com   ]',
+                        name: 'No',
                     },
                     {
-                        name: 'less',
-                        message: 'LESS              [ https://lesscss.org     ]',
+                        name: 'Yes',
                     },
                 ],
+                initial: 'No',
             },
         ]);
-        style = reply.style;
+        standaloneApi = reply.standaloneApi === 'Yes';
     }
-    if (parsedArgs.ssr !== undefined) {
-        ssr = parsedArgs.ssr;
+    if (parsedArgs.routing !== undefined) {
+        routing = parsedArgs.routing;
     }
     else {
         const reply = await enquirer.prompt([
             {
-                name: 'ssr',
-                message: 'Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?',
+                name: 'routing',
+                message: 'Would you like to add routing?',
                 type: 'autocomplete',
-                choices: [{ name: 'Yes' }, { name: 'No' }],
-                initial: 1,
+                choices: [
+                    {
+                        name: 'Yes',
+                    },
+                    {
+                        name: 'No',
+                    },
+                ],
+                initial: 'Yes',
             },
         ]);
-        ssr = reply.ssr === 'Yes';
+        routing = reply.routing === 'Yes';
     }
-    e2eTestRunner = await determineE2eTestRunner(parsedArgs);
-    return {
-        preset,
-        style,
-        appName,
-        standaloneApi,
-        routing,
-        e2eTestRunner,
-        bundler,
-        ssr,
-        prefix,
-    };
+    return { preset, style, appName, standaloneApi, routing, e2eTestRunner };
 }
 async function determineNodeOptions(parsedArgs) {
     let preset;
@@ -749,7 +669,7 @@ async function determineNodeOptions(parsedArgs) {
                         name: 'No',
                     },
                 ],
-                initial: 1,
+                initial: 'No',
             },
         ]);
         docker = reply.docker === 'Yes';
@@ -767,7 +687,7 @@ async function determinePackageBasedOrIntegratedOrStandalone() {
             type: 'autocomplete',
             name: 'workspaceType',
             message: `Package-based monorepo, integrated monorepo, or standalone project?`,
-            initial: 0,
+            initial: 'package-based',
             choices: [
                 {
                     name: 'package-based',
@@ -798,7 +718,7 @@ async function determineStandaloneOrMonorepo() {
             type: 'autocomplete',
             name: 'workspaceType',
             message: `Integrated monorepo, or standalone project?`,
-            initial: 1,
+            initial: 'standalone',
             choices: [
                 {
                     name: 'integrated',
@@ -852,10 +772,6 @@ async function determineReactFramework(parsedArgs) {
                     name: 'nextjs',
                     message: 'Next.js       [ https://nextjs.org/      ]',
                 },
-                {
-                    name: 'remix',
-                    message: 'Remix         [ https://remix.run/       ]',
-                },
                 {
                     name: 'expo',
                     message: 'Expo          [ https://expo.io/         ]',
@@ -865,7 +781,7 @@ async function determineReactFramework(parsedArgs) {
                     message: 'React Native  [ https://reactnative.dev/ ]',
                 },
             ],
-            initial: 0,
+            initial: 'none',
         },
     ]);
     return reply.framework;
@@ -912,56 +828,11 @@ async function determineNextAppDir(parsedArgs) {
                     name: 'No',
                 },
             ],
-            initial: 0,
+            initial: 'Yes',
         },
     ]);
     return reply.nextAppDir === 'Yes';
 }
-async function determineNextSrcDir(parsedArgs) {
-    if (parsedArgs.nextSrcDir !== undefined)
-        return parsedArgs.nextSrcDir;
-    const reply = await enquirer.prompt([
-        {
-            name: 'nextSrcDir',
-            message: 'Would you like to use the src/ directory?',
-            type: 'autocomplete',
-            choices: [
-                {
-                    name: 'Yes',
-                },
-                {
-                    name: 'No',
-                },
-            ],
-            initial: 0,
-        },
-    ]);
-    return reply.nextSrcDir === 'Yes';
-}
-async function determineVueFramework(parsedArgs) {
-    if (!!parsedArgs.framework)
-        return parsedArgs.framework;
-    const reply = await enquirer.prompt([
-        {
-            name: 'framework',
-            message: 'What framework would you like to use?',
-            type: 'autocomplete',
-            choices: [
-                {
-                    name: 'none',
-                    message: 'None',
-                    hint: '         I only want Vue',
-                },
-                {
-                    name: 'nuxt',
-                    message: 'Nuxt          [ https://nuxt.com/ ]',
-                },
-            ],
-            initial: 0,
-        },
-    ]);
-    return reply.framework;
-}
 async function determineNodeFramework(parsedArgs) {
     if (parsedArgs.framework)
         return parsedArgs.framework;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "create-nx-workspace",
-  "version": "17.0.5",
+  "version": "v17.0.6",
   "private": false,
-  "description": "Smart Monorepos · Fast CI",
+  "description": "Smart, Fast and Extensible Build System",
   "repository": {
     "type": "git",
     "url": "https://github.com/nrwl/nx.git",
@@ -36,7 +36,7 @@
     "tmp": "~0.2.1",
     "tslib": "^2.3.0",
     "yargs": "^17.6.2",
-    "axios": "^1.6.0"
+    "axios": "^1.5.1"
   },
   "publishConfig": {
     "access": "public"

package/src/create-preset.js

@@ -6,7 +6,7 @@ const package_manager_1 = require("./utils/package-manager");
 const child_process_utils_1 = require("./utils/child-process-utils");
 const unparse_1 = require("./utils/unparse");
 async function createPreset(preset, parsedArgs, packageManager, directory) {
-    const { skipGit, commit, nxCloud, ...restArgs } = parsedArgs;
+    const { skipGit, ci, commit, nxCloud, ...restArgs } = parsedArgs;
     let args = (0, unparse_1.unparse)({
         interactive: true,
         ...restArgs,

package/src/create-workspace-options.d.ts

@@ -1,14 +1,19 @@
-import { NxCloud } from './utils/nx/nx-cloud';
 import { PackageManager } from './utils/package-manager';
+import { CI } from './utils/ci/ci-list';
 export interface CreateWorkspaceOptions {
     name: string;
     packageManager: PackageManager;
-    nxCloud: NxCloud;
+    nxCloud: boolean;
     /**
      * @description Enable interactive mode with presets
      * @default true
      */
     interactive?: boolean;
+    /**
+     * @description Generate a CI workflow file
+     * @default ''
+     */
+    ci?: CI;
     /**
      * @description Default base to use for new projects. e.g. main, master
      * @default 'main'