ember-codemod-remove-ember-css-modules

_Codemod to replace ember-css-modules with embroider-css-modules_

1. Features
1. Usage
- Arguments
- Limitations
1. Compatibility
1. Contributing
1. License

Features

The codemod helps you:

- Remove ember-css-modules syntax from an Embroider app
- Remove ember-css-modules syntax from a v2 addon

It preserves your code whenever possible.

Usage

You can find a migration example in ember-container-query.

Step 1. Quickly remove ember-css-modules syntax.¹

``sh
cd
npx ember-codemod-remove-ember-css-modules
`

Manually remove the remaining instances of local-class attributes and {{local-class}} helpers.

Step 2. Update project configurations.2

- [x] Set up CSS modules (see the guides for apps and v2 addons).
- [x] Confirm that you can run all scripts in package.json.

^{1. Some prerequisites for running the codemod: First, migrate to the Octane layout (flat or nested). You can leverage codemods for classic and pod layouts. Second, refactor code to help the codemod update templates correctly.}

2. Files such as .eslintrc.js, .prettierrc.js, .stylelintrc.js, .template-lintrc.js, ember-cli-build.js, package.json, postcss.config.js, tsconfig.json, etc.




$3

You must pass --type to indicate what type of project you have.

`sh
npx ember-codemod-remove-ember-css-modules --type app
npx ember-codemod-remove-ember-css-modules --type v2-addon
`




Optional: Specify the component structure

By default, an Embroider project has the flat component structure. Pass --component-structure to indicate otherwise.

`sh
npx ember-codemod-remove-ember-css-modules --component-structure nested
`

Optional: Specify the project root

Pass --root to run the codemod somewhere else (i.e. not in the current directory).

`sh
npx ember-codemod-remove-ember-css-modules --root
`




$3

The codemod is designed to cover typical uses of ember-css-modules. It is not designed to cover one-off cases.

V2 Addons

The codemod updates components only.

To better meet your needs, consider cloning the repo and running the codemod locally.

`sh
cd

Compile TypeScript

pnpm build

Run codemod

./dist/bin/ember-codemod-remove-ember-css-modules.js --root=
``

Compatibility

- Node.js v20 or above

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.