fix(@angular/cli): replace regex with correct project name validation

Closes #17579

Author: Jefiozie

packages/angular/cli/lib/config/schema.json

@@ -27,7 +27,7 @@
     "projects": {
       "type": "object",
       "patternProperties": {
-        "^(?:@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$": {
+        "^(?:@[a-zA-Z0-9_-]+\/)?[a-zA-Z0-9_-]+$": {
           "$ref": "#/definitions/project"
         }
       },

packages/schematics/angular/application/index.ts

@@ -301,7 +301,7 @@ export default function (options: ApplicationOptions): Rule {
     const isRootApp = options.projectRoot !== undefined;
     const appDir = isRootApp
       ? normalize(options.projectRoot || '')
-      : join(normalize(newProjectRoot), options.name);
+      : join(normalize(newProjectRoot), strings.dasherize(options.name));
     const sourceDir = `${appDir}/src/app`;
 
     const e2eOptions: E2eOptions = {

packages/schematics/angular/application/index_spec.ts

@@ -451,4 +451,20 @@ describe('Application Schematic', () => {
     expect(content).toContain('not IE 11');
     expect(content).toContain('not IE 9-10');
   });
+
+  it(`should create kebab-case project folder names with camelCase project name`, async () => {
+    const options: ApplicationOptions = { ...defaultOptions, name: 'myCool' };
+    const tree = await schematicRunner.runSchematicAsync('application', options, workspaceTree)
+      .toPromise();
+    const exists = tree.exists('/projects/my-cool/.browserslistrc');
+    expect(exists).toBeTrue();
+  });
+
+  it(`should create kebab-case project folder names with PascalCase project name`, async () => {
+    const options: ApplicationOptions = { ...defaultOptions, name: 'MyCool' };
+    const tree = await schematicRunner.runSchematicAsync('application', options, workspaceTree)
+      .toPromise();
+    const exists = tree.exists('/projects/my-cool/.browserslistrc');
+    expect(exists).toBeTrue();
+  });
 });