initial esm cli migration

Author: Daniel Del Core

.changeset/yellow-shrimps-arrive.md

@@ -0,0 +1,6 @@
+---
+'@codeshift/cli': minor
+'@hypermod/cli': minor
+---
+
+CLI packages now support hypermod packages using ESM syntax

packages/cli-alias/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@codeshift/cli",
   "version": "0.22.0",
+  "type": "module",
   "source": "src/index.ts",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/cli-alias/src/index.ts

@@ -1 +1 @@
-import '@hypermod/cli';
+export * from '@hypermod/cli';

packages/cli-alias/tsconfig.json

@@ -3,7 +3,9 @@
   "compilerOptions": {
     "rootDir": "src",
     "outDir": "dist",
-    "baseUrl": "."
+    "baseUrl": ".",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext"
   },
   "include": ["src"],
   "references": [

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

@@ -1,6 +1,7 @@
 {
   "name": "@hypermod/cli",
   "version": "0.22.0",
+  "type": "module",
   "source": "src/index.ts",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/cli/src/index.ts

@@ -3,11 +3,13 @@ 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 __dirname = path.dirname(new URL(import.meta.url).pathname);
 
 const packageJson = readFileSync(
   path.join(__dirname, '..', 'package.json'),

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();

packages/cli/src/main.ts

@@ -10,11 +10,16 @@ import { installPackage } from '@antfu/install-pkg';
 import * as core from '@hypermod/core';
 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 { 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 { getConfigPrompt, getMultiConfigPrompt } from './prompt.js';
+
+const __dirname = path.dirname(new URL(import.meta.url).pathname);
 
 const ExperimentalModuleLoader = () => {
   const getInfo = (packageName: string) => {
@@ -156,21 +161,33 @@ export default async function main(
        */
       const configFilePath = await findUp([
         'hypermod.config.js',
+        'hypermod.config.cjs',
+        'hypermod.config.mjs',
         'hypermod.config.ts',
         'hypermod.config.tsx',
         'src/hypermod.config.js',
+        'src/hypermod.config.cjs',
+        'src/hypermod.config.mjs',
         'src/hypermod.config.ts',
         'src/hypermod.config.tsx',
         'codemods/hypermod.config.js',
+        'codemods/hypermod.config.cjs',
+        'codemods/hypermod.config.mjs',
         'codemods/hypermod.config.ts',
         'codemods/hypermod.config.tsx',
         'codeshift.config.js',
+        'codeshift.config.cjs',
+        'codeshift.config.mjs',
         'codeshift.config.ts',
         'codeshift.config.tsx',
         'src/codeshift.config.js',
+        'src/codeshift.config.cjs',
+        'src/codeshift.config.mjs',
         'src/codeshift.config.ts',
         'src/codeshift.config.tsx',
         'codemods/codeshift.config.js',
+        'codemods/codeshift.config.cjs',
+        'codemods/codeshift.config.mjs',
         'codemods/codeshift.config.ts',
         'codemods/codeshift.config.tsx',
       ]);

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,

packages/cli/tsconfig.json

@@ -3,7 +3,9 @@
   "compilerOptions": {
     "rootDir": "src",
     "outDir": "dist",
-    "baseUrl": "."
+    "baseUrl": ".",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext"
   },
   "include": ["src"],
   "references": [