@modern-js/server 2.6.1-alpha.0 → 2.8.0

package/CHANGELOG.md

@@ -1,5 +1,50 @@
 # @modern-js/server
 
+## 2.8.0
+
+### Patch Changes
+
+- ea7bb41e30: feat: add custom web server docs
+  feat: 添加自定义 Web Server 文档
+- Updated dependencies [1104a9f18b]
+- Updated dependencies [70d82e1408]
+- Updated dependencies [2c1151271d]
+- Updated dependencies [1f6ca2c7fb]
+  - @modern-js/prod-server@2.8.0
+  - @modern-js/utils@2.8.0
+  - @modern-js/types@2.8.0
+  - @modern-js/server-utils@2.8.0
+
+## 2.7.0
+
+### Minor Changes
+
+- 84bfb439b8: feat: support custom apiDir, lambdaDir and style of writing for bff
+  feat: 支持定制 api 目录，lambda 目录，bff 的写法
+
+### Patch Changes
+
+- 6378e26bf9: fix: modern server not serve static file in developmenet env, dev-server-middleware serve it
+  fix: modern server 在开发环境不再托管静态文件，dev-server-middleware 托管他们
+- 7fff9020e1: chore: make file naming consistent
+
+  chore: 统一文件命名为小驼峰格式
+
+- 1eea234fdd: chore: make test files naming consistent
+
+  chore: 统一测试文件命名为小驼峰格式
+
+- Updated dependencies [0f15fc597c]
+- Updated dependencies [dcad887024]
+- Updated dependencies [a4672f7c16]
+- Updated dependencies [7fff9020e1]
+- Updated dependencies [1eea234fdd]
+- Updated dependencies [84bfb439b8]
+  - @modern-js/utils@2.7.0
+  - @modern-js/types@2.7.0
+  - @modern-js/prod-server@2.7.0
+  - @modern-js/server-utils@2.7.0
+
 ## 2.6.0
 
 ### Patch Changes

package/README.md

