Update angular-cli monorepo to v18 (major) - autoclosed

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@angular-devkit/build-angular	^17.3.8 -> ^18.0.0
@angular/cli	^17.3.8 -> ^18.0.0
@angular/ssr	^17.3.8 -> ^18.0.0

---

Release Notes

angular/angular-cli (@​angular-devkit/build-angular)

v18.0.7

Compare Source

18.0.7 (2024-07-03)

@​angular/cli

Commit	Description
	make ng update to keep newline at the end of package.json

@​angular-devkit/build-angular

Commit	Description
	reduce the number of max workers to available CPUs minus one
	rollback terser to 5.29.2

@​angular/build

Commit	Description
	correctly name entry points to match budgets
	redirect to path with trailing slash for asset directories
	reduce the number of max workers to available CPUs minus one

v18.0.6

Compare Source

@​angular/build

Commit	Type	Description
98a8a8a78	fix	show JavaScript cache store initialization warning

v18.0.5

Compare Source

18.0.5 (2024-06-20)

@​schematics/angular

Commit	Description
	update schematics to use RouterModule when --routing flag is present

@​angular-devkit/build-angular

Commit	Description
	use istanbul-lib-instrument directly for karma code coverage

@​angular/build

Commit	Description
	add CSP nonce to script with src tags
	automatically resolve .mjs files when using Vite
	use Node.js available parallelism for default worker count

v18.0.4

Compare Source

@​angular/build

Commit	Type	Description
791ef809d	fix	do not reference sourcemaps in web workers and global stylesheet bundles when hidden setting is enabled
20fc6ca05	fix	generate module preloads next to script elements in index HTML
3a1bf5c8a	fix	Initiate PostCSS only once
78c611754	fix	issue warning when auto adding @angular/localize/init

v18.0.3

Compare Source

@​angular/cli

Commit	Type	Description
b709d2a24	fix	add schema.json options to parsed command, also when a version is passed to ng add <package>@&#8203;<version>

@​angular/build

Commit	Type	Description
43a2a7d13	fix	avoid escaping rebased Sass URL values
9acb5c7ca	fix	disable JS transformer persistent cache on web containers
346df4909	fix	improve Sass rebaser ident token detection
6526a5f59	fix	watch all related files during a Sass error

v18.0.2

Compare Source

@​schematics/angular

Commit	Type	Description
9967c04b8	fix	check both application builder packages in SSR schematic
92b48ab14	fix	set builders assets option correctly for new applications

@​angular/build

Commit	Type	Description
3bb06c37d	fix	disable Worker wait loop for Sass compilations in web containers
c4cf35923	fix	print Sass @warn location
352879804	fix	support valid self-closing MathML tags in HTML index file
476f3084a	fix	support valid self-closing SVG tags in HTML index file

@​angular/pwa

Commit	Type	Description
acbffd236	fix	set manifest icons location to match assets builder option

v18.0.1

Compare Source

@​schematics/angular

Commit	Type	Description
01842f515	fix	use angular.dev in readme

@​angular/build

Commit	Type	Description
7d253e9cd	fix	avoid rebasing URLs with function calls
6b6a76a99	fix	disable persistent disk caching inside webcontainers by default
ba70a50b6	fix	handle esbuild-browser polyfills option as string during ng serve
706423aca	fix	only import persistent cache store with active caching

v18.0.0

Compare Source

Breaking Changes

@​angular/cli

• The ng doc command has been removed without a replacement. To perform searches, please visit www.angular.dev
• Node.js support for versions <18.19.1 and <20.11.1 has been removed.

@​angular-devkit/build-angular

• By default, the index.html file is no longer emitted in the browser directory when using the application builder with SSR. Instead, an index.csr.html file is emitted. This change is implemented because in many cases server and cloud providers incorrectly treat the index.html file as a statically generated page. If you still require the old behavior, you can use the index option to specify the output file name.

  "architect": {
    "build": {
      "builder": "@​angular-devkit/build-angular:application",
      "options": {
        "outputPath": "dist/my-app",
        "index": {
          "input": "src/index.html",
          "output": "index.html"
        }
      }
    }
  }

• The support for the legacy Sass build pipeline, previously accessible via NG_BUILD_LEGACY_SASS when utilizing webpack-based builders, has been removed.

Deprecations

@​angular-devkit/schematics

• NodePackageLinkTask in @angular-devkit/schematics. A custom task should be created instead.

@​angular/cli

