@schematics/angular 14.0.0-next.8 → 14.0.0-rc.1

package/app-shell/index.js

@@ -40,11 +40,7 @@ const project_targets_1 = require("../utility/project-targets");
 const workspace_1 = require("../utility/workspace");
 const workspace_models_1 = require("../utility/workspace-models");
 function getSourceFile(host, path) {
-    const buffer = host.read(path);
-    if (!buffer) {
-        throw new schematics_1.SchematicsException(`Could not find ${path}.`);
-    }
-    const content = buffer.toString();
+    const content = host.readText(path);
     const source = ts.createSourceFile(path, content, ts.ScriptTarget.Latest, true);
     return source;
 }
@@ -76,10 +72,10 @@ function getComponentTemplate(host, compPath, tmplInfo) {
         const templateUrl = tmplInfo.templateUrlProp.initializer.text;
         const dir = (0, core_1.dirname)((0, core_1.normalize)(compPath));
         const templatePath = (0, core_1.join)(dir, templateUrl);
-        const buffer = host.read(templatePath);
-        if (buffer) {
-            template = buffer.toString();
+        try {
+            template = host.readText(templatePath);
         }
+        catch { }
     }
     return template;
 }

package/application/files/src/test.ts.template

@@ -23,4 +23,4 @@ getTestBed().initTestEnvironment(
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);
 // And load the modules.
-context.keys().map(context);
+context.keys().forEach(context);

package/application/index.js

