npm - @empjs/cli - Versions diffs - 3.0.0-beta.9 → 3.0.0-rc.0 - Mend

@empjs/cli 3.0.0-beta.9 → 3.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/client.d.ts +15 -22
package/dist/helper/hmr/client.d.ts +0 -2
package/dist/helper/hmr/config.d.ts +0 -14
package/dist/helper/hmr/index.d.ts +0 -6
package/dist/helper/hmr/overlay.d.ts +0 -6
package/dist/helper/ipAddress.d.ts +27 -0
package/dist/helper/logger.d.ts +0 -22
package/dist/helper/utils.d.ts +3 -0
package/dist/index.js +2476 -15
package/dist/index.js.map +7 -0
package/dist/script/base.d.ts +19 -4
package/dist/script/dev.d.ts +3 -0
package/dist/script/devServer.d.ts +0 -7
package/dist/store/cycle/autoDevBase.d.ts +8 -0
package/dist/store/empConfig.d.ts +12 -8
package/dist/store/empShareLib.d.ts +19 -2
package/dist/store/index.d.ts +9 -1
package/dist/store/lifeCycle.d.ts +13 -5
package/dist/store/rspack/css.d.ts +0 -8
package/dist/store/rspack/hook.d.ts +22 -0
package/dist/store/rspack/module.d.ts +11 -1
package/dist/store/rspack/plugin.d.ts +1 -2
package/dist/types/config.d.ts +66 -18
package/package.json +111 -114
package/template/index.html +12 -18
package/dist/helper/prepareURLs.d.ts +0 -6
package/dist/store/rspack/runtimePlugins.d.ts +0 -12
package/dist/store/rspack/script.d.ts +0 -6

package/dist/store/rspack/plugin.d.ts CHANGED Viewed

@@ -7,8 +7,7 @@ declare class RspackPlugin {
     copy(): Promise<void>;
     progress(): Promise<void>;
     empShare(): Promise<void>;
-    minJs(): void;
-    minCss(): void;
+    minify(): void;
 }
 declare const _default: RspackPlugin;
 export default _default;

package/dist/types/config.d.ts CHANGED Viewed

@@ -1,13 +1,25 @@
+/// <reference types="node" />
+import type { Configuration as RsConfig } from '@rspack/core';
 import { Configuration as devServerConfig } from '@rspack/dev-server';
 import Chain from 'webpack-chain';
-import { Externals, HtmlRspackPluginOptions, ModuleFederationPluginOptions, Output, Resolve, RuleSetRule, SwcJsMinimizerRspackPluginOptions } from '@rspack/core';
+import { Externals, HtmlRspackPluginOptions, Output, Resolve, RuleSetRule, SwcJsMinimizerRspackPluginOptions } from '@rspack/core';
 import { EMP3PluginType } from './plugin';
+import { InspectOptions } from 'node:util';
+import type { LifeCycle } from '../store/lifeCycle';
+import type { ModuleFederationPluginOptions } from '../store/empShareLib';
 export type LoggerType = 'debug' | 'info' | 'warn' | 'error';
 export type DebugType = {
     loggerLevel: LoggerType;
     clearLog: boolean;
     progress: boolean;
-    showRsconfig: boolean;
+    showRsconfig: boolean | string | InspectOptions;
+    showPerformance: boolean;
+    rspackCache: boolean;
+    /**
+     * 是否显示执行日志
+     * @default false
+     */
+    infrastructureLogging: RsConfig['infrastructureLogging'];
 };
 export type ServerType = devServerConfig & {
     /**
@@ -52,6 +64,11 @@ export type BuildType = {
      * @default 'public'
      */
     publicDir?: string;
+    /**
+     * named 使用有意义、方便调试的内容当作模块 id。此选项会在开发环境下默认开启。
+     * deterministic 使用对模块标识符哈希后的数字当作模块 id，有益于长期缓存。此选项会在生产环境下默认开启。
+     */
+    moduleIds?: 'named' | 'deterministic';
     /**
      * chunkIds
      * @default named|deterministic
@@ -72,7 +89,32 @@ export type BuildType = {
      * @default {}
      */
     minOptions?: SwcJsMinimizerRspackPluginOptions;
+    /**
+     * 生成代码 参考 https://swc.rs/docs/configuring-swc#jsctarget
+     */
+    target?: JscTarget;
+    /**
+     * 注入兼容代码
+     * module federation 入口 建议使用  entry
+     * @default false
+     */
+    polyfill?: 'entry' | 'usage' | false;
+    /**
+     * 选择core-js的兼容版本有助于切换适当的代码体积
+     * @default stable
+     */
+    coreJsFeatures?: 'full' | 'actual' | 'stable' | 'es';
+    /**
+     * @swc/helpers 外置
+     * @default false
+     */
+    externalHelpers: boolean;
+    /**
+     * 浏览器 兼容版本
+     */
+    browserslist: string[];
 };
