@schematics/angular 21.0.0-next.0 → 21.0.0-next.2

package/ai-config/index.js

@@ -39,11 +39,13 @@ const AI_TOOLS = {
     },
 };
 function default_1({ tool }) {
-    if (!tool || tool.includes(schema_1.Tool.None)) {
+    if (!tool) {
         return (0, schematics_1.noop)();
     }
-    const files = tool.map((selectedTool) => AI_TOOLS[selectedTool]);
-    const rules = files.map(({ rulesName, directory, frontmatter }) => (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+    const rules = tool
+        .filter((tool) => tool !== schema_1.Tool.None)
+        .map((selectedTool) => AI_TOOLS[selectedTool])
+        .map(({ rulesName, directory, frontmatter }) => (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
         (0, schematics_1.applyTemplates)({
             ...schematics_1.strings,
             rulesName,

package/ai-config/schema.json

@@ -9,7 +9,7 @@
     "tool": {
       "type": "array",
       "uniqueItems": true,
-      "default": "none",
+      "default": ["none"],
       "x-prompt": {
         "message": "Which AI tools do you want to configure with Angular best practices? https://angular.dev/ai/develop-with-ai",
         "type": "list",
@@ -50,21 +50,5 @@
         "enum": ["none", "gemini", "copilot", "claude", "cursor", "jetbrains", "windsurf"]
       }
     }
-  },
-  "if": {
-    "properties": {
-      "tool": {
-        "contains": {
-          "const": "none"
-        }
-      }
-    }
-  },
-  "then": {
-    "properties": {
-      "tool": {
-        "maxItems": 1
-      }
-    }
   }
 }

package/app-shell/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as AppShellOptions } from './schema';
-export default function (options: AppShellOptions): Rule;
+declare const _default: (options: AppShellOptions) => Rule;
+export default _default;

package/app-shell/index.js

@@ -10,14 +10,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const posix_1 = require("node:path/posix");
 const typescript_1 = __importDefault(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
 const ast_utils_1 = require("../utility/ast-utils");
 const change_1 = require("../utility/change");
 const ng_ast_utils_1 = require("../utility/ng-ast-utils");
-const project_targets_1 = require("../utility/project-targets");
+const project_1 = require("../utility/project");
 const util_1 = require("../utility/standalone/util");
 const workspace_1 = require("../utility/workspace");
 function getSourceFile(host, path) {
@@ -149,25 +148,18 @@ function addServerRoutingConfig(options, isStandalone) {
         host.commitUpdate(recorder);
     };
 }
-function default_1(options) {
-    return async (tree) => {
-        const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
-        const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint);
-        const workspace = await (0, workspace_1.getWorkspace)(tree);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw (0, project_targets_1.targetBuildNotFoundError)();
-        }
-        return (0, schematics_1.chain)([
-            validateProject(browserEntryPoint),
-            (0, schematics_1.schematic)('server', options),
-            addServerRoutingConfig(options, isStandalone),
-            (0, schematics_1.schematic)('component', {
-                name: 'app-shell',
-                module: 'app.module.server.ts',
-                project: options.project,
-                standalone: isStandalone,
-            }),
-        ]);
-    };
-}
+exports.default = (0, project_1.createProjectSchematic)(async (options, { tree }) => {
+    const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
+    const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint);
+    return (0, schematics_1.chain)([
+        validateProject(browserEntryPoint),
+        (0, schematics_1.schematic)('server', options),
+        addServerRoutingConfig(options, isStandalone),
+        (0, schematics_1.schematic)('component', {
+            name: 'app-shell',
+            module: 'app.module.server.ts',
+            project: options.project,
+            standalone: isStandalone,
+        }),
+    ]);
+});

package/application/index.js

@@ -36,7 +36,12 @@ function addTsProjectReference(...paths) {
 }
 function default_1(options) {
     return async (host) => {
+        const isTailwind = options.style === schema_1.Style.Tailwind;
+        if (isTailwind) {
+            options.style = schema_1.Style.Css;
+        }
         const { appDir, appRootSelector, componentOptions, folderName, sourceDir } = await getAppOptions(host, options);
+        const suffix = options.fileNameStyleGuide === '2016' ? '.component' : '';
         return (0, schematics_1.chain)([
             addAppToWorkspaceFile(options, appDir),
             addTsProjectReference('./' + (0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.app.json')),
@@ -77,6 +82,7 @@ function default_1(options) {
                     relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(appDir),
                     appName: options.name,
                     folderName,
+                    suffix,
                 }),
                 (0, schematics_1.move)(appDir),
             ]), schematics_1.MergeStrategy.Overwrite),
@@ -85,7 +91,7 @@ function default_1(options) {
                     ? (0, schematics_1.filter)((path) => !path.endsWith('tsconfig.spec.json.template'))
                     : (0, schematics_1.noop)(),
                 componentOptions.inlineTemplate
-                    ? (0, schematics_1.filter)((path) => !path.endsWith('app.html.template'))
+                    ? (0, schematics_1.filter)((path) => !path.endsWith('app__suffix__.html.template'))
                     : (0, schematics_1.noop)(),
                 (0, schematics_1.applyTemplates)({
                     utils: schematics_1.strings,
@@ -94,6 +100,7 @@ function default_1(options) {
                     relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(appDir),
                     appName: options.name,
                     folderName,
+                    suffix,
                 }),
                 (0, schematics_1.move)(appDir),
             ]), schematics_1.MergeStrategy.Overwrite),
@@ -104,6 +111,11 @@ function default_1(options) {
                 })
                 : (0, schematics_1.noop)(),
             options.skipPackageJson ? (0, schematics_1.noop)() : addDependenciesToPackageJson(options),
+            isTailwind
+                ? (0, schematics_1.schematic)('tailwind', {
+                    project: options.name,
+                })
+                : (0, schematics_1.noop)(),
         ]);
     };
 }
