override.js: estimate the effort to apply it everywhere

[jrcastro2]

No description provided.

[jrcastro2]

Places where it is currently being used:

• Invenio-app-rdm:
  • invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/frontpage/index.js
  • invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/deposit/index.js
• invenio-communities:
  • invenio_communities/assets/semantic-ui/js/invenio_communities/community/communities-carousel/index.js

In these places the override file it's placed inside the folder that implements the component with the overriden ones. As pointed out by @kpsherva, this forces the users to follow the same folder structure and to create multiple override.js files to customize it.
For instance, for invenio-app-rdm, in order to customize the fronpage and the deposit, the following structure would be needed.

assets/js/invenio_app_rdm/
└── frontpage
    └──override.js
└── deposit
   └──override.js

An alternative to this is to keep the override at the parent module folder and have as many variables as components that accept overrivable components.

assets/js/invenio_app_rdm/
└──override.js

The override.js can contain both variables, one for the fronpage and another for the deposit.

export const depositOverriddenComponents = {...}
export const fronpageOverriddenComponents = {...}

Any ohter ideas are welcomed on how to improve this!

Places where it is missing and should be added:

• invenio-communities:
  • invenio_communities/assets/semantic-ui/js/invenio_communities/administration/details.js
• invenio-requests:
  • invenio_requests/assets/semantic-ui/js/invenio_requests/InvenioRequestsApp.js
• invenio-rdm-records:
  • invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/oaipmh/details/index.js
  • invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/oaipmh/search/SearchResultItem.js
• react-invenio-deposit
  • react-invenio-deposit/src/lib/components/CommunitySelectionModal/CommunitySelectionSearch.js
  • react-invenio-deposit/src/lib/components/License/LicenseModal.js