Angular: Support v19

[leosvelperez]

Closes #

What I did

I have widened the version range of Angular peer dependencies to allow the usage of Angular v19. Additionally, I updated some component and pipe metadata with standalone: false where needed. Angular v19 switches the default for standalone to true.

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

• stories
• unit tests
• integration tests
• end-to-end tests

Manual testing

This section is mandatory for all contributions. If you believe no manual test is necessary, please state so explicitly. Thanks!

Documentation

• Add or update documentation reflecting your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Checklist for Maintainers

• When this PR is ready for testing, make sure to add ci:normal, ci:merged or ci:daily GH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found in code/lib/cli-storybook/src/sandbox-templates.ts

• Make sure this PR contains one of the labels below:

  Available labels

  • bug: Internal changes that fixes incorrect behavior.
  • maintenance: User-facing maintenance tasks.
  • dependencies: Upgrading (sometimes downgrading) dependencies.
  • build: Internal-facing build tooling & test updates. Will not show up in release changelog.
  • cleanup: Minor cleanup style change. Will not show up in release changelog.
  • documentation: Documentation only changes. Will not show up in release changelog.
  • feature request: Introducing a new feature.
  • BREAKING CHANGE: Changes that break compatibility in some way with current major version.
  • other: Changes that don't fit in the above categories.

🦋 Canary release

This pull request has been released as version 0.0.0-pr-29659-sha-1f47b682. Try it out in a new sandbox by running npx [email protected] sandbox or in an existing project with npx [email protected] upgrade.

More information

Published version	0.0.0-pr-29659-sha-1f47b682
Triggered by	@yannbf
Repository	leosvelperez/storybook
Branch	feat/angular-19
Commit	1f47b682
Datetime	Wed Nov 20 06:17:08 UTC 2024 (1732083428)
Workflow run	11927838404

To request a new release of this pull request, mention the @storybookjs/core team.

core team members can create a new canary release here or locally with gh workflow run --repo storybookjs/storybook canary-release-pr.yml --field pr=29659

name	before	after	diff	z	%
createSize	0 B	0 B	0 B	-	-
generateSize	78.4 MB	78.4 MB	0 B	0.28	0%
initSize	144 MB	144 MB	266 B	1.53	0%
diffSize	65.3 MB	65.3 MB	266 B	4.36	0%
buildSize	7.03 MB	7.03 MB	0 B	4.35	0%
buildSbAddonsSize	1.51 MB	1.51 MB	0 B	-	0%
buildSbCommonSize	195 kB	195 kB	0 B	-	0%
buildSbManagerSize	2.06 MB	2.06 MB	0 B	4.36	0%
buildSbPreviewSize	271 kB	271 kB	0 B	-	0%
buildStaticSize	0 B	0 B	0 B	-	-
buildPrebuildSize	4.04 MB	4.04 MB	0 B	4.36	0%
buildPreviewSize	3 MB	3 MB	0 B	0.99	0%
testBuildSize	0 B	0 B	0 B	-	-
testBuildSbAddonsSize	0 B	0 B	0 B	-	-
testBuildSbCommonSize	0 B	0 B	0 B	-	-
testBuildSbManagerSize	0 B	0 B	0 B	-	-
testBuildSbPreviewSize	0 B	0 B	0 B	-	-
testBuildStaticSize	0 B	0 B	0 B	-	-
testBuildPrebuildSize	0 B	0 B	0 B	-	-
testBuildPreviewSize	0 B	0 B	0 B	-	-

name	before	after	diff	z	%
createTime	25.8s	7.5s	-18s -259ms	-1.26	🔰-240.3%
generateTime	22.9s	21s	-1s -805ms	-0.08	-8.6%
initTime	14.9s	15.7s	814ms	0.58	5.2%
buildTime	8s	8.8s	842ms	-0.09	9.5%
testBuildTime	0ms	0ms	0ms	-	-
devPreviewResponsive	6.8s	7.8s	999ms	3.75	🔺12.7%
devManagerResponsive	4s	4.5s	437ms	2.67	🔺9.6%
devManagerHeaderVisible	608ms	845ms	237ms	4.16	🔺28%
devManagerIndexVisible	702ms	941ms	239ms	3.57	🔺25.4%
devStoryVisibleUncached	1.1s	1s	-124ms	0.4	-11.8%
devStoryVisible	647ms	933ms	286ms	3.81	🔺30.7%
devAutodocsVisible	502ms	978ms	476ms	9.03	🔺48.7%
devMDXVisible	548ms	744ms	196ms	4.58	🔺26.3%
buildManagerHeaderVisible	611ms	803ms	192ms	3.63	🔺23.9%
buildManagerIndexVisible	628ms	1.1s	508ms	7.9	🔺44.7%
buildStoryVisible	613ms	794ms	181ms	3.55	🔺22.8%
buildAutodocsVisible	601ms	773ms	172ms	4.8	🔺22.3%
buildMDXVisible	493ms	700ms	207ms	5.07	🔺29.6%

Greptile Summary

Updates Angular support to v19 by modifying peer dependency ranges and adding explicit standalone component settings to maintain compatibility with Angular's new defaults.

• Updated peer dependencies in code/frameworks/angular/package.json to support Angular versions up to v20.0.0
• Added standalone: false to components and pipes in template stories to maintain compatibility with Angular v19's new defaults
• Removed test exclusion tags and Chromatic disable parameters from story configurations
• Updated devDependencies to Angular v17.3.0 for proper testing

[greptile-apps]

_{10 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings | Greptile}

[greptile-apps]

style: Version range for architect package is inconsistent with others - using 0.2000.0 vs 20.0.0 pattern

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 1f47b68. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

• nx run-many -t build --parallel=3

---

Sent with 💌 from NxCloud.

[storybook-bot]

Failed to publish canary version of this pull request, triggered by @yannbf. See the failed workflow run at: https://github.com/storybookjs/storybook/actions/runs/11917894925

[storybook-pr-benchmarking]

Package Benchmarks

^{Commit: 1f47b68, ran on 19 November 2024 at 18:31:37 UTC}

The following packages have significant changes to their size or dependencies:

@storybook/angular

	Before	After	Difference
Dependency count	257	258	🚨 +1 🚨
Self size	362 KB	362 KB	0 B
Dependency size	34.20 MB	34.49 MB	🚨 +291 KB 🚨
Bundle Size Analyzer	Link	Link

@storybook/experimental-nextjs-vite

	Before	After	Difference
Dependency count	87	87	0
Self size	230 KB	230 KB	0 B
Dependency size	31.03 MB	31.30 MB	🚨 +270 KB 🚨
Bundle Size Analyzer	Link	Link

[valentinpalkovic]

LGTM! Thank you so much for the update and maintenance.