@@ -172,6 +184,18 @@ function addAppToWorkspaceFile(options, appDir) {
             (schematics[`@schematics/angular:${type}`] ??= {}).standalone = false;
         });
     }
+    if (options.fileNameStyleGuide === '2016') {
+        const schematicsWithTypeSymbols = ['component', 'directive', 'service'];
+        schematicsWithTypeSymbols.forEach((type) => {
+            const schematicDefaults = (schematics[`@schematics/angular:${type}`] ??= {});
+            schematicDefaults.type = type;
+            schematicDefaults.addTypeToClassName = false;
+        });
+        const schematicsWithTypeSeparator = ['guard', 'interceptor', 'module', 'pipe', 'resolver'];
+        schematicsWithTypeSeparator.forEach((type) => {
+            (schematics[`@schematics/angular:${type}`] ??= {}).typeSeparator = '.';
+        });
+    }
     const sourceRoot = (0, core_1.join)((0, core_1.normalize)(projectRoot), 'src');
     let budgets = [];
     if (options.strict) {
@@ -308,5 +332,9 @@ function getComponentOptions(options) {
             style: options.style,
             viewEncapsulation: options.viewEncapsulation,
         };
+    if (options.fileNameStyleGuide === '2016') {
+        componentOptions.type = 'component';
+        componentOptions.addTypeToClassName = false;
+    }
     return componentOptions;
 }

package/application/schema.d.ts

@@ -5,6 +5,13 @@
  * routing, styling, and testing.
  */
 export type Schema = {
+    /**
+     * The file naming convention to use for generated files. The '2025' style guide (default)
+     * uses a concise format (e.g., `app.ts` for the root component), while the '2016' style
+     * guide includes the type in the file name (e.g., `app.component.ts`). For more
+     * information, see the Angular Style Guide (https://angular.dev/style-guide).
+     */
+    fileNameStyleGuide?: FileNameStyleGuide;
     /**
      * Include the styles for the root component directly within the `app.component.ts` file.
      * Only CSS styles can be included inline. By default, a separate stylesheet file (e.g.,
@@ -86,6 +93,16 @@ export type Schema = {
      */
     zoneless?: boolean;
 };
+/**
+ * The file naming convention to use for generated files. The '2025' style guide (default)
+ * uses a concise format (e.g., `app.ts` for the root component), while the '2016' style
+ * guide includes the type in the file name (e.g., `app.component.ts`). For more
+ * information, see the Angular Style Guide (https://angular.dev/style-guide).
+ */
+export declare enum FileNameStyleGuide {
+    The2016 = "2016",
+    The2025 = "2025"
+}
 /**
  * The type of stylesheet files to be created for components in the application.
  */
