@modern-js/server 1.4.0 → 1.4.3

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @modern-js/server
 
+## 1.4.3
+
+### Patch Changes
+
+- deeaa602: support svg/proxy/multi-version in unbundled
+- fab92861: fix: @modern-js/core phantom dep
+- Updated dependencies [deeaa602]
+- Updated dependencies [54786e58]
+  - @modern-js/hmr-client@1.2.2
+  - @modern-js/utils@1.3.2
+  - @modern-js/core@1.4.3
+
+## 1.4.2
+
+### Patch Changes
+
+- 735b2a81: prevent ssr compiler to send socket message
+- Updated dependencies [b376c8d6]
+- Updated dependencies [e62c4efd]
+- Updated dependencies [e2a8233f]
+  - @modern-js/core@1.4.2
+
+## 1.4.1
+
+### Patch Changes
+
+- 2cfc4235: support cssPath/jsPath/mediaPath in production mode
+- 8d55e234: fix: catch api error
+- Updated dependencies [53aca274]
+- Updated dependencies [78279953]
+- Updated dependencies [e116ace5]
+- Updated dependencies [4d72edea]
+  - @modern-js/core@1.4.1
+  - @modern-js/utils@1.3.1
+
 ## 1.4.0
 
 ### Minor Changes

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

@@ -8,6 +8,7 @@ export default class SocketServer {
     this.options = void 0;
     this.app = void 0;
     this.stats = void 0;
+    this.timer = null;
     this.options = options;
   } // create socket, install socket handler, bind socket event
 
@@ -32,7 +33,7 @@ export default class SocketServer {
       // only dev server, use default logger
       logger.error(err);
     });
-    setInterval(() => {
+    this.timer = setInterval(() => {
       this.wsServer.clients.forEach(socket => {
         const extWs = socket;
 
@@ -45,49 +46,7 @@ export default class SocketServer {
       });
     }, 30000);
     this.wsServer.on('connection', 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.client.logging) {
-        this.sockWrite('logging', this.options.client.logging);
-      }
-
-      if (this.options.hot || this.options.hot === 'only') {
-        this.sockWrite('hot');
-      }
-
-      if (this.options.liveReload) {
-        this.sockWrite('liveReload');
-      }
-
-      if (this.options.client.progress) {
-        this.sockWrite('progress', this.options.client.progress);
-      }
-
-      if (this.options.client.overlay) {
-        this.sockWrite('overlay', this.options.client.overlay);
-      } // send first stats to active client sock if stats exist
-
-
-      if (this.stats) {
-        this.sendStats(true);
-      }
+      this.onConnect(socket);
     });
   }
 
@@ -106,10 +65,68 @@ export default class SocketServer {
     });
   }
 
+  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.client.logging) {
+      this.singleWrite(connection, 'logging', this.options.client.logging);
+    }
+
+    if (this.options.hot || this.options.hot === 'only') {
+      this.singleWrite(connection, 'hot');
+    }
+
+    if (this.options.liveReload) {
+      this.singleWrite(connection, 'liveReload');
+    }
+
+    if (this.options.client.progress) {
+      this.singleWrite(connection, 'progress', this.options.client.progress);
+    }
+
+    if (this.options.client.overlay) {
+      this.singleWrite(connection, 'overlay', this.options.client.overlay);
+    } // send first stats to active client sock if stats exist
+
+
+    if (this.stats) {
+      this.sendStats(true);
+    }
   } // get standard stats
 
 

package/dist/js/modern/libs/proxy.js