Commit	Type	Description
ac3019570	feat	add ng dev alias to ng serve
4087728c3	feat	support for Node.js v22
41ab6c8c3	fix	add --version option
df4dde95d	fix	add @angular/build package to update group list
1039f6d79	fix	change update guide link to angular.dev
f4670fcb1	fix	eliminate prompts during ng version command
a99ec6a54	fix	keep cli package first in update package group metadata
dd786d495	fix	only add --version option on default command
03eee0545	refactor	remove ng doc command
c7b208555	refactor	remove support for Node.js versions <18.19.1 and <20.11.1

@​schematics/angular

Commit	Type	Description
b2ac5fac7	feat	allow application migration to use new build package in projects where possible
6530aa11b	feat	replace assets with public directory
725883713	feat	use eventCoalescing option by default (standalone bootstrap)
508d97da7	feat	use ngZoneEventCoalescing option by default (module bootstrap)
f452589e2	feat	use TypeScript bundler module resolution for new projects
95a4d6ee5	fix	add less dependency in application migration if needed
c46aa084f	fix	add postcss dependency in application migration if needed
157329384	fix	add spaces around eventCoalescing option
23cc337aa	fix	keep deployUrl option when migrating to application builder

@​angular-devkit/architect

Commit	Type	Description
ddd08efef	fix	resolve builder aliases from containing package

@​angular-devkit/build-angular

Commit	Type	Description
53c319aaa	feat	add support for the poll option in the library builder
83d1d233a	feat	enhance Sass rebasing importer for resources URL defined in variables and handling of external paths
d51cb598a	feat	inject event-dispatch in SSR HTML page
0b03829bc	feat	move i18n extraction for application builder to new build system package
4ffe07aa2	feat	move Vite-based dev-server for application builder to new build system package
d1c632af9	feat	support native async/await when app is zoneless
37fc7f0cc	fix	disable Vite prebundling when script optimizations are enabled
2acf95a94	fix	do not generate an index.html file in the browser directory when using SSR.
8a54875cb	fix	handle wrapping of class expressions emitted by esbuild
97973059e	refactor	remove Sass legacy implementation

@​angular-devkit/schematics

Commit	Type	Description
797584583	refactor	deprecate NodePackageLinkTask

@​angular/build

Commit	Type	Description
810d213e1	feat	introduce new official build system package
b7a0792b3	fix	add a maximum rendering timeout for SSG
411115303	fix	add console note about development server raw file size
921fa7cf4	fix	add missing ansi-colors and picomatch dependencies
791cf75af	fix	check both potential build packages in Angular version check
4d7cd5e3e	fix	correctly wrap class expressions with static properties or blocks emitted by esbuild
57f448a0f	fix	decode URL pathname decoding during SSG fetch
940e382db	fix	disable Vite prebundling when script optimizations are enabled
70dbc7a6e	fix	emit error for invalid self-closing element in index HTML
44b401747	fix	ensure input index HTML file triggers rebuilds when changed
dff4deaeb	fix	ensure recreated files are watched
17931166d	fix	format sizes using decimal byte units consistently
2085365e0	fix	only generate shallow preload links for initial files
33cd47c85	fix	properly configure headers for media resources and HTML page
d10fece2c	fix	properly rebase Sass url() values with leading interpolations
3f2963835	perf	add persistent caching of JavaScript transformations
a15eb7d1c	perf	improve rebuild time for file loader usage with prebundling

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Mend Renovate. View repository job log here.

[renovate]

⚠ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

• any of the package files in this branch needs updating, or
• the branch becomes conflicted, or
• you click the rebase/retry checkbox if found above, or
• you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/compiler-cli
npm ERR!   dev @angular/compiler-cli@"^14.2.12" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/compiler-cli@"^17.0.0" from @angular-devkit/[email protected]
npm ERR! node_modules/@angular-devkit/build-angular
npm ERR!   dev @angular-devkit/build-angular@"^17.0.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /tmp/worker/7dd6f7/004a1d/cache/others/npm/_logs/2023-11-09T08_55_00_579Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /tmp/worker/7dd6f7/004a1d/cache/others/npm/_logs/2023-11-09T08_55_00_579Z-debug-0.log

[renovate]

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

• any of the package files in this branch needs updating, or
• the branch becomes conflicted, or
• you click the rebase/retry checkbox if found above, or
• you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json

npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: [email protected]
npm error Found: @angular/[email protected]
npm error node_modules/@angular/common
npm error   @angular/common@"^17.3.11" from the root project
npm error
npm error Could not resolve dependency:
npm error peer @angular/common@"^18.0.0" from @angular/[email protected]
npm error node_modules/@angular/ssr
npm error   @angular/ssr@"^18.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /tmp/renovate/cache/others/npm/_logs/2024-07-05T18_57_19_093Z-eresolve-report.txt
npm error A complete log of this run can be found in: /tmp/renovate/cache/others/npm/_logs/2024-07-05T18_57_19_093Z-debug-0.log