create-nx-workspace 18.1.0-beta.0 → 18.1.0-beta.10

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

@@ -31,6 +31,7 @@ interface AngularArguments extends BaseArguments {
     e2eTestRunner: 'none' | 'cypress' | 'playwright';
     bundler: 'webpack' | 'esbuild';
     ssr: boolean;
+    prefix: string;
 }
 interface VueArguments extends BaseArguments {
     stack: 'vue';

package/bin/create-nx-workspace.js

@@ -92,6 +92,10 @@ exports.commandsObject = yargs
     .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) {
     await main(argv).catch((error) => {
         const { version } = require('../package.json');
@@ -448,6 +452,10 @@ async function determineReactOptions(parsedArgs) {
                         name: 'less',
                         message: 'LESS              [ https://lesscss.org     ]',
                     },
+                    {
+                        name: 'tailwind',
+                        message: 'tailwind          [ https://tailwindcss.com     ]',
+                    },
                     {
                         name: 'styled-components',
                         message: 'styled-components [ https://styled-components.com            ]',
@@ -559,6 +567,21 @@ async function determineAngularOptions(parsedArgs) {
     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);
+        }
+    }
     if (parsedArgs.preset && parsedArgs.preset !== preset_1.Preset.Angular) {
         preset = parsedArgs.preset;
         if (preset === preset_1.Preset.AngularStandalone) {
@@ -656,6 +679,7 @@ async function determineAngularOptions(parsedArgs) {
         e2eTestRunner,
         bundler,
         ssr,
+        prefix,
     };
 }
 async function determineNodeOptions(parsedArgs) {
@@ -907,7 +931,7 @@ async function determineVueFramework(parsedArgs) {
                 {
                     name: 'none',
                     message: 'None',
-                    hint: '         I only want vue',
+                    hint: '         I only want Vue',
                 },
                 {
                     name: 'nuxt',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nx-workspace",
-  "version": "18.1.0-beta.0",
+  "version": "18.1.0-beta.10",
   "private": false,
   "description": "Smart Monorepos · Fast CI",
   "repository": {

package/src/utils/nx/nx-cloud.js

@@ -39,7 +39,7 @@ async function setupNxCloud(directory, packageManager, nxCloud) {
 exports.setupNxCloud = setupNxCloud;
 function printNxCloudSuccessMessage(nxCloudOut) {
     // remove leading Nx carret and any new lines
-    const logContent = nxCloudOut.split('>  NX   ')[1];
+    const logContent = nxCloudOut.split('NX   ')[1];
     const indexOfTitleEnd = logContent.indexOf('\n');
     const title = logContent.slice(0, logContent.indexOf('\n')).trim();
     const bodyLines = logContent

package/src/utils/output.d.ts

@@ -16,7 +16,6 @@ export interface CLISuccessMessageConfig {
     bodyLines?: string[];
 }
 declare class CLIOutput {
-    readonly X_PADDING = " ";
     /**
      * Longer dash character which forms more of a continuous line when place side to side
      * with itself, unlike the standard dash character

package/src/utils/output.js

@@ -16,7 +16,6 @@ if ((0, is_ci_1.isCI)()) {
 }
 class CLIOutput {
     constructor() {
-        this.X_PADDING = ' ';
         /**
          * Expose some color and other utility functions so that other parts of the codebase that need
          * more fine-grained control of message bodies are still using a centralized
@@ -40,7 +39,7 @@ class CLIOutput {
      */
     get VERTICAL_SEPARATOR() {
         let divider = '';
-        for (let i = 0; i < process.stdout.columns - this.X_PADDING.length * 2; i++) {
+        for (let i = 0; i < process.stdout.columns - 1; i++) {
             divider += '\u2014';
         }
         return divider;
@@ -49,14 +48,14 @@ class CLIOutput {
         process.stdout.write(str);
     }
     writeOutputTitle({ color, title, }) {
-        this.writeToStdOut(` ${this.applyCLIPrefix(color, title)}${os_1.EOL}`);
+        this.writeToStdOut(`${this.applyCLIPrefix(color, title)}${os_1.EOL}`);
     }
     writeOptionalOutputBody(bodyLines) {
         if (!bodyLines) {
             return;
         }
         this.addNewline();
-        bodyLines.forEach((bodyLine) => this.writeToStdOut(`   ${bodyLine}${os_1.EOL}`));
+        bodyLines.forEach((bodyLine) => this.writeToStdOut(`${bodyLine}${os_1.EOL}`));
     }
     setCliName(name) {
         this.cliName = name;
@@ -64,10 +63,10 @@ class CLIOutput {
     applyCLIPrefix(color = 'cyan', text) {
         let cliPrefix = '';
         if (chalk[color]) {
-            cliPrefix = `${chalk[color]('>')} ${chalk.reset.inverse.bold[color](` ${this.cliName} `)}`;
+            cliPrefix = chalk.reset.inverse.bold[color](` ${this.cliName} `);
         }
         else {
-            cliPrefix = `${chalk.keyword(color)('>')} ${chalk.reset.inverse.bold.keyword(color)(` ${this.cliName} `)}`;
+            cliPrefix = chalk.reset.inverse.bold.keyword(color)(` ${this.cliName} `);
         }
         return `${cliPrefix}  ${text}`;
     }
@@ -80,7 +79,7 @@ class CLIOutput {
         this.addNewline();
     }
     addVerticalSeparatorWithoutNewLines(color = 'gray') {
-        this.writeToStdOut(`${this.X_PADDING}${chalk.dim[color](this.VERTICAL_SEPARATOR)}${os_1.EOL}`);
+        this.writeToStdOut(`${chalk.dim[color](this.VERTICAL_SEPARATOR)}${os_1.EOL}`);
     }
     error({ title, bodyLines }) {
         this.addNewline();

package/src/utils/preset/point-to-tutorial-and-course.js

@@ -12,7 +12,7 @@ function pointToTutorialAndCourse(preset) {
             output_1.output.note({
                 title,
                 bodyLines: [
-                    `https://nx.dev/getting-started/tutorials/package-based-repo-tutorial`,
+                    `https://nx.dev/getting-started/tutorials/npm-workspaces-tutorial`,
                 ],
             });
             break;