chore(deps): update angular-cli monorepo to v18 (major)

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@angular-devkit/build-angular	16.2.16 -> 18.2.7
@angular/cli	16.2.16 -> 18.2.7

---

Release Notes

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

v18.2.7

Compare Source

@​schematics/angular

Commit	Type	Description
3f98193d6	fix	support single quote setting in JetBrains IDEs

@​angular/build

Commit	Type	Description
8274184e1	fix	add animate to valid self-closing elements
2648e811e	fix	add few more SVG elements animateMotion, animateTransform, and feBlend etc. to valid self-closing elements
736e126e4	fix	separate Vite cache by project

v18.2.6

Compare Source

@​angular/build

Commit	Type	Description
9d0b67124	fix	allow missing HTML file request to fallback to index
5fea635b2	fix	update rollup to 4.22.4

v18.2.5

Compare Source

@​angular/build

Commit	Type	Description
707431625	fix	support HTTP HEAD requests for virtual output files
1032b3da1	fix	update vite to 5.4.6

v18.2.4

Compare Source

@​angular/build

Commit	Type	Description
765309a2e	fix	prevent transformation of Node.js internal dependencies by Vite

v18.2.3

Compare Source

@​angular-devkit/build-angular

Commit	Type	Description
482076612	fix	update webpack-dev-middleware to 7.4.2

v18.2.2

Compare Source

@​angular-devkit/build-angular

Commit	Type	Description
504b00b93	fix	clear context in Karma by default for single run executions
82b76086e	fix	update webpack to 5.94.0

v18.2.1

Compare Source

18.2.1 (2024-08-21)

@​angular-devkit/schematics-cli

Commit	Description
	prevent bypassing select/checkbox prompts on validation failure

@​angular/cli

Commit	Description
	prevent bypassing select/checkbox prompts on validation failure

@​angular-devkit/build-angular

Commit	Description
	remove outdated browser-esbuild option warning

@​angular/build

Commit	Description
	improve error message when an unhandled exception occurs during prerendering
	support reading on-disk files during i18n extraction

v18.2.0

Compare Source

@​angular/build

Commit	Type	Description
182ecbd18	fix	allow explicitly disabling TypeScript incremental mode
34908a3fc	fix	lazy load Node.js inspector for dev server

v18.1.4

Compare Source

18.1.4 (2024-08-07)

@​angular/build

Commit	Description
	allow explicitly disabling TypeScript incremental mode
	lazy load Node.js inspector for dev server

v18.1.3

Compare Source

@​angular/build

Commit	Type	Description
a28615d7d	fix	add CSP nonce attribute to script tags when inline critical CSS is disabled
747a1447c	fix	prevent build failures with remote CSS imports when Tailwind is configured
c0933f2c0	fix	resolve error with extract-i18n builder for libraries

v18.1.2

Compare Source

@​angular/build

Commit	Type	Description
5b9378a3b	fix	account for HTML base HREF for dev-server externals
3e4ea77d7	fix	correctly detect comma in Sass URL lexer
d868270f1	fix	prevent redirection loop
3573ac655	fix	serve HTML files directly

v18.1.1

Compare Source

@​angular-devkit/build-angular

Commit	Type	Description
4f6cee272	fix	skip undefined files when generating budget stats

@​angular/build

Commit	Type	Description
96dc7e6ed	fix	remove Vite "/@​id/" prefix for explicit external dependencies
bdef39801	fix	resolve only ".wasm" files

v18.1.0

Compare Source

@​angular/cli

Commit	Type	Description
6c0f60d1b	fix	make ng update to keep newline at the end of package.json

@​angular-devkit/build-angular

Commit	Type	Description
1eb36e593	fix	reduce the number of max workers to available CPUs minus one
c6fc0203e	fix	rollback terser to 5.29.2

@​angular/build

Commit	Type	Description
628d87a94	feat	support WASM/ES Module integration proposal
fb8e3c39a	fix	allow top-level await in zoneless applications
5ec724338	fix	correctly name entry points to match budgets
cd97134a6	fix	normalize paths during module resolution in Vite
27bd67083	fix	redirect to path with trailing slash for asset directories
e8a6d6bc4	fix	reduce the number of max workers to available CPUs minus one
3091956f5	fix	support import attributes in JavaScript transformer

v18.0.7

Compare Source

@​angular/cli

Commit	Type	Description
67bf90131	fix	make ng update to keep newline at the end of package.json

@​angular-devkit/build-angular

Commit	Type	Description
9b43ecbd0	fix	reduce the number of max workers to available CPUs minus one
03dad6806	fix	rollback terser to 5.29.2

@​angular/build

Commit	Type	Description
fc928f638	fix	correctly name entry points to match budgets
2d51e8607	fix	redirect to path with trailing slash for asset directories
16f1c1e01	fix	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

v17.3.10

Compare Source

@​angular-devkit/build-angular

Commit	Type	Description
30489d8fd	fix	update vite to 4.1.8

v17.3.9

Compare Source

@​angular-devkit/build-angular

Commit	Type	Description
e2c5c034d	fix	clear context in Karma by default for single run executions
88501f3d5	fix	upgrade webpack to 5.94.0

v17.3.8

Compare Source

@​angular/cli

