feat: enable esm cli runtime (#8227)

Author: sylingd

.changeset/polite-humans-sin.md

@@ -0,0 +1,12 @@
+---
+'@modern-js/runtime': minor
+'@modern-js/runtime-utils': minor
+'@modern-js/plugin-i18n': minor
+'@modern-js/app-tools': minor
+'@modern-js/i18n-utils': minor
+'@modern-js/bff-core': minor
+'@modern-js/plugin-bff': minor
+'@modern-js/render': minor
+---
+
+feat: esm runtime

.github/workflows/ut-Windows.yml

@@ -48,7 +48,7 @@ jobs:
 
       - name: Install Dependencies
         if: ${{steps.skip-ci.outputs.RESULT != 'true'}}
-        run: pnpm install --ignore-scripts
+        run: pnpm install --ignore-scripts --frozen-lockfile
 
       - name: Build Required Pkg
         if: ${{steps.skip-ci.outputs.RESULT != 'true'}}

.github/workflows/ut-macOS.yml

@@ -47,7 +47,7 @@ jobs:
 
       - name: Install Dependencies
         if: ${{steps.skip-ci.outputs.RESULT != 'true'}}
-        run: pnpm install --ignore-scripts
+        run: pnpm install --ignore-scripts --frozen-lockfile
 
       - name: Build Required Pkg
         if: ${{steps.skip-ci.outputs.RESULT != 'true'}}

package.json

@@ -23,7 +23,7 @@
     "prepare-build": "cross-env NX_DAEMON=false NX_REJECT_UNKNOWN_LOCAL_CACHE=0 nx run-many -t build -p @modern-js/* --exclude=@modern-js/main-doc,@modern-js/module-tools-docs --maxParallel=4",
     "prepare": "npm run prepare-build && husky install",
     "prepare-build-continue": "cross-env NX_DAEMON=false NX_REJECT_UNKNOWN_LOCAL_CACHE=0 nx run-many -t build -p @modern-js/* --exclude=@modern-js/main-doc,@modern-js/module-tools-docs --nxBail=false --maxParallel=4 || echo 'Build completed with some failures, continuing...'",
-    "build:required": "cross-env NX_DAEMON=false nx run-many -t build -p @modern-js/builder @modern-js/bff-core",
+    "build:required": "cross-env NX_DAEMON=false nx run-many -t build -p @modern-js/builder @modern-js/bff-core @modern-js/utils",
     "lint": "biome check",
     "change": "changeset add",
     "bump": "changeset version",

packages/cli/builder/package.json

@@ -51,7 +51,6 @@
     "core-js": "^3.48.0",
     "cssnano": "6.1.2",
     "html-minifier-terser": "^7.2.0",
-    "jiti": "1.21.7",
     "lodash": "^4.17.23",
     "postcss": "^8.5.6",
     "postcss-custom-properties": "13.3.12",

packages/cli/plugin-bff/src/cli.ts

@@ -210,7 +210,9 @@ export const bffPlugin = (): CliPlugin<AppTools> => ({
             );
 
             const name = isServer ? 'server' : 'client';
-            const loaderPath = require.resolve('./loader');
+            const sourceExt =
+              process.env.MODERN_LIB_FORMAT === 'esm' ? 'mjs' : 'js';
+            const loaderPath = path.join(__dirname, `loader.${sourceExt}`);
             chain.module.rule(CHAIN_ID.RULE.JS).exclude.add(apiRegexp);
             chain.module
               .rule('js-bff-api')

packages/cli/plugin-bff/src/server.ts

@@ -90,7 +90,6 @@ export default (): ServerPlugin => ({
     api.onReset(async ({ event }) => {
       storage.reset();
       const appContext = api.getServerContext();
-
       const { middlewares } = storage;
       api.updateServerContext({
         ...appContext,

packages/runtime/plugin-i18n/package.json

@@ -2,7 +2,6 @@
   "name": "@modern-js/plugin-i18n",
   "description": "A Progressive React Framework for modern web development.",
   "homepage": "https://modernjs.dev",
-  "type": "module",
   "bugs": "https://github.com/web-infra-dev/modern.js/issues",
   "repository": {
     "type": "git",
@@ -20,36 +19,50 @@
   "engines": {
     "node": ">=20"
   },
-  "types": "./src/cli/index.ts",
-  "main": "./dist/cjs/cli/index.cjs",
-  "module": "./dist/esm/cli/index.js",
+  "types": "./dist/types/cli/index.d.ts",
+  "main": "./dist/cjs/cli/index.js",
+  "module": "./dist/esm/cli/index.mjs",
   "exports": {
     ".": {
       "types": "./dist/types/cli/index.d.ts",
-      "default": "./dist/cjs/cli/index.cjs"
+      "import": "./dist/esm/cli/index.mjs",
+      "default": "./dist/cjs/cli/index.js"
     },
     "./package.json": "./package.json",
     "./cli": {
       "types": "./dist/types/cli/index.d.ts",
-      "default": "./dist/cjs/cli/index.cjs"
+      "node": {
+        "require": "./dist/cjs/cli/index.js",
+        "import": "./dist/esm-node/cli/index.mjs"
+      },
+      "default": "./dist/cjs/cli/index.js"
     },
     "./runtime": {
       "types": "./dist/types/runtime/index.d.ts",
-      "import": "./dist/esm/runtime/index.js",
-      "node": "./dist/esm-node/runtime/index.js",
-      "default": "./dist/esm/runtime/index.js"
+      "node": {
+        "require": "./dist/cjs/runtime/index.js",
+        "import": "./dist/esm-node/runtime/index.mjs"
+      },
+      "import": "./dist/esm/runtime/index.mjs",
+      "default": "./dist/cjs/runtime/index.js"
     },
     "./server": {
       "types": "./dist/types/server/index.d.ts",
-      "import": "./dist/esm/server/index.js",
-      "node": "./dist/esm-node/server/index.js",
-      "default": "./dist/esm/server/index.js"
+      "node": {
+        "require": "./dist/cjs/server/index.js",
+        "import": "./dist/esm-node/server/index.mjs"
+      },
+      "import": "./dist/esm/server/index.mjs",
+      "default": "./dist/cjs/server/index.js"
     },
     "./i18n": {
       "types": "./dist/types/runtime/i18n/index.d.ts",
-      "import": "./dist/esm/runtime/i18n/index.js",
-      "node": "./dist/esm-node/runtime/i18n/index.js",
-      "default": "./dist/esm/runtime/i18n/index.js"
+      "node": {
+        "require": "./dist/cjs/runtime/i18n/index.js",
+        "import": "./dist/esm-node/runtime/i18n/index.mjs"
+      },
+      "import": "./dist/esm/runtime/i18n/index.mjs",
+      "default": "./dist/cjs/runtime/i18n/index.js"
     }
   },
   "typesVersions": {

packages/runtime/plugin-i18n/src/runtime/i18n/detection/config.ts

@@ -1,4 +1,4 @@
-import { deepMerge } from '../../../shared/deepMerge.js';
+import { deepMerge } from '../../../shared/deepMerge';
 import type { LanguageDetectorOptions } from '../instance';
 
 export const DEFAULT_I18NEXT_DETECTION_OPTIONS = {

packages/runtime/plugin-runtime/package.json

@@ -78,6 +78,10 @@
     },
     "./cli": {
       "types": "./dist/types/cli/index.d.ts",
+      "node": {
+        "require": "./dist/cjs/cli/index.js",
+        "import": "./dist/esm-node/cli/index.mjs"
+      },
       "default": "./dist/cjs/cli/index.js"
     },
     "./router": {