create-nx-workspace 16.9.0-beta.1 → 16.9.0-beta.3

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

@@ -29,6 +29,13 @@ interface AngularArguments extends BaseArguments {
     standaloneApi: boolean;
     e2eTestRunner: 'none' | 'cypress' | 'playwright';
 }
+interface VueArguments extends BaseArguments {
+    stack: 'vue';
+    workspaceType: 'standalone' | 'integrated';
+    appName: string;
+    style: string;
+    e2eTestRunner: 'none' | 'cypress' | 'playwright';
+}
 interface NodeArguments extends BaseArguments {
     stack: 'node';
     workspaceType: 'standalone' | 'integrated';
@@ -39,6 +46,6 @@ interface NodeArguments extends BaseArguments {
 interface UnknownStackArguments extends BaseArguments {
     stack: 'unknown';
 }
-type Arguments = NoneArguments | ReactArguments | AngularArguments | NodeArguments | UnknownStackArguments;
+type Arguments = NoneArguments | ReactArguments | AngularArguments | VueArguments | 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(v17): Remove this option when @nx/vue is released.
+        .filter((p) => p !== preset_1.Preset.VueStandalone && p !== preset_1.Preset.VueMonorepo)
         .map((p) => `"${p}"`)
         .join(', ')}]. To build your own see https://nx.dev/extending-nx/recipes/create-preset`,
     type: 'string',
@@ -239,6 +241,9 @@ async function determineStack(parsedArgs) {
             case preset_1.Preset.NextJs:
             case preset_1.Preset.NextJsStandalone:
                 return 'react';
+            case preset_1.Preset.VueStandalone:
+            case preset_1.Preset.VueMonorepo:
+                return 'vue';
             case preset_1.Preset.Nest:
             case preset_1.Preset.NodeStandalone:
             case preset_1.Preset.Express:
@@ -269,6 +274,11 @@ async function determineStack(parsedArgs) {
                     name: `react`,
                     message: `React:         Configures a React application with your framework of choice.`,
                 },
+                // TODO(v17): Enable when @nx/vue is released.
+                // {
+                //   name: `vue`,
+                //   message: `Vue:           Configures a Vue application with modern tooling.`,
+                // },
                 {
                     name: `angular`,
                     message: `Angular:       Configures a Angular application with modern tooling.`,
@@ -290,6 +300,8 @@ async function determinePresetOptions(parsedArgs) {
             return determineReactOptions(parsedArgs);
         case 'angular':
             return determineAngularOptions(parsedArgs);
+        case 'vue':
+            return determineVueOptions(parsedArgs);
         case 'node':
             return determineNodeOptions(parsedArgs);
         default:
@@ -448,6 +460,64 @@ async function determineReactOptions(parsedArgs) {
     }
     return { preset, style, appName, bundler, nextAppDir, e2eTestRunner };
 }
+async function determineVueOptions(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.VueStandalone;
+        }
+        else {
+            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;
+    }
+    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 determineAngularOptions(parsedArgs) {
     let preset;
     let style;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nx-workspace",
-  "version": "16.9.0-beta.1",
+  "version": "16.9.0-beta.3",
   "private": false,
   "description": "Smart, Fast and Extensible Build System",
   "repository": {
@@ -43,5 +43,5 @@
   },
   "main": "./index.js",
   "type": "commonjs",
-  "gitHead": "5056d6cefb2949ba865019e8b71e633fba28c091"
+  "gitHead": "d5692528c089a75c76b21d2d1235d8cc5dbb1d26"
 }

package/src/utils/preset/preset-options.js

@@ -19,6 +19,10 @@ exports.presetOptions = [
         name: preset_1.Preset.AngularMonorepo,
         message: 'angular           [a monorepo with a single Angular application]',
     },
+    {
+        name: preset_1.Preset.VueMonorepo,
+        message: 'vue               [a monorepo with a single Vue application]',
+    },
     {
         name: preset_1.Preset.NextJs,
         message: 'next.js           [a monorepo with a single Next.js application]',

package/src/utils/preset/preset.d.ts

@@ -9,6 +9,8 @@ export declare enum Preset {
     AngularStandalone = "angular-standalone",
     ReactMonorepo = "react-monorepo",
     ReactStandalone = "react-standalone",
+    VueMonorepo = "vue-monorepo",
+    VueStandalone = "vue-standalone",
     NextJs = "next",
     NextJsStandalone = "nextjs-standalone",
     ReactNative = "react-native",

package/src/utils/preset/preset.js

@@ -13,6 +13,8 @@ var Preset;
     Preset["AngularStandalone"] = "angular-standalone";
     Preset["ReactMonorepo"] = "react-monorepo";
     Preset["ReactStandalone"] = "react-standalone";
+    Preset["VueMonorepo"] = "vue-monorepo";
+    Preset["VueStandalone"] = "vue-standalone";
     Preset["NextJs"] = "next";
     Preset["NextJsStandalone"] = "nextjs-standalone";
     Preset["ReactNative"] = "react-native";