+export type JscTarget = 'es3' | 'es5' | 'es2015' | 'es2016' | 'es2017' | 'es2018' | 'es2019' | 'es2020' | 'es2021' | 'es2022';
 export interface HtmlType extends HtmlRspackPluginOptions {
     /**
      * 基于项目的根目录 index.html url
@@ -112,22 +154,17 @@ export interface HtmlType extends HtmlRspackPluginOptions {
 export type EntriesType = {
     [entryFilename: string]: HtmlType;
 };
-export type ReactType = {
-    /**
-     * 是否启动 热更 默认为 true
-     */
-    hmr: boolean;
-    /**
-     * 是否启动 Svg React Component 默认为 false
-     */
-    svgr: boolean;
-};
 export type CSSOptions = {
     postcss?: [string, any][];
 };
 export interface ModuleTransform {
     exclude?: RuleSetRule['exclude'][];
     include?: RuleSetRule['include'][];
+    /**
+     * 默认exclude /(node_modules|bower_components)/
+     * @default false
+     */
+    defaultExclude?: boolean;
 }
 export type EMPShareType = ModuleFederationPluginOptions & {
     /**
@@ -135,9 +172,15 @@ export type EMPShareType = ModuleFederationPluginOptions & {
      */
     shareLib?: EMPshareLibItemType;
     /**
+     * TODO
      * 是否使用 importMap
      */
     useImportMap?: boolean;
+    /**
+     * module federation 版本
+     * @default 1
+     */
+    mfVersion?: 1 | 1.5;
 };
 export type EMPshareLibItemType = {
     [module: string]: {
@@ -172,6 +215,7 @@ export type ExternalsItemType = {
      */
     type?: string;
 };
+export type RsTarget = RsConfig['target'];
 export type EmpOptions = {
     /**
      * publicPath 根路径 可参考webpack,业务模式默认为 auto
@@ -180,6 +224,14 @@ export type EmpOptions = {
      * @default undefined
      */
     base?: string;
+    /**
+     * 构建target
+     */
+    target?: RsConfig['target'];
+    /**
+     * 启动后 自动设置 base 为当前 Ip+port的路径如 base = http://127.0.0.1:8080/ 并且固定 ws 方便代理调试
+     */
+    autoDevBase?: boolean;
     /**
      * 项目代码路径
      * @default 'src'
@@ -198,7 +250,6 @@ export type EmpOptions = {
     server?: ServerType;
     debug?: DebugType;
     chain?: (chain: Chain) => void;
-    react?: ReactType;
     empShare?: EMPShareType;
     /**
      * css 相关设置
@@ -240,10 +291,7 @@ export type EmpOptions = {
      */
     output?: Output;
     /**
-     * React Runtime 手动切换jsx模式
-     * 当 external react时需要设置
-     * 本地安装时会自动判断 不需要设置
-     * @default undefined
+     * emp 执行周期
      */
-    reactRuntime?: 'automatic' | 'classic';
+    lifeCycle?: LifeCycle;
 };

package/package.json CHANGED Viewed

@@ -1,116 +1,113 @@
 {
-  "name": "@empjs/cli",
-  "version": "3.0.0-beta.9",
-  "description": "emp",
-  "license": "MIT",
-  "type": "module",
-  "files": [
-    "dist",
-    "bin",
-    "resource",
-    "template",
-    "client.d.ts",
-    "emp-tsconfig.json"
-  ],
-  "maintainers": [
-    "xuhongbin",
-    "ckken"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/empjs/emp.git",
-    "directory": "packages/cli"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "keywords": [
-    "react",
-    "rspack",
-    "typescript"
-  ],
-  "bin": {
-    "emp": "./bin/emp.js"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": {
-        "default": "./dist/index.js",
-        "types": "./dist/index.d.ts"
-      },
-      "require": {
-        "default": "./dist/index.js",
-        "types": "./dist/index.d.ts"
-      }
-    },
-    "./emp-tsconfig.json": "./emp-tsconfig.json"
-  },
-  "scripts": {
-    "d": "rimraf dist && pnpm run esdev:build",
-    "b": "rimraf dist && pnpm run esbuild:build",
-    "dev": "rimraf dist && pnpm run /^esdev:.*/",
-    "esdev:build": "cross-env ENV=dev node esbuild.js",
-    "esdev:tsc": "tsc -w",
-    "esdev:tsc-alias": "tsc-alias -w",
-    "build": "rimraf dist && pnpm run /^esbuild:.*/",
-    "esbuild:build": "cross-env ENV=prod node esbuild.js",
-    "esbuild:tsc": "tsc && tsc-alias",
-    "dts": "node dts-bundle.js"
-  },
-  "engines": {
-    "node": ">=20.0.0"
-  },
-  "author": "Ken",
-  "devDependencies": {
-    "@types/compression": "^1.7.2",
-    "@types/cors": "^2.8.12",
-    "@types/default-gateway": "^7.2.1",
-    "@types/express": "^4.17.13",
-    "@types/fs-extra": "^9.0.13",
-    "@types/watchpack": "^2.4.3",
-    "@types/webpack": "^5.28.4",
-    "@types/webpack-bundle-analyzer": "^4.6.2",
-    "@types/webpack-hot-middleware": "^2.25.9",
-    "@types/webpack-sources": "^3.2.2",
-    "cross-env": "^7.0.3",
-    "esbuild": "^0.19.5",
-    "rimraf": "^5.0.5",
-    "tsc-alias": "^1.8.8"
-  },
-  "dependencies": {
-    "@rspack/core": "^0.5.7",
-    "@rspack/dev-server": "^0.5.7",
-    "@rspack/plugin-react-refresh": "^0.5.7",
-    "@svgr/webpack": "^8.1.0",
-    "@types/node": "^20.8.7",
-    "@types/react": "^18.2.30",
-    "address": "^2.0.1",
-    "ansi-html-community": "^0.0.8",
-    "chalk": "^5.3.0",
-    "commander": "^11.1.0",
-    "compression": "^1.7.4",
-    "cors": "^2.8.5",
-    "default-gateway": "^7.2.2",
-    "express": "^4.18.2",
-    "fast-glob": "^3.3.1",
-    "gzip-size": "^7.0.0",
-    "html-entities": "^2.5.2",
-    "html-webpack-plugin": "^5.6.0",
-    "less-loader": "^11.1.3",
-    "open": "^10.1.0",
-    "postcss": "^8.4.33",
-    "postcss-loader": "^7.3.4",
-    "react-refresh": "^0.14.0",
-    "sass-loader": "^13.3.2",
-    "strip-ansi": "^7.1.0",
-    "table": "^6.8.1",
-    "typescript-plugin-css-modules": "^5.0.2",
-    "webpack-bundle-analyzer": "^4.9.1",
-    "webpack-chain": "^6.5.1",
-    "webpack-dev-middleware": "^7.0.0",
-    "webpack-hot-middleware": "^2.26.1"
-  }
+	"name": "@empjs/cli",
+	"version": "3.0.0-rc.0",
+	"description": "emp",
+	"license": "MIT",
+	"type": "module",
+	"files": [
+		"dist",
+		"bin",
+		"resource",
+		"template",
+		"client.d.ts",
+		"emp-tsconfig.json"
+	],
+	"maintainers": [
+		"xuhongbin",
+		"ckken"
+	],
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/empjs/emp.git",
+		"directory": "packages/cli"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"keywords": [
+		"rspack",
+		"rust",
+		"typescript"
+	],
+	"bin": {
+		"emp": "./bin/emp.js"
+	},
+	"main": "dist/index.js",
+	"module": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"exports": {
+		".": {
+			"import": {
+				"default": "./dist/index.js",
+				"types": "./dist/index.d.ts"
+			},
+			"require": {
+				"default": "./dist/index.js",
+				"types": "./dist/index.d.ts"
+			}
+		},
+		"./emp-tsconfig.json": "./emp-tsconfig.json"
+	},
+	"scripts": {
+		"d": "rimraf dist && pnpm run esdev:build",
+		"b": "rimraf dist && pnpm run esbuild:build",
+		"dev": "rimraf dist && pnpm run /^esdev:.*/",
+		"esdev:build": "cross-env ENV=dev node esbuild.js",
+		"esdev:tsc": "tsc -w",
+		"esdev:tsc-alias": "tsc-alias -w",
+		"build": "rimraf dist && pnpm run /^esbuild:.*/",
+		"esbuild:build": "cross-env ENV=prod node esbuild.js",
+		"esbuild:tsc": "tsc && tsc-alias",
+		"dts": "node dts-bundle.js"
+	},
+	"engines": {
+		"node": ">=20.0.0"
+	},
+	"author": "Ken",
+	"devDependencies": {
+		"@types/compression": "^1.7.2",
+		"@types/cors": "^2.8.12",
+		"@types/default-gateway": "^7.2.1",
+		"@types/express": "^4.17.13",
+		"@types/fs-extra": "^11.0.4",
+		"@types/watchpack": "^2.4.3",
+		"@types/webpack": "^5.28.4",
+		"@types/webpack-bundle-analyzer": "^4.6.2",
+		"@types/webpack-hot-middleware": "^2.25.9",
+		"@types/webpack-sources": "^3.2.2",
+		"cross-env": "^7.0.3",
+		"esbuild": "^0.19.5",
+		"rimraf": "^5.0.5",
+		"tsc-alias": "^1.8.8"
+	},
+	"dependencies": {
+		"@module-federation/enhanced": "^0.1.3",
+		"@rspack/core": "0.6.1",
+		"@rspack/dev-server": "0.6.1",
+		"@swc/helpers": "^0.5.7",
+		"@types/node": "^20.8.7",
+		"address": "^2.0.1",
+		"ansi-html-community": "^0.0.8",
+		"chalk": "^5.3.0",
+		"commander": "^11.1.0",
+		"compression": "^1.7.4",
+		"core-js": "^3.36.1",
+		"cors": "^2.8.5",
+		"default-gateway": "^7.2.2",
+		"express": "^4.18.2",
+		"fast-glob": "^3.3.1",
+		"fs-extra": "^11.2.0",
+		"gzip-size": "^7.0.0",
+		"html-entities": "^2.5.2",
+		"html-webpack-plugin": "^5.6.0",
+		"less-loader": "^11.1.3",
+		"open": "^10.1.0",
+		"postcss": "^8.4.33",
+		"postcss-loader": "^7.3.4",
+		"sass-loader": "^13.3.2",
+		"strip-ansi": "^7.1.0",
+		"typescript-plugin-css-modules": "^5.0.2",
+		"webpack-bundle-analyzer": "^4.9.1",
+		"webpack-chain": "^6.5.1"
+	}
 }

package/template/index.html CHANGED Viewed

@@ -1,20 +1,14 @@
 <!DOCTYPE html>
 <html lang="<%= htmlWebpackPlugin.options.lang %>">
-  <head>
-    <!-- EMP inject title -->
-    <title><%= htmlWebpackPlugin.options.title %></title>
-    <meta name="keywords" content="<%= htmlWebpackPlugin.options.keywords %>" />
-    <meta name="description" content="<%= htmlWebpackPlugin.options.description %>" />
-    <!-- EMP inject css -->
-    <% for (let i in htmlWebpackPlugin.options.files.css) { %>
-      <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.files.css[i] %>" />
-      <% } %>
-  </head>
-  <body>
-    <div id="emp-root"></div>
-    <!-- EMP inject js -->
-    <% for (let i in htmlWebpackPlugin.options.files.js) { %>
-      <script src="<%= htmlWebpackPlugin.options.files.js[i] %>"></script>
-      <% } %>
-  </body>
-</html>
+<head>
+  <title>
+    <%= htmlWebpackPlugin.options.title %>
+  </title>
+</head>
+<body>
+  <div id="emp-root"></div>
+</body>
+</html>

package/dist/helper/prepareURLs.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-export declare function prepareUrls(protocol: any, host: string, port: number, pathname?: string): {
-    lanUrlForConfig: string | undefined;
-    lanUrlForTerminal: string;
-    localUrlForTerminal: string;
-    localUrlForBrowser: string;
-};

package/dist/store/rspack/runtimePlugins.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-declare class RuntimePlugins {
-    constructor();
-    beforeInit(): void;
-    beforeLoadingRemote(): void;
-    loadRemoteMatch(): void;
-    loadRemote(): void;
-    errorLoadRemote(): void;
-    beforeLoadShare(): void;
-    beforePreloadRemote(): void;
-}
-declare const _default: RuntimePlugins;
-export default _default;

package/dist/store/rspack/script.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import { GlobalStore } from '../../store';
-declare class Script {
-    js(store: GlobalStore): void;
-}
-declare const _default: Script;
-export default _default;