@micro-zoe/micro-app 1.0.0-rc.1 → 1.0.0-rc.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@micro-zoe/micro-app",
-  "version": "1.0.0-rc.1",
+  "version": "1.0.0-rc.11",
   "description": "A lightweight, efficient and powerful micro front-end framework",
   "private": false,
   "main": "lib/index.min.js",
@@ -96,6 +96,7 @@
     "@rollup/plugin-babel": "~5.2.2",
     "@rollup/plugin-node-resolve": "~11.0.1",
     "@rollup/plugin-replace": "~2.4.1",
+    "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "~8.1.0",
     "@types/jest": "~26.0.24",
     "@types/node": "~14.14.19",

package/typings/global.d.ts

@@ -65,28 +65,28 @@ declare module '@micro-app/types' {
     destroy?: boolean,
   }
 
-  interface SandBoxAdapter {
+  interface BaseSandboxType {
+    // Properties that can only get and set in microAppWindow, will not escape to rawWindow
+    scopeProperties: PropertyKey[]
+    // Properties that can be escape to rawWindow
+    escapeProperties: PropertyKey[]
+    // Properties newly added to microAppWindow
+    injectedKeys: Set<PropertyKey>
+    // Properties escape to rawWindow, cleared when unmount
+    escapeKeys: Set<PropertyKey>
+    // Sandbox ready state
+    sandboxReady: Promise<void>
     // Variables that can only assigned to rawWindow
-    escapeSetterKeyList: PropertyKey[]
-
+    rawWindowScopeKeyList: PropertyKey[]
     // Variables that can escape to rawWindow
     staticEscapeProperties: PropertyKey[]
-
     // Variables that scoped in child app
     staticScopeProperties: PropertyKey[]
+    // clear mount, unmount when stop in default mode
+    clearHijackUmdHooks: () => void
   }
 
-  interface WithSandBoxInterface {
-    // adapter for sandbox
-    adapter: SandBoxAdapter
-    // Scoped global Properties(Properties that can only get and set in microAppWindow, will not escape to rawWindow)
-    scopeProperties: PropertyKey[]
-    // Properties that can be escape to rawWindow
-    escapeProperties: PropertyKey[]
-    // Properties escape to rawWindow, cleared when unmount
-    escapeKeys: Set<PropertyKey>
-    // Properties newly added to microAppWindow
-    injectedKeys: Set<PropertyKey>
+  interface WithSandBoxInterface extends BaseSandboxType {
     // proxy(microWindow)
     proxyWindow: WindowProxy
     // child window
@@ -106,8 +106,9 @@ declare module '@micro-app/types' {
     setPreRenderState (state: boolean): void
     markUmdMode(state: boolean): void
     patchStaticElement (container: Element | ShadowRoot): void
-    actionBeforeExecScripts (container: Element | ShadowRoot): void
+    actionsBeforeExecScripts (container: Element | ShadowRoot, handleUmdHooks: Func): void
     deleteIframeElement? (): void
+    setStaticAppState (state: string): void
   }
 
   type LinkSourceInfo = {
@@ -153,6 +154,15 @@ declare module '@micro-app/types' {
     // hiddenRouter: boolean
   }
 
+  interface OnLoadParam {
+    html: HTMLElement,
+    // below params is only for prerender app
+    defaultPage?: string // default page of virtual router
+    routerMode?: string // virtual router mode
+    baseroute?: string // route prefix, default is ''
+    disablePatchRequest?: boolean // prevent rewrite request method of child app
+  }
+
   interface UnmountParam {
     destroy: boolean, // completely destroy, delete cache resources
     clearData: boolean // clear data of dateCenter
@@ -161,7 +171,7 @@ declare module '@micro-app/types' {
   }
 
   // app instance
-  interface AppInterface extends Pick<ParentNode, 'querySelector' | 'querySelectorAll'> {
+  interface AppInterface extends Pick<Element, 'querySelector' | 'querySelectorAll'> {
     source: sourceType // source list
     // TODO: 去掉any
     sandBox: WithSandBoxInterface | null | any // sandbox
@@ -187,7 +197,7 @@ declare module '@micro-app/types' {
     loadSourceCode (): void
 
     // resource is loaded
-    onLoad (html: HTMLElement, defaultPage?: string, disablePatchRequest?: boolean): void
+    onLoad (onLoadParam: OnLoadParam): void
 
     // Error loading HTML
     onLoadError (e: Error): void
@@ -210,6 +220,8 @@ declare module '@micro-app/types' {
     // get keep-alive state
     getKeepAliveState(): string | null
 
+    parseHtmlString(htmlString: string): HTMLElement
+
     // is app unmounted
     isUnmounted (): boolean
 
@@ -238,9 +250,9 @@ declare module '@micro-app/types' {
     inline?: boolean
     iframe?: boolean
     level?: number
+    // prerender only 👇
     'default-page'?: string
     'disable-patch-request'?: boolean
-    // prerender only 👇
     'router-mode'?: string
     baseroute?: string
     // prerender only 👆
@@ -251,14 +263,14 @@ declare module '@micro-app/types' {
 
   // lifeCycles
   interface lifeCyclesType {
-    created?(e: CustomEvent): void
-    beforemount?(e: CustomEvent): void
-    mounted?(e: CustomEvent): void
-    unmount?(e: CustomEvent): void
-    error?(e: CustomEvent): void
-    beforeshow?(e: CustomEvent): void
-    aftershow?(e: CustomEvent): void
-    afterhidden?(e: CustomEvent): void
+    created?(e: CustomEvent, appName: string): void
+    beforemount?(e: CustomEvent, appName: string): void
+    mounted?(e: CustomEvent, appName: string): void
+    unmount?(e: CustomEvent, appName: string): void
+    error?(e: CustomEvent, appName: string): void
+    beforeshow?(e: CustomEvent, appName: string): void
+    aftershow?(e: CustomEvent, appName: string): void
+    afterhidden?(e: CustomEvent, appName: string): void
   }
 
   type AssetsChecker = (url: string) => boolean;
@@ -329,15 +341,16 @@ declare module '@micro-app/types' {
     'disable-memory-router'?: boolean
     'disable-patch-request'?: boolean
     'keep-router-state'?: boolean
-    'hidden-router'?: boolean
     'keep-alive'?: boolean
     'clear-data'?: boolean
     'router-mode'?: string
+    'router-event-delay'?: number | ((appName: string) => number),
     iframe?: boolean
     ssr?: boolean
     fiber?: boolean
     prefetchLevel?: number
     prefetchDelay?: number
+    iframeSrc?: string
   }
 
   interface OptionsType extends MicroAppConfig {
@@ -348,7 +361,10 @@ declare module '@micro-app/types' {
     fetch?: fetchType
     globalAssets?: globalAssetsType,
     excludeAssetFilter?: (assetUrl: string) => boolean
+    /* image video audio 是否设置 crossOrigin = 'anonymous' */
+    includeCrossOrigin?: (assetUrl: string) => boolean
     getRootElementParentNode?: (node: Node, appName: AppName) => void
+    customProxyDocumentProps?: Map<string | number | symbol, (value: unknown) => void>
   }
 
   // MicroApp config
@@ -361,25 +377,25 @@ declare module '@micro-app/types' {
     start(options?: OptionsType): void
   }
 
-  interface MicroAppElementType {
+  interface MicroAppElementInterface {
     appName: AttrType // app name
     appUrl: AttrType // app url
-
     // Hooks for element append to documents
     connectedCallback (): void
-
     // Hooks for element delete from documents
     disconnectedCallback (): void
-
     // Hooks for element attributes change
     attributeChangedCallback (a: 'name' | 'url', o: string, n: string): void
-
-    /**
-     * Get configuration
-     * Global setting is lowest priority
-     * @param name Configuration item name
-     */
-    getDisposeResult <T extends keyof OptionsType> (name: T): boolean
+    // public mount action for micro_app_element & create_app
+    mount (app: AppInterface): void
+    // unmount app
+    unmount (destroy?: boolean, unmountcb?: CallableFunction): void
+    // Re render app from the command line
+    reload (destroy?: boolean): Promise<boolean>
+    // get delay time of router event
+    getRouterEventDelay (): number
+    // rewrite micro-app.setAttribute, process attr data
+    setAttribute (key: string, value: any): void
   }
 
   // special CallableFunction for interact
@@ -390,11 +406,17 @@ declare module '@micro-app/types' {
 
   interface MicroLocation extends Location, URL {
     fullPath: string
+    self: URL | Location
     [key: string]: any
   }
 
   type MicroHistory = ProxyHandler<History>
   type MicroState = any
+  interface MicroRouterInfoState {
+    fullPath: string | null,
+    state: MicroState,
+    mode: string,
+  }
   type HistoryProxyValue =
     Pick<
     History,
@@ -433,7 +455,7 @@ declare module '@micro-app/types' {
     replace?: boolean
   }
 
-  type navigationMethod = (to: RouterTarget) => void
+  type navigationMethod = (to: RouterTarget) => Promise<void>
 
   interface AccurateGuard {
     [appName: string]: (to: GuardLocation, from: GuardLocation) => void
@@ -545,12 +567,6 @@ declare module '@micro-app/types' {
   }
 }
 
-declare namespace JSX {
-  interface IntrinsicElements {
-    'micro-app': any
-  }
-}
-
 declare module '@micro-zoe/micro-app/polyfill/jsx-custom-event'
 
 declare const __DEV__: boolean