@@ -233,7 +233,7 @@ function default_1(options) {
         // If scoped project (i.e. "@foo/bar"), convert dir to "foo/bar".
         let folderName = options.name.startsWith('@') ? options.name.slice(1) : options.name;
         if (/[A-Z]/.test(folderName)) {
-            folderName = core_1.strings.dasherize(folderName);
+            folderName = schematics_1.strings.dasherize(folderName);
         }
         const appDir = isRootApp
             ? (0, core_1.normalize)(options.projectRoot || '')
@@ -244,7 +244,7 @@ function default_1(options) {
             (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
                 options.minimal ? (0, schematics_1.filter)(minimalPathFilter) : (0, schematics_1.noop)(),
                 (0, schematics_1.applyTemplates)({
-                    utils: core_1.strings,
+                    utils: schematics_1.strings,
                     ...options,
                     relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(appDir),
                     appName: options.name,
@@ -280,7 +280,7 @@ function default_1(options) {
                     ? (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts.template'))
                     : (0, schematics_1.noop)(),
                 (0, schematics_1.applyTemplates)({
-                    utils: core_1.strings,
+                    utils: schematics_1.strings,
                     ...options,
                     selector: appRootSelector,
                     ...componentOptions,

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

@@ -8,7 +8,7 @@ describe('<%= classify(name) %><%= classify(type) %>', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ <%= classify(name) %><%= classify(type) %> ]
+      <%= standalone ? 'imports' : 'declarations' %>: [ <%= classify(name) %><%= classify(type) %> ]
     })
     .compileComponents();
 

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

@@ -1,7 +1,10 @@
-import { Component, OnInit<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%><% if(changeDetection !== 'Default') { %>, ChangeDetectionStrategy<% }%> } from '@angular/core';
+import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%>Component, OnInit<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%> } from '@angular/core';<% if(standalone) {%>
+import { CommonModule } from '@angular/common';<% } %>
 
 @Component({<% if(!skipSelector) {%>
-  selector: '<%= selector %>',<%}%><% if(inlineTemplate) { %>
+  selector: '<%= selector %>',<%}%><% if(standalone) {%>
+  standalone: true,
+  imports: [CommonModule],<%}%><% if(inlineTemplate) { %>
   template: `
     <p>
       <%= dasherize(name) %> works!

package/component/index.js

@@ -30,7 +30,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
 const ts = __importStar(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
 const ast_utils_1 = require("../utility/ast-utils");
@@ -41,28 +40,24 @@ const validation_1 = require("../utility/validation");
 const workspace_1 = require("../utility/workspace");
 const schema_1 = require("./schema");
 function readIntoSourceFile(host, modulePath) {
-    const text = host.read(modulePath);
-    if (text === null) {
-        throw new schematics_1.SchematicsException(`File ${modulePath} does not exist.`);
-    }
-    const sourceText = text.toString('utf-8');
+    const sourceText = host.readText(modulePath);
     return ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
 }
 function addDeclarationToNgModule(options) {
     return (host) => {
-        if (options.skipImport || !options.module) {
+        if (options.skipImport || options.standalone || !options.module) {
             return host;
         }
         options.type = options.type != null ? options.type : 'Component';
         const modulePath = options.module;
         const source = readIntoSourceFile(host, modulePath);
         const componentPath = `/${options.path}/` +
-            (options.flat ? '' : core_1.strings.dasherize(options.name) + '/') +
-            core_1.strings.dasherize(options.name) +
+            (options.flat ? '' : schematics_1.strings.dasherize(options.name) + '/') +
+            schematics_1.strings.dasherize(options.name) +
             (options.type ? '.' : '') +
-            core_1.strings.dasherize(options.type);
+            schematics_1.strings.dasherize(options.type);
         const relativePath = (0, find_module_1.buildRelativePath)(modulePath, componentPath);
-        const classifiedName = core_1.strings.classify(options.name) + core_1.strings.classify(options.type);
+        const classifiedName = schematics_1.strings.classify(options.name) + schematics_1.strings.classify(options.type);
         const declarationChanges = (0, ast_utils_1.addDeclarationToModule)(source, modulePath, classifiedName, relativePath);
         const declarationRecorder = host.beginUpdate(modulePath);
         for (const change of declarationChanges) {
@@ -75,7 +70,7 @@ function addDeclarationToNgModule(options) {
             // Need to refresh the AST because we overwrote the file in the host.
             const source = readIntoSourceFile(host, modulePath);
             const exportRecorder = host.beginUpdate(modulePath);
-            const exportChanges = (0, ast_utils_1.addExportToModule)(source, modulePath, core_1.strings.classify(options.name) + core_1.strings.classify(options.type), relativePath);
+            const exportChanges = (0, ast_utils_1.addExportToModule)(source, modulePath, schematics_1.strings.classify(options.name) + schematics_1.strings.classify(options.type), relativePath);
             for (const change of exportChanges) {
                 if (change instanceof change_1.InsertChange) {
                     exportRecorder.insertLeft(change.pos, change.toAdd);
@@ -87,7 +82,7 @@ function addDeclarationToNgModule(options) {
     };
 }
 function buildSelector(options, projectPrefix) {
-    let selector = core_1.strings.dasherize(options.name);
+    let selector = schematics_1.strings.dasherize(options.name);
     if (options.prefix) {
         selector = `${options.prefix}-${selector}`;
     }
@@ -119,7 +114,7 @@ function default_1(options) {
             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)({
-                ...core_1.strings,
+                ...schematics_1.strings,
                 'if-flat': (s) => (options.flat ? '' : s),
                 ...options,
             }),

package/component/schema.d.ts

@@ -65,6 +65,10 @@ export interface Schema {
      * Do not create "spec.ts" test files for the new component.
      */
     skipTests?: boolean;
+    /**
+     * Whether the generated component is standalone.
+     */
+    standalone?: boolean;
     /**
      * The file extension or preprocessor to use for style files, or 'none' to skip generating
      * the style file.

package/component/schema.json

@@ -48,6 +48,12 @@
       "alias": "t",
       "x-user-analytics": 10
     },
+    "standalone": {
+      "description": "Whether the generated component is standalone.",
+      "type": "boolean",
+      "default": false,
+      "x-user-analytics": 15
+    },
     "viewEncapsulation": {
       "description": "The view encapsulation strategy to use in the new component.",
       "enum": ["Emulated", "None", "ShadowDom"],

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

@@ -1,7 +1,8 @@
 import { Directive } from '@angular/core';
 
 @Directive({
-  selector: '[<%= selector %>]'
+  selector: '[<%= selector %>]'<% if(standalone) {%>,
+  standalone: true<%}%>
 })
 export class <%= classify(name) %>Directive {
 

package/directive/index.js

@@ -30,7 +30,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
 const ts = __importStar(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
 const ast_utils_1 = require("../utility/ast-utils");
@@ -41,22 +40,18 @@ const validation_1 = require("../utility/validation");
 const workspace_1 = require("../utility/workspace");
 function addDeclarationToNgModule(options) {
     return (host) => {
-        if (options.skipImport || !options.module) {
+        if (options.skipImport || options.standalone || !options.module) {
             return host;
         }
         const modulePath = options.module;
-        const text = host.read(modulePath);
-        if (text === null) {
-            throw new schematics_1.SchematicsException(`File ${modulePath} does not exist.`);
-        }
-        const sourceText = text.toString('utf-8');
+        const sourceText = host.readText(modulePath);
         const source = ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
         const directivePath = `/${options.path}/` +
-            (options.flat ? '' : core_1.strings.dasherize(options.name) + '/') +
-            core_1.strings.dasherize(options.name) +
+            (options.flat ? '' : schematics_1.strings.dasherize(options.name) + '/') +
+            schematics_1.strings.dasherize(options.name) +
             '.directive';
         const relativePath = (0, find_module_1.buildRelativePath)(modulePath, directivePath);
-        const classifiedName = core_1.strings.classify(`${options.name}Directive`);
+        const classifiedName = schematics_1.strings.classify(`${options.name}Directive`);
         const declarationChanges = (0, ast_utils_1.addDeclarationToModule)(source, modulePath, classifiedName, relativePath);
         const declarationRecorder = host.beginUpdate(modulePath);
         for (const change of declarationChanges) {
@@ -67,14 +62,10 @@ function addDeclarationToNgModule(options) {
         host.commitUpdate(declarationRecorder);
         if (options.export) {
             // Need to refresh the AST because we overwrote the file in the host.
-            const text = host.read(modulePath);
-            if (text === null) {
-                throw new schematics_1.SchematicsException(`File ${modulePath} does not exist.`);
-            }
-            const sourceText = text.toString('utf-8');
+            const sourceText = host.readText(modulePath);
             const source = ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
             const exportRecorder = host.beginUpdate(modulePath);
-            const exportChanges = (0, ast_utils_1.addExportToModule)(source, modulePath, core_1.strings.classify(`${options.name}Directive`), relativePath);
+            const exportChanges = (0, ast_utils_1.addExportToModule)(source, modulePath, schematics_1.strings.classify(`${options.name}Directive`), relativePath);
             for (const change of exportChanges) {
                 if (change instanceof change_1.InsertChange) {
                     exportRecorder.insertLeft(change.pos, change.toAdd);
@@ -93,7 +84,7 @@ function buildSelector(options, projectPrefix) {
     else if (options.prefix === undefined && projectPrefix) {
         selector = `${projectPrefix}-${selector}`;
     }
-    return core_1.strings.camelize(selector);
+    return schematics_1.strings.camelize(selector);
 }
 function default_1(options) {
     return async (host) => {
@@ -114,7 +105,7 @@ function default_1(options) {
         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)(),
             (0, schematics_1.applyTemplates)({
-                ...core_1.strings,
+                ...schematics_1.strings,
                 'if-flat': (s) => (options.flat ? '' : s),
                 ...options,
             }),

package/directive/schema.d.ts

@@ -43,4 +43,8 @@ export interface Schema {
      * Do not create "spec.ts" test files for the new class.
      */
     skipTests?: boolean;
+    /**
+     * Whether the generated directive is standalone.
+     */
+    standalone?: boolean;
 }

package/directive/schema.json

@@ -59,6 +59,12 @@
       "format": "html-selector",
       "description": "The HTML selector to use for this directive."
     },
+    "standalone": {
+      "description": "Whether the generated directive is standalone.",
+      "type": "boolean",
+      "default": false,
+      "x-user-analytics": 15
+    },
     "flat": {
       "type": "boolean",
       "description": "When true (the default), creates the new files at the top level of the current project.",

package/e2e/index.js

@@ -9,11 +9,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
+const utility_1 = require("../utility");
 const dependencies_1 = require("../utility/dependencies");
 const json_file_1 = require("../utility/json-file");
 const latest_versions_1 = require("../utility/latest-versions");
 const paths_1 = require("../utility/paths");
-const workspace_1 = require("../utility/workspace");
 const workspace_models_1 = require("../utility/workspace-models");
 function addScriptsToPackageJson() {
     return (host) => {
@@ -27,7 +27,7 @@ function addScriptsToPackageJson() {
 function default_1(options) {
     return async (host) => {
         const appProject = options.relatedAppName;
-        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const workspace = await (0, utility_1.readWorkspace)(host);
         const project = workspace.projects.get(appProject);
         if (!project) {
             throw new schematics_1.SchematicsException(`Project name "${appProject}" doesn't not exist.`);
@@ -49,11 +49,11 @@ function default_1(options) {
                 },
             },
         });
+        await (0, utility_1.writeWorkspace)(host, workspace);
         return (0, schematics_1.chain)([
-            (0, workspace_1.updateWorkspace)(workspace),
             (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
                 (0, schematics_1.applyTemplates)({
-                    utils: core_1.strings,
+                    utils: schematics_1.strings,
                     ...options,
                     relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(root),
                 }),
@@ -73,7 +73,7 @@ function default_1(options) {
                 {
                     type: dependencies_1.NodeDependencyType.Dev,
                     name: 'ts-node',
-                    version: '~9.1.1',
+                    version: latest_versions_1.latestVersions['ts-node'],
                 },
                 {
                     type: dependencies_1.NodeDependencyType.Dev,

package/library/files/src/test.ts.template

@@ -24,4 +24,4 @@ getTestBed().initTestEnvironment(
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);
 // And load the modules.
-context.keys().map(context);
+context.keys().forEach(context);

package/library/index.js

@@ -108,15 +108,14 @@ function default_1(options) {
         const newProjectRoot = workspace.extensions.newProjectRoot || '';
         let folderName = packageName.startsWith('@') ? packageName.slice(1) : packageName;
         if (/[A-Z]/.test(folderName)) {
-            folderName = core_1.strings.dasherize(folderName);
+            folderName = schematics_1.strings.dasherize(folderName);
         }
         const projectRoot = (0, core_1.join)((0, core_1.normalize)(newProjectRoot), folderName);
         const distRoot = `dist/${folderName}`;
-        const pathImportLib = `${distRoot}/${folderName.replace('/', '-')}`;
         const sourceDir = `${projectRoot}/src/lib`;
         const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
             (0, schematics_1.applyTemplates)({
-                ...core_1.strings,
+                ...schematics_1.strings,
                 ...options,
                 packageName,
                 projectRoot,
@@ -133,7 +132,7 @@ function default_1(options) {
             (0, schematics_1.mergeWith)(templateSource),
             addLibToWorkspaceFile(options, projectRoot, packageName),
             options.skipPackageJson ? (0, schematics_1.noop)() : addDependenciesToPackageJson(),
-            options.skipTsConfig ? (0, schematics_1.noop)() : updateTsConfig(packageName, pathImportLib, distRoot),
+            options.skipTsConfig ? (0, schematics_1.noop)() : updateTsConfig(packageName, distRoot),
             (0, schematics_1.schematic)('module', {
                 name: options.name,
                 commonModule: false,

package/migrations/migration-collection.json

@@ -24,6 +24,11 @@
       "version": "14.0.0",
       "factory": "./update-14/replace-default-collection-option",
       "description": "Replace 'defaultCollection' option in workspace configuration with 'schematicCollections'."
+    },
+    "update-libraries-secondary-entrypoints": {
+      "version": "14.0.0",
+      "factory": "./update-14/update-libraries-secondary-entrypoints",
+      "description": "Remove 'package.json' files from library projects secondary entrypoints."
     }
   }
 }

package/migrations/update-14/update-libraries-secondary-entrypoints.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @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.io/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+/** Migration to remove secondary entrypoints 'package.json' files and migrate ng-packagr configurations. */
+export default function (): Rule;

package/migrations/update-14/update-libraries-secondary-entrypoints.js

@@ -0,0 +1,51 @@
+"use strict";
+/**
+ * @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.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@angular-devkit/core");
+const workspace_1 = require("../../utility/workspace");
+function* visitPackageJsonFiles(directory, includedInLookup = false) {
+    if (includedInLookup) {
+        for (const path of directory.subfiles) {
+            if (path !== 'package.json') {
+                continue;
+            }
+            yield (0, core_1.join)(directory.path, path);
+        }
+    }
+    for (const path of directory.subdirs) {
+        if (path === 'node_modules' || path.startsWith('.')) {
+            continue;
+        }
+        yield* visitPackageJsonFiles(directory.dir(path), true);
+    }
+}
+/** Migration to remove secondary entrypoints 'package.json' files and migrate ng-packagr configurations. */
+function default_1() {
+    return async (tree) => {
+        const workspace = await (0, workspace_1.getWorkspace)(tree);
+        for (const project of workspace.projects.values()) {
+            if (project.extensions['projectType'] !== 'library' ||
+                ![...project.targets.values()].some(({ builder }) => builder === '@angular-devkit/build-angular:ng-packagr')) {
+                // Project is not a library or doesn't use ng-packagr, skip.
+                continue;
+            }
+            for (const path of visitPackageJsonFiles(tree.getDir(project.root))) {
+                const json = tree.readJson(path);
+                if ((0, core_1.isJsonObject)(json) && json['ngPackage']) {
+                    // Migrate ng-packagr config to an ng-packagr config file.
+                    const configFilePath = (0, core_1.join)((0, core_1.dirname)((0, core_1.normalize)(path)), 'ng-package.json');
+                    tree.create(configFilePath, JSON.stringify(json['ngPackage'], undefined, 2));
+                }
+                // Delete package.json as it is no longer needed in APF 14.
+                tree.delete(path);
+            }
+        }
+    };
+}
+exports.default = default_1;

package/module/index.js

@@ -41,8 +41,8 @@ const workspace_1 = require("../utility/workspace");
 const schema_1 = require("./schema");
 function buildRelativeModulePath(options, modulePath) {
     const importModulePath = (0, core_1.normalize)(`/${options.path}/` +
-        (options.flat ? '' : core_1.strings.dasherize(options.name) + '/') +
-        core_1.strings.dasherize(options.name) +
+        (options.flat ? '' : schematics_1.strings.dasherize(options.name) + '/') +
+        schematics_1.strings.dasherize(options.name) +
         '.module');
     return (0, find_module_1.buildRelativePath)(modulePath, importModulePath);
 }
@@ -52,14 +52,10 @@ function addDeclarationToNgModule(options) {
             return host;
         }
         const modulePath = options.module;
-        const text = host.read(modulePath);
-        if (text === null) {
-            throw new schematics_1.SchematicsException(`File ${modulePath} does not exist.`);
-        }
-        const sourceText = text.toString();
+        const sourceText = host.readText(modulePath);
         const source = ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
         const relativePath = buildRelativeModulePath(options, modulePath);
-        const changes = (0, ast_utils_1.addImportToModule)(source, modulePath, core_1.strings.classify(`${options.name}Module`), relativePath);
+        const changes = (0, ast_utils_1.addImportToModule)(source, modulePath, schematics_1.strings.classify(`${options.name}Module`), relativePath);
         const recorder = host.beginUpdate(modulePath);
         for (const change of changes) {
             if (change instanceof change_1.InsertChange) {
@@ -85,11 +81,7 @@ function addRouteDeclarationToNgModule(options, routingModulePath) {
         else {
             path = options.module;
         }
-        const text = host.read(path);
-        if (!text) {
-            throw new Error(`Couldn't find the module nor its routing module.`);
-        }
-        const sourceText = text.toString();
+        const sourceText = host.readText(path);
         const addDeclaration = (0, ast_utils_1.addRouteDeclarationToModule)(ts.createSourceFile(path, sourceText, ts.ScriptTarget.Latest, true), path, buildRoute(options, options.module));
         const recorder = host.beginUpdate(path);
         recorder.insertLeft(addDeclaration.pos, addDeclaration.toAdd);
@@ -105,7 +97,7 @@ function getRoutingModulePath(host, modulePath) {
 }
 function buildRoute(options, modulePath) {
     const relativeModulePath = buildRelativeModulePath(options, modulePath);
-    const moduleName = `${core_1.strings.classify(options.name)}Module`;
+    const moduleName = `${schematics_1.strings.classify(options.name)}Module`;
     const loadChildren = `() => import('${relativeModulePath}').then(m => m.${moduleName})`;
     return `{ path: '${options.route}', loadChildren: ${loadChildren} }`;
 }
@@ -131,7 +123,7 @@ function default_1(options) {
                 ? (0, schematics_1.noop)()
                 : (0, schematics_1.filter)((path) => !path.endsWith('-routing.module.ts.template')),
             (0, schematics_1.applyTemplates)({
-                ...core_1.strings,
+                ...schematics_1.strings,
                 'if-flat': (s) => (options.flat ? '' : s),
                 lazyRoute: isLazyLoadedModuleGen,
                 lazyRouteWithoutRouteModule: isLazyLoadedModuleGen && !routingModulePath,
@@ -140,7 +132,7 @@ function default_1(options) {
             }),
             (0, schematics_1.move)(parsedPath.path),
         ]);
-        const moduleDasherized = core_1.strings.dasherize(options.name);
+        const moduleDasherized = schematics_1.strings.dasherize(options.name);
         const modulePath = `${!options.flat ? moduleDasherized + '/' : ''}${moduleDasherized}.module.ts`;
         const componentOptions = {
             module: modulePath,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "14.0.0-next.8",
+  "version": "14.0.0-rc.1",
   "description": "Schematics specific to Angular",
   "homepage": "https://github.com/angular/angular-cli",
   "keywords": [
@@ -13,10 +13,17 @@
     "code generation",
     "schematics"
   ],
+  "exports": {
+    "./package.json": "./package.json",
+    "./utility": "./utility/index.js",
+    "./utility/*": "./utility/*.js",
+    "./migrations/migration-collection.json": "./migrations/migration-collection.json",
+    "./*": "./*.js"
+  },
   "schematics": "./collection.json",
   "dependencies": {
-    "@angular-devkit/core": "14.0.0-next.8",
-    "@angular-devkit/schematics": "14.0.0-next.8",
+    "@angular-devkit/core": "14.0.0-rc.1",
+    "@angular-devkit/schematics": "14.0.0-rc.1",
     "jsonc-parser": "3.0.0"
   },
   "repository": {

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

@@ -1,7 +1,8 @@
 import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
-  name: '<%= camelize(name) %>'
+  name: '<%= camelize(name) %>'<% if(standalone) {%>,
+  standalone: true<%}%>
 })
 export class <%= classify(name) %>Pipe implements PipeTransform {
 

package/pipe/index.js

@@ -30,7 +30,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
 const ts = __importStar(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
 const ast_utils_1 = require("../utility/ast-utils");
@@ -40,22 +39,18 @@ const parse_name_1 = require("../utility/parse-name");
 const workspace_1 = require("../utility/workspace");
 function addDeclarationToNgModule(options) {
     return (host) => {
-        if (options.skipImport || !options.module) {
+        if (options.skipImport || options.standalone || !options.module) {
             return host;
         }
         const modulePath = options.module;
-        const text = host.read(modulePath);
-        if (text === null) {
-            throw new schematics_1.SchematicsException(`File ${modulePath} does not exist.`);
-        }
-        const sourceText = text.toString('utf-8');
+        const sourceText = host.readText(modulePath);
         const source = ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
         const pipePath = `/${options.path}/` +
-            (options.flat ? '' : core_1.strings.dasherize(options.name) + '/') +
-            core_1.strings.dasherize(options.name) +
+            (options.flat ? '' : schematics_1.strings.dasherize(options.name) + '/') +
+            schematics_1.strings.dasherize(options.name) +
             '.pipe';
         const relativePath = (0, find_module_1.buildRelativePath)(modulePath, pipePath);
-        const changes = (0, ast_utils_1.addDeclarationToModule)(source, modulePath, core_1.strings.classify(`${options.name}Pipe`), relativePath);
+        const changes = (0, ast_utils_1.addDeclarationToModule)(source, modulePath, schematics_1.strings.classify(`${options.name}Pipe`), relativePath);
         const recorder = host.beginUpdate(modulePath);
         for (const change of changes) {
             if (change instanceof change_1.InsertChange) {
@@ -64,14 +59,10 @@ function addDeclarationToNgModule(options) {
         }
         host.commitUpdate(recorder);
         if (options.export) {
-            const text = host.read(modulePath);
-            if (text === null) {
-                throw new schematics_1.SchematicsException(`File ${modulePath} does not exist.`);
-            }
-            const sourceText = text.toString('utf-8');
+            const sourceText = host.readText(modulePath);
             const source = ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
             const exportRecorder = host.beginUpdate(modulePath);
-            const exportChanges = (0, ast_utils_1.addExportToModule)(source, modulePath, core_1.strings.classify(`${options.name}Pipe`), relativePath);
+            const exportChanges = (0, ast_utils_1.addExportToModule)(source, modulePath, schematics_1.strings.classify(`${options.name}Pipe`), relativePath);
             for (const change of exportChanges) {
                 if (change instanceof change_1.InsertChange) {
                     exportRecorder.insertLeft(change.pos, change.toAdd);
@@ -94,7 +85,7 @@ function default_1(options) {
         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)(),
             (0, schematics_1.applyTemplates)({
-                ...core_1.strings,
+                ...schematics_1.strings,
                 'if-flat': (s) => (options.flat ? '' : s),
                 ...options,
             }),

package/pipe/schema.d.ts

@@ -34,4 +34,8 @@ export interface Schema {
      * Do not create "spec.ts" test files for the new pipe.
      */
     skipTests?: boolean;
+    /**
+     * Whether the generated pipe is standalone.
+     */
+    standalone?: boolean;
 }

package/pipe/schema.json

@@ -45,6 +45,12 @@
       "description": "Do not import this pipe into the owning NgModule.",
       "x-user-analytics": 18
     },
+    "standalone": {
+      "description": "Whether the generated pipe is standalone.",
+      "type": "boolean",
+      "default": false,
+      "x-user-analytics": 15
+    },
     "module": {
       "type": "string",
       "description": "The declaring NgModule.",