@lemon-fe/vite-plugin-micro-frontend 1.1.4 → 1.1.5

package/dist/runtime-react-refresh-init.d.ts

@@ -0,0 +1,2 @@
+
+export { };

package/dist/runtime-react-refresh-init.js

@@ -0,0 +1,71 @@
+/// <reference types="vite/client" />
+/// <reference path="./react-refresh-init.d.ts" />
+/**
+ * React Refresh 初始化
+ * 在微前端 proxy 环境下支持 HMR，必须在入口最顶部被加载（由插件自动注入）。
+ *
+ * 注意：当前使用 React 17，不支持完整的 React Refresh，使用页面刷新作为回退方案
+ */
+const isDev = import.meta.env?.DEV ?? false;
+if (isDev) {
+    const win = window;
+    /** 在指定 window 上设置 preamble，供 @vitejs/plugin-react 与乾坤 proxy 使用 */
+    const setPreamble = (target) => {
+        if (!target.$RefreshReg$)
+            target.$RefreshReg$ = () => { };
+        if (!target.$RefreshSig$)
+            target.$RefreshSig$ = () => (type) => type;
+        target.__vite_plugin_react_preamble_installed__ = true;
+    };
+    setPreamble(win);
+    if (win.proxy)
+        setPreamble(win.proxy);
+    let refreshModulePromise = null;
+    const loadRefreshRuntime = async () => {
+        if (refreshModulePromise)
+            return refreshModulePromise;
+        const basePath = win.proxy?.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ ?? '';
+        const refreshPath = basePath ? `${basePath.replace(/\/$/, '')}/@react-refresh` : '@react-refresh';
+        refreshModulePromise = import(/* @vite-ignore */ refreshPath).then((m) => m.default);
+        return refreshModulePromise;
+    };
+    loadRefreshRuntime()
+        .then((RefreshRuntime) => {
+        RefreshRuntime.injectIntoGlobalHook(win);
+        win.__vite_plugin_react_preamble_installed__ = true;
+        if (win.proxy) {
+            RefreshRuntime.injectIntoGlobalHook(win.proxy);
+            win.proxy.__vite_plugin_react_preamble_installed__ = true;
+        }
+        const checkRefreshSupport = () => {
+            const target = (win.proxy || win);
+            const hook = target.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+            if (!hook?.renderers)
+                return false;
+            for (const renderer of hook.renderers.values()) {
+                const r = renderer;
+                if (typeof r?.scheduleRefresh === 'function' && typeof r?.setRefreshHandler === 'function')
+                    return true;
+            }
+            return false;
+        };
+        if (import.meta.hot) {
+            import.meta.hot.on('vite:afterUpdate', () => {
+                if (!checkRefreshSupport()) {
+                    setTimeout(() => {
+                        if (typeof window !== 'undefined' && window.location)
+                            window.location.reload();
+                    }, 100);
+                }
+            });
+            import.meta.hot.on('vite:error', (err) => {
+                console.error('[React Refresh] HMR error:', err);
+            });
+        }
+    })
+        .catch((error) => {
+        console.error('[React Refresh] Failed to initialize runtime:', error);
+        console.error('[React Refresh] HMR will not work. Please check the error above.');
+    });
+}
+//# sourceMappingURL=runtime-react-refresh-init.js.map

package/dist/runtime-react-refresh-init.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-react-refresh-init.js","sources":["../src/runtime/react-refresh-init.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/vite-plugin-micro-frontend",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Vite 微前端插件集合，包含路由自动生成、模块联邦、qiankun 集成等功能",
   "type": "module",
   "main": "./dist/index.js",
@@ -32,7 +32,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "rollup -c && cp src/types/modules.d.ts dist/modules.d.ts",
+    "build": "rollup -c",
     "dev": "rollup -c -w",
     "prepublishOnly": "npm run build"
   },
@@ -55,6 +55,7 @@
     "vite": "^4.0.0 || ^5.0.0"
   },
   "dependencies": {
+    "@module-federation/dts-plugin": "^0.21.6",
     "@module-federation/vite": "^1.9.4",
     "chokidar": "^4.0.3",
     "prettier": "^3.5.3",

package/dist/modules.d.ts

@@ -1,34 +0,0 @@
-/**
- * 模块声明文件
- * 为项目中使用的模块提供类型声明
- */
-
-declare module "@/routes" {
-  import { type IRoute } from "@lemon-fe/kits/es/layouts/typings";
-  export const routers: IRoute[];
-}
-
-declare module "@@/mf" {
-  import { type ComponentType, type ReactNode } from "react";
-
-  export function getEntryShared<T>(
-    moduleSpecifier: string,
-    getData: () => Promise<T>
-  ): Promise<T>;
-
-  type ExtractProps<T> = T extends ComponentType<infer P> ? P : T;
-
-  export function safeRemoteComponent<T>(options: {
-    loader?: () => Promise<{ default: ComponentType<ExtractProps<T>> }>;
-    moduleSpecifier: string;
-    fallbackComponent: ComponentType<ExtractProps<T>> | ComponentType<object>;
-    loadingElement: ReactNode | null;
-  }): ComponentType<ExtractProps<T>>;
-
-  export function createRemoteComponent<T = Record<string, unknown>>(options: {
-    loader: () => Promise<{ default: ComponentType<ExtractProps<T>> }>;
-    moduleSpecifier: string;
-    fallbackComponent: ComponentType<ExtractProps<T>> | ComponentType<object>;
-    loadingElement: ReactNode | null;
-  }): ComponentType<ExtractProps<T>>;
-}