Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Migration to Angular 18 #1070

Merged
merged 21 commits into from
Jan 23, 2025
Merged

Migration to Angular 18 #1070

merged 21 commits into from
Jan 23, 2025

Conversation

jahow
Copy link
Collaborator

@jahow jahow commented Dec 19, 2024

Description

Migration to Angular 18 and Nx 20. Most of the work was:

  • upgrading dependencies to have them all work together again
  • running automatic and manual migrations from NX and Storybook
  • fix individual issues appearing in different parts of the code

Note: migration to Angular 19 was attempted and then left out because ng-mocks is not compatible with it yet.

To do:

  • fix build for the various apps
  • fix failing tests
  • fix storybook

Architectural changes

  • Angular updated from 16 to 18
  • NX updated from 16 to 20
  • Required Node version upgraded to 20+
  • Storybook upgraded from 7 to 8
  • Many other runtime dependencies upgraded to their most recent versions
  • Typescript upgraded from 5.1 to 5.5

Screenshots

no visual changes

Quality Assurance Checklist

  • Commit history is devoid of any merge commits and readable to facilitate reviews
  • If new logic ⚙️ is introduced: unit tests were added
  • If new user stories 🤏 are introduced: E2E tests were added
  • If new UI components 🕹️ are introduced: corresponding stories in Storybook were created
  • If breaking changes 🪚 are introduced: add the breaking change label
  • If bugs 🐞 are fixed: add the backport <release branch> label
  • The documentation website 📚 has received the love it deserves

This work is sponsored by IGN.

@jahow jahow changed the title Migration to Angular 18 [WIP] Migration to Angular 18 Dec 19, 2024
Copy link
Contributor

github-actions bot commented Dec 19, 2024

Affected libs: api-metadata-converter,
Affected apps: data-platform,

  • 🚀 Build and deploy storybook and demo on GitHub Pages
  • 📦 Build and push affected docker images

@jahow jahow mentioned this pull request Dec 19, 2024
8 tasks
@jahow jahow force-pushed the migrate-ng-19 branch 2 times, most recently from 5a1d72f to fecc6b7 Compare January 10, 2025 09:02
Copy link
Contributor

github-actions bot commented Jan 10, 2025

📷 Screenshots are here!

@jahow jahow force-pushed the migrate-ng-19 branch 3 times, most recently from 45749cb to 3ccd41d Compare January 14, 2025 12:07
@coveralls
Copy link

coveralls commented Jan 14, 2025

Coverage Status

coverage: 84.615% (+0.4%) from 84.195%
when pulling f707913 on migrate-ng-19
into 8ebef57 on main.

@jahow jahow force-pushed the migrate-ng-19 branch 5 times, most recently from 95760c0 to 5ddca3f Compare January 15, 2025 10:26
@jahow jahow changed the title [WIP] Migration to Angular 18 Migration to Angular 18 Jan 15, 2025
@jahow jahow added the breaking change Requires an adaptation by the user to keep feature parity label Jan 15, 2025
@jahow
Copy link
Collaborator Author

jahow commented Jan 15, 2025

This is ready for review!

I marked the PR as breaking change since the NPM package now requires Angular 18+ as well as a new peer dependency: @ngrx/operators@18+.

The SSR part of the project has been disabled for now and will have to be restored properly in a different way.

@jahow jahow force-pushed the migrate-ng-19 branch 4 times, most recently from 5e62cc7 to e14114b Compare January 17, 2025 10:22
Copy link
Collaborator

@tkohr tkohr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the big work @jahow !

I've started the datahub, editor, web components, storybook and couldn't make out any bugs.

Couldn't achieve to install the npm package in an ng 17 app, but this seems to be expected.

@@ -111,10 +111,10 @@ <h2>Next Steps</h2>
<summary>Add UI library</summary>
<pre>
# Generate UI lib
nx g @nx/angular:lib ui
nx g &#64;nx/angular:lib ui
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is on purpose, I guess?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yes, the @ was causing compilation issues :) see c831ae8

This was making runs fail on the CI
@jahow jahow merged commit 271bc7b into main Jan 23, 2025
14 checks passed
@jahow jahow deleted the migrate-ng-19 branch January 23, 2025 13:57
@jahow jahow mentioned this pull request Jan 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
breaking change Requires an adaptation by the user to keep feature parity
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants