IBM Product Master - Upcoming Angular 16 version upgrades

Content

What are the main benefits of the IBM Product Master application supporting Angular version 16?

• Introduces new features, performance improvement by using third-party libraries, and better security. 
• Continues active and security support for the Angular framework.
• Continues active and security support for the Node.js.
• If you have implemented Angular customization in the IBM Product Master application, you can use the new Angular 16 features.

For more information, see Angular v16.

Which IBM Product Master release is going to support the Angular version 16?

• The upcoming IBM Product Master 12.0 Fix Pack 11 release is going to support the Angular version 16.

How do you upgrade your existing Angular customization setup?

1. Apply the IBM Product Master version 12.0 Fix Pack 11 release.
2. Go to the $TOP/mdmui/samples folder.
3. Copy the custom-library.zip file (Angular-based custom sample library) to your machine.
4. Extract the custom-library.zip file.
5. Delete the package-lock.json file and all the existing node modules.
6. Install the Node.js 18.17.1 version.
7. Open the custom-library folder in the Visual Studio Code editor.
8. In the command terminal, run the npm install command.
9. Update your existing components as per Angular 16.
10. Run the npm run generateLibrary command.
    The application creates .bundle library inside the respective module bundle folder in the mdm_ui/js/custom folder.
11. Copy the generated JS files to the $TOP/mdmui/custom/ui/js folder.
12. Run the $TOP/mdmui/bin/updateRtProperties.sh script for WebSphere® Application Server. The script copies JS files to the following folder in the WebSphere Application Server.
    $WAS_HOME/profiles/<WAS profile>/installedApps/<Node Cell>/mdm_ui.war.ear/mdm_ui.war/js/custom
13. Press Ctrl + Shift + Delete to clean the browser cache and close all the browser instances.
14. Open a new browser and verify that your changes are reflected in the Persona-based UI.