packages/schematics/angular/directive/index.ts - main - githubmirror/angular-cli

packages/schematics/angular/directive/index.ts

62 строки2 KB

Charles Lyding

refactor(@schematics/angular): update type usage to support isolated declarations

12 дек 2025, 22:37

12 дек 2025, 22:37e4eee62

/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://angular.dev/license
 */

import { RuleFactory, chain, strings } from '@angular-devkit/schematics';
import { addDeclarationToNgModule } from '../utility/add-declaration-to-ng-module';
import { findModuleFromOptions } from '../utility/find-module';
import { generateFromFiles } from '../utility/generate-from-files';
import { parseName } from '../utility/parse-name';
import { createProjectSchematic } from '../utility/project';
import { validateClassName, validateHtmlSelector } from '../utility/validation';
import { buildDefaultPath } from '../utility/workspace';
import { Schema as DirectiveOptions } from './schema';

function buildSelector(options: DirectiveOptions, projectPrefix: string) {
  let selector = options.name;
  if (options.prefix) {
    selector = `${options.prefix}-${selector}`;
  } else if (options.prefix === undefined && projectPrefix) {
    selector = `${projectPrefix}-${selector}`;
  }

  return strings.camelize(selector);
}

const directiveSchematic: RuleFactory<DirectiveOptions> = createProjectSchematic(
  (options, { project, tree }) => {
    if (options.path === undefined) {
      options.path = buildDefaultPath(project);
    }

    options.module = findModuleFromOptions(tree, options);
    const parsedPath = parseName(options.path, options.name);
    options.name = parsedPath.name;
    options.path = parsedPath.path;
    options.selector = options.selector || buildSelector(options, project.prefix || '');

    validateHtmlSelector(options.selector);
    const classifiedName =
      strings.classify(options.name) +
      (options.addTypeToClassName && options.type ? strings.classify(options.type) : '');
    validateClassName(classifiedName);

    return chain([
      addDeclarationToNgModule({
        type: 'directive',

        ...options,
      }),
      generateFromFiles({
        ...options,
        classifiedName,
      }),
    ]);
  },
);

export default directiveSchematic;