Internal code changes (import structure) to support ESM

Author: Daniel Del Core

packages/cli-alias/bin/codeshift-cli.js

@@ -1,4 +1,2 @@
 #!/usr/bin/env node
-const path = require('path');
-
-require(path.join('..', 'dist', 'index.js'));
+export * from '@hypermod/cli';

packages/cli-alias/package.json

@@ -16,7 +16,9 @@
     "start:dev": "tsx src/index.ts"
   },
   "dependencies": {
-    "@hypermod/cli": "^0.24.0",
+    "@hypermod/cli": "^0.24.0"
+  },
+  "devDependencies": {
     "tsx": "^4.19.1"
   },
   "engines": {

packages/cli/bin/hypermod-cli.js

@@ -1,4 +1,2 @@
 #!/usr/bin/env node
-const path = require('path');
-
-require(path.join('..', 'dist', 'index.js'));
+export * from '../dist/index.js';

packages/cli/package.json

@@ -33,7 +33,9 @@
     "live-plugin-manager": "^0.18.1",
     "lodash": "^4.17.21",
     "ora": "^5.4.1",
-    "semver": "^7.3.5",
+    "semver": "^7.3.5"
+  },
+  "devDependencies": {
     "tsx": "^4.19.1"
   },
   "engines": {

packages/cli/src/index.ts

@@ -3,11 +3,11 @@ import { readFileSync } from 'fs';
 import chalk from 'chalk';
 import { Command, Option, CommanderError } from 'commander';
 
-import main from './main';
-import list from './list';
-import init from './init';
-import validate from './validate';
-import { InvalidUserInputError, InvalidConfigError } from './errors';
+import main from './main.js';
+import list from './list.js';
+import init from './init.js';
+import validate from './validate.js';
+import { InvalidUserInputError, InvalidConfigError } from './errors.js';
 
 const packageJson = readFileSync(
   path.join(__dirname, '..', 'package.json'),

packages/cli/src/list.spec.ts

@@ -3,7 +3,7 @@ jest.mock('live-plugin-manager');
 import chalk from 'chalk';
 import { PluginManager } from 'live-plugin-manager';
 
-import list from './list';
+import list from './list.js';
 
 describe('list', () => {
   beforeEach(() => {

packages/cli/src/list.ts

@@ -1,8 +1,8 @@
 import chalk from 'chalk';
 import { PluginManager } from 'live-plugin-manager';
 
-import { fetchPackages } from './utils/fetch-package';
-import { getHypermodPackageName } from './utils/package-names';
+import { fetchPackages } from './utils/fetch-package.js';
+import { getHypermodPackageName } from './utils/package-names.js';
 
 export default async function list(packages: string[]) {
   const packageManager = new PluginManager() as any;

packages/cli/src/main.spec.ts

@@ -12,7 +12,7 @@ import globby from 'globby';
 
 import * as core from '@hypermod/core';
 
-import main from './main';
+import main from './main.js';
 
 const mockPath = 'src/pages/home-page/';
 

packages/cli/src/main.ts

@@ -11,12 +11,15 @@ import {
   fetchConfigAtPath,
 } from '@hypermod/fetcher';
 
-import { InvalidUserInputError } from './errors';
-import { fetchPackages } from './utils/fetch-package';
-import { mergeConfigs } from './utils/merge-configs';
-import { fetchConfigsForWorkspaces, getPackageJson } from './utils/file-system';
-import ModuleLoader from './utils/module-loader';
-import { getConfigPrompt, getMultiConfigPrompt } from './prompt';
+import { InvalidUserInputError } from './errors.js';
+import { fetchPackages } from './utils/fetch-package.js';
+import { mergeConfigs } from './utils/merge-configs.js';
+import {
+  fetchConfigsForWorkspaces,
+  getPackageJson,
+} from './utils/file-system.js';
+import ModuleLoader from './utils/module-loader.js';
+import { getConfigPrompt, getMultiConfigPrompt } from './prompt.js';
 
 export default async function main(
   paths: string[],

packages/cli/src/utils/fetch-package.ts

@@ -9,7 +9,7 @@ import {
 } from '@hypermod/fetcher';
 import { isValidConfig } from '@hypermod/validator';
 
-import { getHypermodPackageName } from './package-names';
+import { getHypermodPackageName } from './package-names.js';
 
 export async function fetchPackages(
   packageName: string,