@@ -93,7 +110,8 @@ export declare enum Style {
     Css = "css",
     Less = "less",
     Sass = "sass",
-    Scss = "scss"
+    Scss = "scss",
+    Tailwind = "tailwind"
 }
 /**
  * Sets the view encapsulation mode for the application's components. This determines how

package/application/schema.js

@@ -2,7 +2,18 @@
 // THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
 // CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewEncapsulation = exports.Style = void 0;
+exports.ViewEncapsulation = exports.Style = exports.FileNameStyleGuide = void 0;
+/**
+ * The file naming convention to use for generated files. The '2025' style guide (default)
+ * uses a concise format (e.g., `app.ts` for the root component), while the '2016' style
+ * guide includes the type in the file name (e.g., `app.component.ts`). For more
+ * information, see the Angular Style Guide (https://angular.dev/style-guide).
+ */
+var FileNameStyleGuide;
+(function (FileNameStyleGuide) {
+    FileNameStyleGuide["The2016"] = "2016";
+    FileNameStyleGuide["The2025"] = "2025";
+})(FileNameStyleGuide || (exports.FileNameStyleGuide = FileNameStyleGuide = {}));
 /**
  * The type of stylesheet files to be created for components in the application.
  */
@@ -12,6 +23,7 @@ var Style;
     Style["Less"] = "less";
     Style["Sass"] = "sass";
     Style["Scss"] = "scss";
