karolina-siemieniuk-morawska
commented
1 year ago Added to coldbox after several attempts on updating due to how much time it already consumed. The main issue behind all the difficulties is that both ng2-json-editor and record editor needs to be updated directly from Angular v4 to Angular v12 in order to get rid of node-sass that was only removed from Angular since version 12 and is blocking the rest of the project. Otherwise we cannot update Node version from v10.14.0 to any higher version, and we aim for >16.
The final attempt on updating seems to be the most promising, the following was done:
1. For ng2-json-editor:
- used Node 16 as the project environment
- created a new project using Angular-cli v12 and ng new method
- updated all the dependencies that required the update to install (gulp and all gulp related packages, moment, immutable, bootstrap-sass, font-awesome, katex, lodash)
- migrated angular-cli.json file to angular.json file using a script from this gist
- started rewriting gulpfile.js - updating from v3 to v4 resulted in breaking changes - this is where I stopped 🛑
- when gulp will be working correctly, next step is to deal with all of the breaking changes that came with newer Angular version - HTTP module, RXJS operators etc
2. For record-editor:
- updating RE was mostly blocked by ng2-json-editor which is the core of the project
- I manually installed higher version of angular-cli ans the command normally used for that (ng update) was not yet released in angular-cli v.1.4.5 that we use in Record Editor
- after that I ran ng update command to update the rest of the project to Angular v12
- migrated angular-cli.json file to angular.json file using a script from [this gist]
- there are many differences and breaking changes between v4 and v12, especially concerning HTTP module and RXJS operators - i started resolving the issues, but the changes need to be applied to almost every file - this is where I stopped 🛑
List of packages and repos to update in Record Editor:
1. Update ng2-json-editor project:
2. Update record-editor project:
Node: from 10.14.0 to >=16 to match Inspire
Angular: from 4 to as high as possible (latest is 16.0.4)
Angular CLI: from 1.5.6 to as high as possible (latest is 16.0.4)
Typescript: from 2.3.0 to at least 4
Get rid of node-sass as well
Karma (test runner): from 1.4.1 to >6
jasmine-core: from 2.5.2 to >5
plus all dependencies that fail after the updates