refactor: 迁移到纯ESM包格式 (#39)

BREAKING CHANGE: 发布的包为纯ESM格式，无法通过CommonJS的`require`引入。参考[sinderesorhus的建议](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c)

package.json

@@ -10,7 +10,6 @@
     "test": "lerna run --concurrency=1 test",
     "build": "lerna run build",
     "build-clean": "lerna run --parallel clean && npm run build",
-    "build-showcase": "cd showcase/todo && npm run build",
     "release": "lerna version --conventional-commits --no-push --force-publish",
     "release-beta": "npm run release -- --conventional-prerelease --preid=beta",
     "ci": "pnpm install && npm run build-clean && npm run lint && npm run test && npm run build-showcase",

packages/babel-plugin-add-react-display-name/.eslintrc.cjs

@@ -1,7 +1,7 @@
-require('../config-lint/dist/patch');
+require('../config-lint/config/patch.cjs');
 
 module.exports = {
-    extends: '../config-lint/config/eslint.js',
+    extends: '../config-lint/config/eslint.cjs',
     ignorePatterns: [
         '**/fixtures/**',
     ],

packages/babel-plugin-add-react-display-name/package.json

@@ -12,19 +12,19 @@
   "scripts": {
     "clean": "rm -rf dist",
     "build": "tsc -p tsconfig.build.json",
-    "test": "jest",
+    "test": "vitest run",
     "lint": "eslint --max-warnings=0 src"
   },
   "devDependencies": {
     "@babel/preset-react": "^7.16.5",
     "@types/babel__core": "^7.1.17",
     "@types/babel__traverse": "^7.14.2",
-    "@types/jest": "^27.0.3",
     "@types/node": "^17.0.4",
+    "c8": "^7.10.0",
     "eslint": "^8.6.0",
-    "jest": "^27.4.5",
-    "ts-jest": "^27.1.2",
-    "typescript": "^4.5.4"
+    "typescript": "4.6.0-dev.20220105",
+    "vite": "^2.7.7",
+    "vitest": "^0.0.115"
   },
   "dependencies": {
     "@babel/core": "^7.16.5",

packages/babel-plugin-add-react-display-name/src/__tests__/__snapshots__/index.test.ts.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
 exports[`export default a render function 1`] = `
 "// export default a render function

packages/babel-plugin-add-react-display-name/src/__tests__/index.test.ts

@@ -1,3 +1,4 @@
+import {test, expect} from 'vitest';
 import {createTestRunner} from '@reskript/babel-utils';
 import plugin from '../index';
 

packages/babel-plugin-debug-react-component-file-name/.eslintrc.cjs

@@ -1,7 +1,7 @@
-require('../config-lint/dist/patch');
+require('../config-lint/config/patch.cjs');
 
 module.exports = {
-    extends: '../config-lint/config/eslint.js',
+    extends: '../config-lint/config/eslint.cjs',
     ignorePatterns: [
         '**/fixtures/**',
     ],

packages/babel-plugin-debug-react-component-file-name/package.json

@@ -12,7 +12,7 @@
   "scripts": {
     "clean": "rm -rf dist",
     "build": "tsc -p tsconfig.build.json",
-    "test": "jest",
+    "test": "vitest run",
     "lint": "eslint --max-warnings=0 src"
   },
   "devDependencies": {
@@ -21,14 +21,14 @@
     "@babel/preset-react": "^7.16.5",
     "@types/babel__core": "^7.1.17",
     "@types/babel__traverse": "^7.14.2",
-    "@types/jest": "^27.0.3",
     "@types/node": "^17.0.4",
     "@types/react": "^17.0.38",
+    "c8": "^7.10.0",
     "eslint": "^8.6.0",
-    "jest": "^27.4.5",
     "react": "^17.0.2",
-    "ts-jest": "^27.1.2",
-    "typescript": "^4.5.4"
+    "typescript": "4.6.0-dev.20220105",
+    "vite": "^2.7.7",
+    "vitest": "^0.0.115"
   },
   "dependencies": {
     "@babel/core": "^7.16.5",

packages/babel-plugin-debug-react-component-file-name/src/__tests__/index.test.ts

@@ -1,6 +1,7 @@
 import path from 'path';
 import fs from 'fs';
 import * as babel from '@babel/core';
+import {expect, test} from 'vitest';
 import plugin from '../index';
 
 const HOOK_MODULE = path.join(__dirname, '..', 'useComponentFile.js');

packages/babel-utils/.eslintrc.cjs

@@ -1,7 +1,7 @@
-require('../config-lint/dist/patch');
+require('../config-lint/config/patch.cjs');
 
 module.exports = {
-    extends: '../config-lint/config/eslint.js',
+    extends: '../config-lint/config/eslint.cjs',
     ignorePatterns: [
         '**/fixtures/**',
     ],

packages/babel-utils/package.json

@@ -12,7 +12,7 @@
   "scripts": {
     "clean": "rm -rf dist",
     "build": "tsc -p tsconfig.build.json",
-    "test": "jest",
+    "test": "vitest run",
     "lint": "eslint --max-warnings=0 src"
   },
   "devDependencies": {
@@ -21,12 +21,12 @@
     "@types/babel__core": "^7.1.17",
     "@types/babel__traverse": "^7.14.2",
     "@types/glob": "^7.2.0",
-    "@types/jest": "^27.0.3",
     "@types/node": "^17.0.4",
+    "c8": "^7.10.0",
     "eslint": "^8.6.0",
-    "jest": "^27.4.5",
-    "ts-jest": "^27.1.2",
-    "typescript": "^4.5.4"
+    "typescript": "4.6.0-dev.20220105",
+    "vite": "^2.7.7",
+    "vitest": "^0.0.115"
   },
   "peerDependencies": {
     "@babel/core": "^7.14.6",

packages/babel-utils/src/__tests__/__snapshots__/importReact.test.ts.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
 exports[`already imported 1`] = `
 "// already imported

packages/babel-utils/src/__tests__/importReact.test.ts

@@ -1,3 +1,4 @@
+import {test, expect} from 'vitest';
 import {createTestRunner} from '../testRunner';
 import plugin from './plugin';
 

packages/babel-utils/src/importReact.ts

@@ -1,6 +1,6 @@
 import * as babel from '@babel/core';
 import {NodePath} from '@babel/traverse';
-import {findImportStatement} from './import';
+import {findImportStatement} from './import.js';
 
 type ImportDeclaration = babel.types.ImportDeclaration;
 type MemberExpression = babel.types.MemberExpression;

packages/babel-utils/src/index.ts

@@ -1,5 +1,5 @@
-export * from './importReact';
-export * from './testRunner';
-export * from './component';
-export * from './import';
-export * from './traverse';
+export {prepareReactImport} from './importReact.js';
+export {createTestRunner} from './testRunner.js';
+export {isComponentDeclaration, resolveComponentName} from './component.js';
+export {findImportStatement} from './import.js';
+export {findParentProgram} from './traverse.js';

packages/cli-babel/.eslintrc.cjs

@@ -1,5 +1,5 @@
-require('../config-lint/dist/patch');
+require('../config-lint/config/patch.cjs');
 
 module.exports = {
-    extends: '../config-lint/config/eslint.js',
+    extends: '../config-lint/config/eslint.cjs',
 };

packages/cli-babel/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@reskript/cli-babel",
   "version": "3.0.1",
-  "main": "dist/index.js",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": "./dist/index.js"
+  },
   "license": "MIT",
   "files": [
     "dist"
@@ -20,15 +24,15 @@
     "@types/jest": "^27.0.3",
     "@types/node": "^17.0.4",
     "eslint": "^8.6.0",
-    "typescript": "^4.5.4"
+    "typescript": "4.6.0-dev.20220105"
   },
   "dependencies": {
     "@babel/core": "^7.16.5",
     "@reskript/config-babel": "3.0.1",
     "@reskript/core": "3.0.1",
     "cli-highlight": "^2.1.11",
-    "globby": "^11.0.4",
-    "throat": "^6.0.1"
+    "globby": "^12.0.2",
+    "p-limit": "^4.0.0"
   },
   "peerDependencies": {
     "core-js": "3.x"

packages/cli-babel/src/index.ts

@@ -1,12 +1,11 @@
 import path from 'path';
 import {promises as fs} from 'fs';
-import globby from 'globby';
-import throat from 'throat';
-import highlight from 'cli-highlight';
+import pLimit from 'p-limit';
+import {highlight} from 'cli-highlight';
 import {transformFileAsync, TransformOptions} from '@babel/core';
 import {logger} from '@reskript/core';
 import {getTransformBabelConfig, BabelConfigOptions} from '@reskript/config-babel';
-import {BabelCommandLineArgs} from './interface';
+import {BabelCommandLineArgs} from './interface.js';
 
 export {BabelCommandLineArgs};
 
@@ -45,6 +44,7 @@ const transformFile = async (file: string, baseIn: string, baseOut: string, opti
 };
 
 const transformDirectory = async (dir: string, out: string, options: TransformOptions) => {
+    const {globby} = await import('globby');
     const files = await globby(`${dir.replace(/\/$/, '')}/**/*.{js,jsx,ts,tsx}`);
     await Promise.all(files.map(f => transformFile(f, dir, out, options)));
 };
@@ -67,6 +67,8 @@ const printInConsole = (code: string | null | undefined) => {
 };
 
 export const run = async (cmd: BabelCommandLineArgs, file: string): Promise<void> => {
+    const {globby} = await import('globby');
+
     if (!file) {
         return;
     }
@@ -112,7 +114,8 @@ export const run = async (cmd: BabelCommandLineArgs, file: string): Promise<void
 
         if (copy) {
             const files = await globby([`${file}/**`, `!${file}/**/*.{ts,js,tsx,jsx}`]);
-            await Promise.all(files.map(throat(2, f => copyFile(f, file, outDirectory))));
+            const limit = pLimit(2);
+            await Promise.all(files.map(v => limit(copyFile, v, file, outDirectory)));
         }
     }
 };

packages/cli-build/.eslintrc.cjs

@@ -1,5 +1,5 @@
-require('../config-lint/dist/patch');
+require('../config-lint/config/patch.cjs');
 
 module.exports = {
-    extends: '../config-lint/config/eslint.js',
+    extends: '../config-lint/config/eslint.cjs',
 };

packages/cli-build/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@reskript/cli-build",
   "version": "3.0.1",
-  "main": "dist/index.js",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": "./dist/index.js"
+  },
   "license": "MIT",
   "files": [
     "dist"
@@ -17,20 +21,20 @@
   },
   "devDependencies": {
     "@types/jest": "^27.0.3",
-    "@types/lodash": "^4.14.178",
     "@types/node": "^17.0.4",
-    "typescript": "^4.5.4",
+    "@types/ramda": "^0.27.62",
+    "typescript": "4.6.0-dev.20220105",
     "webpack": "^5.65.0"
   },
   "dependencies": {
     "@reskript/config-webpack": "3.0.1",
     "@reskript/core": "3.0.1",
     "@reskript/settings": "3.0.1",
-    "chalk": "^4.1.2",
     "eslint": "^8.6.0",
-    "lodash": "^4.17.21",
-    "matcher": "^4.0.0",
+    "kolorist": "^1.5.1",
+    "matcher": "^5.0.0",
     "pretty-bytes": "^5.6.0",
+    "ramda": "^0.27.1",
     "tty-table": "^4.1.5",
     "webpack-bundle-analyzer": "^4.5.0"
   },

packages/cli-build/src/index.ts

@@ -1,6 +1,6 @@
 import path from 'path';
 import fs from 'fs/promises';
-import {compact, difference, uniq} from 'lodash';
+import {reject, isNil, difference} from 'ramda';
 import webpack, {Configuration, Stats} from 'webpack';
 import {logger, pMap, prepareEnvironment, readPackageConfig} from '@reskript/core';
 import {
@@ -12,10 +12,10 @@ import {
     EntryLocation,
 } from '@reskript/config-webpack';
 import {readProjectSettings, BuildEnv, ProjectSettings, strictCheckRequiredDependency} from '@reskript/settings';
-import * as partials from './partial';
-import {BuildCommandLineArgs} from './interface';
-import {drawFeatureMatrix, drawBuildReport, printWebpackResult, WebpackResult} from './report';
-import inspect from './inspect';
+import * as partials from './partial.js';
+import {BuildCommandLineArgs} from './interface.js';
+import {drawFeatureMatrix, drawBuildReport, printWebpackResult, WebpackResult} from './report.js';
+import inspect from './inspect/index.js';
 
 export {BuildCommandLineArgs};
 
@@ -36,10 +36,10 @@ const build = (configuration: Configuration | Configuration[]): Promise<Stats> =
             const toJsonOptions = {all: false, errors: true, warnings: true, assets: true};
             // webpack的`toJson`的定义是错的
             const {errors, warnings} = stats.toJson(toJsonOptions);
-            for (const error of uniq(errors)) {
+            for (const error of reject(isNil, errors ?? [])) {
                 printWebpackResult('error', error as unknown as WebpackResult);
             }
-            for (const warning of uniq(warnings)) {
+            for (const warning of reject(isNil, warnings ?? [])) {
                 printWebpackResult('warn', warning as unknown as WebpackResult);
             }
 
@@ -111,7 +111,7 @@ const createConfigurations = async (cmd: BuildCommandLineArgs, projectSettings:
                     caseSensitiveModuleSource: cmd.strict,
                     typeCheck: cmd.strict,
                 },
-                extras: compact(extras),
+                extras: reject((v: false | Configuration): v is false => !v, extras),
             }
         );
     };

packages/cli-build/src/inspect/duplicatePackages.ts

@@ -1,13 +1,13 @@
 import {StatsCompilation} from 'webpack';
-import {compact, flatMap, uniq} from 'lodash';
+import {uniq, reject, isNil} from 'ramda';
 import {readPackageConfig} from '@reskript/core';
 import {BuildInspectSettings, SourceFilter} from '@reskript/settings';
-import {RuleProcessor, isIncluded} from './utils';
+import {RuleProcessor, isIncluded} from './utils.js';
 
 const extractUniqueModules = (compilations: StatsCompilation[]): string[] => {
-    const modules = flatMap(compilations, c => c.modules);
+    const modules = compilations.flatMap(c => c.modules);
     const names = modules.map(m => m?.nameForCondition);
-    return uniq(compact(names));
+    return uniq(reject(isNil, names));
 };
 
 interface LibraryInfo {

packages/cli-build/src/inspect/htmlImportable.ts

@@ -1,18 +1,18 @@
 import path from 'path';
 import fs from 'fs/promises';
-import {uniq, compact, flatMap, last} from 'lodash';
+import {uniq, last, reject, isNil} from 'ramda';
 import {StatsCompilation} from 'webpack';
 import {BuildInspectSettings, SourceFilter} from '@reskript/settings';
-import {RuleProcessor, isIncluded} from './utils';
+import {RuleProcessor, isIncluded} from './utils.js';
 
 const extractScriptEntries = (compilations: StatsCompilation[]): string[] => {
-    const entries = flatMap(compilations, c => Object.values(c.entrypoints ?? {}));
+    const entries = compilations.flatMap(c => Object.values(c.entrypoints ?? {}));
     // 这里的`assets`是有顺序的（大概），被别人依赖的在前面（大概），真正的入口是最后一个（大概）
-    return uniq(compact(entries.map(v => last(v.assets)?.name)));
+    return uniq(reject(isNil, entries.map(v => last(v.assets ?? [])?.name)));
 };
 
 const extractHTMLEntries = (compilations: StatsCompilation[]): string[] => {
-    const assets = flatMap(compilations, c => c.assets ?? []);
+    const assets = compilations.flatMap(c => c.assets ?? []);
     const files = assets.filter(v => /^\.\.\/.+\.html$/.test(v.name)).map(v => v.name);
     return files;
 };