@zstackui/qiankun 2.6.3-beta-5

package/lib/utils.js

@@ -0,0 +1,240 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genAppInstanceIdByName = exports.Deferred = void 0;
+exports.getContainer = getContainer;
+exports.getContainerXPath = getContainerXPath;
+exports.getDefaultTplWrapper = getDefaultTplWrapper;
+exports.getWrapperId = getWrapperId;
+exports.getXPathForElement = getXPathForElement;
+exports.isBoundedFunction = isBoundedFunction;
+exports.isCallable = void 0;
+exports.isConstructable = isConstructable;
+exports.isEnableScopedCSS = isEnableScopedCSS;
+exports.nativeGlobal = void 0;
+exports.nextTask = nextTask;
+exports.performanceGetEntriesByName = performanceGetEntriesByName;
+exports.performanceMark = performanceMark;
+exports.performanceMeasure = performanceMeasure;
+exports.sleep = sleep;
+exports.toArray = toArray;
+exports.validateExportLifecycle = validateExportLifecycle;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+var _once2 = _interopRequireDefault(require("lodash/once"));
+var _snakeCase2 = _interopRequireDefault(require("lodash/snakeCase"));
+var _version = require("./version");
+/**
+ * @author Kuitos
+ * @since 2019-05-15
+ */
+
+function toArray(array) {
+  return Array.isArray(array) ? array : [array];
+}
+function sleep(ms) {
+  return new Promise(function (resolve) {
+    return setTimeout(resolve, ms);
+  });
+}
+// Promise.then might be synchronized in Zone.js context, we need to use setTimeout instead to mock next tick.
+var nextTick = typeof window.Zone === 'function' ? setTimeout : function (cb) {
+  return Promise.resolve().then(cb);
+};
+var globalTaskPending = false;
+/**
+ * Run a callback before next task executing, and the invocation is idempotent in every singular task
+ * That means even we called nextTask multi times in one task, only the first callback will be pushed to nextTick to be invoked.
+ * @param cb
+ */
+function nextTask(cb) {
+  if (!globalTaskPending) {
+    globalTaskPending = true;
+    nextTick(function () {
+      cb();
+      globalTaskPending = false;
+    });
+  }
+}
+var fnRegexCheckCacheMap = new WeakMap();
+function isConstructable(fn) {
+  // prototype methods might be changed while code running, so we need check it every time
+  var hasPrototypeMethods = fn.prototype && fn.prototype.constructor === fn && Object.getOwnPropertyNames(fn.prototype).length > 1;
+  if (hasPrototypeMethods) return true;
+  if (fnRegexCheckCacheMap.has(fn)) {
+    return fnRegexCheckCacheMap.get(fn);
+  }
+  /*
+    1. 有 prototype 并且 prototype 上有定义一系列非 constructor 属性
+    2. 函数名大写开头
+    3. class 函数
+    满足其一则可认定为构造函数
+   */
+  var constructable = hasPrototypeMethods;
+  if (!constructable) {
+    // fn.toString has a significant performance overhead, if hasPrototypeMethods check not passed, we will check the function string with regex
+    var fnString = fn.toString();
+    var constructableFunctionRegex = /^function\b\s[A-Z].*/;
+    var classRegex = /^class\b/;
+    constructable = constructableFunctionRegex.test(fnString) || classRegex.test(fnString);
+  }
+  fnRegexCheckCacheMap.set(fn, constructable);
+  return constructable;
+}
+/**
+ * in safari
+ * typeof document.all === 'undefined' // true
+ * typeof document.all === 'function' // true
+ * We need to discriminate safari for better performance
+ */
+var naughtySafari = typeof document.all === 'function' && typeof document.all === 'undefined';
+var callableFnCacheMap = new WeakMap();
+var isCallable = exports.isCallable = function isCallable(fn) {
+  if (callableFnCacheMap.has(fn)) {
+    return true;
+  }
+  var callable = naughtySafari ? typeof fn === 'function' && typeof fn !== 'undefined' : typeof fn === 'function';
+  if (callable) {
+    callableFnCacheMap.set(fn, callable);
+  }
+  return callable;
+};
+var boundedMap = new WeakMap();
+function isBoundedFunction(fn) {
+  if (boundedMap.has(fn)) {
+    return boundedMap.get(fn);
+  }
+  /*
+   indexOf is faster than startsWith
+   see https://jsperf.com/string-startswith/72
+   */
+  var bounded = fn.name.indexOf('bound ') === 0 && !fn.hasOwnProperty('prototype');
+  boundedMap.set(fn, bounded);
+  return bounded;
+}
+function getDefaultTplWrapper(name) {
+  return function (tpl) {
+    return "<div id=\"".concat(getWrapperId(name), "\" data-name=\"").concat(name, "\" data-version=\"").concat(_version.version, "\">").concat(tpl, "</div>");
+  };
+}
+function getWrapperId(name) {
+  return "__qiankun_microapp_wrapper_for_".concat((0, _snakeCase2.default)(name), "__");
+}
+var nativeGlobal = exports.nativeGlobal = new Function('return this')();
+var getGlobalAppInstanceMap = (0, _once2.default)(function () {
+  if (!nativeGlobal.hasOwnProperty('__app_instance_name_map__')) {
+    Object.defineProperty(nativeGlobal, '__app_instance_name_map__', {
+      enumerable: false,
+      configurable: true,
+      writable: true,
+      value: {}
+    });
+  }
+  return nativeGlobal.__app_instance_name_map__;
+});
+/**
+ * Get app instance name with the auto-increment approach
+ * @param appName
+ */
+var genAppInstanceIdByName = exports.genAppInstanceIdByName = function genAppInstanceIdByName(appName) {
+  var globalAppInstanceMap = getGlobalAppInstanceMap();
+  if (!(appName in globalAppInstanceMap)) {
+    nativeGlobal.__app_instance_name_map__[appName] = 0;
+    return appName;
+  }
+  globalAppInstanceMap[appName]++;
+  return "".concat(appName, "_").concat(globalAppInstanceMap[appName]);
+};
+/** 校验子应用导出的 生命周期 对象是否正确 */
+function validateExportLifecycle(exports) {
+  var _ref = exports !== null && exports !== void 0 ? exports : {},
+    bootstrap = _ref.bootstrap,
+    mount = _ref.mount,
+    unmount = _ref.unmount;
+  return (0, _isFunction2.default)(bootstrap) && (0, _isFunction2.default)(mount) && (0, _isFunction2.default)(unmount);
+}
+var Deferred = exports.Deferred = /*#__PURE__*/(0, _createClass2.default)(function Deferred() {
+  var _this = this;
+  (0, _classCallCheck2.default)(this, Deferred);
+  this.promise = new Promise(function (resolve, reject) {
+    _this.resolve = resolve;
+    _this.reject = reject;
+  });
+});
+var supportsUserTiming = typeof performance !== 'undefined' && typeof performance.mark === 'function' && typeof performance.clearMarks === 'function' && typeof performance.measure === 'function' && typeof performance.clearMeasures === 'function' && typeof performance.getEntriesByName === 'function';
+function performanceGetEntriesByName(markName, type) {
+  var marks = null;
+  if (supportsUserTiming) {
+    marks = performance.getEntriesByName(markName, type);
+  }
+  return marks;
+}
+function performanceMark(markName) {
+  if (supportsUserTiming) {
+    performance.mark(markName);
+  }
+}
+function performanceMeasure(measureName, markName) {
+  if (supportsUserTiming && performance.getEntriesByName(markName, 'mark').length) {
+    performance.measure(measureName, markName);
+    performance.clearMarks(markName);
+    performance.clearMeasures(measureName);
+  }
+}
+function isEnableScopedCSS(sandbox) {
+  if ((0, _typeof2.default)(sandbox) !== 'object') {
+    return false;
+  }
+  if (sandbox.strictStyleIsolation) {
+    return false;
+  }
+  return !!sandbox.experimentalStyleIsolation;
+}
+/**
+ * copy from https://developer.mozilla.org/zh-CN/docs/Using_XPath
+ * @param el
+ * @param document
+ */
+function getXPathForElement(el, document) {
+  // not support that if el not existed in document yet(such as it not append to document before it mounted)
+  if (!document.body.contains(el)) {
+    return undefined;
+  }
+  var xpath = '';
+  var pos;
+  var tmpEle;
+  var element = el;
+  while (element !== document.documentElement) {
+    pos = 0;
+    tmpEle = element;
+    while (tmpEle) {
+      if (tmpEle.nodeType === 1 && tmpEle.nodeName === element.nodeName) {
+        // If it is ELEMENT_NODE of the same name
+        pos += 1;
+      }
+      tmpEle = tmpEle.previousSibling;
+    }
+    xpath = "*[name()='".concat(element.nodeName, "'][").concat(pos, "]/").concat(xpath);
+    element = element.parentNode;
+  }
+  xpath = "/*[name()='".concat(document.documentElement.nodeName, "']/").concat(xpath);
+  xpath = xpath.replace(/\/$/, '');
+  return xpath;
+}
+function getContainer(container) {
+  return typeof container === 'string' ? document.querySelector(container) : container;
+}
+function getContainerXPath(container) {
+  if (container) {
+    var containerElement = getContainer(container);
+    if (containerElement) {
+      return getXPathForElement(containerElement, document);
+    }
+  }
+  return undefined;
+}