@@ -1,10 +1,5 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { createProxyMiddleware } from 'http-proxy-middleware';
+import { formatProxyOptions } from '@modern-js/utils';
 export const createProxyHandler = proxyOptions => {
   if (!proxyOptions) {
     return null;
@@ -12,28 +7,7 @@ export const createProxyHandler = proxyOptions => {
   // or an object in the form of { source: ProxyDetail }
 
 
-  const formatedProxy = [];
-
-  if (!Array.isArray(proxyOptions)) {
-    if ('target' in proxyOptions) {
-      formatedProxy.push(proxyOptions);
-    } else {
-      Array.prototype.push.apply(formatedProxy, Object.keys(proxyOptions).reduce((total, source) => {
-        const option = proxyOptions[source];
-        total.push(_objectSpread({
-          context: source,
-          changeOrigin: true,
-          logLevel: 'warn'
-        }, typeof option === 'string' ? {
-          target: option
-        } : option));
-        return total;
-      }, []));
-    }
-  } else {
-    formatedProxy.push(...proxyOptions);
-  }
-
+  const formatedProxy = formatProxyOptions(proxyOptions);
   const middlewares = formatedProxy.map(option => {
     const middleware = createProxyMiddleware(option.context, option); // eslint-disable-next-line consistent-return
 

package/dist/js/modern/libs/render/reader.js

@@ -14,7 +14,7 @@ const createCacheItem = async (filepath, mtime) => {
   };
 };
 
-class LruReader {
+export class LruReader {
   // private timer?: NodeJS.Timeout;
   constructor() {
     this.cache = void 0;
@@ -96,7 +96,6 @@ class LruReader {
 
 
 }
-
 const reader = new LruReader();
 export const readFile = async filepath => {
   const file = await reader.read(filepath);

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

@@ -183,6 +183,10 @@ export class ModernDevServer extends ModernServer {
     };
 
     const addHooks = compiler => {
+      if (compiler.name === 'server') {
+        return;
+      }
+
       const {
         compile,
         invalid,

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

@@ -21,7 +21,7 @@ import clone from 'lodash.clone';
 import { RouteMatchManager } from "../libs/route";
 import { createRenderHandler } from "../libs/render";
 import { createStaticFileHandler } from "../libs/serve-file";
-import { createErrorDocument, createMiddlewareCollecter, mergeExtension, noop } from "../utils";
+import { createErrorDocument, createMiddlewareCollecter, getStaticReg, mergeExtension, noop } from "../utils";
 import * as reader from "../libs/render/reader";
 import { createProxyHandler } from "../libs/proxy";
 import { createContext } from "../libs/context";
@@ -126,15 +126,10 @@ export class ModernServer {
       this.warmupSSRBundle();
     }
 
-    await this.prepareFrameHandler();
-    const {
-      favicon,
-      faviconByEntries
-    } = this.conf.output || {};
-    const favicons = this.prepareFavicons(favicon, faviconByEntries); // Only work when without setting `assetPrefix`.
+    await this.prepareFrameHandler(); // Only work when without setting `assetPrefix`.
     // Setting `assetPrefix` means these resources should be uploaded to CDN.
 
-    const staticPathRegExp = new RegExp(`^/(static/|upload/|favicon.ico|icon.png${favicons.length > 0 ? `|${favicons.join('|')}` : ''})`);
+    const staticPathRegExp = getStaticReg(this.conf.output || {});
     this.staticFileHandler = createStaticFileHandler([{
       path: staticPathRegExp,
       target: distDir
@@ -374,7 +369,7 @@ export class ModernServer {
     }); // route is api service
 
     if (route.isApi) {
-      this.handleAPI(context);
+      await this.handleAPI(context);
       return;
     }
 
@@ -585,25 +580,5 @@ export class ModernServer {
     res.end(createErrorDocument(status, text));
   }
 
-  prepareFavicons(favicon, faviconByEntries) {
-    const faviconNames = [];
-
-    if (favicon) {
-      faviconNames.push(favicon.substring(favicon.lastIndexOf('/') + 1));
-    }
-
-    if (faviconByEntries) {
-      Object.keys(faviconByEntries).forEach(f => {
-        const curFavicon = faviconByEntries[f];
-
-        if (curFavicon) {
-          faviconNames.push(curFavicon.substring(curFavicon.lastIndexOf('/') + 1));
-        }
-      });
-    }
-
-    return faviconNames;
-  }
-
 }
 /* eslint-enable max-lines */

package/dist/js/modern/utils.js

@@ -77,4 +77,36 @@ export const toPath = (reg, params) => {
     encode: encodeURIComponent
   });
   return fn(params);
+};
+export const getStaticReg = (output = {}) => {
+  const {
+    favicon,
+    faviconByEntries,
+    cssPath,
+    jsPath,
+    mediaPath
+  } = output;
+  const favicons = prepareFavicons(favicon, faviconByEntries);
+  const staticFiles = [cssPath, jsPath, mediaPath].filter(v => Boolean(v));
+  const staticPathRegExp = new RegExp(`^/(static/|upload/|favicon.ico|icon.png${favicons.length > 0 ? `|${favicons.join('|')}` : ''}|${staticFiles.join('|')})`);
+  return staticPathRegExp;
+};
+export const prepareFavicons = (favicon, faviconByEntries) => {
+  const faviconNames = [];
+
+  if (favicon) {
+    faviconNames.push(favicon.substring(favicon.lastIndexOf('/') + 1));
+  }
+
+  if (faviconByEntries) {
+    Object.keys(faviconByEntries).forEach(f => {
+      const curFavicon = faviconByEntries[f];
+
+      if (curFavicon) {
+        faviconNames.push(curFavicon.substring(curFavicon.lastIndexOf('/') + 1));
+      }
+    });
+  }
+
+  return faviconNames;
 };

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

@@ -20,6 +20,7 @@ class SocketServer {
     this.options = void 0;
     this.app = void 0;
     this.stats = void 0;
+    this.timer = null;
     this.options = options;
   } // create socket, install socket handler, bind socket event
 
@@ -44,7 +45,7 @@ class SocketServer {
       // only dev server, use default logger
       _utils.logger.error(err);
     });
-    setInterval(() => {
+    this.timer = setInterval(() => {
       this.wsServer.clients.forEach(socket => {
         const extWs = socket;
 
@@ -57,49 +58,7 @@ class SocketServer {
       });
     }, 30000);
     this.wsServer.on('connection', 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.client.logging) {
-        this.sockWrite('logging', this.options.client.logging);
-      }
-
-      if (this.options.hot || this.options.hot === 'only') {
-        this.sockWrite('hot');
-      }
-
-      if (this.options.liveReload) {
-        this.sockWrite('liveReload');
-      }
-
-      if (this.options.client.progress) {
-        this.sockWrite('progress', this.options.client.progress);
-      }
-
-      if (this.options.client.overlay) {
-        this.sockWrite('overlay', this.options.client.overlay);
-      } // send first stats to active client sock if stats exist
-
-
-      if (this.stats) {
-        this.sendStats(true);
-      }
+      this.onConnect(socket);
     });
   }
 
@@ -118,10 +77,68 @@ class SocketServer {
     });
   }
 
+  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.client.logging) {
+      this.singleWrite(connection, 'logging', this.options.client.logging);
+    }
+
+    if (this.options.hot || this.options.hot === 'only') {
+      this.singleWrite(connection, 'hot');
+    }
+
+    if (this.options.liveReload) {
+      this.singleWrite(connection, 'liveReload');
+    }
+
+    if (this.options.client.progress) {
+      this.singleWrite(connection, 'progress', this.options.client.progress);
+    }
+
+    if (this.options.client.overlay) {
+      this.singleWrite(connection, 'overlay', this.options.client.overlay);
+    } // send first stats to active client sock if stats exist
+
+
+    if (this.stats) {
+      this.sendStats(true);
+    }
   } // get standard stats
 
 

package/dist/js/node/libs/proxy.js

@@ -7,11 +7,7 @@ exports.createProxyHandler = void 0;
 
 var _httpProxyMiddleware = require("http-proxy-middleware");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var _utils = require("@modern-js/utils");
 
 const createProxyHandler = proxyOptions => {
   if (!proxyOptions) {
@@ -20,28 +16,7 @@ const createProxyHandler = proxyOptions => {
   // or an object in the form of { source: ProxyDetail }
 
 
-  const formatedProxy = [];
-
-  if (!Array.isArray(proxyOptions)) {
-    if ('target' in proxyOptions) {
-      formatedProxy.push(proxyOptions);
-    } else {
-      Array.prototype.push.apply(formatedProxy, Object.keys(proxyOptions).reduce((total, source) => {
-        const option = proxyOptions[source];
-        total.push(_objectSpread({
-          context: source,
-          changeOrigin: true,
-          logLevel: 'warn'
-        }, typeof option === 'string' ? {
-          target: option
-        } : option));
-        return total;
-      }, []));
-    }
-  } else {
-    formatedProxy.push(...proxyOptions);
-  }
-
+  const formatedProxy = (0, _utils.formatProxyOptions)(proxyOptions);
   const middlewares = formatedProxy.map(option => {
     const middleware = (0, _httpProxyMiddleware.createProxyMiddleware)(option.context, option); // eslint-disable-next-line consistent-return
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateFile = exports.readFile = exports.init = exports.close = void 0;
+exports.updateFile = exports.readFile = exports.init = exports.close = exports.LruReader = void 0;
 
 var _utils = require("@modern-js/utils");
 
@@ -110,6 +110,7 @@ class LruReader {
 
 }
 
+exports.LruReader = LruReader;
 const reader = new LruReader();
 
 const readFile = async filepath => {

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

@@ -212,6 +212,10 @@ class ModernDevServer extends _modernServer.ModernServer {
     };
 
     const addHooks = compiler => {
+      if (compiler.name === 'server') {
+        return;
+      }
+
       const {
         compile,
         invalid,

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

@@ -156,15 +156,10 @@ class ModernServer {
       this.warmupSSRBundle();
     }
 
-    await this.prepareFrameHandler();
-    const {
-      favicon,
-      faviconByEntries
-    } = this.conf.output || {};
-    const favicons = this.prepareFavicons(favicon, faviconByEntries); // Only work when without setting `assetPrefix`.
+    await this.prepareFrameHandler(); // Only work when without setting `assetPrefix`.
     // Setting `assetPrefix` means these resources should be uploaded to CDN.
 
-    const staticPathRegExp = new RegExp(`^/(static/|upload/|favicon.ico|icon.png${favicons.length > 0 ? `|${favicons.join('|')}` : ''})`);
+    const staticPathRegExp = (0, _utils2.getStaticReg)(this.conf.output || {});
     this.staticFileHandler = (0, _serveFile.createStaticFileHandler)([{
       path: staticPathRegExp,
       target: distDir
@@ -409,7 +404,7 @@ class ModernServer {
     }); // route is api service
 
     if (route.isApi) {
-      this.handleAPI(context);
+      await this.handleAPI(context);
       return;
     }
 
@@ -620,26 +615,6 @@ class ModernServer {
     res.end((0, _utils2.createErrorDocument)(status, text));
   }
 
-  prepareFavicons(favicon, faviconByEntries) {
-    const faviconNames = [];
-
-    if (favicon) {
-      faviconNames.push(favicon.substring(favicon.lastIndexOf('/') + 1));
-    }
-
-    if (faviconByEntries) {
-      Object.keys(faviconByEntries).forEach(f => {
-        const curFavicon = faviconByEntries[f];
-
-        if (curFavicon) {
-          faviconNames.push(curFavicon.substring(curFavicon.lastIndexOf('/') + 1));
-        }
-      });
-    }
-
-    return faviconNames;
-  }
-
 }
 /* eslint-enable max-lines */
 

package/dist/js/node/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toPath = exports.toMessage = exports.noop = exports.mergeExtension = exports.createMiddlewareCollecter = exports.createErrorDocument = void 0;
+exports.toPath = exports.toMessage = exports.prepareFavicons = exports.noop = exports.mergeExtension = exports.getStaticReg = exports.createMiddlewareCollecter = exports.createErrorDocument = void 0;
 
 var _pathToRegexp = require("path-to-regexp");
 
@@ -102,4 +102,42 @@ const toPath = (reg, params) => {
   return fn(params);
 };
 
-exports.toPath = toPath;
+exports.toPath = toPath;
+
+const getStaticReg = (output = {}) => {
+  const {
+    favicon,
+    faviconByEntries,
+    cssPath,
+    jsPath,
+    mediaPath
+  } = output;
+  const favicons = prepareFavicons(favicon, faviconByEntries);
+  const staticFiles = [cssPath, jsPath, mediaPath].filter(v => Boolean(v));
+  const staticPathRegExp = new RegExp(`^/(static/|upload/|favicon.ico|icon.png${favicons.length > 0 ? `|${favicons.join('|')}` : ''}|${staticFiles.join('|')})`);
+  return staticPathRegExp;
+};
+
+exports.getStaticReg = getStaticReg;
+
+const prepareFavicons = (favicon, faviconByEntries) => {
+  const faviconNames = [];
+
+  if (favicon) {
+    faviconNames.push(favicon.substring(favicon.lastIndexOf('/') + 1));
+  }
+
+  if (faviconByEntries) {
+    Object.keys(faviconByEntries).forEach(f => {
+      const curFavicon = faviconByEntries[f];
+
+      if (curFavicon) {
+        faviconNames.push(curFavicon.substring(curFavicon.lastIndexOf('/') + 1));
+      }
+    });
+  }
+
+  return faviconNames;
+};
+
+exports.prepareFavicons = prepareFavicons;

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

@@ -1,5 +1,6 @@
 /// <reference types="node" />
 import { Server } from 'http';
+import ws from 'ws';
 import type { Stats } from 'webpack';
 import { DevServerOptions } from '../type';
 export default class SocketServer {
@@ -8,11 +9,14 @@ export default class SocketServer {
   private readonly options;
   private app?;
   private stats?;
+  private timer;
   constructor(options: DevServerOptions);
   prepare(app: Server): void;
   updateStats(stats: Stats): void;
   sockWrite(type: string, data?: Record<string, any> | string | boolean): void;
+  singleWrite(socket: ws, type: string, data?: Record<string, any> | string | boolean): void;
   close(): void;
+  private onConnect;
   private getStats;
   private sendStats;
   private send;

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

@@ -1,16 +1,4 @@
-/// <reference types="node" />
-import { IncomingMessage, ServerResponse } from 'http';
-import { NextFunction } from '../type';
+import { NextFunction, ProxyOptions } from '@modern-js/types';
 import { ModernServerContext } from './context';
-declare type ProxyDetail = {
-  target: string;
-  pathRewrite?: Record<string, string>;
-  secure?: boolean;
-  logLevel?: 'debug' | 'info' | 'warn' | 'error' | 'silent';
-  bypass?: (req: IncomingMessage, res: ServerResponse, proxyOptions: ProxyOptions) => string | undefined | null | false;
-  context?: string | string[];
-  changeOrigin?: boolean;
-};
-export declare type ProxyOptions = Record<string, string> | Record<string, ProxyDetail> | ProxyDetail[] | ProxyDetail;
-export declare const createProxyHandler: (proxyOptions: ProxyOptions) => ((ctx: ModernServerContext, next: NextFunction) => Promise<void>)[] | null;
-export {};
+export type { ProxyOptions };
+export declare const createProxyHandler: (proxyOptions: ProxyOptions) => ((ctx: ModernServerContext, next: NextFunction) => Promise<void>)[] | null;

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

@@ -1,4 +1,17 @@
 /// <reference types="node" />
+export declare class LruReader {
+  private readonly cache;
+  constructor();
+  init(): void;
+  close(): void;
+  read(filepath: string): Promise<{
+    content: Buffer;
+    mtime: Date;
+  } | {
+    content: Buffer;
+  } | null>;
+  update(): void;
+}
 export declare const readFile: (filepath: string) => Promise<Buffer | undefined>;
 export declare const updateFile: () => void;
 export declare const init: () => void;

package/dist/types/server/modern-server.d.ts

@@ -68,6 +68,5 @@ export declare class ModernServer {
   private requestHandler;
   private onError;
   private renderErrorPage;
-  private prepareFavicons;
 }
 export {};

package/dist/types/utils.d.ts

@@ -1,3 +1,4 @@
+import type { NormalizedConfig } from '@modern-js/core';
 export declare const mergeExtension: (users: any[]) => {
   middleware: any[];
 };
@@ -13,4 +14,6 @@ export declare const createMiddlewareCollecter: () => {
   addWebMiddleware: (input: any) => void;
   addAPIMiddleware: (input: any) => void;
 };
-export declare const toPath: (reg: string, params: Record<string, any>) => string;
+export declare const toPath: (reg: string, params: Record<string, any>) => string;
+export declare const getStaticReg: (output?: NormalizedConfig['output']) => RegExp;
+export declare const prepareFavicons: (favicon: string | undefined, faviconByEntries?: Record<string, string | undefined> | undefined) => string[];

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.4.0",
+  "version": "1.4.3",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/js/node/index.js",
@@ -34,12 +34,11 @@
     "@babel/preset-typescript": "^7.15.0",
     "@babel/register": "^7.15.3",
     "@babel/runtime": "^7",
-    "@modern-js/core": "^1.4.0",
-    "@modern-js/hmr-client": "^1.2.1",
+    "@modern-js/hmr-client": "^1.2.2",
     "@modern-js/server-core": "^1.2.2",
     "@modern-js/server-utils": "^1.2.1",
     "@modern-js/bff-utils": "^1.2.2",
-    "@modern-js/utils": "^1.3.0",
+    "@modern-js/utils": "^1.3.2",
     "axios": "^0.24.0",
     "babel-plugin-module-resolver": "^4.1.0",
     "chokidar": "^3.5.2",
@@ -64,8 +63,9 @@
     "cookie": "^0.4.2"
   },
   "devDependencies": {
+    "@modern-js/core": "^1.4.3",
     "@scripts/build": "0.0.0",
-    "@modern-js/types": "^1.3.0",
+    "@modern-js/types": "^1.3.3",
     "@types/jest": "^26",
     "@types/lru-cache": "^5.1.1",
     "@types/mime-types": "^2.1.0",
@@ -90,7 +90,8 @@
     "websocket": "^1"
   },
   "peerDependencies": {
-    "webpack": "^5.54.0"
+    "webpack": "^5.54.0",
+    "@modern-js/core": "^1.4.3"
   },
   "sideEffects": false,
   "modernConfig": {
@@ -100,8 +101,7 @@
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
-    "access": "public",
-    "types": "./dist/types/index.d.ts"
+    "access": "public"
   },
   "scripts": {
     "new": "modern new",

package/tests/dev.test.ts

@@ -53,14 +53,31 @@ describe('test dev tools', () => {
 
     const socket = {
       state: 1,
+      readyState: 1,
+      data: '',
       close() {
         socket.state = 0;
+      },
+      send(data: string) {
+        socket.data = data;
+      },
+      on() {
         // empty
       },
     };
+
+    socketServer.onConnect(socket);
+
     socketServer.sockets = [socket];
+    socketServer.sockWrite('test');
+    expect(socket.data).toBe(JSON.stringify({ type: 'test' }));
+
+    socketServer.singleWrite(socket, 'single');
+    expect(socket.data).toBe(JSON.stringify({ type: 'single' }));
+
     socketServer.close();
     expect(socket.state).toBe(0);
+    app.close();
   });
 
   test('should dev server plugin work correctly', () => {

package/tests/fixtures/reader/index.ts

@@ -0,0 +1,3 @@
+export default {
+  name: 'modern',
+};

package/tests/fixtures/static-dir/bar.html

@@ -0,0 +1,11 @@
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>bar</title>
+</head>
+<body>
+
+</body>
+</html>

package/tests/fixtures/static-dir/baz/index.html

@@ -0,0 +1,11 @@
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>baz</title>
+</head>
+<body>
+
+</body>
+</html>

package/tests/fixtures/static-dir/foo/index.html

@@ -0,0 +1,11 @@
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>foo</title>
+</head>
+<body>
+
+</body>
+</html>

package/tests/render.test.ts

@@ -0,0 +1,102 @@
+import path from 'path';
+import { render } from '../src/libs/render/ssr';
+import { handleDirectory } from '../src/libs/render/static';
+import { LruReader } from '../src/libs/render/reader';
+
+describe('test render function', () => {
+  test('should return content correctly ', async () => {
+    const renderResult = await render(
+      {
+        params: {},
+        pathname: '/foo',
+        host: 'localhost:8080',
+        query: {},
+        url: 'localhost:8080/foo',
+        cookieMap: {},
+        headers: {},
+      } as any,
+      {
+        urlPath: '/foo',
+        bundle: 'bundle.js',
+        distDir: path.join(__dirname, 'fixtures', 'ssr'),
+        template: 'tpl.html',
+        entryName: 'foo',
+        staticGenerate: false,
+      } as any,
+      {
+        extendSSRContext: () => {
+          // empty
+        },
+      } as any,
+    );
+
+    expect(renderResult.content).toMatch('Modern.js');
+    expect(renderResult.contentType).toMatch('text/html; charset=utf-8');
+  });
+
+  test('should handle directory for .html correctly', async () => {
+    const entryPath = path.join(__dirname, 'fixtures', 'static-dir');
+
+    const res1 = await handleDirectory(
+      {
+        path: '/modern/bar',
+      } as any,
+      entryPath,
+      '/modern',
+    );
+
+    expect(res1?.content.toString()).toMatch('bar');
+  });
+
+  test('should handle directory for index.html correctly', async () => {
+    const entryPath = path.join(__dirname, 'fixtures', 'static-dir');
+
+    const res1 = await handleDirectory(
+      {
+        path: '/modern/foo',
+      } as any,
+      entryPath,
+      '/modern',
+    );
+
+    expect(res1?.content.toString()).toMatch('foo');
+  });
+
+  test('should handle directory for /index.html correctly', async () => {
+    const entryPath = path.join(__dirname, 'fixtures', 'static-dir');
+
+    const res1 = await handleDirectory(
+      {
+        path: '/modern/baz/',
+      } as any,
+      entryPath,
+      '/modern',
+    );
+
+    expect(res1?.content.toString()).toMatch('baz');
+  });
+
+  test('should reader work correctly', async () => {
+    const reader = new LruReader();
+    const dir = path.join(__dirname, 'fixtures', 'reader');
+
+    const nullRes = await reader.read(path.join(dir, 'foo.ts'));
+    expect(nullRes).toBeNull();
+
+    const dirRes = await reader.read(path.join(dir, 'test-dir'));
+    expect(dirRes).toBeNull();
+
+    const res = await reader.read(path.join(dir, 'index.ts'));
+    expect(res).not.toBeNull();
+    expect(res?.content.toString()).toMatch('modern');
+
+    const res1 = await reader.read(path.join(dir, 'index.ts'));
+    expect(res1).not.toBeNull();
+    expect(res1?.content.toString()).toMatch('modern');
+
+    reader.update();
+    const res2 = await reader.read(path.join(dir, 'index.ts'));
+    expect(res2).not.toBeNull();
+    expect(res2?.content.toString()).toMatch('modern');
+  });
+});

package/tests/utils.test.ts

@@ -5,6 +5,7 @@ import {
   toMessage,
   createErrorDocument,
   createMiddlewareCollecter,
+  getStaticReg,
 } from '../src/utils';
 
 describe('test server utils', () => {
@@ -74,4 +75,32 @@ describe('test server utils', () => {
     const fn = compile('/home/:id', { encode: encodeURIComponent });
     expect(fn({ id: 2 })).toBe('/home/2');
   });
+
+  describe('test create static reg', () => {
+    test('should test static path correctly', () => {
+      const reg = getStaticReg();
+      expect(reg.test('/static')).toBeTruthy();
+      expect(reg.test('/upload')).toBeTruthy();
+    });
+
+    test('should test custom static path correctly', () => {
+      const reg = getStaticReg({
+        cssPath: 'static-css',
+      });
+      expect(reg.test('/static-css')).toBeTruthy();
+    });
+
+    test('should test favicon path correctly', () => {
+      const reg = getStaticReg({
+        favicon: 'index.icon',
+        faviconByEntries: {
+          foo: 'foo.icon',
+          baz: 'baz.icon',
+        },
+      });
+      expect(reg.test('/index.icon')).toBeTruthy();
+      expect(reg.test('/foo.icon')).toBeTruthy();
+      expect(reg.test('/baz.icon')).toBeTruthy();
+    });
+  });
 });

package/tests/ssr.test.ts

@@ -1,34 +0,0 @@
-import path from 'path';
-import { render } from '../src/libs/render/ssr';
-
-describe('test ssr render function', () => {
-  test('should return content correctly ', async () => {
-    const renderResult = await render(
-      {
-        params: {},
-        pathname: '/foo',
-        host: 'localhost:8080',
-        query: {},
-        url: 'localhost:8080/foo',
-        cookieMap: {},
-        headers: {},
-      } as any,
-      {
-        urlPath: '/foo',
-        bundle: 'bundle.js',
-        distDir: path.join(__dirname, 'fixtures', 'ssr'),
-        template: 'tpl.html',
-        entryName: 'foo',
-        staticGenerate: false,
-      } as any,
-      {
-        extendSSRContext: () => {
-          // empty
-        },
-      } as any,
-    );
-
-    expect(renderResult.content).toMatch('Modern.js');
-    expect(renderResult.contentType).toMatch('text/html; charset=utf-8');
-  });
-});