@satumjs/simple-midwares v0.1.7

@satumjs/simple-midwares

some simple midwares for satum-micro

Usage

import { simpleCacheMidware /*, simpleSandboxMidware, ... */ } from '@satumjs/simple-midwares';

use(simpleCacheMidware);
// use(simpleSandboxMidware);

• simpleCacheMidware: 简单的文件内容缓存，会缓存获取过的 js/css 文件内容
• simpleSandboxMidware: 简单的沙箱，会执行微应用的脚本
  • docVariable: (k: string, proxyDoc: Object, document: Document) => any. 改写沙箱 document 的返回值, 当返回 undefined/null 则继续按默认逻辑查找
  • winVariable: (k: string, proxyWin: Object, window: Window) => any. 改写沙箱 window 的返回值, 当返回 undefined/null 则继续按默认逻辑查找
• simpleCssScopeMidware: 简单的 css scope 实现，会处理 css 规则增加 scope
  • scopeRule: string | (appName: string) => string. 设置 css selector 前缀规则
  • ignoreList: string | RegExp | (selectorPart: string) => boolean | Array. 设置特殊的忽略名单，前缀会在命中的选择器后面插入
• imageUrlCompleteMidware: css 和页面中的图片相对路径自动补全
  • publicPath: string | (file: string) => string. 用户自定义微应用的 publicPath
  • getFinalUrl: (url: string) => string. 用户自定义最终的返回，参数为默认处理后的 url
• mountNodeMidware: 获取挂载 dom 节点，会响应 dom 变化，直到成功获取
• interceptorMidware: vue/react 路由拦截器，会为不同的微应用分发不同的路径