@micro-zoe/micro-app 1.0.0-rc.17 → 1.0.0-rc.19

package/README.md

@@ -1,6 +1,6 @@
 <p align="center">
-  <a href="https://micro-zoe.github.io/micro-app/">
-    <img src="https://micro-zoe.github.io/micro-app/home/assets/logo.png" alt="logo" width="200"/>
+  <a href="https://jd-opensource.github.io/micro-app/">
+    <img src="https://jd-opensource.github.io/micro-app/home/assets/logo.png" alt="logo" width="200"/>
   </a>
 </p>
 
@@ -11,21 +11,21 @@
   <a href="https://www.npmjs.com/package/@micro-zoe/micro-app">
     <img src="https://img.shields.io/npm/dt/@micro-zoe/micro-app.svg" alt="downloads"/>
   </a>
-  <a href="https://github.com/micro-zoe/micro-app/blob/master/LICENSE">
+  <a href="https://github.com/jd-opensource/micro-app/blob/master/LICENSE">
     <img src="https://img.shields.io/npm/l/@micro-zoe/micro-app.svg" alt="license"/>
   </a>
-  <a href="https://github.com/micro-zoe/micro-app/blob/dev/Contact.md">
+  <a href="https://github.com/jd-opensource/micro-app/blob/dev/Contact.md">
     <img src="https://img.shields.io/badge/chat-wechat-blue" alt="WeChat">
   </a>
-  <a href="https://travis-ci.com/github/micro-zoe/micro-app">
-    <img src="https://api.travis-ci.com/micro-zoe/micro-app.svg?branch=master" alt="travis"/>
+  <a href="https://travis-ci.com/github/jd-opensource/micro-app">
+    <img src="https://api.travis-ci.com/jd-opensource/micro-app.svg?branch=master" alt="travis"/>
   </a>
-  <a href="https://coveralls.io/github/micro-zoe/micro-app?branch=master">
-    <img src="https://coveralls.io/repos/github/micro-zoe/micro-app/badge.svg?branch=master" alt="coveralls"/>
+  <a href="https://coveralls.io/github/jd-opensource/micro-app?branch=master">
+    <img src="https://coveralls.io/repos/github/jd-opensource/micro-app/badge.svg?branch=master" alt="coveralls"/>
   </a>
 </p>
 
