All Release Notes

Custom Applications v18

22 January 2021
Composable Commerce
Merchant Center Customizations
Announcement
GeneralDevelopment

The Application Kit packages have been released as a new major version v18.

This release contains breaking changes.

The changes relate to @commercetools-frontend/eslint-config-mc-app package, where eslint is now the only required peer dependency.
Additionally, the ESLint config uses the ESLint React App config as a base instead of Airbnb.

Most of the rules have stayed the same, however you may need to adjust or fix some depending on your usage.

In this release we also removed the long deprecated hostnames mc.commercetools.com and mc.commercetools.co from the default Content Security Policy configuration.
This is aligned with the long-running effort of moving the Merchant Center to use the new URLs.

If you still want to support your Custom Application to run on the legacy hostname for the remaining time being, you would need to explicitly add the legacy hostname(s) in the connect-src config of the custom-application-config.json.

Follow the steps below to migrate your ESLint config to the new version.

Migrating @commercetools-frontend/eslint-config-mc-app

Simply remove all ESLint related dependencies that where previously required as peer dependencies.

{
- "babel-eslint": "10.1.0",
"eslint": "7.18.0"
- "eslint-config-airbnb-base": "14.2.1",
- "eslint-config-prettier": "7.2.0",
- "eslint-plugin-babel": "5.3.1",
- "eslint-plugin-import": "2.22.1",
- "eslint-plugin-jest": "24.1.3",
- "eslint-plugin-jest-dom": "3.6.5",
- "eslint-plugin-jsx-a11y": "6.4.1",
- "eslint-plugin-prefer-object-spread": "1.2.1",
- "eslint-plugin-prettier": "3.3.1",
- "eslint-plugin-react": "7.22.0"
}

As a reminder, the ESLint config can be used as following:

.eslintrc.jsJavaScript
module.exports = {
extends: ['@commercetools-frontend/eslint-config-mc-app'],
};