ember-codemod-remove-ember-css-modules 1.1.3 → 2.0.0

package/README.md

@@ -8,9 +8,6 @@ _Codemod to replace `ember-css-modules` with `embroider-css-modules`_
 1. [Usage](#usage)
     - [Arguments](#arguments)
     - [Limitations](#limitations)
-1. [How to refactor code](#how-to-refactor-code)
-    - [Remove code inheritance](#remove-code-inheritance)
-    - [Remove complex string concatenations](#remove-complex-string-concatenations)
 1. [Compatibility](#compatibility)
 1. [Contributing](#contributing)
 1. [License](#license)
@@ -18,235 +15,96 @@ _Codemod to replace `ember-css-modules` with `embroider-css-modules`_
 
 ## Features
 
-- Preserves your code whenever possible
-- Supports [`glint`](https://typed-ember.gitbook.io/glint/)
-- Focuses on maintainability and extensibility
+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 check [`ember-container-query`](https://github.com/ijlee2/ember-container-query/pull/167) as a reference.
+You can find a migration example in [`ember-container-query`](https://github.com/ijlee2/ember-container-query/pull/167).
 
-Step 1. Quickly migrate to [`embroider-css-modules`](https://github.com/ijlee2/embroider-css-modules).<sup>1</sup>
+Step 1. Quickly remove `ember-css-modules` syntax.<sup>1</sup>
 
 ```sh
 cd <path/to/your/project>
 npx ember-codemod-remove-ember-css-modules <arguments>
 ```
 
-Step 2. Review the project.
+Manually remove the remaining instances of `local-class` attributes and `{{local-class}}` helpers.
+
+Step 2. Update project configurations.
 
-- [x] Update the configuration files.<sup>2</sup>
-- [x] Remove the remaining instances of `local-class` attributes and `{{local-class}}` helpers from `ember-css-modules`.
+- [x] Set up CSS modules (see the guides for [apps](../../docs/written-guides/set-up-css-modules-apps.md) and [v2 addons](../../docs/written-guides/set-up-css-modules-v2-addons.md)).
 - [x] Confirm that you can run all scripts in `package.json`.
 
-<sup>1. Some prerequisites for running the codemod: First, migrate to the Octane layout (flat or nested). You can leverage codemods for [classic](https://github.com/ember-codemods/ember-component-template-colocation-migrator) and [pod](https://github.com/ijlee2/ember-codemod-pod-to-octane) layouts. Second, [refactor code](#how-to-refactor-code) to help the codemod update templates correctly.</sup>
+<sup>1. Some prerequisites for running the codemod: First, migrate to the Octane layout (flat or nested). You can leverage codemods for [classic](https://github.com/ember-codemods/ember-component-template-colocation-migrator) and [pod](https://github.com/ijlee2/ember-codemod-pod-to-octane) layouts. Second, [refactor code](../../docs/refactor-code.md) to help the codemod update templates correctly.</sup>
 
 <sup>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.</sup>
 
 
 ### Arguments
 
-<details>
-<summary>Optional: Specify the component structure</summary>
-
-By default, an Octane project has the flat component structure. Pass `--component-structure` to indicate otherwise.
+You must pass `--type` to indicate what type of project you have.
 
 ```sh
-npx ember-codemod-remove-ember-css-modules --component-structure="nested"
+npx ember-codemod-remove-ember-css-modules --type app
+npx ember-codemod-remove-ember-css-modules --type v2-addon
 ```
 
-</details>
 
 <details>
-<summary>Optional: Specify the project root</summary>
 
-Pass `--root` to run the codemod on a project somewhere else (i.e. not in the current directory).
-
-```sh
-npx ember-codemod-remove-ember-css-modules --root=<path/to/your/project>
-```
-
-</details>
-
-
-### Limitations
-
-The codemod is designed to cover typical uses of `ember-css-modules`. It is not designed to cover one-off cases.
+<summary>Optional: Specify the component structure</summary>
 
-To better meet your needs, consider cloning the repo and running the codemod locally.
+By default, an Embroider project has the flat component structure. Pass `--component-structure` to indicate otherwise.
 
 ```sh
-cd <path/to/cloned/repo>
-
-# Compile TypeScript
-pnpm build
-
-# Run codemod
-./dist/bin/ember-codemod-remove-ember-css-modules.js --root=<path/to/your/project>
-```
-
-
-## How to refactor code
-
-### Remove code inheritance
-
-`ember-css-modules` allows composing (really, inheriting) CSS code in two ways:
-
-- `composes: ... from '...';` in `*.css`
-- `{{local-class ... from="..."}}` in `*.hbs`
-
-The first syntax will continue to work in an Embroider app, provided that the import path is either `global` or a relative path.
-
-```css
-/* app/components/ui/form/textarea.css */
-.textarea {
-  composes: input from "./input.css";
-}
-
-.is-disabled {
-  composes: input-disabled from global;
-}
-
-/* These do not work */
-.textarea {
-  composes: input from "my-app/components/ui/form/input.css";
-}
-
-.textarea {
-  composes: input from "my-v2-addon/components/ui/form/input.css";
-}
-```
-
-The second syntax isn't supported by the `{{local}}` helper from `embroider-css-modules`, so you will need to update the template and stylesheet accordingly.
-
-However, note that the presence of `composes` (in a set of related components) may indicate a premature abstraction and an incorrect component design. Ideally, you might duplicate the CSS, then refactor the components. If short on time, you can import the relevant `styles` object in the backing class.
-
-<details>
-
-<summary>Before, with <code>ember-css-modules</code></summary>
-
-Case 1:
-
-```hbs
-{{! app/components/ui/form/textarea.hbs }}
-<textarea
-  class={{local-class "input" from="my-app/components/ui/form/input.css"}}
-/>
-```
-
-Case 2:
-
-```css
-/* app/components/ui/form/textarea.css */
-.textarea {
-  composes: input from "my-app/components/ui/form/input.css";
-}
-```
-
-```hbs
-{{! app/components/ui/form/textarea.hbs }}
-<textarea
-  local-class="textarea"
-/>
+npx ember-codemod-remove-ember-css-modules --component-structure nested
 ```
 
 </details>
 
 <details>
 
-<summary>After, with <code>embroider-css-modules</code></summary>
-
-```ts
-/* app/components/ui/form/textarea.ts */
-import Component from '@glimmer/component';
-
-import inputStyles from './input.css';
-import styles from './textarea.css';
+<summary>Optional: Specify the project root</summary>
 
-export default class UiFormTextareaComponent extends Component {
-  inputStyles = inputStyles;
-  styles = styles;
-}
-```
+Pass `--root` to run the codemod on a project somewhere else (i.e. not in the current directory).
 
-```hbs
-{{! app/components/ui/form/textarea.hbs }}
-<textarea
-  class={{this.inputStyles.input}}
-/>
+```sh
+npx ember-codemod-remove-ember-css-modules --root <path/to/your/project>
 ```
 
 </details>
 
 
-### Remove complex string concatenations
+### Limitations
 
-In `ember-css-modules`, a string can represent multiple local class names via concatenation. In `embroider-css-modules`, each string represents exactly one.
+The codemod is designed to cover typical uses of `ember-css-modules`. It is not designed to cover one-off cases.
 
 <details>
 
-<summary>Before, with <code>ember-css-modules</code></summary>
-
-```hbs
-{{! app/components/ui/form/textarea.hbs }}
-<textarea
-  local-class="
-    textarea
-    {{if (or @isDisabled @isReadOnly) 'is-disabled'}}
-  "
-/>
-```
-
-</details>
-
-<details>
+<summary>V2 Addons</summary>
 
-<summary>After, with <code>embroider-css-modules</code></summary>
-
-```hbs
-{{! app/components/ui/form/textarea.hbs }}
-<textarea
-  class={{local-class
-    this.styles
-    "textarea"
-    (if (or @isDisabled @isReadOnly) "is-disabled")
-  }}
-/>
-```
+The codemod updates components only. Please see [Set up CSS modules (v2 addons)](../../docs/written-guides/set-up-css-modules-v2-addons.md) to set up `embroider-css-modules`.
 
 </details>
 
-The codemod may fail to update complex expressions. Refactor templates to provide hints. For example, remove nested conditionals (apply them outside the HTML element) and use the `{{concat}}` helper to group substrings.
-
-<details>
-
-<summary>Before refactor, with <code>ember-css-modules</code></summary>
-
-```hbs
-{{! app/components/ui/form/phone.hbs }}
-<input
-  local-class="input flag-{{@country}}"
-  type="tel"
-/>
-```
-
-</details>
+To better meet your needs, consider cloning the repo and running the codemod locally.
 
-<details>
+```sh
+cd <path/to/cloned/repo>
 
-<summary>After refactor, with <code>ember-css-modules</code></summary>
+# Compile TypeScript
+pnpm build
 
-```hbs
-{{! app/components/ui/form/phone.hbs }}
-<input
-  local-class="input {{concat 'flag-' @country}}"
-  type="tel"
-/>
+# Run codemod
+./dist/bin/ember-codemod-remove-ember-css-modules.js --root=<path/to/your/project>
 ```
 
-</details>
-
 
 ## Compatibility
 

package/dist/bin/ember-codemod-remove-ember-css-modules.js

@@ -17,10 +17,17 @@ const argv = yargs(hideBin(process.argv))
     .option('root', {
     describe: 'Location of your Ember project',
     type: 'string',
+})
+    .option('type', {
+    choices: ['app', 'v2-addon'],
+    demandOption: true,
+    describe: 'Type of your Ember project',
+    type: 'string',
 })
     .parseSync();
 const codemodOptions = {
     componentStructure: argv['component-structure'],
     projectRoot: argv['root'] ?? process.cwd(),
+    projectType: argv['type'],
 };
 removeEmberCssModules(codemodOptions);

package/dist/src/index.js

@@ -1,4 +1,13 @@
-import { migrateEmberApp } from './migration/index.js';
+import { migrateEmberApp, migrateEmberV2Addon } from './migration/index.js';
 export function removeEmberCssModules(codemodOptions) {
-    migrateEmberApp(codemodOptions);
+    switch (codemodOptions.projectType) {
+        case 'app': {
+            migrateEmberApp(codemodOptions);
+            break;
+        }
+        case 'v2-addon': {
+            migrateEmberV2Addon(codemodOptions);
+            break;
+        }
+    }
 }

package/dist/src/migration/ember-app/index.js

@@ -1,13 +1,9 @@
-import { analyzeApp, createOptions, importStylesInComponents, importStylesInRoutes, moveStylesheets, updateAppAppJs, updateComponentTemplates, updatePackageJson, updateRouteTemplates, } from './steps/index.js';
+import { createOptions } from '../../utils/steps/create-options.js';
+import { analyzeProject, importStylesInComponents, importStylesInRoutes, moveStylesheets, updateComponentTemplates, updateRouteTemplates, } from './steps/index.js';
 export function migrateEmberApp(codemodOptions) {
     const options = createOptions(codemodOptions);
-    const { hasEmberCssModules } = options.project;
-    // Guarantee idempotency
-    if (!hasEmberCssModules) {
-        return;
-    }
     // Prepare for migration
-    const context = analyzeApp(options);
+    const context = analyzeProject(options);
     // Import styles in classes
     moveStylesheets(options);
     importStylesInComponents(context, options);
@@ -15,7 +11,4 @@ export function migrateEmberApp(codemodOptions) {
     // Update templates
     updateComponentTemplates(context, options);
     updateRouteTemplates(context, options);
-    // Fine-tune individual files
-    updateAppAppJs(options);
-    updatePackageJson(options);
 }

package/dist/src/migration/ember-app/steps/{analyze-app → analyze-project}/analyze-components.js

@@ -1,5 +1,5 @@
 import { findFiles, renamePathByDirectory } from '@codemod-utils/files';
-import { analyzeFilePaths } from './analyze-file-paths.js';
+import { analyzeFilePaths } from '../../../../utils/steps/analyze-project/analyze-file-paths.js';
 export function analyzeComponents(options) {
     const { componentStructure, projectRoot } = options;
     const classFilePaths = findFiles('app/components/**/*.{js,ts}', {

package/dist/src/migration/ember-app/steps/{analyze-app → analyze-project}/analyze-routes.js

@@ -1,5 +1,5 @@
 import { findFiles, renamePathByDirectory } from '@codemod-utils/files';
-import { analyzeFilePaths } from './analyze-file-paths.js';
+import { analyzeFilePaths } from '../../../../utils/steps/analyze-project/analyze-file-paths.js';
 export function analyzeRoutes(options) {
     const { projectRoot } = options;
     const classFilePaths = findFiles('app/controllers/**/*.{js,ts}', {

package/dist/src/migration/ember-app/steps/analyze-project.js

@@ -0,0 +1,7 @@
+import { analyzeComponents, analyzeRoutes } from './analyze-project/index.js';
+export function analyzeProject(options) {
+    return {
+        components: analyzeComponents(options),
+        routes: analyzeRoutes(options),
+    };
+}

package/dist/src/migration/ember-app/steps/import-styles-in-components.js

@@ -1,5 +1,5 @@
 import { join } from 'node:path';
-import { importStyles } from './import-styles/index.js';
+import { importStyles } from '../../../utils/steps/import-styles/index.js';
 function getBlueprintFilePaths(options) {
     const { project } = options;
     if (project.hasTypeScript) {

package/dist/src/migration/ember-app/steps/import-styles-in-routes.js

@@ -1,5 +1,5 @@
 import { join } from 'node:path';
-import { importStyles } from './import-styles/index.js';
+import { importStyles } from '../../../utils/steps/import-styles/index.js';
 function getBlueprintFilePaths(options) {
     const { project } = options;
     if (project.hasTypeScript) {

package/dist/src/migration/ember-app/steps/index.js

@@ -1,9 +1,6 @@
-export * from './analyze-app.js';
-export * from './create-options.js';
+export * from './analyze-project.js';
 export * from './import-styles-in-components.js';
 export * from './import-styles-in-routes.js';
 export * from './move-stylesheets.js';
-export * from './update-app-app-js.js';
 export * from './update-component-templates.js';
-export * from './update-package-json.js';
 export * from './update-route-templates.js';

package/dist/src/migration/ember-app/steps/move-stylesheets.js

@@ -1,4 +1,11 @@
 import { createFiles, findFiles, mapFilePaths, moveFiles, } from '@codemod-utils/files';
+function canSkip(options) {
+    const { projectRoot } = options;
+    const filePaths = findFiles('app/assets/app.css', {
+        projectRoot,
+    });
+    return filePaths.length === 1;
+}
 function moveRouteStylesheets(options) {
     const { projectRoot } = options;
     const filePaths = findFiles('app/styles/**/*.css', {
@@ -12,6 +19,9 @@ function moveRouteStylesheets(options) {
     moveFiles(pathMapping, options);
 }
 function moveAppCssToAssets(options) {
+    if (canSkip(options)) {
+        return;
+    }
     const { projectRoot } = options;
     const filePaths = findFiles('app/styles/app.css', {
         projectRoot,

package/dist/src/migration/ember-app/steps/update-component-templates.js

@@ -1,5 +1,5 @@
 import { join } from 'node:path';
-import { updateTemplates } from './update-templates/index.js';
+import { updateTemplates } from '../../../utils/steps/update-templates/index.js';
 function getFilePath(options) {
     const { componentStructure } = options;
     return function (entityName) {

package/dist/src/migration/ember-app/steps/update-route-templates.js

@@ -1,5 +1,5 @@
 import { join } from 'node:path';
-import { updateTemplates } from './update-templates/index.js';
+import { updateTemplates } from '../../../utils/steps/update-templates/index.js';
 function getFilePath() {
     return function (entityName) {
         let filePath = join('app/templates', entityName);

package/dist/src/migration/ember-v2-addon/index.js

@@ -0,0 +1,8 @@
+import { createOptions } from '../../utils/steps/create-options.js';
+import { analyzeProject, importStylesInComponents, updateComponentTemplates, } from './steps/index.js';
+export function migrateEmberV2Addon(codemodOptions) {
+    const options = createOptions(codemodOptions);
+    const context = analyzeProject(options);
+    importStylesInComponents(context, options);
+    updateComponentTemplates(context, options);
+}

package/dist/src/migration/ember-v2-addon/steps/analyze-project/analyze-components.js

@@ -0,0 +1,43 @@
+import { findFiles, renamePathByDirectory } from '@codemod-utils/files';
+import { analyzeFilePaths } from '../../../../utils/steps/analyze-project/analyze-file-paths.js';
+export function analyzeComponents(options) {
+    const { componentStructure, projectRoot } = options;
+    const classFilePaths = findFiles('src/components/**/*.{js,ts}', {
+        ignoreList: ['src/components/**/*.d.ts'],
+        projectRoot,
+    }).map((filePath) => {
+        return renamePathByDirectory(filePath, {
+            from: 'src/components',
+            to: '',
+        });
+    });
+    const stylesheetFilePaths = findFiles('src/components/**/*.css', {
+        projectRoot,
+    }).map((filePath) => {
+        return renamePathByDirectory(filePath, {
+            from: 'src/components',
+            to: '',
+        });
+    });
+    const templateFilePaths = findFiles('src/components/**/*.hbs', {
+        projectRoot,
+    }).map((filePath) => {
+        return renamePathByDirectory(filePath, {
+            from: 'src/components',
+            to: '',
+        });
+    });
+    const filePaths = [
+        ...classFilePaths,
+        ...stylesheetFilePaths,
+        ...templateFilePaths,
+    ].sort();
+    const entities = analyzeFilePaths(filePaths);
+    if (componentStructure === 'nested') {
+        return new Map(Array.from(entities.entries()).map(([entityName, extensions]) => {
+            const newEntityName = entityName.replace(/\/index$/, '');
+            return [newEntityName, extensions];
+        }));
+    }
+    return entities;
+}

package/dist/src/migration/ember-v2-addon/steps/analyze-project/index.js

@@ -0,0 +1 @@
+export * from './analyze-components.js';

package/dist/src/migration/ember-v2-addon/steps/analyze-project.js

@@ -0,0 +1,7 @@
+import { analyzeComponents } from './analyze-project/index.js';
+export function analyzeProject(options) {
+    return {
+        components: analyzeComponents(options),
+        routes: new Map(),
+    };
+}

package/dist/src/migration/ember-v2-addon/steps/import-styles-in-components.js

@@ -0,0 +1,35 @@
+import { join } from 'node:path';
+import { importStyles } from '../../../utils/steps/import-styles/index.js';
+function getBlueprintFilePaths(options) {
+    const { project } = options;
+    if (project.hasTypeScript) {
+        return ['ember-cli/component/typescript.ts'];
+    }
+    return ['ember-cli/component/javascript.js'];
+}
+function getFilePath(options) {
+    const { componentStructure, project } = options;
+    return function (entityName) {
+        let filePath = join('src/components', entityName);
+        if (componentStructure === 'nested') {
+            filePath += '/index';
+        }
+        if (project.hasTypeScript) {
+            filePath += '.ts';
+        }
+        else {
+            filePath += '.js';
+        }
+        return filePath;
+    };
+}
+export function importStylesInComponents(context, options) {
+    const customizations = {
+        blueprintFilePaths: getBlueprintFilePaths(options),
+        getFilePath: getFilePath(options),
+    };
+    importStyles(context.components, {
+        customizations,
+        options,
+    });
+}

package/dist/src/migration/ember-v2-addon/steps/index.js

@@ -0,0 +1,3 @@
+export * from './analyze-project.js';
+export * from './import-styles-in-components.js';
+export * from './update-component-templates.js';

package/dist/src/migration/ember-v2-addon/steps/update-component-templates.js

@@ -0,0 +1,22 @@
+import { join } from 'node:path';
+import { updateTemplates } from '../../../utils/steps/update-templates/index.js';
+function getFilePath(options) {
+    const { componentStructure } = options;
+    return function (entityName) {
+        let filePath = join('src/components', entityName);
+        if (componentStructure === 'nested') {
+            filePath += '/index';
+        }
+        filePath += '.hbs';
+        return filePath;
+    };
+}
+export function updateComponentTemplates(context, options) {
+    const customizations = {
+        getFilePath: getFilePath(options),
+    };
+    updateTemplates(context.components, {
+        customizations,
+        options,
+    });
+}

package/dist/src/migration/index.js

@@ -1 +1,2 @@
 export * from './ember-app/index.js';
+export * from './ember-v2-addon/index.js';

package/dist/src/utils/blueprints.js

@@ -1,2 +1 @@
 export * from './blueprints/blueprints-root.js';
-export * from './blueprints/get-version.js';

package/dist/src/{migration/ember-app → utils}/steps/create-options.js

@@ -13,11 +13,12 @@ function analyzePackageJson(codemodOptions) {
     };
 }
 export function createOptions(codemodOptions) {
+    const { componentStructure, projectRoot, projectType } = codemodOptions;
     const project = analyzePackageJson(codemodOptions);
-    const options = {
-        componentStructure: codemodOptions.componentStructure,
+    return {
+        componentStructure,
         project,
-        projectRoot: codemodOptions.projectRoot,
+        projectRoot,
+        projectType,
     };
-    return options;
 }

package/dist/src/{migration/ember-app → utils}/steps/import-styles/create-class.js

@@ -3,7 +3,7 @@ import { join } from 'node:path';
 import { processTemplate } from '@codemod-utils/blueprints';
 import { classify, doubleColonize } from '@codemod-utils/ember-cli-string';
 import { createFiles, parseFilePath } from '@codemod-utils/files';
-import { blueprintsRoot } from '../../../../utils/blueprints.js';
+import { blueprintsRoot } from '../../blueprints.js';
 export function createClass(entityName, { customizations, options }) {
     const { blueprintFilePaths, getFilePath } = customizations;
     const entity = {

package/dist/src/{migration/ember-app → utils}/steps/import-styles/update-class.js

@@ -3,6 +3,19 @@ import { readFileSync } from 'node:fs';
 import { join } from 'node:path';
 import { AST } from '@codemod-utils/ast-javascript';
 import { createFiles, parseFilePath } from '@codemod-utils/files';
+function canSkip(file, data) {
+    const traverse = AST.traverse(data.isTypeScript);
+    let canSkip = false;
+    traverse(file, {
+        visitImportDeclaration(path) {
+            if (path.node.source.value === `./${data.fileName}.css`) {
+                canSkip = true;
+            }
+            return false;
+        },
+    });
+    return canSkip;
+}
 function removeTemplateOnlyComponentMethod(file, data) {
     const traverse = AST.traverse(data.isTypeScript);
     const ast = traverse(file, {
@@ -86,6 +99,9 @@ export function updateClass(entityName, { customizations, options }) {
     };
     try {
         let file = readFileSync(join(projectRoot, filePath), 'utf8');
+        if (canSkip(file, data)) {
+            return;
+        }
         file = removeTemplateOnlyComponentMethod(file, data);
         file = importStylesInClass(file, data);
         file = addStylesAsClassProperty(file, data);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-codemod-remove-ember-css-modules",
-  "version": "1.1.3",
+  "version": "2.0.0",
   "description": "Codemod to replace ember-css-modules with embroider-css-modules",
   "keywords": [
     "codemod",
@@ -37,15 +37,15 @@
   "devDependencies": {
     "@codemod-utils/tests": "^1.1.2",
     "@sondr3/minitest": "^0.1.2",
-    "@types/node": "^18.19.17",
+    "@types/node": "^18.19.23",
     "@types/yargs": "^17.0.32",
     "concurrently": "^8.2.2",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "prettier": "^3.2.5",
-    "typescript": "^5.3.3",
-    "@shared-configs/typescript": "0.0.0",
+    "typescript": "^5.4.2",
+    "@shared-configs/eslint-config-node": "0.0.0",
     "@shared-configs/prettier": "0.0.0",
-    "@shared-configs/eslint-config-node": "0.0.0"
+    "@shared-configs/typescript": "0.0.0"
   },
   "engines": {
     "node": "18.* || >= 20"

package/dist/src/migration/ember-app/steps/analyze-app.js

@@ -1,7 +0,0 @@
-import { analyzeComponents, analyzeRoutes } from './analyze-app/index.js';
-export function analyzeApp(options) {
-    return {
-        components: analyzeComponents(options),
-        routes: analyzeRoutes(options),
-    };
-}

package/dist/src/migration/ember-app/steps/update-app-app-js.js

@@ -1,46 +0,0 @@
-import { readFileSync } from 'node:fs';
-import { extname, join } from 'node:path';
-import { AST } from '@codemod-utils/ast-javascript';
-import { createFiles, findFiles } from '@codemod-utils/files';
-function addCssEntryPoint(file, data) {
-    const traverse = AST.traverse(data.isTypeScript);
-    const ast = traverse(file, {
-        visitProgram(path) {
-            const nodesToAdd = [
-                AST.builders.importDeclaration([], AST.builders.literal('./assets/app.css')),
-                AST.builders.noop(),
-            ];
-            path.value.body.unshift(...nodesToAdd);
-            return false;
-        },
-    });
-    return AST.print(ast);
-}
-export function updateAppAppJs(options) {
-    const { projectRoot } = options;
-    const filePaths = findFiles('app/app.{js,ts}', {
-        projectRoot,
-    });
-    if (filePaths.length !== 1) {
-        console.warn('WARNING: updateAppAppJs could not find app.{js,ts} in the app folder. Will skip this step.\n');
-        return;
-    }
-    const filePath = filePaths[0];
-    const fileExtension = extname(filePath);
-    const data = {
-        isTypeScript: fileExtension === '.ts',
-    };
-    try {
-        let file = readFileSync(join(projectRoot, filePath), 'utf8');
-        file = addCssEntryPoint(file, data);
-        const fileMap = new Map([[filePath, file]]);
-        createFiles(fileMap, options);
-    }
-    catch (error) {
-        let message = `WARNING: updateAppAppJs could not update \`${filePath}\`. Please update the file manually.`;
-        if (error instanceof Error) {
-            message += ` (${error.message})`;
-        }
-        console.warn(`${message}\n`);
-    }
-}

package/dist/src/migration/ember-app/steps/update-package-json.js

@@ -1,47 +0,0 @@
-import { writeFileSync } from 'node:fs';
-import { join } from 'node:path';
-import { convertToMap, convertToObject, readPackageJson, } from '@codemod-utils/json';
-import { getVersion } from '../../../utils/blueprints.js';
-function updateDevDependencies(packageJson, options) {
-    const { project } = options;
-    const devDependencies = convertToMap(packageJson['devDependencies']);
-    const packagesToDelete = ['ember-css-modules'];
-    packagesToDelete.forEach((packageName) => {
-        devDependencies.delete(packageName);
-    });
-    const packagesToInstall = new Set([
-        '@embroider/compat',
-        '@embroider/core',
-        '@embroider/webpack',
-        'autoprefixer',
-        'embroider-css-modules',
-        'postcss',
-        'postcss-loader',
-        'webpack',
-    ]);
-    if (project.hasTypeScript) {
-        packagesToInstall.add('type-css-modules');
-    }
-    [...packagesToInstall].sort().forEach((packageName) => {
-        const version = getVersion(packageName, options);
-        devDependencies.set(packageName, version);
-    });
-    packageJson['devDependencies'] = convertToObject(devDependencies);
-}
-function updateScripts(packageJson, options) {
-    const { project } = options;
-    const scripts = convertToMap(packageJson.scripts);
-    if (project.hasTypeScript) {
-        scripts.set('prelint:types', 'type-css-modules --src app');
-    }
-    packageJson['scripts'] = convertToObject(scripts);
-}
-export function updatePackageJson(options) {
-    const { projectRoot } = options;
-    const packageJson = readPackageJson(options);
-    updateDevDependencies(packageJson, options);
-    updateScripts(packageJson, options);
-    const destination = join(projectRoot, 'package.json');
-    const file = JSON.stringify(packageJson, null, 2) + '\n';
-    writeFileSync(destination, file, 'utf8');
-}

package/dist/src/utils/blueprints/get-version.js

@@ -1,19 +0,0 @@
-import { decideVersion } from '@codemod-utils/blueprints';
-const latestVersions = new Map([
-    ['@embroider/compat', '3.2.1'],
-    ['@embroider/core', '3.2.1'],
-    ['@embroider/webpack', '3.1.5'],
-    ['autoprefixer', '10.4.15'],
-    ['embroider-css-modules', '1.0.0'],
-    ['postcss', '8.4.29'],
-    ['postcss-loader', '7.3.3'],
-    ['type-css-modules', '1.0.0'],
-    ['webpack', '5.88.2'],
-]);
-export function getVersion(packageName, options) {
-    const { project } = options;
-    return decideVersion(packageName, {
-        dependencies: project.dependencies,
-        latestVersions,
-    });
-}