monorock icon indicating copy to clipboard operation
monorock copied to clipboard

Update Nx and Angular to version 17

Open Copilot opened this issue 7 months ago • 0 comments

This PR upgrades the monorepo from Angular 16.2.0 and Nx 16.7.0 to Angular 17.3.0 and Nx 17.3.0, bringing the project up to date with the latest stable versions.

Changes Made

Core Dependency Updates

  • Angular: 16.2.0 → 17.3.0 (all Angular packages)
  • Nx: 16.7.0 → 17.3.0 (all Nx packages)
  • TypeScript: 5.1.3 → 5.4.5 (required for Angular 17)
  • Zone.js: 0.13.0 → 0.14.0 (Angular 17 requirement)
  • ESLint tooling: Updated to compatible versions for Nx 17

Missing Dependencies Added

  • PrimeNG: Added v17.0.0 (used by Angular components)
  • firebaseui-angular: Added v6.1.0 (used by authentication)

Breaking Changes Fixed

  • Fixed Angular 17 template syntax issue in nx-welcome.component.ts where @ characters needed HTML entity encoding
  • Created root .eslintrc.json configuration file required by Nx 17
  • Updated ESLint configuration to be compatible with new versions

Build Verification

Both applications now build successfully:

  • ✅ Angular frontend (rockme app)
  • ✅ NestJS backend (api app)

Infrastructure Improvements

  • Updated .gitignore to exclude Nx cache files from version control
  • Maintained backward compatibility with existing project structure

Testing

  • Verified clean builds for both applications
  • Confirmed Nx workspace commands work correctly
  • Validated core functionality remains intact

The upgrade maintains all existing functionality while providing access to Angular 17's new features and performance improvements.

Fixes #32.

[!WARNING]

Firewall rules blocked me from connecting to one or more addresses

I tried to connect to the following addresses, but was blocked by firewall rules:

  • cloud.nx.app
    • Triggering command: node ./bin/post-install (dns block)
    • Triggering command: node /home/REDACTED/work/monorock/monorock/node_modules/.bin/nx build rockme (dns block)
    • Triggering command: node /home/REDACTED/work/monorock/monorock/node_modules/.bin/nx build api (dns block)
  • download.cypress.io
    • Triggering command: node index.js --exec install (dns block)

If you need me to access, download, or install something from one of these locations, you can either:


💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

Copilot avatar Aug 02 '25 10:08 Copilot