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

package/application/files/common-files/src/app/app.html.template

@@ -225,7 +225,7 @@
           <clipPath id="a"><path fill="#fff" d="M0 0h982v239H0z" /></clipPath>
         </defs>
       </svg>
-      <h1>Hello, {{ title }}</h1>
+      <h1>Hello, {{ title() }}</h1>
       <p>Congratulations! Your app is running. 🎉</p>
     </div>
     <div class="divider" role="separator" aria-label="Divider"></div>

package/application/files/module-files/src/app/app.ts.template

@@ -1,9 +1,9 @@
-import { Component } from '@angular/core';
+import { Component, signal } from '@angular/core';
 
 @Component({
   selector: '<%= selector %>',<% if(inlineTemplate) { %>
   template: `
-    <h1>Welcome to {{title}}!</h1>
+    <h1>Welcome to {{ title() }}!</h1>
 
     <% if (routing) {
      %><router-outlet /><%
@@ -15,5 +15,5 @@ import { Component } from '@angular/core';
   styleUrl: './app.<%= style %>'<% } %>
 })
 export class App {
-  protected title = '<%= name %>';
+  protected readonly title = signal('<%= name %>');
 }

package/application/files/standalone-files/src/app/app.ts.template

@@ -1,11 +1,11 @@
-import { Component } from '@angular/core';<% if(routing) { %>
+import { Component, signal } from '@angular/core';<% if(routing) { %>
 import { RouterOutlet } from '@angular/router';<% } %>
 
 @Component({
   selector: '<%= selector %>',
   imports: [<% if(routing) { %>RouterOutlet<% } %>],<% if(inlineTemplate) { %>
   template: `
-    <h1>Welcome to {{title}}!</h1>
+    <h1>Welcome to {{ title() }}!</h1>
 
     <% if (routing) {
      %><router-outlet /><%
@@ -16,5 +16,5 @@ import { RouterOutlet } from '@angular/router';<% } %>
   styleUrl: './app.<%= style %>'<% } %>
 })
 export class App {
-  protected title = '<%= name %>';
+  protected readonly title = signal('<%= name %>');
 }

package/application/index.js

@@ -31,10 +31,10 @@ function addTsProjectReference(...paths) {
     };
 }
 function default_1(options) {
-    return async (host, context) => {
+    return async (host) => {
         const { appDir, appRootSelector, componentOptions, folderName, sourceDir } = await getAppOptions(host, options);
         return (0, schematics_1.chain)([
-            addAppToWorkspaceFile(options, appDir, folderName),
+            addAppToWorkspaceFile(options, appDir),
             addTsProjectReference('./' + (0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.app.json')),
             options.skipTests || options.minimal
                 ? (0, schematics_1.noop)()
@@ -49,6 +49,7 @@ function default_1(options) {
                     routingScope: 'Root',
                     path: sourceDir,
                     project: options.name,
+                    typeSeparator: undefined,
                 }),
             (0, schematics_1.schematic)('component', {
                 name: 'app',
@@ -128,13 +129,20 @@ function addDependenciesToPackageJson(options) {
                 version: latest_versions_1.latestVersions['zone.js'],
             });
         }
+        if (options.style === schema_1.Style.Less) {
+            (0, dependencies_1.addPackageJsonDependency)(host, {
+                type: dependencies_1.NodeDependencyType.Dev,
+                name: 'less',
+                version: latest_versions_1.latestVersions['less'],
+            });
+        }
         if (!options.skipInstall) {
             context.addTask(new tasks_1.NodePackageInstallTask());
         }
         return host;
     };
 }
-function addAppToWorkspaceFile(options, appDir, folderName) {
+function addAppToWorkspaceFile(options, appDir) {
     let projectRoot = appDir;
     if (projectRoot) {
         projectRoot += '/';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "20.1.0-next.0",
+  "version": "20.1.0-next.2",
   "description": "Schematics specific to Angular",
   "homepage": "https://github.com/angular/angular-cli",
   "keywords": [
@@ -22,8 +22,8 @@
   },
   "schematics": "./collection.json",
   "dependencies": {
-    "@angular-devkit/core": "20.1.0-next.0",
-    "@angular-devkit/schematics": "20.1.0-next.0",
+    "@angular-devkit/core": "20.1.0-next.2",
+    "@angular-devkit/schematics": "20.1.0-next.2",
     "jsonc-parser": "3.3.1"
   },
   "repository": {

package/server/index.js

@@ -95,6 +95,14 @@ function updateConfigFileApplicationBuilder(options) {
 function updateTsConfigFile(tsConfigPath) {
     return (host) => {
         const json = new json_file_1.JSONFile(host, tsConfigPath);
+        // Skip adding the files entry if the server entry would already be included.
+        const include = json.get(['include']);
+        if (!Array.isArray(include) || !include.includes('src/**/*.ts')) {
+            const filesPath = ['files'];
+            const files = new Set(json.get(filesPath) ?? []);
+            files.add('src/' + serverMainEntryName);
+            json.modify(filesPath, [...files]);
+        }
         const typePath = ['compilerOptions', 'types'];
         const types = new Set(json.get(typePath) ?? []);
         types.add('node');

package/utility/latest-versions/package.json

@@ -8,7 +8,7 @@
     "@types/node": "^20.17.19",
     "browser-sync": "^3.0.0",
     "express": "^5.1.0",
-    "jasmine-core": "~5.7.0",
+    "jasmine-core": "~5.8.0",
     "jasmine-spec-reporter": "~7.0.0",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",

package/utility/latest-versions.js

@@ -16,7 +16,7 @@ exports.latestVersions = {
     // As Angular CLI works with same minor versions of Angular Framework, a tilde match for the current
     Angular: '^20.1.0-next.0',
     NgPackagr: '^20.1.0-next.0',
-    DevkitBuildAngular: '^20.1.0-next.0',
-    AngularBuild: '^20.1.0-next.0',
-    AngularSSR: '^20.1.0-next.0',
+    DevkitBuildAngular: '^20.1.0-next.2',
+    AngularBuild: '^20.1.0-next.2',
+    AngularSSR: '^20.1.0-next.2',
 };