-English｜[简体中文](./README.zh-cn.md)｜[Documentation](https://micro-zoe.github.io/micro-app/)｜[Discussions](https://github.com/micro-zoe/micro-app/discussions)｜[WeChat](./Contact.md)
+English｜[简体中文](./README.zh-cn.md)｜[Documentation](https://jd-opensource.github.io/micro-app/)｜[Discussions](https://github.com/jd-opensource/micro-app/discussions)｜[WeChat](./Contact.md)
 
 # 📖Introduction
 micro-app is a micro front-end framework launched by JD Retail. It renders based on webcomponent-like and realizes the micro front-end from component thinking, it aiming to reduce the difficulty of getting started and improve work efficiency. 
@@ -72,7 +72,7 @@ The above micro front-end rendering is completed, and the effect is as follows:
 
 ![image](https://img10.360buyimg.com/imagetools/jfs/t1/188373/14/17696/41854/6111f4a0E532736ba/4b86f4f8e2044519.png)
 
-More detailed configuration can be viewed [Documentation](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/start).
+More detailed configuration can be viewed [Documentation](https://jd-opensource.github.io/micro-app/docs.html#/zh-cn/start).
 
 # 🤝 Contribution
 If you're interested in this project, you're welcome to mention pull request, and also welcome your "Star" ^_^
@@ -80,7 +80,7 @@ If you're interested in this project, you're welcome to mention pull request, an
 ### development
 1、Clone
 ```
-git clone https://github.com/micro-zoe/micro-app.git
+git clone https://github.com/jd-opensource/micro-app.git
 ```
 
 2、Install dependencies
@@ -93,7 +93,7 @@ yarn bootstrap
 yarn start
 ```
 
-For more commands, see [DEVELOP](https://github.com/micro-zoe/micro-app/blob/master/DEVELOP.md)
+For more commands, see [DEVELOP](https://github.com/jd-opensource/micro-app/blob/master/DEVELOP.md)
 
 # FAQ
 <details>
@@ -138,19 +138,19 @@ For more commands, see [DEVELOP](https://github.com/micro-zoe/micro-app/blob/mas
 <details>
   <summary>Does it support vite?</summary>
   
-  Yes, please see [adapt vite](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/vite) for details.
+  Yes, please see [adapt vite](https://jd-opensource.github.io/micro-app/docs.html#/zh-cn/framework/vite) for details.
 </details>
 
 <details>
   <summary>Does it support ssr?</summary>
   
-  Yes, please see [nextjs](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/nextjs), [nuxtjs](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/nuxtjs) for details.
+  Yes, please see [nextjs](https://jd-opensource.github.io/micro-app/docs.html#/zh-cn/framework/nextjs), [nuxtjs](https://jd-opensource.github.io/micro-app/docs.html#/zh-cn/framework/nuxtjs) for details.
 </details>
 
 # Contributors
-<a href="https://github.com/micro-zoe/micro-app/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=micro-zoe/micro-app" />
+<a href="https://github.com/jd-opensource/micro-app/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=jd-opensource/micro-app" />
 </a>
 
 # License
-[MIT License](https://github.com/micro-zoe/micro-app/blob/master/LICENSE)
+[MIT License](https://github.com/jd-opensource/micro-app/blob/master/LICENSE)

package/README.zh-cn.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <a href="https://micro-zoe.github.io/micro-app/">
+  <a href="https://jd-opensource.github.io/micro-app/">
     <img src="https://zeroing.jd.com/micro-app/media/logo.png" alt="logo" width="200"/>
   </a>
 </p>
@@ -11,21 +11,21 @@
   <a href="https://www.npmjs.com/package/@micro-zoe/micro-app">
     <img src="https://img.shields.io/npm/dt/@micro-zoe/micro-app.svg" alt="downloads"/>
   </a>
-  <a href="https://github.com/micro-zoe/micro-app/blob/master/LICENSE">
+  <a href="https://github.com/jd-opensource/micro-app/blob/master/LICENSE">
     <img src="https://img.shields.io/npm/l/@micro-zoe/micro-app.svg" alt="license"/>
   </a>
-  <a href="https://github.com/micro-zoe/micro-app/blob/dev/Contact.md">
+  <a href="https://github.com/jd-opensource/micro-app/blob/dev/Contact.md">
     <img src="https://img.shields.io/badge/chat-wechat-blue" alt="WeChat">
   </a>
-  <a href="https://travis-ci.com/github/micro-zoe/micro-app">
-    <img src="https://api.travis-ci.com/micro-zoe/micro-app.svg?branch=master" alt="travis"/>
+  <a href="https://travis-ci.com/github/jd-opensource/micro-app">
+    <img src="https://api.travis-ci.com/jd-opensource/micro-app.svg?branch=master" alt="travis"/>
   </a>
-  <a href="https://coveralls.io/github/micro-zoe/micro-app?branch=master">
-    <img src="https://coveralls.io/repos/github/micro-zoe/micro-app/badge.svg?branch=master" alt="coveralls"/>
+  <a href="https://coveralls.io/github/jd-opensource/micro-app?branch=master">
+    <img src="https://coveralls.io/repos/github/jd-opensource/micro-app/badge.svg?branch=master" alt="coveralls"/>
   </a>
 </p>
 
-[English](https://github.com/micro-zoe/micro-app)｜简体中文｜[官网文档](https://micro-zoe.github.io/micro-app/)｜[讨论组](https://github.com/micro-zoe/micro-app/discussions)｜[微信群](./Contact.md)
+[English](https://github.com/jd-opensource/micro-app)｜简体中文｜[官网文档](https://jd-opensource.github.io/micro-app/)｜[讨论组](https://github.com/jd-opensource/micro-app/discussions)｜[微信群](./Contact.md)
 
 # 📖简介
 micro-app是京东零售推出的一款微前端框架，它基于类WebComponent进行渲染，从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。它是目前接入微前端成本最低的框架，并且提供了JS沙箱、样式隔离、元素隔离、预加载、虚拟路由系统、插件系统、数据通信等一系列完善的功能。
@@ -69,7 +69,7 @@ devServer: {
 
 <img src="https://img12.360buyimg.com/imagetools/jfs/t1/196940/34/1541/38365/610a14fcE46c21374/c321b9f8fa50a8fc.png" alt="result" width='900'/>
 
-更多详细配置可以查看[官网文档](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/start)
+更多详细配置可以查看[官网文档](https://jd-opensource.github.io/micro-app/docs.html#/zh-cn/start)
 
 # 🤝 参与共建
 如果您对这个项目感兴趣，欢迎参与贡献，也欢迎 "Star" 支持一下 ^_^
@@ -77,7 +77,7 @@ devServer: {
 ### 本地运行
 1、克隆项目
 ```
-git clone https://github.com/micro-zoe/micro-app.git
+git clone https://github.com/jd-opensource/micro-app.git
 ```
 
 2、安装依赖
@@ -90,16 +90,16 @@ yarn bootstrap
 yarn start # 访问 http://localhost:3000
 ```
 
-更多命令请查看[DEVELP](https://github.com/micro-zoe/micro-app/blob/master/DEVELOP.zh-cn.md)
+更多命令请查看[DEVELP](https://github.com/jd-opensource/micro-app/blob/master/DEVELOP.zh-cn.md)
 
 # FAQ
-[问题汇总](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/questions)
+[问题汇总](https://jd-opensource.github.io/micro-app/docs.html#/zh-cn/questions)
 <details>
 
   <summary>micro-app的优势在哪里？</summary>
   上手简单、侵入性低，只需改动少量的代码即可接入微前端，同时提供丰富的功能。
 
-  具体细节请参考文章：[micro-app介绍](https://github.com/micro-zoe/micro-app/issues/8)
+  具体细节请参考文章：[micro-app介绍](https://github.com/jd-opensource/micro-app/issues/8)
 
 </details>
 <details>
@@ -136,21 +136,21 @@ yarn start # 访问 http://localhost:3000
 <details>
   <summary>支持vite吗?</summary>
   
-  支持，详情请查看[适配vite](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/vite)
+  支持，详情请查看[适配vite](https://jd-opensource.github.io/micro-app/docs.html#/zh-cn/framework/vite)
 </details>
 
 <details>
   <summary>支持ssr吗?</summary>
   
-  支持，详情请查看[nextjs](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/nextjs)、[nuxtjs](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/nuxtjs)
+  支持，详情请查看[nextjs](https://jd-opensource.github.io/micro-app/docs.html#/zh-cn/framework/nextjs)、[nuxtjs](https://jd-opensource.github.io/micro-app/docs.html#/zh-cn/framework/nuxtjs)
 </details>
 
 
 # 贡献者们
-<a href="https://github.com/micro-zoe/micro-app/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=micro-zoe/micro-app" />
+<a href="https://github.com/jd-opensource/micro-app/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=jd-opensource/micro-app" />
 </a>
 
 
 # License
-[MIT License](https://github.com/micro-zoe/micro-app/blob/master/LICENSE)
+[MIT License](https://github.com/jd-opensource/micro-app/blob/master/LICENSE)

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-const version = '1.0.0-rc.17';
+const version = '1.0.0-rc.19';
 // do not use isUndefined
 const isBrowser = typeof window !== 'undefined';
 // do not use isUndefined
@@ -245,7 +245,7 @@ function formatAppURL(url, appName = null) {
         const { origin, pathname, search } = createURL(addProtocol(url), (window.rawWindow || window).location.href);
         /**
          * keep the original url unchanged, such as .html .node .php .net .etc, search, except hash
-         * BUG FIX: Never using '/' to complete url, refer to https://github.com/micro-zoe/micro-app/issues/1147
+         * BUG FIX: Never using '/' to complete url, refer to https://github.com/jd-opensource/micro-app/issues/1147
          */
         const fullPath = `${origin}${pathname}${search}`;
         return /^https?:\/\//.test(fullPath) ? fullPath : '';
@@ -648,7 +648,7 @@ function instanceOf(instance, constructor) {
 /**
  * Format event name
  * In with sandbox, child event and lifeCycles bind to microAppElement, there are two events with same name - mounted unmount, it should be handled specifically to prevent conflicts
- * Issue: https://github.com/micro-zoe/micro-app/issues/1161
+ * Issue: https://github.com/jd-opensource/micro-app/issues/1161
  * @param type event name
  * @param appName app name
  */
@@ -919,7 +919,7 @@ class CSSParser {
         });
         return matchRes.replace(/(^|,[\n\s]*)([^,]+)/g, (_, separator, selector) => {
             selector = trim(selector);
-            selector = selector.replace(/\[([^\]=]+)(?:=([^\]]+))?\]/g, (match, p1) => {
+            selector = selector.replace(/\[[^\]=]+(?:=([^\]]+))?\]/g, (match, p1) => {
                 if (attributeValues[p1]) {
                     return match.replace(p1, attributeValues[p1]);
                 }
@@ -1186,7 +1186,7 @@ class CSSParser {
     }
     // splice string
     recordResult(strFragment) {
-        // Firefox performance degradation when string contain special characters, see https://github.com/micro-zoe/micro-app/issues/256
+        // Firefox performance degradation when string contain special characters, see https://github.com/jd-opensource/micro-app/issues/256
         if (isFireFox()) {
             this.result += encodeURIComponent(strFragment);
         }
@@ -1232,6 +1232,15 @@ function scopedCSS(styleElement, app, linkPath) {
             parser = new CSSParser();
         if (styleElement.textContent) {
             commonAction(styleElement, app.name, prefix, app.url, linkPath);
+            const observer = new MutationObserver(() => {
+                const isPrefixed = styleElement.textContent && new RegExp(prefix).test(styleElement.textContent);
+                observer.disconnect();
+                if (!isPrefixed) {
+                    styleElement.__MICRO_APP_HAS_SCOPED__ = false;
+                }
+                scopedCSS(styleElement, app, linkPath);
+            });
+            observer.observe(styleElement, { childList: true, characterData: true });
         }
         else {
             const observer = new MutationObserver(function () {
@@ -2216,7 +2225,7 @@ function runCode2InlineScript(address, code, module, scriptElement, attrs, callb
         if (isInlineScript(address)) {
             /**
              * inline module script cannot convert to blob mode
-             * Issue: https://github.com/micro-zoe/micro-app/issues/805
+             * Issue: https://github.com/jd-opensource/micro-app/issues/805
              */
             scriptElement.textContent = code;
         }
@@ -2960,7 +2969,7 @@ function fixBabelPolyfill6() {
 }
 /**
  * Fix error of hot reload when parent&child created by create-react-app in development environment
- * Issue: https://github.com/micro-zoe/micro-app/issues/382
+ * Issue: https://github.com/jd-opensource/micro-app/issues/382
  */
 function fixReactHMRConflict(app) {
     var _a;
@@ -3458,7 +3467,7 @@ function createProxyWindow(appName, microAppWindow, sandbox) {
              * Some keywords, such as Vue, need to meet two conditions at the same time:
              * 1. window.Vue --> undefined
              * 2. 'Vue' in window --> false
-             * Issue https://github.com/micro-zoe/micro-app/issues/686
+             * Issue https://github.com/jd-opensource/micro-app/issues/686
              */
             if (includes(sandbox.scopeProperties, key)) {
                 if (sandbox.injectedKeys.has(key)) {
@@ -5506,7 +5515,7 @@ const UN_PROXY_INSTANCEOF_KEYS = [
 ];
 const escape2RawWindowKeys = [
     'getComputedStyle',
-    // FIX ISSUE: https://github.com/micro-zoe/micro-app/issues/1292
+    // FIX ISSUE: https://github.com/jd-opensource/micro-app/issues/1292
     'DOMParser',
     'visualViewport',
     'matchMedia',
@@ -6001,7 +6010,7 @@ function patchDocumentPrototype(appName, microAppWindow) {
          *    const baseEl = document.querySelector('base')
          *    base = (baseEl && baseEl.getAttribute('href')) || '/'
          *
-         * Issue: https://github.com/micro-zoe/micro-app/issues/1335
+         * Issue: https://github.com/jd-opensource/micro-app/issues/1335
          */
         const result = (_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.querySelector(selectors);
         return result || selectors === 'base' ? result : rawMicroQuerySelector.call(microDocument, selectors);
@@ -6516,7 +6525,7 @@ function patchIframeAttribute(url, microAppWindow) {
 }
 
 class IframeSandbox {
-    constructor(appName, url) {
+    constructor(appName, url, options) {
         this.active = false;
         // Properties that can be escape to rawWindow
         this.escapeProperties = [];
@@ -6528,9 +6537,10 @@ class IframeSandbox {
         };
         this.appName = appName;
         this.url = url;
+        this.options = options;
         const rawLocation = globalEnv.rawWindow.location;
         const browserHost = rawLocation.protocol + '//' + rawLocation.host;
-        this.deleteIframeElement = this.createIframeElement(appName, browserHost + rawLocation.pathname);
+        this.deleteIframeElement = this.createIframeElement(appName, browserHost + rawLocation.pathname, options);
         this.microAppWindow = this.iframe.contentWindow;
         this.patchIframe(this.microAppWindow, (resolve) => {
             // create new html to iframe
@@ -6561,14 +6571,9 @@ class IframeSandbox {
      * @param browserPath browser origin
      * @returns release callback
      */
-    createIframeElement(appName, browserPath) {
+    createIframeElement(appName, browserPath, options) {
         this.iframe = pureCreateElement('iframe');
-        const iframeAttrs = {
-            id: appName,
-            src: microApp.options.iframeSrc || browserPath,
-            style: 'display: none',
-            'powered-by': 'micro-app',
-        };
+        const iframeAttrs = Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.attrs), { id: appName, src: microApp.options.iframeSrc || browserPath, style: 'display: none', 'powered-by': 'micro-app' });
         Object.keys(iframeAttrs).forEach((key) => this.iframe.setAttribute(key, iframeAttrs[key]));
         // effect action during construct
         globalEnv.rawDocument.body.appendChild(this.iframe);
@@ -6907,7 +6912,7 @@ IframeSandbox.activeCount = 0; // number of active sandbox
 // micro app instances
 const appInstanceMap = new Map();
 class CreateApp {
-    constructor({ name, url, container, scopecss, useSandbox, inline, iframe, ssrUrl, isPrefetch, prefetchLevel, routerMode, }) {
+    constructor({ name, url, container, scopecss, useSandbox, inline, iframe, ssrUrl, isPrefetch, prefetchLevel, routerMode, attrs, }) {
         this.state = appStates.CREATED;
         this.keepAliveState = null;
         this.loadSourceLevel = 0;
@@ -6923,6 +6928,7 @@ class CreateApp {
         this.url = url;
         this.useSandbox = useSandbox;
         this.scopecss = this.useSandbox && scopecss;
+        this.attrs = attrs;
         // exec before getInlineModeState
         this.iframe = iframe !== null && iframe !== void 0 ? iframe : false;
         this.inline = this.getInlineModeState(inline);
@@ -7382,7 +7388,7 @@ class CreateApp {
         /**
          * NOTE:
          *  1. this.container must set to container(micro-app element) before exec rebuildEffectSnapshot
-         *    ISSUE: https://github.com/micro-zoe/micro-app/issues/1115
+         *    ISSUE: https://github.com/jd-opensource/micro-app/issues/1115
          *  2. rebuildEffectSnapshot must exec before dispatch beforeshow event
          */
         const oldContainer = this.container;
@@ -7459,7 +7465,7 @@ class CreateApp {
      */
     createSandbox() {
         if (this.useSandbox && !this.sandBox) {
-            this.sandBox = this.iframe ? new IframeSandbox(this.name, this.url) : new WithSandBox(this.name, this.url);
+            this.sandBox = this.iframe ? new IframeSandbox(this.name, this.url, { attrs: this.attrs }) : new WithSandBox(this.name, this.url);
         }
     }
     // set app state
@@ -7609,7 +7615,7 @@ function invokePrototypeMethod(app, rawMethod, parent, targetNode, passiveNode)
          *  1. When operate child from parentNode async, may have been unmount
          *    e.g. target.parentNode.remove(target)
          * ISSUE:
-         *  1. https://github.com/micro-zoe/micro-app/issues/739
+         *  1. https://github.com/jd-opensource/micro-app/issues/739
          *    Solution: Return the true value when node not in document
          */
         if (!isIframeSandbox(app.name) &&
@@ -7650,7 +7656,7 @@ function invokePrototypeMethod(app, rawMethod, parent, targetNode, passiveNode)
          *    E.g: document.head.replaceChild(targetNode, document.scripts[0])
          *  2. If passiveNode not in hijackParent but in parent and method is insertBefore, try insert it into the position corresponding to hijackParent
          *    E.g: document.head.insertBefore(targetNode, document.head.childNodes[0])
-         *    ISSUE: https://github.com/micro-zoe/micro-app/issues/1071
+         *    ISSUE: https://github.com/jd-opensource/micro-app/issues/1071
          */
         if (passiveNode && !hijackParent.contains(passiveNode)) {
             if (rawMethod === globalEnv.rawInsertBefore && parent.contains(passiveNode)) {
@@ -8063,7 +8069,7 @@ function patchDocument$2() {
         if (!currentAppName ||
             !selectors ||
             isUniqueElement(selectors) ||
-            // ISSUE: https://github.com/micro-zoe/micro-app/issues/56
+            // ISSUE: https://github.com/jd-opensource/micro-app/issues/56
             rawDocument !== _this) {
             return globalEnv.rawQuerySelector.call(_this, selectors);
         }
@@ -8586,6 +8592,12 @@ function defineElement(tagName) {
         }
         // create app instance
         handleCreateApp() {
+            const attrs = {};
+            Array.prototype.slice.call(this.attributes).forEach(({ name, value }) => {
+                if (name.startsWith('data-')) {
+                    attrs[name] = value;
+                }
+            });
             const createAppInstance = () => {
                 var _a;
                 return new CreateApp({
@@ -8598,6 +8610,7 @@ function defineElement(tagName) {
                     iframe: this.getDisposeResult('iframe'),
                     ssrUrl: this.ssrUrl,
                     routerMode: this.getMemoryRouterMode(),
+                    attrs
                 });
             };
             /**
@@ -8632,7 +8645,7 @@ function defineElement(tagName) {
             app.isPrefetch = false;
             /**
              * Fix error when navigate before app.mount by microApp.router.push(...)
-             * Issue: https://github.com/micro-zoe/micro-app/issues/908
+             * Issue: https://github.com/jd-opensource/micro-app/issues/908
              */
             app.setAppState(appStates.BEFORE_MOUNT);
             // exec mount async, simulate the first render scene