+    Style["Tailwind"] = "tailwind";
 })(Style || (exports.Style = Style = {}));
 /**
  * Sets the view encapsulation mode for the application's components. This determines how

package/application/schema.json

@@ -54,15 +54,19 @@
       "description": "The type of stylesheet files to be created for components in the application.",
       "type": "string",
       "default": "css",
-      "enum": ["css", "scss", "sass", "less"],
+      "enum": ["css", "scss", "sass", "less", "tailwind"],
       "x-prompt": {
-        "message": "Which stylesheet format would you like to use?",
+        "message": "Which stylesheet system would you like to use?",
         "type": "list",
         "items": [
           {
             "value": "css",
             "label": "CSS             [ https://developer.mozilla.org/docs/Web/CSS                     ]"
           },
+          {
+            "value": "tailwind",
+            "label": "Tailwind CSS    [ https://tailwindcss.com                                        ]"
+          },
           {
             "value": "scss",
             "label": "Sass (SCSS)     [ https://sass-lang.com/documentation/syntax#scss                ]"
@@ -123,6 +127,12 @@
       "x-prompt": "Do you want to create a 'zoneless' application without zone.js?",
       "type": "boolean",
       "default": false
+    },
+    "fileNameStyleGuide": {
+      "type": "string",
+      "enum": ["2016", "2025"],
+      "default": "2025",
+      "description": "The file naming convention to use for generated files. The '2025' style guide (default) uses a concise format (e.g., `app.ts` for the root component), while the '2016' style guide includes the type in the file name (e.g., `app.component.ts`). For more information, see the Angular Style Guide (https://angular.dev/style-guide)."
     }
   },
   "required": ["name"]

package/collection.json

@@ -136,6 +136,13 @@
       "factory": "./ai-config",
       "schema": "./ai-config/schema.json",
       "description": "Generates an AI tool configuration file."
+    },
+    "tailwind": {
+      "factory": "./tailwind",
+      "schema": "./tailwind/schema.json",
+      "hidden": true,
+      "private": true,
+      "description": "[INTERNAL] Adds tailwind to a project. Intended for use for ng new/add."
     }
   }
 }

package/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.spec.ts.template

@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import <% if(!exportDefault) { %>{ <% }%><%= classify(name) %><%= classify(type) %> <% if(!exportDefault) {%>} <% }%>from './<%= dasherize(name) %><%= type ? '.' + dasherize(type): '' %>';
+import <% if(!exportDefault) { %>{ <% }%><%= classifiedName %> <% if(!exportDefault) {%>} <% }%>from './<%= dasherize(name) %><%= type ? '.' + dasherize(type): '' %>';
 
-describe('<%= classify(name) %><%= classify(type) %>', () => {
-  let component: <%= classify(name) %><%= classify(type) %>;
-  let fixture: ComponentFixture<<%= classify(name) %><%= classify(type) %>>;
+describe('<%= classifiedName %>', () => {
+  let component: <%= classifiedName %>;
+  let fixture: ComponentFixture<<%= classifiedName %>>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      <%= standalone ? 'imports' : 'declarations' %>: [<%= classify(name) %><%= classify(type) %>]
+      <%= standalone ? 'imports' : 'declarations' %>: [<%= classifiedName %>]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(<%= classify(name) %><%= classify(type) %>);
+    fixture = TestBed.createComponent(<%= classifiedName %>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

package/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.ts.template

@@ -19,6 +19,6 @@ import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%
   encapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } if (changeDetection !== 'Default') { %>,
   changeDetection: ChangeDetectionStrategy.<%= changeDetection %><% } %>
 })
-export <% if(exportDefault) {%>default <%}%>class <%= classify(name) %><%= classify(type) %> {
+export <% if(exportDefault) {%>default <%}%>class <%= classifiedName %> {
 
 }

package/component/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as ComponentOptions } from './schema';
-export default function (options: ComponentOptions): Rule;
+declare const _default: (options: ComponentOptions) => Rule;
+export default _default;

package/component/index.js

@@ -7,11 +7,11 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const add_declaration_to_ng_module_1 = require("../utility/add-declaration-to-ng-module");
 const find_module_1 = require("../utility/find-module");
 const parse_name_1 = require("../utility/parse-name");
+const project_1 = require("../utility/project");
 const validation_1 = require("../utility/validation");
 const workspace_1 = require("../utility/workspace");
 const schema_1 = require("./schema");
@@ -25,55 +25,51 @@ function buildSelector(options, projectPrefix) {
     }
     return selector;
 }
-function default_1(options) {
-    return async (host) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw new schematics_1.SchematicsException(`Project "${options.project}" does not exist.`);
-        }
-        if (options.path === undefined) {
-            options.path = (0, workspace_1.buildDefaultPath)(project);
-        }
-        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-        // Schematic templates require a defined type value
-        options.type ??= '';
-        const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
-        options.name = parsedPath.name;
-        options.path = parsedPath.path;
-        options.selector =
-            options.selector || buildSelector(options, (project && project.prefix) || '');
-        (0, validation_1.validateHtmlSelector)(options.selector);
-        (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
-        const skipStyleFile = options.inlineStyle || options.style === schema_1.Style.None;
-        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-            options.skipTests ? (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts.template')) : (0, schematics_1.noop)(),
-            skipStyleFile ? (0, schematics_1.filter)((path) => !path.endsWith('.__style__.template')) : (0, schematics_1.noop)(),
-            options.inlineTemplate ? (0, schematics_1.filter)((path) => !path.endsWith('.html.template')) : (0, schematics_1.noop)(),
-            (0, schematics_1.applyTemplates)({
-                ...schematics_1.strings,
-                'if-flat': (s) => (options.flat ? '' : s),
-                'ngext': options.ngHtml ? '.ng' : '',
-                ...options,
-            }),
-            !options.type
-                ? (0, schematics_1.forEach)(((file) => {
-                    return file.path.includes('..')
-                        ? {
-                            content: file.content,
-                            path: file.path.replace('..', '.'),
-                        }
-                        : file;
-                }))
-                : (0, schematics_1.noop)(),
-            (0, schematics_1.move)(parsedPath.path),
-        ]);
-        return (0, schematics_1.chain)([
-            (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
-                type: 'component',
-                ...options,
-            }),
-            (0, schematics_1.mergeWith)(templateSource),
-        ]);
-    };
-}
+exports.default = (0, project_1.createProjectSchematic)((options, { project, tree }) => {
+    if (options.path === undefined) {
+        options.path = (0, workspace_1.buildDefaultPath)(project);
+    }
+    options.module = (0, find_module_1.findModuleFromOptions)(tree, options);
+    // Schematic templates require a defined type value
+    options.type ??= '';
+    const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
+    options.name = parsedPath.name;
+    options.path = parsedPath.path;
+    options.selector = options.selector || buildSelector(options, (project && project.prefix) || '');
+    (0, validation_1.validateHtmlSelector)(options.selector);
+    const classifiedName = schematics_1.strings.classify(options.name) +
+        (options.addTypeToClassName && options.type ? schematics_1.strings.classify(options.type) : '');
+    (0, validation_1.validateClassName)(classifiedName);
+    const skipStyleFile = options.inlineStyle || options.style === schema_1.Style.None;
+    const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+        options.skipTests ? (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts.template')) : (0, schematics_1.noop)(),
+        skipStyleFile ? (0, schematics_1.filter)((path) => !path.endsWith('.__style__.template')) : (0, schematics_1.noop)(),
+        options.inlineTemplate ? (0, schematics_1.filter)((path) => !path.endsWith('.html.template')) : (0, schematics_1.noop)(),
+        (0, schematics_1.applyTemplates)({
+            ...schematics_1.strings,
+            'if-flat': (s) => (options.flat ? '' : s),
+            'ngext': options.ngHtml ? '.ng' : '',
+            ...options,
+            // Add a new variable for the classified name, conditionally including the type
+            classifiedName,
+        }),
+        !options.type
+            ? (0, schematics_1.forEach)(((file) => {
+                return file.path.includes('..')
+                    ? {
+                        content: file.content,
+                        path: file.path.replace('..', '.'),
+                    }
+                    : file;
+            }))
+            : (0, schematics_1.noop)(),
+        (0, schematics_1.move)(parsedPath.path),
+    ]);
+    return (0, schematics_1.chain)([
+        (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
+            type: 'component',
+            ...options,
+        }),
+        (0, schematics_1.mergeWith)(templateSource),
+    ]);
+});

package/component/schema.d.ts

@@ -4,6 +4,11 @@
  * optional CSS stylesheet. Use this schematic to generate a new component in your project.
  */
 export type Schema = {
+    /**
+     * When true, the 'type' option will be appended to the generated class name. When false,
+     * only the file name will include the type.
+     */
+    addTypeToClassName?: boolean;
     /**
      * Configures the change detection strategy for the component.
      */

package/component/schema.json

@@ -95,6 +95,11 @@
       "type": "string",
       "description": "Append a custom type to the component's filename. For example, if you set the type to `container`, the file will be named `my-component.container.ts`."
     },
