@xfe-repo/web-micro 1.6.0 → 1.7.0

package/dist/index.d.mts

@@ -14,6 +14,7 @@ type MicroAppProps = {
     loadingFallback?: React.ReactNode;
     errorFallback?: React.ReactNode;
     aHrefResolver?: (hrefValue: string) => string;
+    onChunkLoadError?: (error: unknown, appName: string) => void;
 };
 declare const MicroAppRoute: React.MemoExoticComponent<(props: MicroAppProps) => react_jsx_runtime.JSX.Element>;
 
@@ -28,6 +29,10 @@ type NavigateToWithMicroAppOptions = {
 };
 declare const navigateToWithMicroApp: (to: string, options?: NavigateToWithMicroAppOptions) => void;
 
+declare function isChunkLoadError(error: unknown): boolean;
+type ChunkLoadErrorHandler = (error: unknown) => void;
+declare function subscribeChunkLoadError(handler: ChunkLoadErrorHandler): () => void;
+
 declare enum MicroAppEventEnum {
     DISPATCH_ACTION = "dispatchAction"
 }
@@ -66,4 +71,4 @@ declare const aHrefResolverCollector: Record<string, AHrefResolverType>;
 
 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, type NavigateToWithMicroAppOptions, aHrefResolverCollector, microApp, navigateToWithMicroApp };
+export { type ChunkLoadErrorHandler, type MicroAppActionMetaType, type MicroAppActionType, type MicroAppDispatchListener, MicroAppEventCenter, type MicroAppEventCenterConfig, MicroAppEventEnum, type MicroAppGlobalDataType, MicroAppLink, type MicroAppProps, MicroAppRoute, type NavigateToWithMicroAppOptions, aHrefResolverCollector, isChunkLoadError, microApp, navigateToWithMicroApp, subscribeChunkLoadError };

package/dist/index.d.ts

@@ -14,6 +14,7 @@ type MicroAppProps = {
     loadingFallback?: React.ReactNode;
     errorFallback?: React.ReactNode;
     aHrefResolver?: (hrefValue: string) => string;
+    onChunkLoadError?: (error: unknown, appName: string) => void;
 };
 declare const MicroAppRoute: React.MemoExoticComponent<(props: MicroAppProps) => react_jsx_runtime.JSX.Element>;
 
@@ -28,6 +29,10 @@ type NavigateToWithMicroAppOptions = {
 };
 declare const navigateToWithMicroApp: (to: string, options?: NavigateToWithMicroAppOptions) => void;
 
+declare function isChunkLoadError(error: unknown): boolean;
+type ChunkLoadErrorHandler = (error: unknown) => void;
+declare function subscribeChunkLoadError(handler: ChunkLoadErrorHandler): () => void;
+
 declare enum MicroAppEventEnum {
     DISPATCH_ACTION = "dispatchAction"
 }
@@ -66,4 +71,4 @@ declare const aHrefResolverCollector: Record<string, AHrefResolverType>;
 
 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, type NavigateToWithMicroAppOptions, aHrefResolverCollector, microApp, navigateToWithMicroApp };
+export { type ChunkLoadErrorHandler, type MicroAppActionMetaType, type MicroAppActionType, type MicroAppDispatchListener, MicroAppEventCenter, type MicroAppEventCenterConfig, MicroAppEventEnum, type MicroAppGlobalDataType, MicroAppLink, type MicroAppProps, MicroAppRoute, type NavigateToWithMicroAppOptions, aHrefResolverCollector, isChunkLoadError, microApp, navigateToWithMicroApp, subscribeChunkLoadError };

package/dist/index.js

@@ -68,6 +68,14 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -303,11 +311,17 @@ __export(index_exports, {
     aHrefResolverCollector: function aHrefResolverCollector1() {
         return aHrefResolverCollector;
     },
+    isChunkLoadError: function isChunkLoadError1() {
+        return isChunkLoadError;
+    },
     microApp: function microApp1() {
         return microApp;
     },
     navigateToWithMicroApp: function navigateToWithMicroApp1() {
         return navigateToWithMicroApp;
+    },
+    subscribeChunkLoadError: function subscribeChunkLoadError1() {
+        return subscribeChunkLoadError;
     }
 });
 module.exports = __toCommonJS(index_exports);
@@ -318,12 +332,63 @@ __reExport(index_exports, require("@micro-zoe/micro-app"), module.exports);
 // src/MicroAppRoute.tsx
 var import_react = require("react");
 var import_web_router = require("@xfe-repo/web-router");
