Consuming application-provided code changes

Edit online

When you upgrade to a new version of the developer toolkit, to get the application-provided code changes in the components that you have overridden as part of extensions, compare the application-provided code with the code in your corresponding customized files, and merge the latest code from application-provided files to your customized component files.

For example, when you extend the pick-products route in the backroom-pick application, the pick-products route corresponds to the PickOrderPageComponent at <WORKSPACE>/store-frontend-src/packages/features/backroom-pick/src/app/features/backroom-pick/pick-order-page. You can find the extended route code in the <WORKSPACE>/store-frontend-src/extensions/features/<custom-backroom-pick>/src/app/features/<custom-backroom-pick>/pick-order-page folder.

Procedure

  1. Compare the contents of the application-provided code with the overridden code in the extensions. For example, consider PickOrderPageComponent, which is in the <WORKSPACE>/store-frontend-src/packages/features/backroom-pick/src/app/features/backroom-pick/pick-order-page folder, then compare it with the customized component files that is present in the <WORKSPACE>/store-frontend-src/extensions/features/<custom-backroom-pick>/src/app/features/<custom-backroom-pick>/pick-order-page folder.
    Note: <custom-backroom-pick> is the name of the extended single-spa application. It can be any valid name that you specify at the time of extending the single-spa application.
  2. Manually merge the latest code from the application-provided files to your customized component files.