create-nx-workspace 17.2.5 → 17.2.6

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

@@ -35,7 +35,13 @@ interface VueArguments extends BaseArguments {
     stack: 'vue';
     workspaceType: 'standalone' | 'integrated';
     appName: string;
-    framework: 'none' | 'nuxt';
+    style: string;
+    e2eTestRunner: 'none' | 'cypress' | 'playwright';
+}
+interface NuxtArguments extends BaseArguments {
+    stack: 'nuxt';
+    workspaceType: 'standalone' | 'integrated';
+    appName: string;
     style: string;
     e2eTestRunner: 'none' | 'cypress' | 'playwright';
 }
@@ -49,6 +55,6 @@ interface NodeArguments extends BaseArguments {
 interface UnknownStackArguments extends BaseArguments {
     stack: 'unknown';
 }
-type Arguments = NoneArguments | ReactArguments | AngularArguments | VueArguments | NodeArguments | UnknownStackArguments;
+type Arguments = NoneArguments | ReactArguments | AngularArguments | VueArguments | NuxtArguments | NodeArguments | UnknownStackArguments;
 export declare const commandsObject: yargs.Argv<Arguments>;
 export {};

package/bin/create-nx-workspace.js

@@ -32,6 +32,8 @@ exports.commandsObject = yargs
 })
     .option('preset', {
     describe: chalk.dim `Customizes the initial content of your workspace. Default presets include: [${Object.values(preset_1.Preset)
+        // TODO(katerina): Remove this option when @nx/nuxt is released.
+        .filter((p) => p !== preset_1.Preset.NuxtStandalone && p !== preset_1.Preset.Nuxt)
         .map((p) => `"${p}"`)
         .join(', ')}]. To build your own see https://nx.dev/extending-nx/recipes/create-preset`,
     type: 'string',
@@ -247,9 +249,10 @@ async function determineStack(parsedArgs) {
                 return 'react';
             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.NuxtStandalone:
+            case preset_1.Preset.Nuxt:
+                return 'nuxt';
             case preset_1.Preset.Nest:
             case preset_1.Preset.NodeStandalone:
             case preset_1.Preset.Express:
@@ -282,7 +285,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`,
@@ -307,6 +310,8 @@ async function determinePresetOptions(parsedArgs) {
             return determineAngularOptions(parsedArgs);
         case 'vue':
             return determineVueOptions(parsedArgs);
+        case 'nuxt':
+            return determineNuxtOptions(parsedArgs);
         case 'node':
             return determineNodeOptions(parsedArgs);
         default:
@@ -472,39 +477,80 @@ async function determineVueOptions(parsedArgs) {
     let e2eTestRunner = undefined;
     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 workspaceType = await determineStandaloneOrMonorepo();
         if (workspaceType === 'standalone') {
-            appName = parsedArgs.appName ?? parsedArgs.name;
+            preset = preset_1.Preset.VueStandalone;
         }
         else {
-            appName = await determineAppName(parsedArgs);
+            preset = preset_1.Preset.VueMonorepo;
         }
-        const framework = await determineVueFramework(parsedArgs);
-        if (framework === 'nuxt') {
-            if (workspaceType === 'standalone') {
-                preset = preset_1.Preset.NuxtStandalone;
-            }
-            else {
-                preset = preset_1.Preset.Nuxt;
-            }
+    }
+    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;
+    }
+    else {
+        const reply = await enquirer.prompt([
+            {
+                name: 'style',
+                message: `Default stylesheet format`,
+                initial: 'css',
+                type: 'autocomplete',
+                choices: [
+                    {
+                        name: 'css',
+                        message: 'CSS',
+                    },
+                    {
+                        name: 'scss',
+                        message: 'SASS(.scss)       [ http://sass-lang.com   ]',
+                    },
+                    {
+                        name: 'less',
+                        message: 'LESS              [ http://lesscss.org     ]',
+                    },
+                    {
+                        name: 'none',
+                        message: 'None',
+                    },
+                ],
+            },
+        ]);
+        style = reply.style;
+    }
+    return { preset, style, appName, e2eTestRunner };
+}
+async function determineNuxtOptions(parsedArgs) {
+    let preset;
+    let style = undefined;
+    let appName;
+    let e2eTestRunner = undefined;
+    if (parsedArgs.preset) {
+        preset = parsedArgs.preset;
+    }
+    else {
+        const workspaceType = await determineStandaloneOrMonorepo();
+        if (workspaceType === 'standalone') {
+            preset = preset_1.Preset.NuxtStandalone;
         }
         else {
-            if (workspaceType === 'standalone') {
-                preset = preset_1.Preset.VueStandalone;
-            }
-            else {
-                preset = preset_1.Preset.VueMonorepo;
-            }
+            preset = preset_1.Preset.Nuxt;
         }
     }
+    if (preset === preset_1.Preset.NuxtStandalone) {
+        appName = parsedArgs.appName ?? parsedArgs.name;
+    }
+    else {
+        appName = await determineAppName(parsedArgs);
+    }
     e2eTestRunner = await determineE2eTestRunner(parsedArgs);
     if (parsedArgs.style) {
         style = parsedArgs.style;
@@ -864,30 +910,6 @@ async function determineNextAppDir(parsedArgs) {
     ]);
     return reply.nextAppDir === '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: 'none',
-        },
-    ]);
-    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": "v17.2.5",
+  "version": "17.2.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",