Commit	Type	Description
3ada6eb52	fix	clarify optional migration instructions during ng update

@​angular-devkit/schematics

Commit	Type	Description
4b6ba8df1	fix	SchematicTestRunner.runExternalSchematic fails with "The encoded data was not valid for encoding utf-8"

v17.3.7

Compare Source

v17.3.6

Compare Source

@​angular-devkit/build-angular

Commit	Type	Description
dcec59799	fix	properly configure headers for media resources and HTML page

v17.3.5

Compare Source

v17.3.4

Compare Source

@​angular-devkit/build-angular

Commit	Type	Description
1128bdd64	fix	ensure esbuild-based builders exclusively produce ESM output

v17.3.3

Compare Source

@​schematics/angular

Commit	Type	Description
a673baf5c	fix	Revert "fix(@​schematics/angular): rename SSR port env variable"

v17.3.2

Compare Source

@​schematics/angular

Commit	Type	Description
935f931ee	fix	rename SSR port env variable

@​angular-devkit/build-angular

Commit	Type	Description
c9d436000	fix	Internal server error: Invalid URL when using a non localhost IP
59fba38ec	fix	ensure proper resolution of linked SCSS files
27dd8f208	fix	service-worker references non-existent named index output
c12907d92	fix	update webpack-dev-middleware to 6.1.2

v17.3.1

Compare Source

17.3.1 (2024-03-20)

@​schematics/angular

Commit	Description
	improve Sass format clarity for application style option

@​angular-devkit/build-angular

Commit	Description
	only generate server directory when SSR is enabled
	typo in allowedHosts warning for unsupported vite options
	avoid transforming empty component stylesheets
	reduce build times for apps with a large number of components when utilizing esbuild-based builders

v17.3.0

Compare Source

@​schematics/angular

Commit	Type	Description
5ab71fc92	feat	update CSS/Sass import/use specifiers in application migration

@​angular-devkit/build-angular

Commit	Type	Description
9ca3a5450	feat	add deployUrl to appli

---

Configuration

📅 Schedule: Branch creation - "every weekend" (UTC), 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 was generated by Mend Renovate. View the repository job 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: frontend/blog-angular-ui/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@"16.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.3.7" 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! See /tmp/renovate/cache/others/npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/renovate/cache/others/npm/_logs/2024-05-08T14_00_50_813Z-debug-0.log

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Walkthrough

The updates involve upgrading Angular development dependencies in the project's package.json file. The packages @angular-devkit/build-angular and @angular/cli have been incrementally upgraded from version 16.2.14 to 18.2.2. This significant version change is expected to introduce new features, enhancements, and potentially breaking changes that developers should be aware of in the Angular development environment.

Changes

Files	Change Summary
frontend/blog-angular-ui/package.json	Updated @angular-devkit/build-angular and @angular/cli from 16.2.14 to 18.2.2.

Poem

In the garden where code does bloom,
Angular's tools have found new room!
With updates bright, we take a leap,
New features await, oh, joy to reap!
🐰✨ Version hops, let's celebrate,
A brighter build awaits—oh, isn't it great! 🌼

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[coderabbitai]

Actionable comments posted: 0

Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

Commits

Files that changed from the base of the PR and between f9ef2c2 and ffd3b88.

Files selected for processing (1)

• frontend/blog-angular-ui/package.json (1 hunks)

Additional comments not posted (2)

frontend/blog-angular-ui/package.json (2)

32-32: Verify compatibility with @angular-devkit/build-angular v18.1.4.

The update from version 16.2.14 to 18.1.4 is a major version change. Ensure that the project is compatible with this version and review any migration guides provided by Angular.

---

33-33: Verify compatibility with @angular/cli v18.1.4.

The update from version 16.2.14 to 18.1.4 is a major version change. Ensure that the project is compatible with this version and review any migration guides provided by Angular.

[coderabbitai]

Actionable comments posted: 0

Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

Commits

Files that changed from the base of the PR and between ffd3b88 and ccd7bd9.

Files selected for processing (1)

• frontend/blog-angular-ui/package.json (1 hunks)

Files skipped from review as they are similar to previous changes (1)

• frontend/blog-angular-ui/package.json

[coderabbitai]

Actionable comments posted: 0

Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

Commits

Files that changed from the base of the PR and between ccd7bd9 and 6f30046.

Files selected for processing (1)

• frontend/blog-angular-ui/package.json (1 hunks)

Files skipped from review as they are similar to previous changes (1)

• frontend/blog-angular-ui/package.json

[coderabbitai]

Actionable comments posted: 0

Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

Commits

Files that changed from the base of the PR and between 6f30046 and c7af86b.

Files selected for processing (1)

• frontend/blog-angular-ui/package.json (1 hunks)

Additional comments not posted (2)

frontend/blog-angular-ui/package.json (2)

32-32: LGTM! But verify compatibility and functionality.

The version of @angular-devkit/build-angular has been updated from 16.2.14 to 18.2.2. Ensure that the project is compatible with the new version and that all functionalities work as expected.

Run the following script to verify compatibility and functionality:

---

33-33: LGTM! But verify compatibility and functionality.

The version of @angular/cli has been updated from 16.2.14 to 18.2.2. Ensure that the project is compatible with the new version and that all functionalities work as expected.

Run the following script to verify compatibility and functionality: