@modern-js/server 1.3.0 → 1.4.0

package/dist/js/node/dev-tools/mock/index.js

@@ -9,36 +9,15 @@ var _path = _interopRequireDefault(require("path"));
 
 var _utils = require("@modern-js/utils");
 
-var _pathToRegexp = require("path-to-regexp");
-
 var _constants = require("../../constants");
 
-var _getMockData = _interopRequireDefault(require("./getMockData"));
+var _getMockData = _interopRequireWildcard(require("./getMockData"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-const getMatched = (context, mockApiList) => {
-  const {
-    path: targetPathname,
-    method: targetMethod
-  } = context;
-  const matched = mockApiList.find(mockApi => {
-    const {
-      method,
-      path: pathname
-    } = mockApi;
-
-    if (method.toLowerCase() === targetMethod.toLowerCase()) {
-      return (0, _pathToRegexp.match)(pathname, {
-        encode: encodeURI,
-        decode: decodeURIComponent
-      })(targetPathname);
-    }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-    return false;
-  });
-  return matched;
-};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const createMockHandler = ({
   pwd
@@ -69,7 +48,7 @@ const createMockHandler = ({
     const {
       res
     } = context;
-    const matched = getMatched(context, apiList);
+    const matched = (0, _getMockData.getMatched)(context, apiList);
 
     if (!matched) {
       return next();

package/dist/js/node/dev-tools/socket-server.js

@@ -118,8 +118,10 @@ class SocketServer {
     });
   }
 
-  close(connection) {
-    connection.close();
+  close() {
+    this.sockets.forEach(socket => {
+      socket.close();
+    });
   } // get standard stats
 
 

package/dist/js/node/dev-tools/watcher/index.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.getWatchedFiles = exports.default = void 0;
+
+var _path = _interopRequireDefault(require("path"));
 
 var _chokidar = _interopRequireDefault(require("chokidar"));
 
@@ -18,26 +20,26 @@ const getWatchedFiles = watcher => {
   const files = [];
   Object.keys(watched).forEach(dir => {
     watched[dir].forEach(fileName => {
-      files.push(`${dir}/${fileName}`);
+      files.push(_path.default.join(dir, fileName));
     });
   });
   return files;
 };
 
+exports.getWatchedFiles = getWatchedFiles;
+
 class Watcher {
   constructor() {
     this.dependencyTree = null;
     this.watcher = void 0;
   }
 
-  listen(files, callback) {
+  listen(files, options, callback) {
     const watched = files.filter(Boolean);
+    const filenames = watched.map(filename => filename.replace(/\\/g, '/'));
     const cache = new _statsCache.StatsCache();
 
-    const watcher = _chokidar.default.watch(watched, {
-      // 初始化的时候不触发 add、addDir 事件
-      ignoreInitial: true
-    });
+    const watcher = _chokidar.default.watch(filenames, options);
 
     watcher.on('ready', () => {
       cache.add(getWatchedFiles(watcher));

package/dist/js/node/dev-tools/watcher/stats-cache.js

@@ -7,24 +7,29 @@ exports.StatsCache = void 0;
 
 var _fs = _interopRequireDefault(require("fs"));
 
+var _crypto = _interopRequireDefault(require("crypto"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 class StatsCache {
   constructor() {
-    this.cachedStats = {};
+    this.cachedHash = {};
+    this.cachedSize = {};
   }
 
   add(files) {
     const {
-      cachedStats
+      cachedHash,
+      cachedSize
     } = this;
 
     for (const filename of files) {
       if (_fs.default.existsSync(filename)) {
-        const stat = _fs.default.statSync(filename);
+        const stats = _fs.default.statSync(filename);
 
-        if (stat.isFile() && !cachedStats[filename]) {
-          cachedStats[filename] = this.sign(stat);
+        if (stats.isFile() && !cachedHash[filename]) {
+          cachedHash[filename] = this.hash(stats, filename);
+          cachedSize[filename] = stats.size;
         }
       }
     }
@@ -32,34 +37,43 @@ class StatsCache {
 
   refresh(filename) {
     const {
-      cachedStats
+      cachedHash,
+      cachedSize
     } = this;
 
     if (_fs.default.existsSync(filename)) {
-      const stat = _fs.default.statSync(filename);
+      const stats = _fs.default.statSync(filename);
 
-      if (stat.isFile()) {
-        cachedStats[filename] = this.sign(stat);
+      if (stats.isFile()) {
+        cachedHash[filename] = this.hash(stats, filename);
+        cachedSize[filename] = stats.size;
       }
     }
   }
 
   del(filename) {
-    if (this.cachedStats[filename]) {
-      delete this.cachedStats[filename];
+    if (this.cachedHash[filename]) {
+      delete this.cachedHash[filename];
+      delete this.cachedSize[filename];
     }
   }
 
   isDiff(filename) {
     const {
-      cachedStats
+      cachedHash,
+      cachedSize
     } = this;
 
-    const stat = _fs.default.statSync(filename);
+    const stats = _fs.default.statSync(filename);
+
+    const hash = cachedHash[filename];
+    const size = cachedSize[filename];
 
-    const cachedStat = cachedStats[filename];
+    if (stats.size !== size) {
+      return true;
+    }
 
-    if (this.sign(stat) !== cachedStat) {
+    if (this.hash(stats, filename) !== hash) {
       return true;
     }
 
@@ -67,12 +81,11 @@ class StatsCache {
   }
 
   has(filename) {
-    return Boolean(this.cachedStats[filename]);
-  } // Todo size 其实有点问题，修改单个字符会导致触发不了 change
-
+    return Boolean(this.cachedHash[filename]);
+  }
 
-  sign(stat) {
-    return stat.size;
+  hash(stats, filename) {
+    return _crypto.default.createHash('md5').update(_fs.default.readFileSync(filename)).digest('hex');
   }
 
 }

package/dist/js/node/libs/context/context.js

@@ -31,10 +31,12 @@ class ModernServerContext {
     this.params = {};
     this.logger = void 0;
     this.metrics = void 0;
+    this.serverData = void 0;
     this.req = req;
     this.res = res;
     this.logger = req.logger;
     this.metrics = req.metrics;
+    this.serverData = {};
     this.bind();
   }
 
@@ -53,6 +55,10 @@ class ModernServerContext {
     this.params = params;
   }
 
+  setServerData(key, value) {
+    this.serverData[key] = value;
+  }
+
   getReqHeader(key) {
     const {
       req

package/dist/js/node/libs/hook-api/route.js

@@ -6,15 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.createRouteAPI = void 0;
 
 class RouteAPI {
-  constructor(matched, router) {
+  constructor(matched, router, url) {
     this.router = void 0;
     this.current = void 0;
+    this.url = void 0;
     this.current = matched;
     this.router = router;
+    this.url = url;
   }
 
   cur() {
-    return this.current.generate();
+    return this.current.generate(this.url);
   }
 
   get(entryName) {
@@ -22,7 +24,7 @@ class RouteAPI {
       router
     } = this;
     const matched = router.matchEntry(entryName);
-    return matched ? matched.generate() : null;
+    return matched ? matched.generate(this.url) : null;
   }
 
   use(entryName) {
@@ -41,6 +43,6 @@ class RouteAPI {
 
 }
 
-const createRouteAPI = (matched, router) => new RouteAPI(matched, router);
+const createRouteAPI = (matched, router, url) => new RouteAPI(matched, router, url);
 
 exports.createRouteAPI = createRouteAPI;

package/dist/js/node/libs/render/index.js

@@ -64,6 +64,7 @@ const createRenderHandler = ({
       const result = await ssr.render(ctx, {
         distDir,
         entryName: route.entryName,
+        urlPath: route.urlPath,
         bundle: route.bundle,
         template: templateHTML,
         staticGenerate

package/dist/js/node/libs/render/ssr.js

@@ -11,12 +11,15 @@ var _utils = require("@modern-js/utils");
 
 var _mimeTypes = _interopRequireDefault(require("mime-types"));
 
+var _cookie = _interopRequireDefault(require("cookie"));
+
 var _cache = _interopRequireDefault(require("./cache"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const render = async (ctx, renderOptions, runner) => {
   const {
+    urlPath,
     bundle,
     distDir,
     template,
@@ -28,11 +31,14 @@ const render = async (ctx, renderOptions, runner) => {
 
   const context = {
     request: {
+      baseUrl: urlPath,
       params: ctx.params,
       pathname: ctx.path,
+      host: ctx.host,
       query: ctx.query,
-      headers: ctx.headers,
-      cookie: ctx.headers.cookie
+      url: ctx.href,
+      cookieMap: _cookie.default.parse(ctx.headers.cookie || ''),
+      headers: ctx.headers
     },
     redirection: {},
     template,

package/dist/js/node/libs/route/index.js

@@ -23,7 +23,6 @@ class RouteMatchManager {
 
   filter(pathname) {
     return this.matchers.reduce((matches, matcher) => {
-      // 非网关来的，或网关匹配上之后，内部再进行一次自己的匹配
       if (matcher.matchUrlPath(pathname)) {
         matches.push(matcher);
       }

package/dist/js/node/libs/route/matcher.js

@@ -9,6 +9,8 @@ var _utils = require("@modern-js/utils");
 
 var _pathToRegexp = require("path-to-regexp");
 
+var _utils2 = require("../../utils");
+
 var _route = require("./route");
 
 // eslint-disable-next-line no-useless-escape
@@ -25,8 +27,16 @@ class RouteMatcher {
   } // generate modern route object
 
 
-  generate() {
-    return new _route.ModernRoute(this.spec);
+  generate(url) {
+    const route = new _route.ModernRoute(this.spec);
+
+    if (this.urlPath) {
+      const params = this.parseURLParams(url);
+      route.urlPath = (0, _utils2.toPath)(route.urlPath, params);
+      route.params = params;
+    }
+
+    return route;
   }
 
   parseURLParams(pathname) {
@@ -84,9 +94,12 @@ class RouteMatcher {
 
     if (useReg) {
       this.urlMatcher = (0, _pathToRegexp.match)(urlPath, {
+        end: false,
         decode: decodeURIComponent
       });
-      this.urlReg = (0, _pathToRegexp.pathToRegexp)(urlPath);
+      this.urlReg = (0, _pathToRegexp.pathToRegexp)(urlPath, [], {
+        end: false
+      });
     }
   }
 

package/dist/js/node/libs/route/route.js

@@ -17,6 +17,7 @@ class ModernRoute {
     this.isSSR = void 0;
     this.isSPA = void 0;
     this.enableModernMode = void 0;
+    this.params = {};
     this.entryName = routeSpec.entryName || '';
     this.urlPath = routeSpec.urlPath;
     this.entryPath = routeSpec.entryPath || '';

package/dist/js/node/server/dev-server/dev-server.js

@@ -147,13 +147,20 @@ class ModernDevServer extends _modernServer.ModernServer {
   }
 
   async close() {
+    var _this$socketServer2;
+
     super.close();
     await this.watcher.close();
     await new Promise(resolve => {
-      this.devMiddleware.close(() => {
+      if (this.devMiddleware) {
+        this.devMiddleware.close(() => {
+          resolve();
+        });
+      } else {
         resolve();
-      });
+      }
     });
+    (_this$socketServer2 = this.socketServer) === null || _this$socketServer2 === void 0 ? void 0 : _this$socketServer2.close();
   }
 
   async createHTTPServer(handler) {
@@ -268,16 +275,24 @@ class ModernDevServer extends _modernServer.ModernServer {
     const {
       mock
     } = _constants.AGGRED_DIR;
-    const defaultWatched = [`${pwd}/${mock}/**/*`, `${pwd}/${_utils.SERVER_DIR}/**/*`, `${pwd}/${_utils.API_DIR}/!(typings)/**`, `${pwd}/${_utils.SHARED_DIR}/**/*`];
+    const defaultWatched = [`${mock}/**/*`, `${_utils.SERVER_DIR}/**/*`, `${_utils.API_DIR}/**`, `${_utils.SHARED_DIR}/**/*`];
+    const defaultWatchedPaths = defaultWatched.map(p => _path.default.normalize(_path.default.join(pwd, p)));
+
+    const mockPath = _path.default.normalize(_path.default.join(pwd, mock));
+
     const watcher = new _watcher.default();
     watcher.createDepTree(); // 监听文件变动，如果有变动则给 client，也就是 start 启动的插件发消息
 
-    watcher.listen(defaultWatched, filepath => {
+    watcher.listen(defaultWatchedPaths, {
+      // 初始化的时候不触发 add、addDir 事件
+      ignoreInitial: true,
+      ignored: /api\/typings\/.*/
+    }, filepath => {
       watcher.updateDepTree();
       watcher.cleanDepCache(filepath);
       this.runner.reset();
 
-      if (filepath.startsWith(`${pwd}/${mock}`)) {
+      if (filepath.startsWith(mockPath)) {
         this.mockHandler = (0, _mock.createMockHandler)({
           pwd
         });

package/dist/js/node/server/index.js

@@ -7,7 +7,7 @@ exports.Server = void 0;
 
 var _path = _interopRequireDefault(require("path"));
 
-var _serverPlugin = require("@modern-js/server-plugin");
+var _serverCore = require("@modern-js/server-core");
 
 var _utils = require("@modern-js/utils");
 
@@ -131,22 +131,25 @@ class Server {
     const {
       options
     } = this;
+
+    _serverCore.serverManager.clear();
+
     (_options$plugins = options.plugins) === null || _options$plugins === void 0 ? void 0 : _options$plugins.forEach(p => {
-      _serverPlugin.serverManager.usePlugin(p);
+      _serverCore.serverManager.usePlugin((0, _utils.compatRequire)(p.pluginPath));
     });
     const appContext = await this.initAppContext();
 
-    _serverPlugin.serverManager.run(() => {
+    _serverCore.serverManager.run(() => {
       var _options$config$outpu;
 
-      _core.ConfigContext.set(this.options.config);
+      _serverCore.ConfigContext.set(this.options.config);
 
-      _core.AppContext.set(_objectSpread(_objectSpread({}, appContext), {}, {
+      _serverCore.AppContext.set(_objectSpread(_objectSpread({}, appContext), {}, {
         distDirectory: _path.default.join(options.pwd, ((_options$config$outpu = options.config.output) === null || _options$config$outpu === void 0 ? void 0 : _options$config$outpu.path) || 'dist')
       }));
     });
 
-    return _serverPlugin.serverManager.init({});
+    return _serverCore.serverManager.init({});
   }
 
   async initAppContext() {

package/dist/js/node/server/modern-server-split.js

@@ -13,7 +13,7 @@ class ModernSSRServer extends _modernServer.ModernServer {
   }
 
   verifyMatch(context, matched) {
-    if (matched.generate().isApi) {
+    if (matched.generate(context.url).isApi) {
       this.render404(context);
     }
   }

package/dist/js/node/server/modern-server.js

@@ -388,7 +388,7 @@ class ModernServer {
       return;
     }
 
-    const routeAPI = (0, _route2.createRouteAPI)(matched, this.router);
+    const routeAPI = (0, _route2.createRouteAPI)(matched, this.router, context.url);
     await this.emitRouteHook('afterMatch', {
       context,
       routeAPI
@@ -401,9 +401,12 @@ class ModernServer {
     const {
       current
     } = routeAPI;
-    const route = current.generate();
-    const params = current.parseURLParams(context.url);
-    context.setParams(params); // route is api service
+    const route = current.generate(context.url);
+    context.setParams(route.params);
+    context.setServerData('router', {
+      baseUrl: route.urlPath,
+      params: route.params
+    }); // route is api service
 
     if (route.isApi) {
       this.handleAPI(context);
@@ -448,6 +451,7 @@ class ModernServer {
         templateAPI
       });
       await this.injectMicroFE(context, templateAPI);
+      templateAPI.appendHead(`<script>window._SERVER_DATA=${JSON.stringify(context.serverData)}</script>`);
       response = templateAPI.get();
     }
 
@@ -590,7 +594,7 @@ class ModernServer {
     const matched = this.router.match(statusPage) || this.router.match(customErrorPage); // if no custom status page find
 
     if (matched) {
-      const route = matched.generate();
+      const route = matched.generate(context.url);
       const {
         entryName
       } = route; // check entryName, aviod matched '/' route

package/dist/js/node/utils.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toMessage = exports.noop = exports.mergeExtension = exports.createMiddlewareCollecter = exports.createErrorDocument = void 0;
+exports.toPath = exports.toMessage = exports.noop = exports.mergeExtension = exports.createMiddlewareCollecter = exports.createErrorDocument = void 0;
+
+var _pathToRegexp = require("path-to-regexp");
 
 const mergeExtension = users => {
   const output = [];
@@ -91,4 +93,13 @@ const createMiddlewareCollecter = () => {
   };
 };
 
-exports.createMiddlewareCollecter = createMiddlewareCollecter;
+exports.createMiddlewareCollecter = createMiddlewareCollecter;
+
+const toPath = (reg, params) => {
+  const fn = (0, _pathToRegexp.compile)(reg, {
+    encode: encodeURIComponent
+  });
+  return fn(params);
+};
+
+exports.toPath = toPath;

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

@@ -15,4 +15,5 @@ declare const createStaticDataHandler: (method: string, handler: Record<string,
 
 declare const _default: (filepath: string) => MockApi[];
 
-export default _default;
+export default _default;
+export declare const getMatched: (context: ModernServerContext, mockApiList: MockApi[]) => MockApi | undefined;

package/dist/types/dev-tools/socket-server.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="node" />
 import { Server } from 'http';
-import ws from 'ws';
 import type { Stats } from 'webpack';
 import { DevServerOptions } from '../type';
 export default class SocketServer {
@@ -13,7 +12,7 @@ export default class SocketServer {
   prepare(app: Server): void;
   updateStats(stats: Stats): void;
   sockWrite(type: string, data?: Record<string, any> | string | boolean): void;
-  close(connection: ws): void;
+  close(): void;
   private getStats;
   private sendStats;
   private send;

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

@@ -1,7 +1,9 @@
+import chokidar, { FSWatcher, WatchOptions } from 'chokidar';
+export declare const getWatchedFiles: (watcher: chokidar.FSWatcher) => string[];
 export default class Watcher {
   private dependencyTree;
   private watcher;
-  listen(files: string[], callback: (changed: string) => void): void;
+  listen(files: string[], options: WatchOptions, callback: (changed: string) => void): void;
   createDepTree(): void;
   updateDepTree(): void;
   cleanDepCache(filepath: string): void;

package/dist/types/dev-tools/watcher/stats-cache.d.ts

@@ -1,9 +1,10 @@
 export declare class StatsCache {
-  private readonly cachedStats;
+  private readonly cachedHash;
+  private readonly cachedSize;
   add(files: string[]): void;
   refresh(filename: string): void;
   del(filename: string): void;
   isDiff(filename: string): boolean;
   has(filename: string): boolean;
-  private sign;
+  private hash;
 }

package/dist/types/libs/context/context.d.ts

@@ -26,9 +26,11 @@ export declare class ModernServerContext implements ModernServerContextInterface
   params: Record<string, string>;
   logger: Logger;
   metrics?: Metrics;
+  serverData: Record<string, any>;
   constructor(req: IncomingMessage, res: ServerResponse);
   private bind;
   setParams(params: Record<string, string>): void;
+  setServerData(key: string, value: any): void;
   getReqHeader(key: string): string | string[];
   get headers(): import("http").IncomingHttpHeaders;
   get method(): string;

package/dist/types/libs/hook-api/route.d.ts

@@ -3,11 +3,12 @@ import { RouteMatchManager, RouteMatcher } from '../route';
 declare class RouteAPI {
   private readonly router;
   private current;
-  constructor(matched: RouteMatcher, router: RouteMatchManager);
+  private readonly url;
+  constructor(matched: RouteMatcher, router: RouteMatchManager, url: string);
   cur(): import("../route").ModernRoute;
   get(entryName: string): import("../route").ModernRoute | null;
   use(entryName: string): boolean;
 }
 
-export declare const createRouteAPI: (matched: RouteMatcher, router: RouteMatchManager) => RouteAPI;
+export declare const createRouteAPI: (matched: RouteMatcher, router: RouteMatchManager, url: string) => RouteAPI;
 export {};

package/dist/types/libs/render/ssr.d.ts

@@ -3,6 +3,7 @@ import { RenderResult, ServerHookRunner } from '../../type';
 export declare const render: (ctx: ModernServerContext, renderOptions: {
   distDir: string;
   bundle: string;
+  urlPath: string;
   template: string;
   entryName: string;
   staticGenerate: boolean;

package/dist/types/libs/route/matcher.d.ts

@@ -6,7 +6,7 @@ export declare class RouteMatcher {
   urlMatcher?: MatchFunction;
   urlReg?: RegExp;
   constructor(spec: ModernRouteInterface);
-  generate(): ModernRoute;
+  generate(url: string): ModernRoute;
   parseURLParams(pathname: string): Record<string, string>;
   matchLength(pathname: string): number | null;
   matchUrlPath(requestUrl: string): boolean;

package/dist/types/libs/route/route.d.ts

@@ -9,5 +9,6 @@ export declare class ModernRoute implements ModernRouteInterface {
   isSSR: boolean;
   isSPA: boolean;
   enableModernMode?: boolean;
+  params: Record<string, any>;
   constructor(routeSpec: ModernRouteInterface);
 }