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

Upgrade to Angular 16 #1993

Merged
merged 20 commits into from
Jul 18, 2024
Merged

Upgrade to Angular 16 #1993

merged 20 commits into from
Jul 18, 2024

Conversation

coverbeck
Copy link
Collaborator

@coverbeck coverbeck commented Jul 13, 2024

Description
Upgrades to Angular 16.

Review Instructions
Make sure the site is working correctly. Ideally the smoke tests should catch anything.

Issue
SEAB-6140

Security
If there are any concerns that require extra attention from the security team, highlight them here.

Please make sure that you've checked the following before submitting your pull request. Thanks!

  • Check that your code compiles by running npm run build
  • Ensure that the PR targets the correct branch. Check the milestone or fix version of the ticket.
  • If this is the first time you're submitting a PR or even if you just need a refresher, consider reviewing our style guide
  • Do not bypass Angular sanitization (bypassSecurityTrustHtml, etc.), or justify why you need to do so
  • If displaying markdown, use the markdown-wrapper component, which does extra sanitization
  • Do not use cookies, although this may change in the future
  • Run npm audit and ensure you are not introducing new vulnerabilities
  • Do due diligence on new 3rd party libraries, checking for CVEs
  • Don't allow user-uploaded images to be served from the Dockstore domain
  • If this PR is for a user-facing feature, create and link a documentation ticket for this feature (usually in the same milestone as the linked issue). Style points if you create a documentation PR directly and link that instead.
  • Check whether this PR disables tests. If it legitimately needs to disable a test, create a new ticket to re-enable it in a specific milestone.

@coverbeck coverbeck self-assigned this Jul 13, 2024
@@ -19,6 +19,9 @@
"plugin:@angular-eslint/recommended",
"plugin:@angular-eslint/template/process-inline-templates"
],
"plugins": [
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I'm a little unclear on why this is now needed or why it wasn't needed before. npm run lint fails now without it.

@@ -143,7 +143,7 @@
class="accent-1-dark-btn"
type="button"
(click)="addToExistingTools()"
[disabled]="(isRefreshing$ | async) || (userQuery.user$ | async) === false"
[disabled]="(isRefreshing$ | async) || (userQuery.user$ | async) === null"
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

The compiler started complaining about this, rightly so, userQuery.user$'s type is not a boolean. There are other similar instances of this that were also changed.

@@ -150,6 +150,7 @@ export class MyToolComponent extends MyEntry implements OnInit {
this.router.events
.pipe(
filter((event) => event instanceof NavigationEnd),
map((event) => event as NavigationEnd),
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Compiler complained without adding this. I guess Angular 16 compiler is stricter about some things.

@coverbeck coverbeck force-pushed the feature/seab-6140/16 branch from 506c753 to 89ca622 Compare July 16, 2024 19:50
Charles Overbeck added 2 commits July 16, 2024 14:50
because it uses legacy Material, which the rest of our
app uses.
Copy link

Copy link

codecov bot commented Jul 16, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 41.99%. Comparing base (7739200) to head (d640019).

Additional details and impacted files
@@           Coverage Diff            @@
##           develop    #1993   +/-   ##
========================================
  Coverage    41.99%   41.99%           
========================================
  Files          388      388           
  Lines        12179    12179           
  Branches      2926     2923    -3     
========================================
  Hits          5114     5114           
+ Misses        4775     4774    -1     
- Partials      2290     2291    +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

},
"overrides": {
"@schematics/update": {
"ini": "^1.3.8"
},
"ngx-mat-select-search": {
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

There is a newer ngx-mat-select-search that works out of the box with Angular 16, but it uses the new Material components, and we're still on the legacy material components.

@coverbeck coverbeck requested review from svonworl and denis-yuen July 16, 2024 22:49
@coverbeck coverbeck requested review from kathy-t and hyunnaye July 16, 2024 22:49
@coverbeck coverbeck merged commit e1c01ab into develop Jul 18, 2024
19 checks passed
@coverbeck coverbeck deleted the feature/seab-6140/16 branch July 18, 2024 17:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants