@modern-js/server 2.20.0 → 2.21.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @modern-js/server
 
+## 2.21.0
+
+### Patch Changes
+
+- 26dcf3a: chore: bump typescript to v5 in devDependencies
+
+  chore: 升级 devDependencies 中的 typescript 版本到 v5
+
+- 1ef03dc: feat(dev-server): enable gzip compression, add devServer.compress config
+
+  feat(dev-server): 默认启用 gzip 压缩，新增 devServer.compress 配置项
+
+- 8fa8566: fix(dev-server): adjust hmr connection log level
+
+  fix(dev-server): 调整 hmr 连接的日志级别
+
+- ad78387: chore(deps): bump babel-related dependencies to latest version
+
+  chore(deps): 升级 babel 相关依赖到最新版本
+
+- Updated dependencies [cfc5bda]
+- Updated dependencies [e81eeaf]
+- Updated dependencies [26dcf3a]
+- Updated dependencies [1ef03dc]
+- Updated dependencies [056627f]
+- Updated dependencies [0fc15ca]
+- Updated dependencies [43b4e83]
+- Updated dependencies [ad78387]
+  - @modern-js/prod-server@2.21.0
+  - @modern-js/utils@2.21.0
+  - @modern-js/server-utils@2.21.0
+  - @modern-js/types@2.21.0
+
 ## 2.20.0
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -24,6 +24,7 @@ const getDefaultDevOptions = () => {
     },
     watch: true,
     hot: true,
+    compress: true,
     liveReload: true
   };
 };

package/dist/cjs/dev-tools/dev-middleware/hmr-client/index.js