package/lib/version.d.ts

@@ -0,0 +1 @@
+export declare const version = " 2.6.3-beta-5";

package/lib/version.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.version = void 0;
+var version = exports.version = ' 2.6.3-beta-5';

package/package.json

@@ -0,0 +1,137 @@
+{
+  "name": "@zstackui/qiankun",
+  "version": " 2.6.3-beta-5",
+  "description": "A completed implementation of Micro Frontends",
+  "keywords": [
+    "micro frontend",
+    "microfrontend",
+    "micro frontends",
+    "micro-frontend",
+    "micro-frontends",
+    "microservice"
+  ],
+  "homepage": "https://github.com/kuitos/qiankun#readme",
+  "bugs": {
+    "url": "https://github.com/kuitos/qiankun/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kuitos/qiankun.git"
+  },
+  "license": "MIT",
+  "author": "Kuitos",
+  "maintainers": [
+    "fisecoco",
+    "uibot"
+  ],
+  "sideEffects": false,
+  "main": "./lib/index.js",
+  "module": "./es/index.js",
+  "types": "./es/index.d.ts",
+  "files": [
+    "dist",
+    "es",
+    "lib"
+  ],
+  "scripts": {
+    "examples:install": "npm-run-all --serial build install:*",
+    "examples:start": "npm-run-all --parallel start:*",
+    "examples:start-multiple": "run-p start-main-multiple start:react15 start:vue",
+    "install:main": "cd examples/main && yarn",
+    "start:main": "cd examples/main && yarn start",
+    "start-main-multiple": "cd examples/main && yarn start:multiple",
+    "install:react16": "cd examples/react16 && yarn",
+    "start:react16": "cd examples/react16 && yarn start",
+    "install:react15": "cd examples/react15 && yarn",
+    "start:react15": "cd examples/react15 && yarn start",
+    "install:vue": "cd examples/vue && yarn",
+    "start:vue": "cd examples/vue && yarn start",
+    "install:angular9": "cd examples/angular9 && yarn",
+    "start:angular9": "cd examples/angular9 && yarn serve:qiankun",
+    "install:purehtml": "cd examples/purehtml && yarn",
+    "start:purehtml": "cd examples/purehtml && yarn start",
+    "install:vue3": "cd examples/vue3 && yarn",
+    "start:vue3": "cd examples/vue3 && yarn start",
+    "build": "father-build",
+    "release": "np --no-cleanup --yolo --no-publish",
+    "prepublishOnly": "yarn ci",
+    "lint": "yarn lint:js && yarn lint:prettier",
+    "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
+    "lint:fix": "yarn lint:js -- --fix",
+    "lint:prettier": "prettier -c ./src/**/*",
+    "prettier": "prettier --write ./src/**/*",
+    "docs:dev": "dumi dev",
+    "docs:build": "dumi build",
+    "ci": "yarn lint && yarn build && yarn test",
+    "test": "cross-env NODE_ENV=test jest"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "pre-push": "yarn test"
+    }
+  },
+  "lint-staged": {
+    "**/*.{js,ts,json,css,md}": [
+      "prettier -w"
+    ],
+    "**/*.{js,ts}": [
+      "yarn lint:fix"
+    ]
+  },
+  "jest": {
+    "coveragePathIgnorePatterns": [
+      "/node_modules/",
+      "/__tests__/",
+      "/dist/"
+    ],
+    "moduleFileExtensions": [
+      "js",
+      "ts"
+    ],
+    "testMatch": [
+      "<rootDir>/src/**/__tests__/**/*.test.ts"
+    ],
+    "testPathIgnorePatterns": [
+      "/node_modules/",
+      "/fixtures/"
+    ],
+    "transform": {
+      "^.+\\.ts$": "<rootDir>/node_modules/ts-jest"
+    }
+  },
+  "resolutions": {
+    "@types/react": "^16.x"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.10.5",
+    "import-html-entry": "^1.9.0",
+    "lodash": "^4.17.11",
+    "single-spa": "^5.9.2",
+    "tslib": "^1.10.0"
+  },
+  "devDependencies": {
+    "@types/history": "4.7.11",
+    "@types/jest": "^25.1.4",
+    "@types/lodash": "^4.14.129",
+    "@types/minimatch": "3.0.5",
+    "@types/node": "14.18.33",
+    "@types/vfile-message": "1.x",
+    "@umijs/fabric": "^2.0.7",
+    "babel-plugin-import": "^1.12.1",
+    "cross-env": "^7.0.2",
+    "dumi": "1.1.38",
+    "father-build": "^1.7.0",
+    "husky": "^2.3.0",
+    "jest": "^25.2.2",
+    "levenary": "^1.1.1",
+    "lint-staged": "^10.5.4",
+    "np": "^5.0.3",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.1.2",
+    "rimraf": "^3.0.0",
+    "ts-jest": "^25.2.1",
+    "typescript": "^4.1.2",
+    "umi-plugin-hire": "^1.0.3"
+  }
+}