@xfe-repo/web-micro 1.2.1 → 1.2.2

package/dist/index.d.mts

@@ -0,0 +1,61 @@
+import * as _micro_zoe_micro_app from '@micro-zoe/micro-app';
+export * from '@micro-zoe/micro-app';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { LinkProps } from '@xfe-repo/web-router';
+
+type MicroAppProps = {
+    name: string;
+    baseRoute?: string;
+    url: string;
+    keepAlive?: boolean;
+    className?: string;
+    data?: Record<string, any>;
+    loadingFallback?: React.ReactNode;
+    errorFallback?: React.ReactNode;
+};
+declare const MicroAppRoute: React.MemoExoticComponent<(props: MicroAppProps) => react_jsx_runtime.JSX.Element>;
+
+type MicroAppLinkProps = LinkProps & {
+    to?: string;
+    microApp?: string;
+};
+declare const MicroAppLink: React.MemoExoticComponent<(props: MicroAppLinkProps) => react_jsx_runtime.JSX.Element>;
+
+declare enum MicroAppEventEnum {
+    DISPATCH_ACTION = "dispatchAction"
+}
+type MicroAppActionMetaType = {
+    source: string;
+    target: string;
+    transId: string;
+    error?: any;
+};
+type MicroAppActionType = {
+    type: string;
+    payload?: any;
+    meta?: MicroAppActionMetaType;
+};
+type MicroAppDispatchListener = (action: MicroAppActionType) => any | Promise<any>;
+type MicroAppGlobalDataType = {
+    eventType: MicroAppEventEnum;
+    action?: MicroAppActionType;
+};
+type MicroAppEventCenterConfig = {
+    name: string;
+    isMain?: boolean;
+};
+declare class MicroAppEventCenter {
+    constructor(config: MicroAppEventCenterConfig);
+    private readonly config;
+    private readonly dispatchListeners;
+    private listener;
+    private emitDispatchListener;
+    dispatch(target: string, action: MicroAppActionType): Promise<any>;
+    addDispatchListener(type: string, listener: MicroAppDispatchListener): void;
+    removeDispatchListener(type: string, listener?: MicroAppDispatchListener): boolean | undefined;
+}
+
+declare const microApp: _micro_zoe_micro_app.MicroApp;
+
+export { type MicroAppActionMetaType, type MicroAppActionType, type MicroAppDispatchListener, MicroAppEventCenter, type MicroAppEventCenterConfig, MicroAppEventEnum, type MicroAppGlobalDataType, MicroAppLink, type MicroAppProps, MicroAppRoute, microApp };

package/dist/index.mjs