+// src/chunkLoadError.ts
+var CHUNK_ERROR_PATTERNS = [
+    /Loading chunk \S+ failed/i,
+    /Loading CSS chunk \S+ failed/i,
+    /ChunkLoadError/i
+];
+function isChunkLoadError(error) {
+    if (!error) return false;
+    if (typeof error === "string") return CHUNK_ERROR_PATTERNS.some(function(p) {
+        return p.test(error);
+    });
+    if (_instanceof(error, Error)) {
+        if (error.name === "ChunkLoadError") return true;
+        return CHUNK_ERROR_PATTERNS.some(function(p) {
+            return p.test(error.message);
+        });
+    }
+    var anyError = error;
+    if (anyError.message) return isChunkLoadError(anyError.message);
+    if (anyError.detail) return isChunkLoadError(anyError.detail);
+    if (anyError.reason) return isChunkLoadError(anyError.reason);
+    return false;
+}
+function subscribeChunkLoadError(handler) {
+    var onError = function onError(event) {
+        var target = event.error || event.message;
+        if (isChunkLoadError(target)) handler(target);
+    };
+    var onRejection = function onRejection(event) {
+        if (isChunkLoadError(event.reason)) handler(event.reason);
+    };
+    window.addEventListener("error", onError, true);
+    window.addEventListener("unhandledrejection", onRejection);
+    return function() {
+        window.removeEventListener("error", onError, true);
+        window.removeEventListener("unhandledrejection", onRejection);
+    };
+}
+// src/MicroAppRoute.tsx
 var import_jsx_custom_event = __toESM(require("@micro-zoe/micro-app/polyfill/jsx-custom-event.js"));
 var MicroAppRoute = (0, import_react.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, aHrefResolver = props.aHrefResolver;
+    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, aHrefResolver = props.aHrefResolver, onChunkLoadError = props.onChunkLoadError;
     if (aHrefResolver) aHrefResolverCollector[name] = aHrefResolver;
     var _ref = _sliced_to_array((0, import_react.useState)(false), 2), microAppIsShow = _ref[0], setMicroAppIsShow = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react.useState)(false), 2), microAppIsError = _ref1[0], setMicroAppIsError = _ref1[1];
+    var onChunkLoadErrorRef = (0, import_react.useRef)(onChunkLoadError);
+    onChunkLoadErrorRef.current = onChunkLoadError;
+    (0, import_react.useEffect)(function() {
+        if (!onChunkLoadError) return;
+        return subscribeChunkLoadError(function(error) {
+            var _onChunkLoadErrorRef_current;
+            (_onChunkLoadErrorRef_current = onChunkLoadErrorRef.current) === null || _onChunkLoadErrorRef_current === void 0 ? void 0 : _onChunkLoadErrorRef_current.call(onChunkLoadErrorRef, error, name);
+        });
+    }, [
+        name,
+        onChunkLoadError
+    ]);
     var handleMicroAppMounted = (0, import_react.useCallback)(function() {
         var navigator = (0, import_web_router.getClientNavigator)();
         navigator.replace(location.pathname + location.search, history.state);
@@ -340,9 +405,13 @@ var MicroAppRoute = (0, import_react.memo)(function(props) {
         });
         setMicroAppIsShow(true);
     }, []);
-    var handleMicroAppError = (0, import_react.useCallback)(function() {
+    var handleMicroAppError = (0, import_react.useCallback)(function(event) {
+        var _onChunkLoadErrorRef_current;
         setMicroAppIsError(true);
-    }, []);
+        if (isChunkLoadError(event)) (_onChunkLoadErrorRef_current = onChunkLoadErrorRef.current) === null || _onChunkLoadErrorRef_current === void 0 ? void 0 : _onChunkLoadErrorRef_current.call(onChunkLoadErrorRef, event, name);
+    }, [
+        name
+    ]);
     return /* @__PURE__ */ (0, import_jsx_custom_event.default)("div", {
         className: className
     }, microAppIsError && errorFallback, !microAppIsShow && !microAppIsError && loadingFallback, /* @__PURE__ */ (0, import_jsx_custom_event.default)("micro-app", {
@@ -590,6 +659,8 @@ var microApp = import_micro_app.default;
     MicroAppLink: MicroAppLink,
     MicroAppRoute: MicroAppRoute,
     aHrefResolverCollector: aHrefResolverCollector,
+    isChunkLoadError: isChunkLoadError,
     microApp: microApp,
-    navigateToWithMicroApp: navigateToWithMicroApp
+    navigateToWithMicroApp: navigateToWithMicroApp,
+    subscribeChunkLoadError: subscribeChunkLoadError
 }, require("@micro-zoe/micro-app")));

package/dist/index.mjs

@@ -67,6 +67,14 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -225,14 +233,65 @@ import { uuid } from "@xfe-repo/web-utils/tools";
 import originMicroApp, { EventCenterForMicroApp } from "@micro-zoe/micro-app";
 export * from "@micro-zoe/micro-app";
 // src/MicroAppRoute.tsx