+    "addTypeToClassName": {
+      "type": "boolean",
+      "default": true,
+      "description": "When true, the 'type' option will be appended to the generated class name. When false, only the file name will include the type."
+    },
     "skipTests": {
       "type": "boolean",
       "description": "Skip the generation of unit test files `spec.ts`.",

package/config/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as ConfigOptions } from './schema';
-export default function (options: ConfigOptions): Rule;
+declare const _default: (options: ConfigOptions) => Rule;
+export default _default;

package/config/index.js

@@ -7,39 +7,32 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const promises_1 = require("node:fs/promises");
 const node_path_1 = require("node:path");
 const paths_1 = require("../utility/paths");
+const project_1 = require("../utility/project");
 const workspace_1 = require("../utility/workspace");
 const workspace_models_1 = require("../utility/workspace-models");
 const schema_1 = require("./schema");
-function default_1(options) {
+exports.default = (0, project_1.createProjectSchematic)((options, { project }) => {
     switch (options.type) {
         case schema_1.Type.Karma:
             return addKarmaConfig(options);
         case schema_1.Type.Browserslist:
-            return addBrowserslistConfig(options);
+            return addBrowserslistConfig(project.root);
         default:
             throw new schematics_1.SchematicsException(`"${options.type}" is an unknown configuration file type.`);
     }
-}
-function addBrowserslistConfig(options) {
-    return async (host) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw new schematics_1.SchematicsException(`Project name "${options.project}" doesn't not exist.`);
-        }
-        // Read Angular's default vendored `.browserslistrc` file.
-        const config = await (0, promises_1.readFile)(node_path_1.posix.join(__dirname, '.browserslistrc'), 'utf8');
-        return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-            (0, schematics_1.filter)((p) => p.endsWith('.browserslistrc.template')),
-            (0, schematics_1.applyTemplates)({ config }),
-            (0, schematics_1.move)(project.root),
-        ]));
-    };
+});
+async function addBrowserslistConfig(projectRoot) {
+    // Read Angular's default vendored `.browserslistrc` file.
+    const config = await (0, promises_1.readFile)(node_path_1.posix.join(__dirname, '.browserslistrc'), 'utf8');
+    return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+        (0, schematics_1.filter)((p) => p.endsWith('.browserslistrc.template')),
+        (0, schematics_1.applyTemplates)({ config }),
+        (0, schematics_1.move)(projectRoot),
+    ]));
 }
 function addKarmaConfig(options) {
     return (0, workspace_1.updateWorkspace)((workspace) => {

package/directive/files/__name@dasherize__.__type@dasherize__.spec.ts.template

@@ -1,8 +1,8 @@
-import { <%= classify(name) %><%= classify(type) %> } from './<%= dasherize(name) %><%= type ? '.' + dasherize(type) : '' %>';
+import { <%= classifiedName %> } from './<%= dasherize(name) %><%= type ? '.' + dasherize(type) : '' %>';
 
-describe('<%= classify(name) %><%= classify(type) %>', () => {
+describe('<%= classifiedName %>', () => {
   it('should create an instance', () => {
-    const directive = new <%= classify(name) %><%= classify(type) %>();
+    const directive = new <%= classifiedName %>();
     expect(directive).toBeTruthy();
   });
 });

package/directive/files/__name@dasherize__.__type@dasherize__.ts.template

@@ -4,7 +4,7 @@ import { Directive } from '@angular/core';
   selector: '[<%= selector %>]'<% if(!standalone) {%>,
   standalone: false<%}%>
 })
-export class <%= classify(name) %><%= classify(type) %> {
+export class <%= classifiedName %> {
 
   constructor() { }
 

package/directive/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as DirectiveOptions } from './schema';
-export default function (options: DirectiveOptions): Rule;
+declare const _default: (options: DirectiveOptions) => Rule;
+export default _default;