24.2.0 • Published 5 months ago

@commercetools-frontend/codemod v24.2.0

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

@commercetools-frontend/codemod

Codemod transformations for Custom Applications.

Usage

$ npx @commercetools-frontend/codemod@latest <transform> <glob_pattern>

We recommend to run prettier on the modified files to preserve the formatting configured on your project. For example, you can run prettier --write $(git diff --name-only).

If you are using lint-staged there is a high chance that you already run prettier on the staged files. Therefore, you don't need to run it manually.

Transforms

remove-deprecated-modal-level-props

Remove deprecated level and baseZIndex props from modal page components.

$ npx @commercetools-frontend/codemod@latest remove-deprecated-modal-level-props 'src/**/*.{js,jsx,ts,tsx}'

rename-js-to-jsx

Rename .js files using React JSX syntax to .jsx.

$ npx @commercetools-frontend/codemod@latest rename-js-to-jsx 'src/**/*.js'

rename-mod-css-to-module-css

Rename .mod.css files to .module.css and update imports.

$ npx @commercetools-frontend/codemod@latest rename-mod-css-to-module-css 'src/**/*.{js,jsx,ts,tsx}'

redesign-cleanup

Remove code related to the old design when using the useTheme hook, for example the usage of themedValue.

$ npx @commercetools-frontend/codemod@latest redesign-cleanup 'src/**/*.{jsx,tsx}'

react-default-props-migration

Migrates the way React Components defaultProps to use JavaScript default parameters instead. This is needed for React v18 or later. Example:

// BEFORE
function MyComponent(props) {
  return (
    <ul>
    <li>Prop 1: {props.prop1}</li>
    <li>Prop 2: {props.prop2}</li>
    <li>Prop 3: {props.prop3}</li>
  </ul>
  );
}
MyComponent.defaultProps = {
  prop1: 'My default value',
};

// AFTER
function MyComponent({ prop1: 'My default value', ...props }) {
  return (
    <ul>
    <li>Prop 1: {prop1}</li>
    <li>Prop 2: {props.prop2}</li>
    <li>Prop 3: {props.prop3}</li>
  </ul>
  );
}

You can run this codemod by using the following command:

$ npx @commercetools-frontend/codemod@latest react-default-props-migration 'src/**/*.{jsx,tsx}'
23.4.0

5 months ago

24.2.0

5 months ago

22.36.0-preview.0

11 months ago

22.41.0

9 months ago

22.36.0

11 months ago

22.38.0

10 months ago

22.38.2

9 months ago

22.38.1

10 months ago

22.38.3

9 months ago

22.40.0

9 months ago

23.1.0

8 months ago

24.1.0

5 months ago

23.3.0

6 months ago

22.42.1

9 months ago

22.42.0

9 months ago

22.37.0

11 months ago

22.35.1

12 months ago

22.39.1

9 months ago

22.39.0

9 months ago

23.0.0

8 months ago

23.2.2

7 months ago

23.2.1

7 months ago

23.2.3

6 months ago

23.2.0

7 months ago

24.0.0

5 months ago

22.35.0

1 year ago

22.34.0

1 year ago

22.33.0

1 year ago

22.32.2

1 year ago

22.32.1

1 year ago

22.32.0

1 year ago

22.31.0

1 year ago

22.30.3

1 year ago

22.30.0

1 year ago

22.30.2

1 year ago

22.30.1

1 year ago

22.29.0

1 year ago

22.28.0

1 year ago

22.27.0

1 year ago

22.26.0

1 year ago

22.25.1

1 year ago

22.25.0

1 year ago

22.24.0

1 year ago

22.23.3

2 years ago

22.23.2

2 years ago

22.23.1

2 years ago

22.23.0

2 years ago

22.22.0

2 years ago

22.21.0

2 years ago

22.20.0

2 years ago

22.19.0

2 years ago

22.18.0

2 years ago

22.17.2

2 years ago

22.17.1

2 years ago

22.17.0

2 years ago

22.16.0

2 years ago

22.15.1

2 years ago

22.15.0

2 years ago

22.14.3

2 years ago

22.14.2

2 years ago

22.14.1

2 years ago

22.14.0

2 years ago

22.13.2

2 years ago

22.13.1

2 years ago

22.10.0

2 years ago

22.6.0

2 years ago

22.7.1

2 years ago

22.7.0

2 years ago

22.8.4

2 years ago

22.8.3

2 years ago

22.8.2

2 years ago

22.8.1

2 years ago

22.8.0

2 years ago

22.9.1

2 years ago

22.13.0

2 years ago

22.12.0

2 years ago

22.11.0

2 years ago

22.3.4

2 years ago

22.3.3

2 years ago

22.4.0

2 years ago

22.5.0

2 years ago

22.3.2

2 years ago

22.3.1

2 years ago

22.1.0

2 years ago

22.2.1

2 years ago

22.2.0

2 years ago

22.3.0

2 years ago

22.0.1

3 years ago

22.0.0

3 years ago

21.25.2

3 years ago

21.25.1

3 years ago

21.25.0

3 years ago

21.23.9

3 years ago

21.23.10

3 years ago

21.24.0

3 years ago

21.24.3

3 years ago

21.24.2

3 years ago

21.24.1

3 years ago

21.23.8

3 years ago

21.23.7

3 years ago

21.23.6

3 years ago

21.23.5

3 years ago

21.22.1

3 years ago

21.22.0

3 years ago

21.23.1

3 years ago

21.23.0

3 years ago

21.23.4

3 years ago

21.23.3

3 years ago

21.23.2

3 years ago

21.20.0

3 years ago

21.20.4

3 years ago

21.20.3

3 years ago

21.20.2

3 years ago

21.20.1

3 years ago

21.20.5

3 years ago

21.21.2

3 years ago

21.21.1

3 years ago

21.21.0

3 years ago

21.18.1

3 years ago

21.18.0

3 years ago

21.19.0

3 years ago

21.16.0

3 years ago

21.17.0

3 years ago

21.14.3

3 years ago

21.14.2

3 years ago

21.14.1

3 years ago

21.14.0

3 years ago

21.13.0

3 years ago

21.15.0

3 years ago

21.13.1

3 years ago

0.3.0

3 years ago

0.2.0

3 years ago

0.1.0

4 years ago