-import { memo, useCallback, useState } from "react";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { getClientNavigator } from "@xfe-repo/web-router";
+// src/chunkLoadError.ts
+var CHUNK_ERROR_PATTERNS = [
+    /Loading chunk \S+ failed/i,
+    /Loading CSS chunk \S+ failed/i,
+    /ChunkLoadError/i
+];
+function isChunkLoadError(error) {
+    if (!error) return false;
+    if (typeof error === "string") return CHUNK_ERROR_PATTERNS.some(function(p) {
+        return p.test(error);
+    });
+    if (_instanceof(error, Error)) {
+        if (error.name === "ChunkLoadError") return true;
+        return CHUNK_ERROR_PATTERNS.some(function(p) {
+            return p.test(error.message);
+        });
+    }
+    var anyError = error;
+    if (anyError.message) return isChunkLoadError(anyError.message);
+    if (anyError.detail) return isChunkLoadError(anyError.detail);
+    if (anyError.reason) return isChunkLoadError(anyError.reason);
+    return false;
+}
+function subscribeChunkLoadError(handler) {
+    var onError = function onError(event) {
+        var target = event.error || event.message;
+        if (isChunkLoadError(target)) handler(target);
+    };
+    var onRejection = function onRejection(event) {
+        if (isChunkLoadError(event.reason)) handler(event.reason);
+    };
+    window.addEventListener("error", onError, true);
+    window.addEventListener("unhandledrejection", onRejection);
+    return function() {
+        window.removeEventListener("error", onError, true);
+        window.removeEventListener("unhandledrejection", onRejection);
+    };
+}
+// src/MicroAppRoute.tsx
 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, aHrefResolver = props.aHrefResolver;
+    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, aHrefResolver = props.aHrefResolver, onChunkLoadError = props.onChunkLoadError;
     if (aHrefResolver) aHrefResolverCollector[name] = aHrefResolver;
     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 onChunkLoadErrorRef = useRef(onChunkLoadError);
+    onChunkLoadErrorRef.current = onChunkLoadError;
+    useEffect(function() {
+        if (!onChunkLoadError) return;
+        return subscribeChunkLoadError(function(error) {
+            var _onChunkLoadErrorRef_current;
+            (_onChunkLoadErrorRef_current = onChunkLoadErrorRef.current) === null || _onChunkLoadErrorRef_current === void 0 ? void 0 : _onChunkLoadErrorRef_current.call(onChunkLoadErrorRef, error, name);
+        });
+    }, [
+        name,
+        onChunkLoadError
+    ]);
     var handleMicroAppMounted = useCallback(function() {
         var navigator = getClientNavigator();
         navigator.replace(location.pathname + location.search, history.state);
@@ -249,9 +308,13 @@ var MicroAppRoute = memo(function(props) {
         });
         setMicroAppIsShow(true);
     }, []);
-    var handleMicroAppError = useCallback(function() {
+    var handleMicroAppError = useCallback(function(event) {
+        var _onChunkLoadErrorRef_current;
         setMicroAppIsError(true);
-    }, []);
+        if (isChunkLoadError(event)) (_onChunkLoadErrorRef_current = onChunkLoadErrorRef.current) === null || _onChunkLoadErrorRef_current === void 0 ? void 0 : _onChunkLoadErrorRef_current.call(onChunkLoadErrorRef, event, name);
+    }, [
+        name
+    ]);
     return /* @__PURE__ */ jsxCustomEvent("div", {
         className: className
     }, microAppIsError && errorFallback, !microAppIsShow && !microAppIsError && loadingFallback, /* @__PURE__ */ jsxCustomEvent("micro-app", {
@@ -493,4 +556,4 @@ originMicroApp.options.aHrefResolver = function(hrefValue, appName) {
     return ((_aHrefResolverCollector_appName = aHrefResolverCollector[appName]) === null || _aHrefResolverCollector_appName === void 0 ? void 0 : _aHrefResolverCollector_appName.call(aHrefResolverCollector, hrefValue)) || hrefValue;
 };
 var microApp = originMicroApp;
-export { MicroAppEventCenter, MicroAppEventEnum, MicroAppLink, MicroAppRoute, aHrefResolverCollector, microApp, navigateToWithMicroApp };
+export { MicroAppEventCenter, MicroAppEventEnum, MicroAppLink, MicroAppRoute, aHrefResolverCollector, isChunkLoadError, microApp, navigateToWithMicroApp, subscribeChunkLoadError };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfe-repo/web-micro",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "sideEffects": false,
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -27,8 +27,8 @@
     "@types/node": "^20.17.0",
     "@types/react": "^18",
     "eslint": "8.57.1",
-    "@xfe-repo/eslint-config": "1.6.0",
-    "@xfe-repo/typescript-config": "1.6.0"
+    "@xfe-repo/typescript-config": "1.6.1",
+    "@xfe-repo/eslint-config": "1.6.0"
   },
   "peerDependencies": {
     "@xfe-repo/web-router": "1.6.0"