@@ -19,8 +19,8 @@ Please follow [Quick Start](https://modernjs.dev/en/guides/get-started/quick-sta
 
 ## Contributing
 
-Please read the [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md).
+Please read the [Contributing Guide](https://github.com/web-infra-dev/modern.js/blob/main/CONTRIBUTING.md).
 
 ## License
 
-Modern.js is [MIT licensed](https://github.com/modern-js-dev/modern.js/blob/main/LICENSE).
+Modern.js is [MIT licensed](https://github.com/web-infra-dev/modern.js/blob/main/LICENSE).

package/dist/cjs/server/devServer.js

@@ -142,7 +142,7 @@ class ModernDevServer extends import_prod_server.ModernServer {
     }
     devMiddleware.init(app);
     devMiddleware.on("change", (stats) => {
-      if (stats.toJson({ all: false }).name === "client") {
+      if (stats.toJson({ all: false }).name !== "server") {
         this.onRepack({ routes: this.getRoutes() });
       }
     });

package/dist/esm/server/devServer.js

@@ -562,7 +562,7 @@ var ModernDevServer = /*#__PURE__*/ function(ModernServer) {
                                 devMiddleware.on("change", function(stats) {
                                     if (stats.toJson({
                                         all: false
-                                    }).name === "client") {
+                                    }).name !== "server") {
                                         _this.onRepack({
                                             routes: _this.getRoutes()
                                         });

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

@@ -119,7 +119,7 @@ class ModernDevServer extends ModernServer {
     }
     devMiddleware.init(app);
     devMiddleware.on("change", (stats) => {
-      if (stats.toJson({ all: false }).name === "client") {
+      if (stats.toJson({ all: false }).name !== "server") {
         this.onRepack({ routes: this.getRoutes() });
       }
     });

package/package.json

@@ -2,8 +2,8 @@
   "name": "@modern-js/server",
   "description": "A Progressive React Framework for modern web development.",
   "homepage": "https://modernjs.dev",
-  "bugs": "https://github.com/modern-js-dev/modern.js/issues",
-  "repository": "modern-js-dev/modern.js",
+  "bugs": "https://github.com/web-infra-dev/modern.js/issues",
+  "repository": "web-infra-dev/modern.js",
   "license": "MIT",
   "keywords": [
     "react",
@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.6.1-alpha.0",
+  "version": "2.8.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
@@ -29,19 +29,16 @@
   "dependencies": {
     "@babel/core": "^7.18.0",
     "@babel/register": "^7.17.7",
-    "@modern-js/prod-server": "2.6.0",
-    "@modern-js/server-utils": "2.6.0",
-    "@modern-js/types": "2.6.0",
-    "@modern-js/utils": "2.6.0",
     "connect-history-api-fallback": "^2.0.0",
     "minimatch": "^3.0.4",
     "path-to-regexp": "^6.2.0",
-    "ws": "^8.2.0"
+    "ws": "^8.2.0",
+    "@modern-js/prod-server": "2.8.0",
+    "@modern-js/server-utils": "2.8.0",
+    "@modern-js/types": "2.8.0",
+    "@modern-js/utils": "2.8.0"
   },
   "devDependencies": {
-    "@modern-js/server-core": "2.6.0",
-    "@scripts/build": "2.6.0",
-    "@scripts/jest-config": "2.6.0",
     "@types/connect-history-api-fallback": "^1.3.5",
     "@types/jest": "^27",
     "@types/minimatch": "^3.0.5",
@@ -53,7 +50,10 @@
     "tsconfig-paths": "4.1.1",
     "typescript": "^4",
     "webpack": "^5.75.0",
-    "websocket": "^1"
+    "websocket": "^1",
+    "@modern-js/server-core": "2.8.0",
+    "@scripts/build": "2.8.0",
+    "@scripts/jest-config": "2.8.0"
   },
   "peerDependencies": {
     "devcert": "^1.0.0",

package/dist/js/modern/constants.js

@@ -1,19 +0,0 @@
-import { getIpv4Interfaces, HMR_SOCK_PATH } from "@modern-js/utils";
-const getDefaultDevOptions = () => {
-  const network = getIpv4Interfaces().find((item) => !item.internal);
-  return {
-    client: {
-      port: "8080",
-      path: HMR_SOCK_PATH,
-      host: (network == null ? void 0 : network.address) || "localhost"
-    },
-    https: false,
-    devMiddleware: { writeToDisk: true },
-    watch: true,
-    hot: true,
-    liveReload: true
-  };
-};
-export {
-  getDefaultDevOptions
-};

package/dist/js/modern/dev-tools/dev-middleware/hmr-client/createSocketUrl.js

@@ -1,41 +0,0 @@
-import { HMR_SOCK_PATH } from "@modern-js/utils/constants";
-function createSocketUrl(resourceQuery) {
-  const searchParams = resourceQuery.substr(1).split("&");
-  const options = {};
-  for (const pair of searchParams) {
-    const ary = pair.split("=");
-    options[ary[0]] = decodeURIComponent(ary[1]);
-  }
-  const currentLocation = self.location;
-  return getSocketUrl(options, currentLocation);
-}
-function formatURL({
-  port,
-  protocol,
-  hostname,
-  pathname
-}) {
-  if (window.URL) {
-    const url = new URL("http://localhost");
-    url.port = port;
-    url.hostname = hostname;
-    url.protocol = protocol;
-    url.pathname = pathname;
-    return url.toString();
-  }
-  const colon = protocol.indexOf(":") === -1 ? ":" : "";
-  return `${protocol}${colon}//${hostname}:${port}${pathname}`;
-}
-function getSocketUrl(urlParts, location) {
-  const { host, port, path, protocol } = urlParts;
-  return formatURL({
-    protocol: protocol || (location.protocol === "https:" ? "wss" : "ws"),
-    hostname: host || location.hostname,
-    port: port || location.port,
-    pathname: path || HMR_SOCK_PATH
-  });
-}
-export {
-  createSocketUrl,
-  formatURL
-};

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

@@ -1,146 +0,0 @@
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-import stripAnsi from "@modern-js/utils/strip-ansi";
-import { formatWebpackMessages } from "@modern-js/utils/format";
-import { createSocketUrl } from "./createSocketUrl";
-var require_hmr_client = __commonJS({
-  "src/dev-tools/dev-middleware/hmr-client/index.ts"(exports, module) {
-    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.");
-      }
-    };
-    connection.onclose = function() {
-      if (typeof console !== "undefined" && typeof console.info === "function") {
-        console.debug("[HMR] disconnected. Refresh the page if necessary.");
-      }
-    };
-    let isFirstCompilation = true;
-    let mostRecentCompilationHash = null;
-    let hasCompileErrors = false;
-    function clearOutdatedErrors() {
-      if (typeof console !== "undefined" && typeof console.clear === "function") {
-        if (hasCompileErrors) {
-          console.clear();
-        }
-      }
-    }
-    function handleSuccess() {
-      clearOutdatedErrors();
-      const isHotUpdate = !isFirstCompilation;
-      isFirstCompilation = false;
-      hasCompileErrors = false;
-      if (isHotUpdate) {
-        tryApplyUpdates();
-      }
-    }
-    function handleWarnings(warnings) {
-      clearOutdatedErrors();
-      const isHotUpdate = !isFirstCompilation;
-      isFirstCompilation = false;
-      hasCompileErrors = false;
-      function printWarnings() {
-        const formatted = formatWebpackMessages({
-          warnings,
-          errors: []
-        });
-        if (typeof console !== "undefined" && typeof console.warn === "function") {
-          for (let i = 0; i < formatted.warnings.length; i++) {
-            if (i === 5) {
-              console.warn(
-                "There were more warnings in other files.\nYou can find a complete log in the terminal."
-              );
-              break;
-            }
-            console.warn(stripAnsi(formatted.warnings[i]));
-          }
-        }
-      }
-      printWarnings();
-      if (isHotUpdate) {
-        tryApplyUpdates();
-      }
-    }
-    function handleErrors(errors) {
-      clearOutdatedErrors();
-      isFirstCompilation = false;
-      hasCompileErrors = true;
-      const formatted = formatWebpackMessages({
-        errors,
-        warnings: []
-      });
-      if (typeof console !== "undefined" && typeof console.error === "function") {
-        for (const error of formatted.errors) {
-          console.error(stripAnsi(error));
-        }
-      }
-    }
-    function handleAvailableHash(hash) {
-      mostRecentCompilationHash = hash;
-    }
-    connection.onmessage = function(e) {
-      const message = JSON.parse(e.data);
-      switch (message.type) {
-        case "hash":
-          handleAvailableHash(message.data);
-          break;
-        case "still-ok":
-        case "ok":
-          handleSuccess();
-          break;
-        case "content-changed":
-          window.location.reload();
-          break;
-        case "warnings":
-          handleWarnings(message.data);
-          break;
-        case "errors":
-          handleErrors(message.data);
-          break;
-        default:
-      }
-    };
-    function isUpdateAvailable() {
-      return mostRecentCompilationHash !== __webpack_hash__;
-    }
-    function canApplyUpdates() {
-      return module.hot.status() === "idle";
-    }
-    function tryApplyUpdates() {
-      if (!module.hot) {
-        window.location.reload();
-        return;
-      }
-      if (!isUpdateAvailable() || !canApplyUpdates()) {
-        return;
-      }
-      function handleApplyUpdates(err, updatedModules) {
-        const wantsForcedReload = err || !updatedModules || hadRuntimeError;
-        if (wantsForcedReload) {
-          window.location.reload();
-          return;
-        }
-        if (isUpdateAvailable()) {
-          tryApplyUpdates();
-        }
-      }
-      const result = module.hot.check(true, handleApplyUpdates);
-      if (result == null ? void 0 : result.then) {
-        result.then(
-          (updatedModules) => {
-            handleApplyUpdates(null, updatedModules);
-          },
-          (err) => {
-            handleApplyUpdates(err, null);
-          }
-        );
-      }
-    }
-  }
-});
-export default require_hmr_client();

package/dist/js/modern/dev-tools/dev-middleware/index.js

@@ -1,94 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { EventEmitter } from "events";
-import SocketServer from "./socket-server";
-const noop = () => {
-};
-function getHMRClientPath(client) {
-  const protocol = (client == null ? void 0 : client.protocol) ? `&protocol=${client.protocol}` : "";
-  const host = (client == null ? void 0 : client.host) ? `&host=${client.host}` : "";
-  const path = (client == null ? void 0 : client.path) ? `&path=${client.path}` : "";
-  const port = (client == null ? void 0 : client.port) ? `&port=${client.port}` : "";
-  const clientEntry = `${require.resolve("./hmr-client")}?${host}${path}${port}${protocol}`;
-  return clientEntry;
-}
-class DevMiddleware extends EventEmitter {
-  constructor({ dev, devMiddleware }) {
-    super();
-    this.devOptions = dev;
-    this.socketServer = new SocketServer(dev);
-    if (devMiddleware) {
-      this.middleware = this.setupDevMiddleware(devMiddleware);
-    }
-  }
-  init(app) {
-    app.on("listening", () => {
-      this.socketServer.prepare(app);
-    });
-    app.on("close", () => __async(this, null, function* () {
-      var _a;
-      (_a = this.middleware) == null ? void 0 : _a.close(noop);
-      this.socketServer.close();
-    }));
-  }
-  sockWrite(type, data) {
-    this.socketServer.sockWrite(type, data);
-  }
-  setupDevMiddleware(devMiddleware) {
-    const { devOptions } = this;
-    const callbacks = {
-      onInvalid: () => {
-        this.socketServer.sockWrite("invalid");
-      },
-      onDone: (stats) => {
-        this.socketServer.updateStats(stats);
-        this.emit("change", stats);
-      }
-    };
-    const enableHMR = this.devOptions.hot || this.devOptions.liveReload;
-    const middleware = devMiddleware(__spreadValues({
-      headers: devOptions.headers,
-      stats: false,
-      callbacks,
-      hmrClientPath: enableHMR ? getHMRClientPath(devOptions.client) : void 0
-    }, devOptions.devMiddleware));
-    return middleware;
-  }
-}
-export {
-  DevMiddleware as default
-};

package/dist/js/modern/dev-tools/dev-middleware/socket-server.js

@@ -1,132 +0,0 @@
-import ws from "ws";
-import { logger } from "@modern-js/utils";
-class SocketServer {
-  constructor(options) {
-    this.sockets = [];
-    this.timer = null;
-    this.options = options;
-  }
-  prepare(app) {
-    var _a;
-    this.app = app;
-    this.wsServer = new ws.Server({
-      noServer: true,
-      path: (_a = this.options.client) == null ? void 0 : _a.path
-    });
-    this.app.on("upgrade", (req, sock, head) => {
-      if (!this.wsServer.shouldHandle(req)) {
-        return;
-      }
-      this.wsServer.handleUpgrade(req, sock, head, (connection) => {
-        this.wsServer.emit("connection", connection, req);
-      });
-    });
-    this.wsServer.on("error", (err) => {
-      logger.error(err);
-    });
-    this.timer = setInterval(() => {
-      this.wsServer.clients.forEach((socket) => {
-        const extWs = socket;
-        if (!extWs.isAlive) {
-          extWs.terminate();
-        } else {
-          extWs.isAlive = false;
-          extWs.ping(() => {
-          });
-        }
-      });
-    }, 3e4);
-    this.wsServer.on("connection", (socket) => {
-      this.onConnect(socket);
-    });
-  }
-  updateStats(stats) {
-    this.stats = stats;
-    this.sendStats();
-  }
-  sockWrite(type, data) {
-    this.sockets.forEach((socket) => {
-      this.send(socket, JSON.stringify({ type, data }));
-    });
-  }
-  singleWrite(socket, type, data) {
-    this.send(socket, JSON.stringify({ type, data }));
-  }
-  close() {
-    this.sockets.forEach((socket) => {
-      socket.close();
-    });
-    if (this.timer) {
-      clearInterval(this.timer);
-      this.timer = null;
-    }
-  }
-  onConnect(socket) {
-    const connection = socket;
-    connection.isAlive = true;
-    connection.on("pong", () => {
-      connection.isAlive = true;
-    });
-    if (!connection) {
-      return;
-    }
-    this.sockets.push(connection);
-    connection.on("close", () => {
-      const idx = this.sockets.indexOf(connection);
-      if (idx >= 0) {
-        this.sockets.splice(idx, 1);
-      }
-    });
-    if (this.options.hot || this.options.hot === "only") {
-      this.singleWrite(connection, "hot");
-    }
-    if (this.options.liveReload) {
-      this.singleWrite(connection, "liveReload");
-    }
-    if (this.stats) {
-      this.sendStats(true);
-    }
-  }
-  getStats() {
-    const curStats = this.stats;
-    if (!curStats) {
-      return null;
-    }
-    const defaultStats = {
-      all: false,
-      hash: true,
-      assets: true,
-      warnings: true,
-      errors: true,
-      errorDetails: false
-    };
-    return curStats.toJson(defaultStats);
-  }
-  sendStats(force = false) {
-    const stats = this.getStats();
-    if (!stats) {
-      return null;
-    }
-    const shouldEmit = !force && stats && (!stats.errors || stats.errors.length === 0) && stats.assets && stats.assets.every((asset) => !asset.emitted);
-    if (shouldEmit) {
-      return this.sockWrite("still-ok");
-    }
-    this.sockWrite("hash", stats.hash);
-    if (stats.errors && stats.errors.length > 0) {
-      return this.sockWrite("errors", stats.errors);
-    } else if (stats.warnings && stats.warnings.length > 0) {
-      return this.sockWrite("warnings", stats.warnings);
-    } else {
-      return this.sockWrite("ok");
-    }
-  }
-  send(connection, message) {
-    if (connection.readyState !== 1) {
-      return;
-    }
-    connection.send(message);
-  }
-}
-export {
-  SocketServer as default
-};

package/dist/js/modern/dev-tools/https/index.js

@@ -1,49 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { chalk, getPackageManager, logger } from "@modern-js/utils";
-const genHttpsOptions = (userOptions, pwd) => __async(void 0, null, function* () {
-  const httpsOptions = typeof userOptions === "boolean" ? {} : userOptions;
-  if (!httpsOptions.key || !httpsOptions.cert) {
-    let devcertPath;
-    try {
-      devcertPath = require.resolve("devcert", { paths: [pwd, __dirname] });
-    } catch (err) {
-      const packageManager = yield getPackageManager(pwd);
-      const command = chalk.yellow.bold(
-        `${packageManager} install devcert@1.2.2 -D`
-      );
-      logger.error(
-        `You have enabled "dev.https" option, but the "devcert" package is not installed.`
-      );
-      logger.error(
-        `Please run ${command} to install manually, otherwise the https can not work.`
-      );
-      throw new Error('[https] "devcert" is not found.');
-    }
-    const devcert = require(devcertPath);
-    const selfsign = yield devcert.certificateFor(["localhost"]);
-    return selfsign;
-  }
-  return httpsOptions;
-});
-export {
-  genHttpsOptions
-};