feat(server): add compression support for production server

packages/runtime/plugin-runtime/src/core/server/stream/createReadableStream.ts

@@ -130,7 +130,7 @@ export const createReadableStreamFromElement: CreateReadableStreamFromElement =
                       callback(e);
                     } else {
                       callback(
-                        new Error('Received unkown error when streaming'),
+                        new Error('Received unknown error when streaming'),
                       );
                     }
                   }

packages/runtime/plugin-runtime/src/router/runtime/constants.ts

@@ -34,7 +34,7 @@ export const resolveFnStr = `function r(e,r,o,A){A?_ROUTER_DATA.r[e][r].reject(A
 /**
    * update data for pre resolved promises
    * original function:
-   * function preResovledDeferredPromise(data, error) {
+   * function preResolvedDeferredPromise(data, error) {
     if(typeof error !== 'undefined'){
       return Promise.reject(new Error(error.message));
     }else{

packages/runtime/plugin-runtime/src/router/runtime/plugin.node.tsx

@@ -40,7 +40,7 @@ import {
 import type { RouterConfig } from './types';
 import { createRouteObjectsFromConfig, renderRoutes, urlJoin } from './utils';
 
-function createRemixReuqest(request: Request) {
+function createRemixRequest(request: Request) {
   const method = 'GET';
   const { headers } = request;
   const controller = new AbortController();
@@ -136,7 +136,7 @@ export const routerPlugin = (
 
         // We can't pass post request to query,due to post request would trigger react-router submit action.
         // But user maybe do not define action for page.
-        const remixRequest = createRemixReuqest(
+        const remixRequest = createRemixRequest(
           context.ssrContext!.request.raw,
         );
 

packages/server/core/src/plugins/compression.ts

@@ -0,0 +1,27 @@
+import { compress } from 'hono/compress';
+import type { ServerPlugin } from '../types';
+
+export const compressionPlugin = (): ServerPlugin => ({
+  name: '@modern-js/plugin-compression',
+  setup(api) {
+    api.onPrepare(() => {
+      const { middlewares, serverConfig } = api.getServerContext();
+      const compression = serverConfig?.server?.compression;
+
+      if (!compression) {
+        return;
+      }
+
+      const encoding =
+        typeof compression === 'object' && compression.encoding
+          ? compression.encoding
+          : 'gzip';
+
+      middlewares.push({
+        name: 'compression',
+        handler: compress({ encoding }),
+        order: 'pre',
+      });
+    });
+  },
+});

packages/server/core/src/plugins/index.ts

@@ -14,3 +14,4 @@ export {
 } from './default';
 export { compatPlugin, handleSetupResult } from './compat';
 export { injectConfigMiddlewarePlugin } from './middlewares';
+export { compressionPlugin } from './compression';

packages/server/core/src/types/config/server.ts

@@ -49,6 +49,23 @@ export interface ServerUserConfig {
    * @default false
    */
   disableHook?: boolean;
+  /**
+   * Enable response compression for production server.
+   * When set to `true`, uses gzip encoding by default.
+   * Can also pass an object to configure encoding type.
+   *
+   * @example
+   * ```ts
+   * server: {
+   *   compression: true
+   * }
+   * // or
+   * server: {
+   *   compression: { encoding: 'br' }
+   * }
+   * ```
+   */
+  compression?: boolean | { encoding: 'gzip' | 'br' | 'deflate' };
 }
 
 export type ServerNormalizedConfig = ServerUserConfig;

packages/server/prod-server/src/apply.ts

@@ -3,6 +3,7 @@ import type { Http2SecureServer } from 'node:http2';
 import {
   ErrorDigest,
   type ServerBase,
+  compressionPlugin,
   createDefaultPlugins,
   createErrorHtml,
   faviconPlugin,
@@ -92,6 +93,7 @@ export async function applyPlugins(
       logger:
         loggerOptions === false ? false : optLogger || getLogger(loggerOptions),
     }),
+    ...(config.server?.compression ? [compressionPlugin()] : []),
     injectConfigMiddlewarePlugin(middlewares, renderMiddlewares),
     ...(options.plugins || []),
     injectResourcePlugin(),

packages/toolkit/create/template/src/modern-app-env.d.ts

@@ -1 +1,2 @@
 /// <reference types='@modern-js/app-tools/types' />
+/// <reference types='@rsbuild/core/types' />