create-nx-workspace 18.1.0-beta.2 → 18.1.0-beta.4

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');
@@ -563,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) {
@@ -660,6 +679,7 @@ async function determineAngularOptions(parsedArgs) {
         e2eTestRunner,
         bundler,
         ssr,
+        prefix,
     };
 }
 async function determineNodeOptions(parsedArgs) {
@@ -911,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.2",
+  "version": "18.1.0-beta.4",
   "private": false,
   "description": "Smart Monorepos · Fast CI",
   "repository": {