@micro-zoe/micro-app 0.5.2 → 0.5.3

package/README.md

@@ -57,11 +57,8 @@ microApp.start()
 ```html
 <!-- my-page.vue -->
 <template>
-  <div>
-    <h1>micro application</h1>
-    <!-- 👇 name is the application name, url is the html address -->
-    <micro-app name='app1' url='http://localhost:3000/'></micro-app>
-  </div>
+  <!-- 👇 name is the app name, url is the app address -->
+  <micro-app name='my-app' url='http://localhost:3000/'></micro-app>
 </template>
 ```
 
@@ -145,7 +142,13 @@ For more commands, see [DEVELP](https://github.com/micro-zoe/micro-app/blob/mast
 <details>
   <summary>Does it support vite?</summary>
   
-  Yes, please see [adapt vite](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/advanced?id=_2%e3%80%81%e9%80%82%e9%85%8dvite) for details.
+  Yes, please see [adapt vite](https://micro-zoe.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.
 </details>
 
 # Contributors

package/README.zh-cn.md

@@ -44,7 +44,7 @@ micro-app与技术栈无关，对前端框架没有限制，任何框架都可
 yarn add @micro-zoe/micro-app
 ```
 
-**2、在入口处引入依赖**
+**2、在入口处引入**
 ```js
 // main.js
 import microApp from '@micro-zoe/micro-app'
@@ -56,11 +56,8 @@ microApp.start()
 ```html
 <!-- my-page.vue -->
 <template>
-  <div>
-    <h1>子应用</h1>
-    <!-- 👇 name为应用名称，url为html地址 -->
-    <micro-app name='app1' url='http://localhost:3000/'></micro-app>
-  </div>
+  <!-- 👇 name为应用名称，url为应用地址 -->
+  <micro-app name='my-app' url='http://localhost:3000/'></micro-app>
 </template>
 ```
 
@@ -146,7 +143,13 @@ yarn start # 访问 http://localhost:3000
 <details>
   <summary>支持vite吗?</summary>
   
-  支持，详情请查看[适配vite](https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/advanced?id=_2%e3%80%81%e9%80%82%e9%85%8dvite)
+  支持，详情请查看[适配vite](https://micro-zoe.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)
 </details>
 
 # 贡献者们

package/lib/index.d.ts

@@ -23,6 +23,7 @@ declare module '@micro-zoe/micro-app/micro_app' {
         disableScopecss?: boolean;
         disableSandbox?: boolean;
         macro?: boolean;
+        ssr?: boolean;
         lifeCycles?: lifeCyclesType;
         plugins?: plugins;
         fetch?: fetchType;

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-const version = '0.5.2';
+const version = '0.5.3';
 // do not use isUndefined
 const isBrowser = typeof window !== 'undefined';
 // do not use isUndefined
@@ -1888,12 +1888,15 @@ class SandBox {
                     return key in target;
                 return key in unscopables || key in target || key in rawWindow;
             },
+            // Object.getOwnPropertyDescriptor(window, key)
+            // TODO: use set
             getOwnPropertyDescriptor: (target, key) => {
                 if (target.hasOwnProperty(key)) {
                     descriptorTargetMap.set(key, 'target');
                     return Object.getOwnPropertyDescriptor(target, key);
                 }
                 if (rawWindow.hasOwnProperty(key)) {
+                    // like console, alert ...
                     descriptorTargetMap.set(key, 'rawWindow');
                     const descriptor = Object.getOwnPropertyDescriptor(rawWindow, key);
                     if (descriptor && !descriptor.configurable) {
@@ -1903,6 +1906,7 @@ class SandBox {
                 }
                 return undefined;
             },
+            // Object.defineProperty(window, key, Descriptor)
             defineProperty: (target, key, value) => {
                 const from = descriptorTargetMap.get(key);
                 if (from === 'rawWindow') {
@@ -1910,11 +1914,13 @@ class SandBox {
                 }
                 return Reflect.defineProperty(target, key, value);
             },
+            // Object.getOwnPropertyNames(window)
             ownKeys: (target) => {
                 return unique(Reflect.ownKeys(rawWindow).concat(Reflect.ownKeys(target)));
             },
             deleteProperty: (target, key) => {
                 if (target.hasOwnProperty(key)) {
+                    this.injectedKeys.has(key) && this.injectedKeys.delete(key);
                     this.escapeKeys.has(key) && Reflect.deleteProperty(rawWindow, key);
                     return Reflect.deleteProperty(target, key);
                 }
@@ -3141,6 +3147,7 @@ class MicroApp extends EventCenterForBaseApp {
             this.disableScopecss = options.disableScopecss;
             this.disableSandbox = options.disableSandbox;
             this.macro = options.macro;
+            this.ssr = options.ssr;
             isFunction(options.fetch) && (this.fetch = options.fetch);
             isPlainObject(options.lifeCycles) && (this.lifeCycles = options.lifeCycles);
             // load app assets when browser is idle