@@ -0,0 +1,494 @@
+// src/index.ts
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import originMicroApp, { EventCenterForMicroApp } from "@micro-zoe/micro-app";
+import { isProduction } from "@xfe-repo/web-utils/env";
+import { uuid } from "@xfe-repo/web-utils/tools";
+export * from "@micro-zoe/micro-app";
+// src/MicroAppRoute.tsx
+import { memo, useCallback, useState } from "react";
+import { useNavigate, useLocation } from "@xfe-repo/web-router";
+import microApp from "@micro-zoe/micro-app";
+import jsxCustomEvent from "@micro-zoe/micro-app/polyfill/jsx-custom-event.js";
+var MicroAppRoute = memo(function(props) {
+    var name = props.name, baseRoute = props.baseRoute, url = props.url, keepAlive = props.keepAlive, className = props.className, data = props.data, loadingFallback = props.loadingFallback, errorFallback = props.errorFallback;
+    var navigate = useNavigate();
+    var location = useLocation();
+    var _useState = _sliced_to_array(useState(false), 2), microAppIsShow = _useState[0], setMicroAppIsShow = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), microAppIsError = _useState1[0], setMicroAppIsError = _useState1[1];
+    var handleMicroAppMounted = useCallback(function() {
+        var path = location.pathname + location.search;
+        navigate(path, {
+            replace: true
+        });
+        setMicroAppIsShow(true);
+    }, [
+        location
+    ]);
+    var handleMicroAppAfterShow = useCallback(function() {
+        var path = location.pathname + location.search;
+        microApp.router.push({
+            name: "dashboard",
+            path: path,
+            replace: true
+        }).catch(function(e) {
+            return console.error(e);
+        });
+        setMicroAppIsShow(true);
+    }, [
+        location
+    ]);
+    var handleMicroAppError = useCallback(function() {
+        setMicroAppIsError(true);
+    }, []);
+    return /* @__PURE__ */ jsxCustomEvent("div", {
+        className: className
+    }, microAppIsError && errorFallback, !microAppIsShow && !microAppIsError && loadingFallback, /* @__PURE__ */ jsxCustomEvent("micro-app", {
+        style: {
+            width: "100%",
+            height: "100%",
+            display: microAppIsShow ? "block" : "none"
+        },
+        url: url,
+        name: name,
+        "router-mode": "native",
+        baseroute: baseRoute ? baseRoute : "/".concat(name),
+        "keep-alive": keepAlive,
+        data: data,
+        onMounted: handleMicroAppMounted,
+        onAftershow: keepAlive ? handleMicroAppAfterShow : void 0,
+        onError: handleMicroAppError
+    }));
+});
+// src/MicroAppLink.tsx
+import { memo as memo2, useCallback as useCallback2 } from "react";
+import { useNavigate as useNavigate2 } from "@xfe-repo/web-router";
+import { jsx } from "react/jsx-runtime";
+var MicroAppLink = memo2(function(props) {
+    var microAppBaseName = props.microApp, to = props.to, children = props.children, replace = props.replace, className = props.className;
+    var navigate = useNavigate2();
+    var handleLink = useCallback2(function(e) {
+        e.preventDefault();
+        navigate(to, {
+            replace: replace
+        });
+        if (!microAppBaseName) return;
+        var activeApps = microApp2.getActiveApps({
+            excludeHiddenApp: true
+        });
+        if (activeApps.includes(microAppBaseName)) microApp2.router.push({
+            name: microAppBaseName,
+            path: to,
+            replace: replace
+        }).catch(function(e2) {
+            return e2;
+        });
+    }, [
+        navigate,
+        microAppBaseName,
+        to,
+        replace
+    ]);
+    return /* @__PURE__ */ jsx("a", {
+        className: className,
+        href: to,
+        onClick: handleLink,
+        children: children
+    });
+});
+// src/index.ts
+var MicroAppEventEnum = /* @__PURE__ */ function(MicroAppEventEnum2) {
+    MicroAppEventEnum2["DISPATCH_ACTION"] = "dispatchAction";
+    return MicroAppEventEnum2;
+}(MicroAppEventEnum || {});
+var MicroAppEventCenter = /*#__PURE__*/ function() {
+    "use strict";
+    function MicroAppEventCenter(config) {
+        var _this = this;
+        _class_call_check(this, MicroAppEventCenter);
+        this.dispatchListeners = {};
+        this.config = config;
+        if (config.isMain) window.microGlobalEventCenter = new EventCenterForMicroApp("global");
+        if (!window.microGlobalEventCenter) throw new Error("microGlobalEventCenter is not defined, please check if the main app is loaded first");
+        window.microGlobalEventCenter.addGlobalDataListener(function(globalData) {
+            return _this.listener(globalData);
+        });
+    }
+    _create_class(MicroAppEventCenter, [
+        {
+            // 监听函数
+            key: "listener",
+            value: function listener(globalData) {
+                var eventType = globalData.eventType, action = globalData.action;
+                switch(eventType){
+                    case "dispatchAction" /* DISPATCH_ACTION */ :
+                        this.emitDispatchListener(action);
+                        break;
+                }
+            }
+        },
+        {
+            // 触发事件
+            key: "emitDispatchListener",
+            value: function emitDispatchListener(action) {
+                var _this_dispatchListeners_type;
+                var name = this.config.name;
+                if (!action) return console.error("MicroAppMessage [".concat(name, "]: 未知消息类型 缺少action"));
+                var type = action.type, meta = action.meta;
+                if (!meta) return console.error("MicroAppMessage [".concat(name, "]: 未知消息类型 缺少meta"), action);
+                var source = meta.source, target = meta.target, transId = meta.transId;
+                if (source === name) return;
+                if (target !== "all" && target !== name) return;
+                if (!((_this_dispatchListeners_type = this.dispatchListeners[type]) === null || _this_dispatchListeners_type === void 0 ? void 0 : _this_dispatchListeners_type.length)) return;
+                var actionResponseType = "".concat(type, "___").concat(transId, "___response");
+                var _this = this;
+                this.dispatchListeners[type].forEach(function() {
+                    var _ref = _async_to_generator(function(listener) {
+                        var responseAction, error, isBroadcast, isResponse;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    responseAction = {
+                                        type: actionResponseType,
+                                        meta: {
+                                            source: name,
+                                            target: source,
+                                            transId: transId
+                                        }
+                                    };
+                                    _state.label = 1;
+                                case 1:
+                                    _state.trys.push([
+                                        1,
+                                        3,
+                                        ,
+                                        4
+                                    ]);
+                                    return [
+                                        4,
+                                        listener(action)
+                                    ];
+                                case 2:
+                                    responseAction.payload = _state.sent();
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 3:
+                                    error = _state.sent();
+                                    if (responseAction.meta) responseAction.meta.error = error;
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 4:
+                                    isBroadcast = target === "all";
+                                    isResponse = type.endsWith("___response");
+                                    if (isBroadcast || isResponse) return [
+                                        2
+                                    ];
+                                    return [
+                                        4,
+                                        _this.dispatch(source, responseAction)
+                                    ];
+                                case 5:
+                                    _state.sent();
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    });
+                    return function(listener) {
+                        return _ref.apply(this, arguments);
+                    };
+                }());
+            }
+        },
+        {
+            key: "dispatch",
+            value: // 远程调用
+            function dispatch(target, action) {
+                var _this = this;
+                return _async_to_generator(function() {
+                    var name, type, payload, meta, transId, newAction, globalData, isBroadcast, isResponse, actionResponseType, actionResponsePromise;
+                    return _ts_generator(this, function(_state) {
+                        name = _this.config.name;
+                        type = action.type, payload = action.payload, meta = action.meta;
+                        transId = (meta === null || meta === void 0 ? void 0 : meta.transId) || uuid();
+                        newAction = {
+                            type: type,
+                            payload: payload,
+                            meta: _object_spread({
+                                source: name,
+                                target: target,
+                                transId: transId
+                            }, meta)
+                        };
+                        globalData = {
+                            eventType: "dispatchAction" /* DISPATCH_ACTION */ ,
+                            action: newAction
+                        };
+                        if (!isProduction) console.log("MicroAppMessage [".concat(name, "]: dispatch ").concat(type, " to [").concat(target, "]"), globalData);
+                        isBroadcast = target === "all";
+                        isResponse = type.endsWith("___response");
+                        if (isBroadcast || isResponse) return [
+                            2,
+                            window.microGlobalEventCenter.forceSetGlobalData(globalData)
+                        ];
+                        actionResponseType = "".concat(type, "___").concat(transId, "___response");
+                        actionResponsePromise = new Promise(function(resolve, reject) {
+                            var listener = function(responseAction) {
+                                var payload2 = responseAction.payload, meta2 = responseAction.meta;
+                                (meta2 === null || meta2 === void 0 ? void 0 : meta2.error) ? reject(meta2.error) : resolve(payload2);
+                                _this.removeDispatchListener(actionResponseType, listener);
+                            };
+                            _this.addDispatchListener(actionResponseType, listener);
+                        });
+                        window.microGlobalEventCenter.forceSetGlobalData(globalData);
+                        return [
+                            2,
+                            actionResponsePromise
+                        ];
+                    });
+                })();
+            }
+        },
+        {
+            // 添加监听
+            key: "addDispatchListener",
+            value: function addDispatchListener(type, listener) {
+                if (!this.dispatchListeners[type]) this.dispatchListeners[type] = [];
+                this.dispatchListeners[type].push(listener);
+            }
+        },
+        {
+            // 移除监听 如果不传listener则移除所有监听
+            key: "removeDispatchListener",
+            value: function removeDispatchListener(type, listener) {
+                if (!this.dispatchListeners[type]) return;
+                if (!listener) return delete this.dispatchListeners[type];
+                var index = this.dispatchListeners[type].indexOf(listener);
+                if (index !== -1) this.dispatchListeners[type].splice(index, 1);
+            }
+        }
+    ]);
+    return MicroAppEventCenter;
+}();
+var microApp2 = originMicroApp;
+export { MicroAppEventCenter, MicroAppEventEnum, MicroAppLink, MicroAppRoute, microApp2 as microApp };

package/package.json

@@ -1,16 +1,28 @@
 {
   "name": "@xfe-repo/web-micro",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "sideEffects": false,
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
   "files": [
     "dist"
   ],
   "dependencies": {
     "@micro-zoe/micro-app": "1.0.0-rc.13",
-    "@xfe-repo/web-router": "1.2.1",
-    "@xfe-repo/web-utils": "1.2.1"
+    "@xfe-repo/web-router": "1.2.2",
+    "@xfe-repo/web-utils": "1.3.5"
   },
   "devDependencies": {
     "@types/node": "^20.16.5",
@@ -18,6 +30,9 @@
     "@xfe-repo/eslint-config": "0.0.5",
     "@xfe-repo/typescript-config": "0.0.6"
   },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",