@@ -10,13 +10,13 @@ const hadRuntimeError = false;
 const socketUrl = (0, _createSocketUrl.createSocketUrl)(__resourceQuery);
 const connection = new WebSocket(socketUrl);
 connection.onopen = function() {
-  if (typeof console !== "undefined" && typeof console.debug === "function") {
-    console.debug("[HMR] connected.");
+  if (typeof console !== "undefined" && typeof console.info === "function") {
+    console.info("[HMR] connected.");
   }
 };
 connection.onclose = function() {
   if (typeof console !== "undefined" && typeof console.info === "function") {
-    console.debug("[HMR] disconnected. Refresh the page if necessary.");
+    console.info("[HMR] disconnected. Refresh the page if necessary.");
   }
 };
 let isFirstCompilation = true;

package/dist/cjs/server/devServer.js

@@ -79,6 +79,15 @@ class ModernDevServer extends _prodserver.ModernServer {
   }
   async applyDefaultMiddlewares(app) {
     const { pwd, dev, devMiddleware } = this;
+    if (dev.compress) {
+      const { default: compression } = await Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("http-compression")));
+      this.addHandler((ctx, next) => {
+        compression({
+          gzip: true,
+          brotli: false
+        })(ctx.req, ctx.res, next);
+      });
+    }
     this.addHandler((ctx, next) => {
       ctx.res.setHeader("Access-Control-Allow-Origin", "*");
       if (ctx.path.includes("hot-update")) {

package/dist/esm/constants.js

@@ -16,6 +16,7 @@ export var getDefaultDevOptions = function() {
     },
     watch: true,
     hot: true,
+    compress: true,
     liveReload: true
   };
 };

package/dist/esm/dev-tools/dev-middleware/hmr-client/index.js

@@ -5,13 +5,13 @@ var hadRuntimeError = false;
 var socketUrl = createSocketUrl(__resourceQuery);
 var connection = new WebSocket(socketUrl);
 connection.onopen = function() {
-  if (typeof console !== "undefined" && typeof console.debug === "function") {
-    console.debug("[HMR] connected.");
+  if (typeof console !== "undefined" && typeof console.info === "function") {
+    console.info("[HMR] connected.");
   }
 };
 connection.onclose = function() {
   if (typeof console !== "undefined" && typeof console.info === "function") {
-    console.debug("[HMR] disconnected. Refresh the page if necessary.");
+    console.info("[HMR] disconnected. Refresh the page if necessary.");
   }
 };
 var isFirstCompilation = true;

package/dist/esm/server/devServer.js

@@ -177,11 +177,30 @@ export var ModernDevServer = /* @__PURE__ */ function(ModernServer2) {
       value: function applyDefaultMiddlewares(app) {
         var _this = this;
         return _async_to_generator(function() {
-          var pwd, dev, devMiddleware, proxyHandlers, _ref, connectHistoryApiFallback, historyApiFallbackMiddleware;
+          var pwd, dev, devMiddleware, _ref, compression, proxyHandlers, _ref1, connectHistoryApiFallback, historyApiFallbackMiddleware;
           return _ts_generator(this, function(_state) {
             switch (_state.label) {
               case 0:
                 pwd = _this.pwd, dev = _this.dev, devMiddleware = _this.devMiddleware;
+                if (!dev.compress)
+                  return [
+                    3,
+                    2
+                  ];
+                return [
+                  4,
+                  import("http-compression")
+                ];
+              case 1:
+                _ref = _state.sent(), compression = _ref.default;
+                _this.addHandler(function(ctx, next) {
+                  compression({
+                    gzip: true,
+                    brotli: false
+                  })(ctx.req, ctx.res, next);
+                });
+                _state.label = 2;
+              case 2:
                 _this.addHandler(function(ctx, next) {
                   ctx.res.setHeader("Access-Control-Allow-Origin", "*");
                   if (ctx.path.includes("hot-update")) {
@@ -249,20 +268,20 @@ export var ModernDevServer = /* @__PURE__ */ function(ModernServer2) {
                 if (!dev.historyApiFallback)
                   return [
                     3,
-                    2
+                    4
                   ];
                 return [
                   4,
                   import("connect-history-api-fallback")
                 ];
-              case 1:
-                _ref = _state.sent(), connectHistoryApiFallback = _ref.default;
+              case 3:
+                _ref1 = _state.sent(), connectHistoryApiFallback = _ref1.default;
                 historyApiFallbackMiddleware = connectHistoryApiFallback(typeof dev.historyApiFallback === "boolean" ? {} : dev.historyApiFallback);
                 _this.addHandler(function(ctx, next) {
                   return historyApiFallbackMiddleware(ctx.req, ctx.res, next);
                 });
-                _state.label = 2;
-              case 2:
+                _state.label = 4;
+              case 4:
                 return [
                   2
                 ];

package/dist/esm-node/constants.js

@@ -16,6 +16,7 @@ export const getDefaultDevOptions = () => {
     },
     watch: true,
     hot: true,
+    compress: true,
     liveReload: true
   };
 };

package/dist/esm-node/dev-tools/dev-middleware/hmr-client/index.js

@@ -5,13 +5,13 @@ const hadRuntimeError = false;
 const socketUrl = createSocketUrl(__resourceQuery);
 const connection = new WebSocket(socketUrl);
 connection.onopen = function() {
-  if (typeof console !== "undefined" && typeof console.debug === "function") {
-    console.debug("[HMR] connected.");
+  if (typeof console !== "undefined" && typeof console.info === "function") {
+    console.info("[HMR] connected.");
   }
 };
 connection.onclose = function() {
   if (typeof console !== "undefined" && typeof console.info === "function") {
-    console.debug("[HMR] disconnected. Refresh the page if necessary.");
+    console.info("[HMR] disconnected. Refresh the page if necessary.");
   }
 };
 let isFirstCompilation = true;

package/dist/esm-node/server/devServer.js

@@ -69,6 +69,15 @@ export class ModernDevServer extends ModernServer {
   }
   async applyDefaultMiddlewares(app) {
     const { pwd, dev, devMiddleware } = this;
+    if (dev.compress) {
+      const { default: compression } = await import("http-compression");
+      this.addHandler((ctx, next) => {
+        compression({
+          gzip: true,
+          brotli: false
+        })(ctx.req, ctx.res, next);
+      });
+    }
     this.addHandler((ctx, next) => {
       ctx.res.setHeader("Access-Control-Allow-Origin", "*");
       if (ctx.path.includes("hot-update")) {

package/dist/types/dev-tools/mock/getMockData.d.ts

@@ -11,8 +11,6 @@ export type MockApi = {
 };
 declare const createFunctionDataHandler: (method: string, handler: (req: IncomingMessage, res: ServerResponse, next: NextFunction) => void) => (context: ModernServerContext, next: NextFunction) => Promise<void>;
 declare const createStaticDataHandler: (method: string, handler: Record<string, any>) => (context: ModernServerContext) => void;
-
 declare const _default: (mockConfig: MockConfig) => MockApi[];
-
 export default _default;
 export declare const getMatched: (context: ModernServerContext, mockApiList: MockApi[]) => MockApi | undefined;

package/dist/types/dev-tools/watcher/dependencyTree.d.ts

@@ -14,7 +14,6 @@ export interface TreeNode {
  * `module.parent` is the module that first required. so we have to implement
  *  a new tree which revisit the cache tree to find all parent node
  */
-
 export declare class DependencyTree {
   private readonly tree;
   private readonly ignore;
@@ -25,7 +24,6 @@ export declare class DependencyTree {
    *
    * @param cache
    */
-
   update(cache: any): void;
   private shouldIgnore;
 }

package/dist/types/index.d.ts

@@ -2,7 +2,5 @@ import { DevServer as Server } from './server';
 import type { ModernDevServerOptions } from './types';
 export { Server };
 export type { ModernDevServerOptions };
-
 declare const _default: (options: ModernDevServerOptions) => Promise<Server>;
-
 export default _default;

package/dist/types/types.d.ts

@@ -15,12 +15,10 @@ export type DevMiddlewareOptions = {
   /** To ensure HMR works, the devMiddleware need inject the hmr client path into page when HMR enable. */
   hmrClientPath?: string;
   /** The options need by compiler middleware (like webpackMiddleware) */
-
   headers?: Record<string, string | string[]>;
   writeToDisk?: boolean | ((filename: string) => boolean);
   stats?: boolean;
   /** should trigger when compiler hook called */
-
   callbacks: MiddlewareCallbacks;
 };
 /**
@@ -29,7 +27,6 @@ export type DevMiddlewareOptions = {
  * - Inject the hmr client path into page （the hmr client modern/server already provide）.
  * - Notify server when compiler hooks are triggered.
  */
-
 export type DevMiddleware = (options: DevMiddlewareOptions) => DevMiddlewareAPI;
 export type ExtraOptions = {
   dev: boolean | Partial<DevServerOptions>;

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.20.0",
+  "version": "2.21.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
@@ -39,17 +39,18 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.18.0",
-    "@babel/register": "^7.17.7",
+    "@babel/core": "^7.21.8",
+    "@babel/register": "^7.21.0",
+    "@swc/helpers": "0.5.1",
     "connect-history-api-fallback": "^2.0.0",
+    "http-compression": "1.0.6",
     "minimatch": "^3.0.4",
     "path-to-regexp": "^6.2.0",
     "ws": "^8.2.0",
-    "@swc/helpers": "0.5.1",
-    "@modern-js/prod-server": "2.20.0",
-    "@modern-js/server-utils": "2.20.0",
-    "@modern-js/types": "2.20.0",
-    "@modern-js/utils": "2.20.0"
+    "@modern-js/prod-server": "2.21.0",
+    "@modern-js/server-utils": "2.21.0",
+    "@modern-js/types": "2.21.0",
+    "@modern-js/utils": "2.21.0"
   },
   "devDependencies": {
     "@types/connect-history-api-fallback": "^1.3.5",
@@ -59,14 +60,14 @@
     "@types/ws": "^7.4.7",
     "jest": "^29",
     "node-mocks-http": "^1.11.0",
-    "ts-node": "^10.1.0",
+    "ts-node": "^10.9.1",
     "tsconfig-paths": "4.1.1",
-    "typescript": "^4",
+    "typescript": "^5",
     "webpack": "^5.82.1",
     "websocket": "^1",
-    "@modern-js/server-core": "2.20.0",
-    "@scripts/build": "2.20.0",
-    "@scripts/jest-config": "2.20.0"
+    "@modern-js/server-core": "2.21.0",
+    "@scripts/jest-config": "2.21.0",
+    "@scripts/build": "2.21.0"
   },
   "peerDependencies": {
     "devcert": "^1.0.0",