@schematics/angular 17.0.0 → 17.0.1

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

@@ -227,7 +227,7 @@
       </svg>
       <h1>Hello, {{ title }}</h1>
       <p>Congratulations! Your app is running. 🎉</p>
-   </div>
+    </div>
     <div class="divider" role="separator" aria-label="Divider"></div>
     <div class="right-side">
       <div class="pill-group">
@@ -240,7 +240,7 @@
         ]; track item.title) {
           <a
             class="pill"
-            href="{{ item.link }}"
+            [href]="item.link"
             target="_blank"
             rel="noopener"
           >

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

@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
   `,<% } else { %>
   templateUrl: './app.component.html',<% } if(inlineStyle) { %>
   styles: []<% } else { %>
-  styleUrls: ['./app.component.<%= style %>']<% } %>
+  styleUrl: './app.component.<%= style %>'<% } %>
 })
 export class AppComponent {
   title = '<%= name %>';

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

@@ -15,7 +15,7 @@ import { RouterOutlet } from '@angular/router';<% } %>
   `,<% } else { %>
   templateUrl: './app.component.html',<% } if(inlineStyle) { %>
   styles: [],<% } else { %>
-  styleUrls: ['./app.component.<%= style %>']<% } %>
+  styleUrl: './app.component.<%= style %>'<% } %>
 })
 export class AppComponent {
   title = '<%= name %>';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "17.0.0",
+  "version": "17.0.1",
   "description": "Schematics specific to Angular",
   "homepage": "https://github.com/angular/angular-cli",
   "keywords": [
@@ -23,8 +23,8 @@
   },
   "schematics": "./collection.json",
   "dependencies": {
-    "@angular-devkit/core": "17.0.0",
-    "@angular-devkit/schematics": "17.0.0",
+    "@angular-devkit/core": "17.0.1",
+    "@angular-devkit/schematics": "17.0.1",
     "jsonc-parser": "3.2.0"
   },
   "repository": {

package/ssr/index.js

@@ -33,22 +33,28 @@ async function getOutputPath(host, projectName, target) {
     }
     return outputPath;
 }
-function addScriptsRule(options) {
+function addScriptsRule({ project }, isUsingApplicationBuilder) {
     return async (host) => {
         const pkgPath = '/package.json';
-        const buffer = host.read(pkgPath);
-        if (buffer === null) {
+        const pkg = host.readJson(pkgPath);
+        if (pkg === null) {
             throw new schematics_1.SchematicsException('Could not find package.json');
         }
-        const serverDist = await getOutputPath(host, options.project, 'server');
-        const pkg = JSON.parse(buffer.toString());
-        pkg.scripts = {
-            ...pkg.scripts,
-            'dev:ssr': `ng run ${options.project}:${SERVE_SSR_TARGET_NAME}`,
-            'serve:ssr': `node ${serverDist}/main.js`,
-            'build:ssr': `ng build && ng run ${options.project}:server`,
-            'prerender': `ng run ${options.project}:${PRERENDER_TARGET_NAME}`,
-        };
+        if (isUsingApplicationBuilder) {
+            const distPath = await getOutputPath(host, project, 'build');
+            pkg.scripts ??= {};
+            pkg.scripts[`serve:ssr:${project}`] = `node ${distPath}/server/server.mjs`;
+        }
+        else {
+            const serverDist = await getOutputPath(host, project, 'server');
+            pkg.scripts = {
+                ...pkg.scripts,
+                'dev:ssr': `ng run ${project}:${SERVE_SSR_TARGET_NAME}`,
+                'serve:ssr': `node ${serverDist}/main.js`,
+                'build:ssr': `ng build && ng run ${project}:server`,
+                'prerender': `ng run ${project}:${PRERENDER_TARGET_NAME}`,
+            };
+        }
         host.overwrite(pkgPath, JSON.stringify(pkg, null, 2));
     };
 }
@@ -218,11 +224,11 @@ function default_1(options) {
                     updateApplicationBuilderTsConfigRule(options),
                 ]
                 : [
-                    addScriptsRule(options),
                     updateWebpackBuilderServerTsConfigRule(options),
                     updateWebpackBuilderWorkspaceConfigRule(options),
                 ]),
             addServerFile(options, isStandalone),
+            addScriptsRule(options, isUsingApplicationBuilder),
             addDependencies(),
         ]);
     };

package/utility/latest-versions.js

@@ -14,6 +14,6 @@ exports.latestVersions = {
     ...require('./latest-versions/package.json')['dependencies'],
     // As Angular CLI works with same minor versions of Angular Framework, a tilde match for the current
     Angular: '^17.0.0',
-    DevkitBuildAngular: '^17.0.0',
-    AngularSSR: '^17.0.0',
+    DevkitBuildAngular: '^17.0.1',
+    AngularSSR: '^17.0.1',
 };

package/workspace/files/tsconfig.json.template

@@ -12,7 +12,6 @@
     "esModuleInterop": true,
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,