@tiny-codes/vite-plugin-qiankun 2.0.0 → 2.0.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @tiny-codes/vite-plugin-qiankun
 
+## v2.0.2
+
+2024-4-3
+
+### Features
+
+- Enhance module preloading to support cross-origin.
+- Add `qiankun:loaded` event to notify when micro app is fully loaded.
+- Add `qiankun:fetchEntryError` event to notify when fetching the entry script fails.
+- Add `qiankun:runtimeError` event to notify when a runtime error occurs.
+
+## v2.0.1
+
+2024-4-2
+
+### Features
+
+- Support `development` mode by default without any configuration.
+
 ## v2.0.0
 
 2024-4-1

package/es/helper.d.ts

@@ -3,15 +3,16 @@ export interface QiankunProps {
     [x: string]: unknown;
 }
 export interface QiankunLifeCycle {
-    bootstrap: (props?: QiankunProps) => void | Promise<void>;
-    mount: (props: QiankunProps) => void | Promise<void>;
-    unmount: (props: QiankunProps) => void | Promise<void>;
-    update: (props: QiankunProps) => void | Promise<void>;
+    bootstrap?: (props?: QiankunProps) => void | Promise<void>;
+    mount?: (props: QiankunProps) => void | Promise<void>;
+    unmount?: (props: QiankunProps) => void | Promise<void>;
+    update?: (props: QiankunProps) => void | Promise<void>;
 }
 export interface QiankunWindow {
     __POWERED_BY_QIANKUN__?: boolean;
+    __INJECTED_PUBLIC_PATH_BY_QIANKUN__?: string;
+    qiankunLifeCycles?: QiankunLifeCycle;
     [x: string]: any;
 }
 export declare const qiankunWindow: QiankunWindow;
-export declare const renderWithQiankun: (qiankunLifeCycle: QiankunLifeCycle) => void;
-export default renderWithQiankun;
+export declare const exportQiankunLifeCycles: (qiankunLifeCycle: QiankunLifeCycle) => void;

package/es/helper.js

@@ -1,14 +1,9 @@
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var qiankunWindow = typeof window !== 'undefined' ? window.proxy || window : {};
-export var renderWithQiankun = function renderWithQiankun(qiankunLifeCycle) {
-  // 函数只有一次执行机会，需要把生命周期赋值给全局
+export var exportQiankunLifeCycles = function exportQiankunLifeCycles(qiankunLifeCycle) {
+  // The function has only one chance to execute, and the lifecycle needs to be assigned to the global scope.
   if (qiankunWindow !== null && qiankunWindow !== void 0 && qiankunWindow.__POWERED_BY_QIANKUN__) {
-    if (!window.moudleQiankunAppLifeCycles) {
-      window.moudleQiankunAppLifeCycles = {};
-    }
-    if (qiankunWindow.qiankunName) {
-      window.moudleQiankunAppLifeCycles[qiankunWindow.qiankunName] = qiankunLifeCycle;
-    }
+    qiankunWindow.qiankunLifeCycles = qiankunLifeCycle;
   }
 };
-export default renderWithQiankun;
 //# sourceMappingURL=helper.js.map

package/es/helper.js.map

@@ -1 +1 @@
-{"version":3,"names":["qiankunWindow","window","proxy","renderWithQiankun","qiankunLifeCycle","__POWERED_BY_QIANKUN__","moudleQiankunAppLifeCycles","qiankunName"],"sources":["../src/helper.ts"],"sourcesContent":["export interface QiankunProps {\n  container?: HTMLElement;\n  [x: string]: unknown;\n}\n\nexport interface QiankunLifeCycle {\n  bootstrap: (props?: QiankunProps) => void | Promise<void>;\n  mount: (props: QiankunProps) => void | Promise<void>;\n  unmount: (props: QiankunProps) => void | Promise<void>;\n  update: (props: QiankunProps) => void | Promise<void>;\n}\n\nexport interface QiankunWindow {\n  __POWERED_BY_QIANKUN__?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [x: string]: any;\n}\n\nexport const qiankunWindow: QiankunWindow = typeof window !== 'undefined' ? window.proxy || window : {};\n\nexport const renderWithQiankun = (qiankunLifeCycle: QiankunLifeCycle) => {\n  // 函数只有一次执行机会，需要把生命周期赋值给全局\n  if (qiankunWindow?.__POWERED_BY_QIANKUN__) {\n    if (!window.moudleQiankunAppLifeCycles) {\n      window.moudleQiankunAppLifeCycles = {};\n    }\n    if (qiankunWindow.qiankunName) {\n      window.moudleQiankunAppLifeCycles[qiankunWindow.qiankunName] = qiankunLifeCycle;\n    }\n  }\n};\n\nexport default renderWithQiankun;\n"],"mappings":"AAkBA,OAAO,IAAMA,aAA4B,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,KAAK,IAAID,MAAM,GAAG,CAAC,CAAC;AAEvG,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,gBAAkC,EAAK;EACvE;EACA,IAAIJ,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEK,sBAAsB,EAAE;IACzC,IAAI,CAACJ,MAAM,CAACK,0BAA0B,EAAE;MACtCL,MAAM,CAACK,0BAA0B,GAAG,CAAC,CAAC;IACxC;IACA,IAAIN,aAAa,CAACO,WAAW,EAAE;MAC7BN,MAAM,CAACK,0BAA0B,CAACN,aAAa,CAACO,WAAW,CAAC,GAAGH,gBAAgB;IACjF;EACF;AACF,CAAC;AAED,eAAeD,iBAAiB"}
+{"version":3,"names":["qiankunWindow","window","proxy","exportQiankunLifeCycles","qiankunLifeCycle","__POWERED_BY_QIANKUN__","qiankunLifeCycles"],"sources":["../src/helper.ts"],"sourcesContent":["export interface QiankunProps {\n  container?: HTMLElement;\n  [x: string]: unknown;\n}\n\nexport interface QiankunLifeCycle {\n  bootstrap?: (props?: QiankunProps) => void | Promise<void>;\n  mount?: (props: QiankunProps) => void | Promise<void>;\n  unmount?: (props: QiankunProps) => void | Promise<void>;\n  update?: (props: QiankunProps) => void | Promise<void>;\n}\n\nexport interface QiankunWindow {\n  __POWERED_BY_QIANKUN__?: boolean;\n  __INJECTED_PUBLIC_PATH_BY_QIANKUN__?: string;\n  qiankunLifeCycles?: QiankunLifeCycle;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [x: string]: any;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const qiankunWindow: QiankunWindow = typeof window !== 'undefined' ? (window as any).proxy || window : {};\n\nexport const exportQiankunLifeCycles = (qiankunLifeCycle: QiankunLifeCycle) => {\n  // The function has only one chance to execute, and the lifecycle needs to be assigned to the global scope.\n  if (qiankunWindow?.__POWERED_BY_QIANKUN__) {\n    qiankunWindow.qiankunLifeCycles = qiankunLifeCycle;\n  }\n};\n"],"mappings":"AAoBA;AACA,OAAO,IAAMA,aAA4B,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAIA,MAAM,CAASC,KAAK,IAAID,MAAM,GAAG,CAAC,CAAC;AAEhH,OAAO,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,gBAAkC,EAAK;EAC7E;EACA,IAAIJ,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEK,sBAAsB,EAAE;IACzCL,aAAa,CAACM,iBAAiB,GAAGF,gBAAgB;EACpD;AACF,CAAC"}

package/es/index.js

@@ -1,5 +1,5 @@
 import { load } from 'cheerio';
-import { detectIndent, space } from "./utils";
+import { detectIndent, normalizeUrl, space } from "./utils";
 export * from "./helper";
 /**
  * Vite plugin for integrating with Qiankun micro frontend.
@@ -23,28 +23,77 @@ var qiankunPlugin = function qiankunPlugin(appName) {
       var $ = load(html, {
         sourceCodeLocationInfo: true
       });
+      // Transform entry script
       var entryScript = (_$$get = $('script[entry]').get(0)) !== null && _$$get !== void 0 ? _$$get : $('body script[type=module], head script[crossorigin=""]').get(0);
       if (entryScript) {
-        var _script$$html;
+        var _script$$html, _context$server;
+        var url = entryScript.attribs.src;
         var scriptBaseIndent = detectIndent(html, entryScript);
         var S0 = scriptBaseIndent;
         var S1 = scriptBaseIndent + space(2);
-        var S2 = S1 + space(2);
         var script$ = module2DynamicImport({
           $: $,
           scriptTag: entryScript,
           changeScriptOrigin: changeScriptOrigin,
           ident: S1
         });
-        script$ === null || script$ === void 0 || script$.html("".concat((_script$$html = script$.html()) === null || _script$$html === void 0 ? void 0 : _script$$html.trimEnd(), ".finally(() => {\n").concat(S2).concat(createImportFinallyResolve(appName, {
-          indent: S2
-        }).trim(), "\n").concat(S1, "});\n").concat(S0));
+        script$ === null || script$ === void 0 || script$.html("".concat((_script$$html = script$.html()) === null || _script$$html === void 0 ? void 0 : _script$$html.trimEnd(), ".then(() => {\n").concat(S1, "  if (window.proxy) {\n").concat(S1, "    const qiankunLifeCycle = window.proxy.qiankunLifeCycles;\n").concat(S1, "    if (qiankunLifeCycle) {\n").concat(S1, "      window.proxy.vpq_bootstrap((props) => qiankunLifeCycle.bootstrap && qiankunLifeCycle.bootstrap(props));\n").concat(S1, "      window.proxy.vpq_mount((props) => qiankunLifeCycle.mount && qiankunLifeCycle.mount(props));\n").concat(S1, "      window.proxy.vpq_unmount((props) => qiankunLifeCycle.unmount && qiankunLifeCycle.unmount(props));\n").concat(S1, "      window.proxy.vpq_update((props) => qiankunLifeCycle.update && qiankunLifeCycle.update(props));\n").concat(S1, "      window.dispatchEvent(new CustomEvent('qiankun:loaded'));\n").concat(S1, "    }\n").concat(S1, "  }\n").concat(S1, "}).catch((error) => {\n").concat(S1, "  console.error(error);\n").concat(S1, "  if (error.name === 'TypeError' && error.message && error.message.startsWith('Failed to fetch dynamically imported module:')) {\n").concat(S1, "    window.dispatchEvent(new CustomEvent('qiankun:fetchEntryError', { detail: { url: '").concat(url, "', error } }));\n").concat(S1, "  } else {\n").concat(S1, "    window.dispatchEvent(new CustomEvent('qiankun:runtimeError', { detail: { error } }));\n").concat(S1, "  }\n").concat(S1, "});\n").concat(S0));
+
+        // Transform modulepreload links
+        var preloadLinks = $('link[rel="modulepreload"]');
+        if (preloadLinks.length) {
+          var urls = preloadLinks.map(function (_, link) {
+            return $(link).attr('href');
+          }).get();
+          var P1 = detectIndent(html, preloadLinks.get(0));
+          preloadLinks.last().after("\n".concat(P1, "<script>\n").concat(P1, "  const preloadUrls = [\n").concat(urls.map(function (url) {
+            return "".concat(P1, "    ").concat(normalizeUrl(url, {
+              changeScriptOrigin: changeScriptOrigin
+            }));
+          }).join(',\n'), "\n").concat(P1, "  ];\n").concat(P1, "  preloadUrls.forEach((url) => {\n").concat(P1, "    const link = document.createElement('link');\n").concat(P1, "    link.rel = 'modulepreload';\n").concat(P1, "    link.href = url;\n").concat(P1, "    link.crossOrigin = 'anonymous';\n").concat(P1, "    document.head.appendChild(link);\n").concat(P1, "  });\n").concat(P1, "</script>"));
+          var texts = preloadLinks.map(function (_, link) {
+            var _link$next;
+            return ((_link$next = link.next) === null || _link$next === void 0 ? void 0 : _link$next.type) === 'text' ? link.next : null;
+          });
+          texts.remove();
+          preloadLinks.remove();
+        }
+
+        // Transform @react-refresh script
+        if (((_context$server = context.server) === null || _context$server === void 0 ? void 0 : _context$server.config.command) === 'serve') {
+          var scripts = $('head script[type=module]').toArray();
+          var refreshScript = scripts.find(function (s) {
+            var _$$html;
+            return /@react-refresh";$/m.test((_$$html = $(s).html()) !== null && _$$html !== void 0 ? _$$html : '');
+          });
+          if (refreshScript) {
+            var refreshScript$ = $(refreshScript);
+            var R1 = detectIndent(html, refreshScript) + space(2);
+            var content = refreshScript$.html();
+            var regExp = /import\s*{([^}]*)}\s*from\s*"([^"]*@react-refresh)";/m;
+            var match = content === null || content === void 0 ? void 0 : content.match(regExp);
+            if (content && match) {
+              var sentence = match[0];
+              var imports = match[1];
+              var from = match[2];
+              var rest = content.replace(sentence, '');
+              refreshScript$.removeAttr('type');
+              refreshScript$.html("\n".concat(R1, "import(").concat(normalizeUrl(from, {
+                changeScriptOrigin: changeScriptOrigin
+              }), ").then(({").concat(imports, "}) => {\n").concat(R1, "  ").concat(rest.split('\n').map(function (s) {
+                return s.trim();
+              }).filter(Boolean).join("\n".concat(R1, "  ")), "\n").concat(R1, "});"));
+            }
+          }
+        }
+
+        // Add extra script to export lifecycles
         var bodyBaseIndent = detectIndent(html, $('body').get(0));
         var B1 = bodyBaseIndent + space(2);
         var B2 = B1 + space(2);
-        $('body').append("\n".concat(B1, "<script>\n").concat(B2).concat(createQiankunHelper(appName, {
-          indent: B2 + space(2)
-        }).trim(), "\n").concat(B1, "</script>\n"));
+        $('body').append("\n".concat(B1, "<script>\n").concat(B2).concat(exportLifeCycles(appName, {
+          indent: B2
+        }), "\n").concat(B1, "</script>\n"));
         var output = $.html();
         return output;
       } else {
@@ -55,28 +104,26 @@ var qiankunPlugin = function qiankunPlugin(appName) {
     configureServer: function configureServer(server) {
       var base = server.config.base;
       return function () {
-        var patchFiles = ["".concat(base, "@vite/client")];
-        patchFiles.forEach(function (file) {
-          server.middlewares.use(file, function (req, res, next) {
-            var end = res.end.bind(res);
-            res.end = function (chunk) {
-              if (typeof chunk === 'string') {
-                var $ = load(chunk);
-                module2DynamicImport({
-                  $: $,
-                  scriptTag: $("script[src=\"".concat(file, "\"]")).get(0),
-                  changeScriptOrigin: changeScriptOrigin
-                });
-                chunk = $.html();
-              }
-              for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-                rest[_key - 1] = arguments[_key];
-              }
-              end.apply(void 0, [chunk].concat(rest));
-              return this;
-            };
-            next();
-          });
+        // Only apply to / i.e. the mount point of the app
+        server.middlewares.use(function (req, res, next) {
+          var end = res.end.bind(res);
+          res.end = function (chunk) {
+            if (typeof chunk === 'string') {
+              var $ = load(chunk);
+              module2DynamicImport({
+                $: $,
+                scriptTag: $("script[src=\"".concat(base, "@vite/client\"]")).get(0),
+                changeScriptOrigin: changeScriptOrigin
+              });
+              chunk = $.html();
+            }
+            for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+              rest[_key - 1] = arguments[_key];
+            }
+            end.apply(void 0, [chunk].concat(rest));
+            return this;
+          };
+          next();
         });
       };
     }
@@ -93,27 +140,19 @@ function module2DynamicImport(options) {
   }
   var script$ = $(scriptTag);
   var moduleSrc = script$.attr('src');
-  var appendBase = "''";
-  if (changeScriptOrigin) {
-    appendBase = "window.proxy ? window.proxy.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || '' : ''";
-  }
   script$.removeAttr('src');
   script$.removeAttr('type');
   var space = ident;
-  script$.html("\n".concat(space, "const publicUrl = ").concat(appendBase, ";\n").concat(space, "let assetUrl = '").concat(moduleSrc, "';\n").concat(space, "if (!assetUrl.match(/^https?/i)) {\n").concat(space, "  assetUrl = publicUrl + assetUrl;\n").concat(space, "}\n").concat(space, "import(assetUrl)"));
+  script$.html("\n".concat(space, "import(").concat(normalizeUrl(moduleSrc, {
+    changeScriptOrigin: changeScriptOrigin
+  }), ")"));
   return script$;
 }
-function createImportFinallyResolve(qiankunName, options) {
+function exportLifeCycles(qiankunName, options) {
   var _ref = options !== null && options !== void 0 ? options : {},
     _ref$indent = _ref.indent,
     space = _ref$indent === void 0 ? '      ' : _ref$indent;
-  return "\n".concat(space, "const qiankunLifeCycle = window.moudleQiankunAppLifeCycles && window.moudleQiankunAppLifeCycles['").concat(qiankunName, "'];\n").concat(space, "if (qiankunLifeCycle) {\n").concat(space, "  window.proxy.vitemount((props) => qiankunLifeCycle.mount(props));\n").concat(space, "  window.proxy.viteunmount((props) => qiankunLifeCycle.unmount(props));\n").concat(space, "  window.proxy.vitebootstrap(() => qiankunLifeCycle.bootstrap());\n").concat(space, "  window.proxy.viteupdate((props) => qiankunLifeCycle.update(props));\n").concat(space, "}\n");
-}
-function createQiankunHelper(qiankunName, options) {
-  var _ref2 = options !== null && options !== void 0 ? options : {},
-    _ref2$indent = _ref2.indent,
-    space = _ref2$indent === void 0 ? '      ' : _ref2$indent;
-  return "\n".concat(space, "const createDeffer = (hookName) => {\n").concat(space, "  const d = new Promise((resolve, reject) => {\n").concat(space, "    window.proxy && (window.proxy[`vite${hookName}`] = resolve)\n").concat(space, "  })\n").concat(space, "  return props => d.then(fn => fn(props));\n").concat(space, "}\n").concat(space, "const bootstrap = createDeffer('bootstrap');\n").concat(space, "const mount = createDeffer('mount');\n").concat(space, "const unmount = createDeffer('unmount');\n").concat(space, "const update = createDeffer('update');\n\n").concat(space, ";(global => {\n").concat(space, "  global.qiankunName = '").concat(qiankunName, "';\n").concat(space, "  global['").concat(qiankunName, "'] = {\n").concat(space, "    bootstrap,\n").concat(space, "    mount,\n").concat(space, "    unmount,\n").concat(space, "    update\n").concat(space, "  };\n").concat(space, "})(window);\n");
+  return "\n".concat(space, "const makeLifeCycle = (hookName) => {\n").concat(space, "  const promise = new Promise((resolve, reject) => {\n").concat(space, "    if (window.proxy) {\n").concat(space, "      window.proxy[`vpq_${hookName}`] = resolve;\n").concat(space, "    }\n").concat(space, "  })\n").concat(space, "  return (props) => promise.then(fn => fn(props));\n").concat(space, "};\n").concat(space, "window['").concat(qiankunName, "'] = {\n").concat(space, "  bootstrap: makeLifeCycle('bootstrap'),\n").concat(space, "  mount: makeLifeCycle('mount'),\n").concat(space, "  unmount: makeLifeCycle('unmount'),\n").concat(space, "  update: makeLifeCycle('update')\n").concat(space, "};").trimStart();
 }
 export default qiankunPlugin;
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["load","detectIndent","space","qiankunPlugin","appName","pluginOptions","arguments","length","undefined","_pluginOptions$change","changeScriptOrigin","name","transformIndexHtml","html","context","_$$get","$","sourceCodeLocationInfo","entryScript","get","_script$$html","scriptBaseIndent","S0","S1","S2","script$","module2DynamicImport","scriptTag","ident","concat","trimEnd","createImportFinallyResolve","indent","trim","bodyBaseIndent","B1","B2","append","createQiankunHelper","output","console","warn","configureServer","server","base","config","patchFiles","forEach","file","middlewares","use","req","res","next","end","bind","chunk","_len","rest","Array","_key","apply","options","_options$ident","moduleSrc","attr","appendBase","removeAttr","qiankunName","_ref","_ref$indent","_ref2","_ref2$indent"],"sources":["../src/index.ts"],"sourcesContent":["import type { CheerioAPI } from 'cheerio';\nimport { load } from 'cheerio';\nimport type { Element } from 'domhandler';\nimport type { PluginOption } from 'vite';\nimport { detectIndent, space } from './utils';\n\nexport * from './helper';\n\nexport interface MicroOption {\n  /**\n   * Whether to change the origin of entry script tag for micro frontend. It's useful when the micro\n   * frontend is deployed on a different domain or path.\n   *\n   * > If the origin by the qiankun's default algorithm is not correct for you, please try the\n   * > [getPublicPath](https://qiankun.umijs.org/zh/api) option.\n   *\n   * @default true\n   */\n  changeScriptOrigin?: boolean;\n}\ntype PluginFn = (appName: string, pluginOptions?: MicroOption) => PluginOption;\n\n/**\n * Vite plugin for integrating with Qiankun micro frontend.\n *\n * @param appName The name of the Qiankun sub app.\n * @param pluginOptions Options for configuring the micro frontend behavior.\n *\n * > If the micro app is deployed on a different domain or path, you may need to adjust the public\n *   > path. Please have a look at the [getPublicPath](https://qiankun.umijs.org/zh/api) option.\n *\n * @returns A Vite plugin option object.\n */\nconst qiankunPlugin: PluginFn = (appName, pluginOptions = {}) => {\n  const { changeScriptOrigin = true } = pluginOptions;\n\n  return {\n    name: 'vite-plugin-qiankun',\n\n    transformIndexHtml(html: string, context) {\n      const $ = load(html, { sourceCodeLocationInfo: true });\n      const entryScript =\n        $('script[entry]').get(0) ?? $('body script[type=module], head script[crossorigin=\"\"]').get(0);\n      if (entryScript) {\n        const scriptBaseIndent = detectIndent(html, entryScript);\n        const S0 = scriptBaseIndent;\n        const S1 = scriptBaseIndent + space(2);\n        const S2 = S1 + space(2);\n        const script$ = module2DynamicImport({\n          $,\n          scriptTag: entryScript,\n          changeScriptOrigin,\n          ident: S1,\n        });\n        script$?.html(`${script$.html()?.trimEnd()}.finally(() => {\n${S2}${createImportFinallyResolve(appName, { indent: S2 }).trim()}\n${S1}});\n${S0}`);\n\n        const bodyBaseIndent = detectIndent(html, $('body').get(0));\n        const B1 = bodyBaseIndent + space(2);\n        const B2 = B1 + space(2);\n        $('body').append(`\n${B1}<script>\n${B2}${createQiankunHelper(appName, { indent: B2 + space(2) }).trim()}\n${B1}</script>\n`);\n        const output = $.html();\n        return output;\n      } else {\n        console.warn('\\x1b[33m%s\\x1b[0m', '⚠️ Patch for qiankun failed, because the entry script was not found.');\n        return html;\n      }\n    },\n    configureServer(server) {\n      const base = server.config.base;\n      return () => {\n        const patchFiles = [`${base}@vite/client`];\n        patchFiles.forEach((file) => {\n          server.middlewares.use(file, (req, res, next) => {\n            const end = res.end.bind(res);\n            res.end = function (this: typeof res, chunk: unknown, ...rest: any[]) {\n              if (typeof chunk === 'string') {\n                const $ = load(chunk);\n                module2DynamicImport({ $, scriptTag: $(`script[src=\"${file}\"]`).get(0), changeScriptOrigin });\n                chunk = $.html();\n              }\n              end(chunk, ...rest);\n              return this;\n            } as unknown as typeof res.end;\n            next();\n          });\n        });\n      };\n    },\n  };\n};\n\nfunction module2DynamicImport(\n  options: { $: CheerioAPI; scriptTag: Element | undefined; ident?: string } & Pick<MicroOption, 'changeScriptOrigin'>,\n) {\n  const { $, scriptTag, changeScriptOrigin, ident = '' } = options;\n  if (!scriptTag) {\n    return;\n  }\n  const script$ = $(scriptTag);\n  const moduleSrc = script$.attr('src');\n  let appendBase = \"''\";\n  if (changeScriptOrigin) {\n    appendBase = \"window.proxy ? window.proxy.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || '' : ''\";\n  }\n  script$.removeAttr('src');\n  script$.removeAttr('type');\n  const space = ident;\n  script$.html(`\n${space}const publicUrl = ${appendBase};\n${space}let assetUrl = '${moduleSrc}';\n${space}if (!assetUrl.match(/^https?/i)) {\n${space}  assetUrl = publicUrl + assetUrl;\n${space}}\n${space}import(assetUrl)`);\n  return script$;\n}\n\nfunction createImportFinallyResolve(qiankunName: string, options?: { indent?: string }) {\n  const { indent: space = '      ' } = options ?? {};\n  return `\n${space}const qiankunLifeCycle = window.moudleQiankunAppLifeCycles && window.moudleQiankunAppLifeCycles['${qiankunName}'];\n${space}if (qiankunLifeCycle) {\n${space}  window.proxy.vitemount((props) => qiankunLifeCycle.mount(props));\n${space}  window.proxy.viteunmount((props) => qiankunLifeCycle.unmount(props));\n${space}  window.proxy.vitebootstrap(() => qiankunLifeCycle.bootstrap());\n${space}  window.proxy.viteupdate((props) => qiankunLifeCycle.update(props));\n${space}}\n`;\n}\n\nfunction createQiankunHelper(qiankunName: string, options?: { indent?: string }) {\n  const { indent: space = '      ' } = options ?? {};\n  return `\n${space}const createDeffer = (hookName) => {\n${space}  const d = new Promise((resolve, reject) => {\n${space}    window.proxy && (window.proxy[\\`vite\\${hookName}\\`] = resolve)\n${space}  })\n${space}  return props => d.then(fn => fn(props));\n${space}}\n${space}const bootstrap = createDeffer('bootstrap');\n${space}const mount = createDeffer('mount');\n${space}const unmount = createDeffer('unmount');\n${space}const update = createDeffer('update');\n\n${space};(global => {\n${space}  global.qiankunName = '${qiankunName}';\n${space}  global['${qiankunName}'] = {\n${space}    bootstrap,\n${space}    mount,\n${space}    unmount,\n${space}    update\n${space}  };\n${space}})(window);\n`;\n}\n\nexport default qiankunPlugin;\n"],"mappings":"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"}
+{"version":3,"names":["load","detectIndent","normalizeUrl","space","qiankunPlugin","appName","pluginOptions","arguments","length","undefined","_pluginOptions$change","changeScriptOrigin","name","transformIndexHtml","html","context","_$$get","$","sourceCodeLocationInfo","entryScript","get","_script$$html","_context$server","url","attribs","src","scriptBaseIndent","S0","S1","script$","module2DynamicImport","scriptTag","ident","concat","trimEnd","preloadLinks","urls","map","_","link","attr","P1","last","after","join","texts","_link$next","next","type","remove","server","config","command","scripts","toArray","refreshScript","find","s","_$$html","test","refreshScript$","R1","content","regExp","match","sentence","imports","from","rest","replace","removeAttr","split","trim","filter","Boolean","bodyBaseIndent","B1","B2","append","exportLifeCycles","indent","output","console","warn","configureServer","base","middlewares","use","req","res","end","bind","chunk","_len","Array","_key","apply","options","_options$ident","moduleSrc","qiankunName","_ref","_ref$indent","trimStart"],"sources":["../src/index.ts"],"sourcesContent":["import type { CheerioAPI } from 'cheerio';\nimport { load } from 'cheerio';\nimport type { Element } from 'domhandler';\nimport type { PluginOption } from 'vite';\nimport { detectIndent, normalizeUrl, space } from './utils';\n\nexport * from './helper';\n\nexport interface MicroOption {\n  /**\n   * Whether to change the origin of entry script tag for micro frontend. It's useful when the micro\n   * frontend is deployed on a different domain or path.\n   *\n   * > If the origin by the qiankun's default algorithm is not correct for you, please try the\n   * > [getPublicPath](https://qiankun.umijs.org/zh/api) option.\n   *\n   * @default true\n   */\n  changeScriptOrigin?: boolean;\n}\ntype PluginFn = (appName: string, pluginOptions?: MicroOption) => PluginOption;\n\n/**\n * Vite plugin for integrating with Qiankun micro frontend.\n *\n * @param appName The name of the Qiankun sub app.\n * @param pluginOptions Options for configuring the micro frontend behavior.\n *\n * > If the micro app is deployed on a different domain or path, you may need to adjust the public\n *   > path. Please have a look at the [getPublicPath](https://qiankun.umijs.org/zh/api) option.\n *\n * @returns A Vite plugin option object.\n */\nconst qiankunPlugin: PluginFn = (appName, pluginOptions = {}) => {\n  const { changeScriptOrigin = true } = pluginOptions;\n\n  return {\n    name: 'vite-plugin-qiankun',\n\n    transformIndexHtml(html: string, context) {\n      const $ = load(html, { sourceCodeLocationInfo: true });\n      // Transform entry script\n      const entryScript =\n        $('script[entry]').get(0) ?? $('body script[type=module], head script[crossorigin=\"\"]').get(0);\n      if (entryScript) {\n        const url = entryScript.attribs.src;\n        const scriptBaseIndent = detectIndent(html, entryScript);\n        const S0 = scriptBaseIndent;\n        const S1 = scriptBaseIndent + space(2);\n        const script$ = module2DynamicImport({\n          $,\n          scriptTag: entryScript,\n          changeScriptOrigin,\n          ident: S1,\n        });\n        script$?.html(\n          `${script$.html()?.trimEnd()}.then(() => {\n${S1}  if (window.proxy) {\n${S1}    const qiankunLifeCycle = window.proxy.qiankunLifeCycles;\n${S1}    if (qiankunLifeCycle) {\n${S1}      window.proxy.vpq_bootstrap((props) => qiankunLifeCycle.bootstrap && qiankunLifeCycle.bootstrap(props));\n${S1}      window.proxy.vpq_mount((props) => qiankunLifeCycle.mount && qiankunLifeCycle.mount(props));\n${S1}      window.proxy.vpq_unmount((props) => qiankunLifeCycle.unmount && qiankunLifeCycle.unmount(props));\n${S1}      window.proxy.vpq_update((props) => qiankunLifeCycle.update && qiankunLifeCycle.update(props));\n${S1}      window.dispatchEvent(new CustomEvent('qiankun:loaded'));\n${S1}    }\n${S1}  }\n${S1}}).catch((error) => {\n${S1}  console.error(error);\n${S1}  if (error.name === 'TypeError' && error.message && error.message.startsWith('Failed to fetch dynamically imported module:')) {\n${S1}    window.dispatchEvent(new CustomEvent('qiankun:fetchEntryError', { detail: { url: '${url}', error } }));\n${S1}  } else {\n${S1}    window.dispatchEvent(new CustomEvent('qiankun:runtimeError', { detail: { error } }));\n${S1}  }\n${S1}});\n${S0}`,\n        );\n\n        // Transform modulepreload links\n        const preloadLinks = $('link[rel=\"modulepreload\"]');\n        if (preloadLinks.length) {\n          const urls = preloadLinks.map((_, link) => $(link).attr('href')).get();\n          const P1 = detectIndent(html, preloadLinks.get(0));\n          preloadLinks.last().after(`\n${P1}<script>\n${P1}  const preloadUrls = [\n${urls.map((url) => `${P1}    ${normalizeUrl(url, { changeScriptOrigin })}`).join(',\\n')}\n${P1}  ];\n${P1}  preloadUrls.forEach((url) => {\n${P1}    const link = document.createElement('link');\n${P1}    link.rel = 'modulepreload';\n${P1}    link.href = url;\n${P1}    link.crossOrigin = 'anonymous';\n${P1}    document.head.appendChild(link);\n${P1}  });\n${P1}</script>`);\n          const texts = preloadLinks.map((_, link) => (link.next?.type === 'text' ? link.next : null));\n          texts.remove();\n          preloadLinks.remove();\n        }\n\n        // Transform @react-refresh script\n        if (context.server?.config.command === 'serve') {\n          const scripts = $('head script[type=module]').toArray();\n          const refreshScript = scripts.find((s) => /@react-refresh\";$/m.test($(s).html() ?? ''));\n          if (refreshScript) {\n            const refreshScript$ = $(refreshScript);\n            const R1 = detectIndent(html, refreshScript) + space(2);\n            const content = refreshScript$.html();\n            const regExp = /import\\s*{([^}]*)}\\s*from\\s*\"([^\"]*@react-refresh)\";/m;\n            const match = content?.match(regExp);\n            if (content && match) {\n              const sentence = match[0];\n              const imports = match[1];\n              const from = match[2];\n              const rest = content.replace(sentence, '');\n              refreshScript$.removeAttr('type');\n              refreshScript$.html(`\n${R1}import(${normalizeUrl(from, { changeScriptOrigin })}).then(({${imports}}) => {\n${R1}  ${rest\n                .split('\\n')\n                .map((s) => s.trim())\n                .filter(Boolean)\n                .join(`\\n${R1}  `)}\n${R1}});`);\n            }\n          }\n        }\n\n        // Add extra script to export lifecycles\n        const bodyBaseIndent = detectIndent(html, $('body').get(0));\n        const B1 = bodyBaseIndent + space(2);\n        const B2 = B1 + space(2);\n        $('body').append(`\n${B1}<script>\n${B2}${exportLifeCycles(appName, { indent: B2 })}\n${B1}</script>\n`);\n        const output = $.html();\n        return output;\n      } else {\n        console.warn('\\x1b[33m%s\\x1b[0m', '⚠️ Patch for qiankun failed, because the entry script was not found.');\n        return html;\n      }\n    },\n    configureServer(server) {\n      const base = server.config.base;\n      return () => {\n        // Only apply to / i.e. the mount point of the app\n        server.middlewares.use((req, res, next) => {\n          const end = res.end.bind(res);\n          res.end = function (this: typeof res, chunk: unknown, ...rest: any[]) {\n            if (typeof chunk === 'string') {\n              const $ = load(chunk);\n              module2DynamicImport({ $, scriptTag: $(`script[src=\"${base}@vite/client\"]`).get(0), changeScriptOrigin });\n              chunk = $.html();\n            }\n            end(chunk, ...rest);\n            return this;\n          } as unknown as typeof res.end;\n          next();\n        });\n      };\n    },\n  };\n};\n\nfunction module2DynamicImport(\n  options: { $: CheerioAPI; scriptTag: Element | undefined; ident?: string } & Pick<MicroOption, 'changeScriptOrigin'>,\n) {\n  const { $, scriptTag, changeScriptOrigin, ident = '' } = options;\n  if (!scriptTag) {\n    return;\n  }\n  const script$ = $(scriptTag);\n  const moduleSrc = script$.attr('src');\n  script$.removeAttr('src');\n  script$.removeAttr('type');\n  const space = ident;\n  script$.html(`\n${space}import(${normalizeUrl(moduleSrc, { changeScriptOrigin })})`);\n  return script$;\n}\n\nfunction exportLifeCycles(qiankunName: string, options?: { indent?: string }) {\n  const { indent: space = '      ' } = options ?? {};\n  return `\n${space}const makeLifeCycle = (hookName) => {\n${space}  const promise = new Promise((resolve, reject) => {\n${space}    if (window.proxy) {\n${space}      window.proxy[\\`vpq_\\${hookName}\\`] = resolve;\n${space}    }\n${space}  })\n${space}  return (props) => promise.then(fn => fn(props));\n${space}};\n${space}window['${qiankunName}'] = {\n${space}  bootstrap: makeLifeCycle('bootstrap'),\n${space}  mount: makeLifeCycle('mount'),\n${space}  unmount: makeLifeCycle('unmount'),\n${space}  update: makeLifeCycle('update')\n${space}};`.trimStart();\n}\n\nexport default qiankunPlugin;\n"],"mappings":"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"}

package/es/utils.d.ts

@@ -1,3 +1,6 @@
 import type { Element } from 'domhandler';
-export declare function detectIndent(html: string, entryScript: Element | undefined): string;
+export declare function detectIndent(html: string, element: Element | undefined): string;
 export declare function space(num: number): string;
+export declare function normalizeUrl(url: string | undefined, options?: {
+    changeScriptOrigin?: boolean;
+}): string;

package/es/utils.js

@@ -1,14 +1,14 @@
-export function detectIndent(html, entryScript) {
+export function detectIndent(html, element) {
   var baseIndent = '';
-  if (entryScript !== null && entryScript !== void 0 && entryScript.sourceCodeLocation) {
+  if (element !== null && element !== void 0 && element.sourceCodeLocation) {
     var newline = html.includes('\r\n') ? '\r\n' : '\n';
     var lines = html.split(newline);
-    var lineStr = lines[entryScript.sourceCodeLocation.startLine - 1];
+    var lineStr = lines[element.sourceCodeLocation.startLine - 1];
     if (lineStr) {
-      var startTag = '<script';
-      var tagNameFromHtml = lineStr.substring(entryScript.sourceCodeLocation.startCol - 1, entryScript.sourceCodeLocation.startCol - 1 + startTag.length);
+      var startTag = "<".concat(element.tagName);
+      var tagNameFromHtml = lineStr.substring(element.sourceCodeLocation.startCol - 1, element.sourceCodeLocation.startCol - 1 + startTag.length);
       if (tagNameFromHtml === startTag) {
-        for (var i = 0; i < entryScript.sourceCodeLocation.startCol - 1; i++) {
+        for (var i = 0; i < element.sourceCodeLocation.startCol - 1; i++) {
           if (/\s/.test(lineStr[i])) {
             baseIndent += lineStr[i];
           } else {
@@ -23,4 +23,14 @@ export function detectIndent(html, entryScript) {
 export function space(num) {
   return new Array(num + 1).join(' ');
 }
+export function normalizeUrl(url, options) {
+  var _ref = options !== null && options !== void 0 ? options : {},
+    _ref$changeScriptOrig = _ref.changeScriptOrigin,
+    changeScriptOrigin = _ref$changeScriptOrig === void 0 ? true : _ref$changeScriptOrig;
+  var appendBase = "''";
+  if (changeScriptOrigin) {
+    appendBase = "window.proxy && window.proxy.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || ''";
+  }
+  return url !== null && url !== void 0 && url.match(/^https?/i) ? "'".concat(url, "'") : "(".concat(appendBase, ") + '").concat(url, "'");
+}
 //# sourceMappingURL=utils.js.map

package/es/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["detectIndent","html","entryScript","baseIndent","sourceCodeLocation","newline","includes","lines","split","lineStr","startLine","startTag","tagNameFromHtml","substring","startCol","length","i","test","space","num","Array","join"],"sources":["../src/utils.ts"],"sourcesContent":["import type { Element } from 'domhandler';\n\nexport function detectIndent(html: string, entryScript: Element | undefined) {\n  let baseIndent = '';\n  if (entryScript?.sourceCodeLocation) {\n    const newline = html.includes('\\r\\n') ? '\\r\\n' : '\\n';\n    const lines = html.split(newline);\n    const lineStr = lines[entryScript.sourceCodeLocation.startLine - 1];\n    if (lineStr) {\n      const startTag = '<script';\n      const tagNameFromHtml = lineStr.substring(\n        entryScript.sourceCodeLocation.startCol - 1,\n        entryScript.sourceCodeLocation.startCol - 1 + startTag.length,\n      );\n      if (tagNameFromHtml === startTag) {\n        for (let i = 0; i < entryScript.sourceCodeLocation.startCol - 1; i++) {\n          if (/\\s/.test(lineStr[i])) {\n            baseIndent += lineStr[i];\n          } else {\n            break;\n          }\n        }\n      }\n    }\n  }\n  return baseIndent;\n}\n\nexport function space(num: number) {\n  return new Array(num + 1).join(' ');\n}\n"],"mappings":"AAEA,OAAO,SAASA,YAAYA,CAACC,IAAY,EAAEC,WAAgC,EAAE;EAC3E,IAAIC,UAAU,GAAG,EAAE;EACnB,IAAID,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEE,kBAAkB,EAAE;IACnC,IAAMC,OAAO,GAAGJ,IAAI,CAACK,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,IAAI;IACrD,IAAMC,KAAK,GAAGN,IAAI,CAACO,KAAK,CAACH,OAAO,CAAC;IACjC,IAAMI,OAAO,GAAGF,KAAK,CAACL,WAAW,CAACE,kBAAkB,CAACM,SAAS,GAAG,CAAC,CAAC;IACnE,IAAID,OAAO,EAAE;MACX,IAAME,QAAQ,GAAG,SAAS;MAC1B,IAAMC,eAAe,GAAGH,OAAO,CAACI,SAAS,CACvCX,WAAW,CAACE,kBAAkB,CAACU,QAAQ,GAAG,CAAC,EAC3CZ,WAAW,CAACE,kBAAkB,CAACU,QAAQ,GAAG,CAAC,GAAGH,QAAQ,CAACI,MACzD,CAAC;MACD,IAAIH,eAAe,KAAKD,QAAQ,EAAE;QAChC,KAAK,IAAIK,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,WAAW,CAACE,kBAAkB,CAACU,QAAQ,GAAG,CAAC,EAAEE,CAAC,EAAE,EAAE;UACpE,IAAI,IAAI,CAACC,IAAI,CAACR,OAAO,CAACO,CAAC,CAAC,CAAC,EAAE;YACzBb,UAAU,IAAIM,OAAO,CAACO,CAAC,CAAC;UAC1B,CAAC,MAAM;YACL;UACF;QACF;MACF;IACF;EACF;EACA,OAAOb,UAAU;AACnB;AAEA,OAAO,SAASe,KAAKA,CAACC,GAAW,EAAE;EACjC,OAAO,IAAIC,KAAK,CAACD,GAAG,GAAG,CAAC,CAAC,CAACE,IAAI,CAAC,GAAG,CAAC;AACrC"}
+{"version":3,"names":["detectIndent","html","element","baseIndent","sourceCodeLocation","newline","includes","lines","split","lineStr","startLine","startTag","concat","tagName","tagNameFromHtml","substring","startCol","length","i","test","space","num","Array","join","normalizeUrl","url","options","_ref","_ref$changeScriptOrig","changeScriptOrigin","appendBase","match"],"sources":["../src/utils.ts"],"sourcesContent":["import type { Element } from 'domhandler';\n\nexport function detectIndent(html: string, element: Element | undefined) {\n  let baseIndent = '';\n  if (element?.sourceCodeLocation) {\n    const newline = html.includes('\\r\\n') ? '\\r\\n' : '\\n';\n    const lines = html.split(newline);\n    const lineStr = lines[element.sourceCodeLocation.startLine - 1];\n    if (lineStr) {\n      const startTag = `<${element.tagName}`;\n      const tagNameFromHtml = lineStr.substring(\n        element.sourceCodeLocation.startCol - 1,\n        element.sourceCodeLocation.startCol - 1 + startTag.length,\n      );\n      if (tagNameFromHtml === startTag) {\n        for (let i = 0; i < element.sourceCodeLocation.startCol - 1; i++) {\n          if (/\\s/.test(lineStr[i])) {\n            baseIndent += lineStr[i];\n          } else {\n            break;\n          }\n        }\n      }\n    }\n  }\n  return baseIndent;\n}\n\nexport function space(num: number) {\n  return new Array(num + 1).join(' ');\n}\n\nexport function normalizeUrl(url: string | undefined, options?: { changeScriptOrigin?: boolean }) {\n  const { changeScriptOrigin = true } = options ?? {};\n  let appendBase = \"''\";\n  if (changeScriptOrigin) {\n    appendBase = \"window.proxy && window.proxy.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || ''\";\n  }\n  return url?.match(/^https?/i) ? `'${url}'` : `(${appendBase}) + '${url}'`;\n}\n"],"mappings":"AAEA,OAAO,SAASA,YAAYA,CAACC,IAAY,EAAEC,OAA4B,EAAE;EACvE,IAAIC,UAAU,GAAG,EAAE;EACnB,IAAID,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,kBAAkB,EAAE;IAC/B,IAAMC,OAAO,GAAGJ,IAAI,CAACK,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,IAAI;IACrD,IAAMC,KAAK,GAAGN,IAAI,CAACO,KAAK,CAACH,OAAO,CAAC;IACjC,IAAMI,OAAO,GAAGF,KAAK,CAACL,OAAO,CAACE,kBAAkB,CAACM,SAAS,GAAG,CAAC,CAAC;IAC/D,IAAID,OAAO,EAAE;MACX,IAAME,QAAQ,OAAAC,MAAA,CAAOV,OAAO,CAACW,OAAO,CAAE;MACtC,IAAMC,eAAe,GAAGL,OAAO,CAACM,SAAS,CACvCb,OAAO,CAACE,kBAAkB,CAACY,QAAQ,GAAG,CAAC,EACvCd,OAAO,CAACE,kBAAkB,CAACY,QAAQ,GAAG,CAAC,GAAGL,QAAQ,CAACM,MACrD,CAAC;MACD,IAAIH,eAAe,KAAKH,QAAQ,EAAE;QAChC,KAAK,IAAIO,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGhB,OAAO,CAACE,kBAAkB,CAACY,QAAQ,GAAG,CAAC,EAAEE,CAAC,EAAE,EAAE;UAChE,IAAI,IAAI,CAACC,IAAI,CAACV,OAAO,CAACS,CAAC,CAAC,CAAC,EAAE;YACzBf,UAAU,IAAIM,OAAO,CAACS,CAAC,CAAC;UAC1B,CAAC,MAAM;YACL;UACF;QACF;MACF;IACF;EACF;EACA,OAAOf,UAAU;AACnB;AAEA,OAAO,SAASiB,KAAKA,CAACC,GAAW,EAAE;EACjC,OAAO,IAAIC,KAAK,CAACD,GAAG,GAAG,CAAC,CAAC,CAACE,IAAI,CAAC,GAAG,CAAC;AACrC;AAEA,OAAO,SAASC,YAAYA,CAACC,GAAuB,EAAEC,OAA0C,EAAE;EAChG,IAAAC,IAAA,GAAsCD,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,CAAC,CAAC;IAAAE,qBAAA,GAAAD,IAAA,CAA3CE,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;EACjC,IAAIE,UAAU,GAAG,IAAI;EACrB,IAAID,kBAAkB,EAAE;IACtBC,UAAU,GAAG,wEAAwE;EACvF;EACA,OAAOL,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEM,KAAK,CAAC,UAAU,CAAC,OAAAnB,MAAA,CAAOa,GAAG,aAAAb,MAAA,CAAUkB,UAAU,WAAAlB,MAAA,CAAQa,GAAG,MAAG;AAC3E"}

package/lib/helper.d.ts

@@ -3,15 +3,16 @@ export interface QiankunProps {
     [x: string]: unknown;
 }
 export interface QiankunLifeCycle {
-    bootstrap: (props?: QiankunProps) => void | Promise<void>;
-    mount: (props: QiankunProps) => void | Promise<void>;
-    unmount: (props: QiankunProps) => void | Promise<void>;
-    update: (props: QiankunProps) => void | Promise<void>;
+    bootstrap?: (props?: QiankunProps) => void | Promise<void>;
+    mount?: (props: QiankunProps) => void | Promise<void>;
+    unmount?: (props: QiankunProps) => void | Promise<void>;
+    update?: (props: QiankunProps) => void | Promise<void>;
 }
 export interface QiankunWindow {
     __POWERED_BY_QIANKUN__?: boolean;
+    __INJECTED_PUBLIC_PATH_BY_QIANKUN__?: string;
+    qiankunLifeCycles?: QiankunLifeCycle;
     [x: string]: any;
 }
 export declare const qiankunWindow: QiankunWindow;
-export declare const renderWithQiankun: (qiankunLifeCycle: QiankunLifeCycle) => void;
-export default renderWithQiankun;
+export declare const exportQiankunLifeCycles: (qiankunLifeCycle: QiankunLifeCycle) => void;

package/lib/helper.js

@@ -19,26 +19,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/helper.ts
 var helper_exports = {};
 __export(helper_exports, {
-  default: () => helper_default,
-  qiankunWindow: () => qiankunWindow,
-  renderWithQiankun: () => renderWithQiankun
+  exportQiankunLifeCycles: () => exportQiankunLifeCycles,
+  qiankunWindow: () => qiankunWindow
 });
 module.exports = __toCommonJS(helper_exports);
 var qiankunWindow = typeof window !== "undefined" ? window.proxy || window : {};
-var renderWithQiankun = (qiankunLifeCycle) => {
+var exportQiankunLifeCycles = (qiankunLifeCycle) => {
   if (qiankunWindow == null ? void 0 : qiankunWindow.__POWERED_BY_QIANKUN__) {
-    if (!window.moudleQiankunAppLifeCycles) {
-      window.moudleQiankunAppLifeCycles = {};
-    }
-    if (qiankunWindow.qiankunName) {
-      window.moudleQiankunAppLifeCycles[qiankunWindow.qiankunName] = qiankunLifeCycle;
-    }
+    qiankunWindow.qiankunLifeCycles = qiankunLifeCycle;
   }
 };
-var helper_default = renderWithQiankun;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  qiankunWindow,
-  renderWithQiankun
+  exportQiankunLifeCycles,
+  qiankunWindow
 });
 //# sourceMappingURL=helper.js.map

package/lib/helper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/helper.ts"],
-  "sourcesContent": ["export interface QiankunProps {\n  container?: HTMLElement;\n  [x: string]: unknown;\n}\n\nexport interface QiankunLifeCycle {\n  bootstrap: (props?: QiankunProps) => void | Promise<void>;\n  mount: (props: QiankunProps) => void | Promise<void>;\n  unmount: (props: QiankunProps) => void | Promise<void>;\n  update: (props: QiankunProps) => void | Promise<void>;\n}\n\nexport interface QiankunWindow {\n  __POWERED_BY_QIANKUN__?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [x: string]: any;\n}\n\nexport const qiankunWindow: QiankunWindow = typeof window !== 'undefined' ? window.proxy || window : {};\n\nexport const renderWithQiankun = (qiankunLifeCycle: QiankunLifeCycle) => {\n  // 函数只有一次执行机会，需要把生命周期赋值给全局\n  if (qiankunWindow?.__POWERED_BY_QIANKUN__) {\n    if (!window.moudleQiankunAppLifeCycles) {\n      window.moudleQiankunAppLifeCycles = {};\n    }\n    if (qiankunWindow.qiankunName) {\n      window.moudleQiankunAppLifeCycles[qiankunWindow.qiankunName] = qiankunLifeCycle;\n    }\n  }\n};\n\nexport default renderWithQiankun;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBO,IAAM,gBAA+B,OAAO,WAAW,cAAc,OAAO,SAAS,SAAS,CAAC;AAE/F,IAAM,oBAAoB,CAAC,qBAAuC;AAEvE,MAAI,+CAAe,wBAAwB;AACzC,QAAI,CAAC,OAAO,4BAA4B;AACtC,aAAO,6BAA6B,CAAC;AAAA,IACvC;AACA,QAAI,cAAc,aAAa;AAC7B,aAAO,2BAA2B,cAAc,WAAW,IAAI;AAAA,IACjE;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["export interface QiankunProps {\n  container?: HTMLElement;\n  [x: string]: unknown;\n}\n\nexport interface QiankunLifeCycle {\n  bootstrap?: (props?: QiankunProps) => void | Promise<void>;\n  mount?: (props: QiankunProps) => void | Promise<void>;\n  unmount?: (props: QiankunProps) => void | Promise<void>;\n  update?: (props: QiankunProps) => void | Promise<void>;\n}\n\nexport interface QiankunWindow {\n  __POWERED_BY_QIANKUN__?: boolean;\n  __INJECTED_PUBLIC_PATH_BY_QIANKUN__?: string;\n  qiankunLifeCycles?: QiankunLifeCycle;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [x: string]: any;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const qiankunWindow: QiankunWindow = typeof window !== 'undefined' ? (window as any).proxy || window : {};\n\nexport const exportQiankunLifeCycles = (qiankunLifeCycle: QiankunLifeCycle) => {\n  // The function has only one chance to execute, and the lifecycle needs to be assigned to the global scope.\n  if (qiankunWindow?.__POWERED_BY_QIANKUN__) {\n    qiankunWindow.qiankunLifeCycles = qiankunLifeCycle;\n  }\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBO,IAAM,gBAA+B,OAAO,WAAW,cAAe,OAAe,SAAS,SAAS,CAAC;AAExG,IAAM,0BAA0B,CAAC,qBAAuC;AAE7E,MAAI,+CAAe,wBAAwB;AACzC,kBAAc,oBAAoB;AAAA,EACpC;AACF;",
   "names": []
 }

package/lib/index.js

@@ -31,30 +31,95 @@ var qiankunPlugin = (appName, pluginOptions = {}) => {
   return {
     name: "vite-plugin-qiankun",
     transformIndexHtml(html, context) {
-      var _a;
+      var _a, _b;
       const $ = (0, import_cheerio.load)(html, { sourceCodeLocationInfo: true });
       const entryScript = $("script[entry]").get(0) ?? $('body script[type=module], head script[crossorigin=""]').get(0);
       if (entryScript) {
+        const url = entryScript.attribs.src;
         const scriptBaseIndent = (0, import_utils.detectIndent)(html, entryScript);
         const S0 = scriptBaseIndent;
         const S1 = scriptBaseIndent + (0, import_utils.space)(2);
-        const S2 = S1 + (0, import_utils.space)(2);
         const script$ = module2DynamicImport({
           $,
           scriptTag: entryScript,
           changeScriptOrigin,
           ident: S1
         });
-        script$ == null ? void 0 : script$.html(`${(_a = script$.html()) == null ? void 0 : _a.trimEnd()}.finally(() => {
-${S2}${createImportFinallyResolve(appName, { indent: S2 }).trim()}
+        script$ == null ? void 0 : script$.html(
+          `${(_a = script$.html()) == null ? void 0 : _a.trimEnd()}.then(() => {
+${S1}  if (window.proxy) {
+${S1}    const qiankunLifeCycle = window.proxy.qiankunLifeCycles;
+${S1}    if (qiankunLifeCycle) {
+${S1}      window.proxy.vpq_bootstrap((props) => qiankunLifeCycle.bootstrap && qiankunLifeCycle.bootstrap(props));
+${S1}      window.proxy.vpq_mount((props) => qiankunLifeCycle.mount && qiankunLifeCycle.mount(props));
+${S1}      window.proxy.vpq_unmount((props) => qiankunLifeCycle.unmount && qiankunLifeCycle.unmount(props));
+${S1}      window.proxy.vpq_update((props) => qiankunLifeCycle.update && qiankunLifeCycle.update(props));
+${S1}      window.dispatchEvent(new CustomEvent('qiankun:loaded'));
+${S1}    }
+${S1}  }
+${S1}}).catch((error) => {
+${S1}  console.error(error);
+${S1}  if (error.name === 'TypeError' && error.message && error.message.startsWith('Failed to fetch dynamically imported module:')) {
+${S1}    window.dispatchEvent(new CustomEvent('qiankun:fetchEntryError', { detail: { url: '${url}', error } }));
+${S1}  } else {
+${S1}    window.dispatchEvent(new CustomEvent('qiankun:runtimeError', { detail: { error } }));
+${S1}  }
 ${S1}});
-${S0}`);
+${S0}`
+        );
+        const preloadLinks = $('link[rel="modulepreload"]');
+        if (preloadLinks.length) {
+          const urls = preloadLinks.map((_, link) => $(link).attr("href")).get();
+          const P1 = (0, import_utils.detectIndent)(html, preloadLinks.get(0));
+          preloadLinks.last().after(`
+${P1}<script>
+${P1}  const preloadUrls = [
+${urls.map((url2) => `${P1}    ${(0, import_utils.normalizeUrl)(url2, { changeScriptOrigin })}`).join(",\n")}
+${P1}  ];
+${P1}  preloadUrls.forEach((url) => {
+${P1}    const link = document.createElement('link');
+${P1}    link.rel = 'modulepreload';
+${P1}    link.href = url;
+${P1}    link.crossOrigin = 'anonymous';
+${P1}    document.head.appendChild(link);
+${P1}  });
+${P1}</script>`);
+          const texts = preloadLinks.map((_, link) => {
+            var _a2;
+            return ((_a2 = link.next) == null ? void 0 : _a2.type) === "text" ? link.next : null;
+          });
+          texts.remove();
+          preloadLinks.remove();
+        }
+        if (((_b = context.server) == null ? void 0 : _b.config.command) === "serve") {
+          const scripts = $("head script[type=module]").toArray();
+          const refreshScript = scripts.find((s) => /@react-refresh";$/m.test($(s).html() ?? ""));
+          if (refreshScript) {
+            const refreshScript$ = $(refreshScript);
+            const R1 = (0, import_utils.detectIndent)(html, refreshScript) + (0, import_utils.space)(2);
+            const content = refreshScript$.html();
+            const regExp = /import\s*{([^}]*)}\s*from\s*"([^"]*@react-refresh)";/m;
+            const match = content == null ? void 0 : content.match(regExp);
+            if (content && match) {
+              const sentence = match[0];
+              const imports = match[1];
+              const from = match[2];
+              const rest = content.replace(sentence, "");
+              refreshScript$.removeAttr("type");
+              refreshScript$.html(`
+${R1}import(${(0, import_utils.normalizeUrl)(from, { changeScriptOrigin })}).then(({${imports}}) => {
+${R1}  ${rest.split("\n").map((s) => s.trim()).filter(Boolean).join(`
+${R1}  `)}
+${R1}});`);
+            }
+          }
+        }
         const bodyBaseIndent = (0, import_utils.detectIndent)(html, $("body").get(0));
         const B1 = bodyBaseIndent + (0, import_utils.space)(2);
         const B2 = B1 + (0, import_utils.space)(2);
         $("body").append(`
 ${B1}<script>
-${B2}${createQiankunHelper(appName, { indent: B2 + (0, import_utils.space)(2) }).trim()}
+${B2}${exportLifeCycles(appName, { indent: B2 })}
 ${B1}</script>
 `);
         const output = $.html();
@@ -67,21 +132,18 @@ ${B1}</script>
     configureServer(server) {
       const base = server.config.base;
       return () => {
-        const patchFiles = [`${base}@vite/client`];
-        patchFiles.forEach((file) => {
-          server.middlewares.use(file, (req, res, next) => {
-            const end = res.end.bind(res);
-            res.end = function(chunk, ...rest) {
-              if (typeof chunk === "string") {
-                const $ = (0, import_cheerio.load)(chunk);
-                module2DynamicImport({ $, scriptTag: $(`script[src="${file}"]`).get(0), changeScriptOrigin });
-                chunk = $.html();
-              }
-              end(chunk, ...rest);
-              return this;
-            };
-            next();
-          });
+        server.middlewares.use((req, res, next) => {
+          const end = res.end.bind(res);
+          res.end = function(chunk, ...rest) {
+            if (typeof chunk === "string") {
+              const $ = (0, import_cheerio.load)(chunk);
+              module2DynamicImport({ $, scriptTag: $(`script[src="${base}@vite/client"]`).get(0), changeScriptOrigin });
+              chunk = $.html();
+            }
+            end(chunk, ...rest);
+            return this;
+          };
+          next();
         });
       };
     }
@@ -94,58 +156,30 @@ function module2DynamicImport(options) {
   }
   const script$ = $(scriptTag);
   const moduleSrc = script$.attr("src");
-  let appendBase = "''";
-  if (changeScriptOrigin) {
-    appendBase = "window.proxy ? window.proxy.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || '' : ''";
-  }
   script$.removeAttr("src");
   script$.removeAttr("type");
   const space2 = ident;
   script$.html(`
-${space2}const publicUrl = ${appendBase};
-${space2}let assetUrl = '${moduleSrc}';
-${space2}if (!assetUrl.match(/^https?/i)) {
-${space2}  assetUrl = publicUrl + assetUrl;
-${space2}}
-${space2}import(assetUrl)`);
+${space2}import(${(0, import_utils.normalizeUrl)(moduleSrc, { changeScriptOrigin })})`);
   return script$;
 }
-function createImportFinallyResolve(qiankunName, options) {
+function exportLifeCycles(qiankunName, options) {
   const { indent: space2 = "      " } = options ?? {};
   return `
-${space2}const qiankunLifeCycle = window.moudleQiankunAppLifeCycles && window.moudleQiankunAppLifeCycles['${qiankunName}'];
-${space2}if (qiankunLifeCycle) {
-${space2}  window.proxy.vitemount((props) => qiankunLifeCycle.mount(props));
-${space2}  window.proxy.viteunmount((props) => qiankunLifeCycle.unmount(props));
-${space2}  window.proxy.vitebootstrap(() => qiankunLifeCycle.bootstrap());
-${space2}  window.proxy.viteupdate((props) => qiankunLifeCycle.update(props));
-${space2}}
-`;
-}
-function createQiankunHelper(qiankunName, options) {
-  const { indent: space2 = "      " } = options ?? {};
-  return `
-${space2}const createDeffer = (hookName) => {
-${space2}  const d = new Promise((resolve, reject) => {
-${space2}    window.proxy && (window.proxy[\`vite\${hookName}\`] = resolve)
+${space2}const makeLifeCycle = (hookName) => {
+${space2}  const promise = new Promise((resolve, reject) => {
+${space2}    if (window.proxy) {
+${space2}      window.proxy[\`vpq_\${hookName}\`] = resolve;
+${space2}    }
 ${space2}  })
-${space2}  return props => d.then(fn => fn(props));
-${space2}}
-${space2}const bootstrap = createDeffer('bootstrap');
-${space2}const mount = createDeffer('mount');
-${space2}const unmount = createDeffer('unmount');
-${space2}const update = createDeffer('update');
-
-${space2};(global => {
-${space2}  global.qiankunName = '${qiankunName}';
-${space2}  global['${qiankunName}'] = {
-${space2}    bootstrap,
-${space2}    mount,
-${space2}    unmount,
-${space2}    update
-${space2}  };
-${space2}})(window);
-`;
+${space2}  return (props) => promise.then(fn => fn(props));
+${space2}};
+${space2}window['${qiankunName}'] = {
+${space2}  bootstrap: makeLifeCycle('bootstrap'),
+${space2}  mount: makeLifeCycle('mount'),
+${space2}  unmount: makeLifeCycle('unmount'),
+${space2}  update: makeLifeCycle('update')
+${space2}};`.trimStart();
 }
 var src_default = qiankunPlugin;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["import type { CheerioAPI } from 'cheerio';\nimport { load } from 'cheerio';\nimport type { Element } from 'domhandler';\nimport type { PluginOption } from 'vite';\nimport { detectIndent, space } from './utils';\n\nexport * from './helper';\n\nexport interface MicroOption {\n  /**\n   * Whether to change the origin of entry script tag for micro frontend. It's useful when the micro\n   * frontend is deployed on a different domain or path.\n   *\n   * > If the origin by the qiankun's default algorithm is not correct for you, please try the\n   * > [getPublicPath](https://qiankun.umijs.org/zh/api) option.\n   *\n   * @default true\n   */\n  changeScriptOrigin?: boolean;\n}\ntype PluginFn = (appName: string, pluginOptions?: MicroOption) => PluginOption;\n\n/**\n * Vite plugin for integrating with Qiankun micro frontend.\n *\n * @param appName The name of the Qiankun sub app.\n * @param pluginOptions Options for configuring the micro frontend behavior.\n *\n * > If the micro app is deployed on a different domain or path, you may need to adjust the public\n *   > path. Please have a look at the [getPublicPath](https://qiankun.umijs.org/zh/api) option.\n *\n * @returns A Vite plugin option object.\n */\nconst qiankunPlugin: PluginFn = (appName, pluginOptions = {}) => {\n  const { changeScriptOrigin = true } = pluginOptions;\n\n  return {\n    name: 'vite-plugin-qiankun',\n\n    transformIndexHtml(html: string, context) {\n      const $ = load(html, { sourceCodeLocationInfo: true });\n      const entryScript =\n        $('script[entry]').get(0) ?? $('body script[type=module], head script[crossorigin=\"\"]').get(0);\n      if (entryScript) {\n        const scriptBaseIndent = detectIndent(html, entryScript);\n        const S0 = scriptBaseIndent;\n        const S1 = scriptBaseIndent + space(2);\n        const S2 = S1 + space(2);\n        const script$ = module2DynamicImport({\n          $,\n          scriptTag: entryScript,\n          changeScriptOrigin,\n          ident: S1,\n        });\n        script$?.html(`${script$.html()?.trimEnd()}.finally(() => {\n${S2}${createImportFinallyResolve(appName, { indent: S2 }).trim()}\n${S1}});\n${S0}`);\n\n        const bodyBaseIndent = detectIndent(html, $('body').get(0));\n        const B1 = bodyBaseIndent + space(2);\n        const B2 = B1 + space(2);\n        $('body').append(`\n${B1}<script>\n${B2}${createQiankunHelper(appName, { indent: B2 + space(2) }).trim()}\n${B1}</script>\n`);\n        const output = $.html();\n        return output;\n      } else {\n        console.warn('\\x1b[33m%s\\x1b[0m', '⚠️ Patch for qiankun failed, because the entry script was not found.');\n        return html;\n      }\n    },\n    configureServer(server) {\n      const base = server.config.base;\n      return () => {\n        const patchFiles = [`${base}@vite/client`];\n        patchFiles.forEach((file) => {\n          server.middlewares.use(file, (req, res, next) => {\n            const end = res.end.bind(res);\n            res.end = function (this: typeof res, chunk: unknown, ...rest: any[]) {\n              if (typeof chunk === 'string') {\n                const $ = load(chunk);\n                module2DynamicImport({ $, scriptTag: $(`script[src=\"${file}\"]`).get(0), changeScriptOrigin });\n                chunk = $.html();\n              }\n              end(chunk, ...rest);\n              return this;\n            } as unknown as typeof res.end;\n            next();\n          });\n        });\n      };\n    },\n  };\n};\n\nfunction module2DynamicImport(\n  options: { $: CheerioAPI; scriptTag: Element | undefined; ident?: string } & Pick<MicroOption, 'changeScriptOrigin'>,\n) {\n  const { $, scriptTag, changeScriptOrigin, ident = '' } = options;\n  if (!scriptTag) {\n    return;\n  }\n  const script$ = $(scriptTag);\n  const moduleSrc = script$.attr('src');\n  let appendBase = \"''\";\n  if (changeScriptOrigin) {\n    appendBase = \"window.proxy ? window.proxy.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || '' : ''\";\n  }\n  script$.removeAttr('src');\n  script$.removeAttr('type');\n  const space = ident;\n  script$.html(`\n${space}const publicUrl = ${appendBase};\n${space}let assetUrl = '${moduleSrc}';\n${space}if (!assetUrl.match(/^https?/i)) {\n${space}  assetUrl = publicUrl + assetUrl;\n${space}}\n${space}import(assetUrl)`);\n  return script$;\n}\n\nfunction createImportFinallyResolve(qiankunName: string, options?: { indent?: string }) {\n  const { indent: space = '      ' } = options ?? {};\n  return `\n${space}const qiankunLifeCycle = window.moudleQiankunAppLifeCycles && window.moudleQiankunAppLifeCycles['${qiankunName}'];\n${space}if (qiankunLifeCycle) {\n${space}  window.proxy.vitemount((props) => qiankunLifeCycle.mount(props));\n${space}  window.proxy.viteunmount((props) => qiankunLifeCycle.unmount(props));\n${space}  window.proxy.vitebootstrap(() => qiankunLifeCycle.bootstrap());\n${space}  window.proxy.viteupdate((props) => qiankunLifeCycle.update(props));\n${space}}\n`;\n}\n\nfunction createQiankunHelper(qiankunName: string, options?: { indent?: string }) {\n  const { indent: space = '      ' } = options ?? {};\n  return `\n${space}const createDeffer = (hookName) => {\n${space}  const d = new Promise((resolve, reject) => {\n${space}    window.proxy && (window.proxy[\\`vite\\${hookName}\\`] = resolve)\n${space}  })\n${space}  return props => d.then(fn => fn(props));\n${space}}\n${space}const bootstrap = createDeffer('bootstrap');\n${space}const mount = createDeffer('mount');\n${space}const unmount = createDeffer('unmount');\n${space}const update = createDeffer('update');\n\n${space};(global => {\n${space}  global.qiankunName = '${qiankunName}';\n${space}  global['${qiankunName}'] = {\n${space}    bootstrap,\n${space}    mount,\n${space}    unmount,\n${space}    update\n${space}  };\n${space}})(window);\n`;\n}\n\nexport default qiankunPlugin;\n"],
-  "mappings": "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",
-  "names": ["space"]
+  "sourcesContent": ["import type { CheerioAPI } from 'cheerio';\nimport { load } from 'cheerio';\nimport type { Element } from 'domhandler';\nimport type { PluginOption } from 'vite';\nimport { detectIndent, normalizeUrl, space } from './utils';\n\nexport * from './helper';\n\nexport interface MicroOption {\n  /**\n   * Whether to change the origin of entry script tag for micro frontend. It's useful when the micro\n   * frontend is deployed on a different domain or path.\n   *\n   * > If the origin by the qiankun's default algorithm is not correct for you, please try the\n   * > [getPublicPath](https://qiankun.umijs.org/zh/api) option.\n   *\n   * @default true\n   */\n  changeScriptOrigin?: boolean;\n}\ntype PluginFn = (appName: string, pluginOptions?: MicroOption) => PluginOption;\n\n/**\n * Vite plugin for integrating with Qiankun micro frontend.\n *\n * @param appName The name of the Qiankun sub app.\n * @param pluginOptions Options for configuring the micro frontend behavior.\n *\n * > If the micro app is deployed on a different domain or path, you may need to adjust the public\n *   > path. Please have a look at the [getPublicPath](https://qiankun.umijs.org/zh/api) option.\n *\n * @returns A Vite plugin option object.\n */\nconst qiankunPlugin: PluginFn = (appName, pluginOptions = {}) => {\n  const { changeScriptOrigin = true } = pluginOptions;\n\n  return {\n    name: 'vite-plugin-qiankun',\n\n    transformIndexHtml(html: string, context) {\n      const $ = load(html, { sourceCodeLocationInfo: true });\n      // Transform entry script\n      const entryScript =\n        $('script[entry]').get(0) ?? $('body script[type=module], head script[crossorigin=\"\"]').get(0);\n      if (entryScript) {\n        const url = entryScript.attribs.src;\n        const scriptBaseIndent = detectIndent(html, entryScript);\n        const S0 = scriptBaseIndent;\n        const S1 = scriptBaseIndent + space(2);\n        const script$ = module2DynamicImport({\n          $,\n          scriptTag: entryScript,\n          changeScriptOrigin,\n          ident: S1,\n        });\n        script$?.html(\n          `${script$.html()?.trimEnd()}.then(() => {\n${S1}  if (window.proxy) {\n${S1}    const qiankunLifeCycle = window.proxy.qiankunLifeCycles;\n${S1}    if (qiankunLifeCycle) {\n${S1}      window.proxy.vpq_bootstrap((props) => qiankunLifeCycle.bootstrap && qiankunLifeCycle.bootstrap(props));\n${S1}      window.proxy.vpq_mount((props) => qiankunLifeCycle.mount && qiankunLifeCycle.mount(props));\n${S1}      window.proxy.vpq_unmount((props) => qiankunLifeCycle.unmount && qiankunLifeCycle.unmount(props));\n${S1}      window.proxy.vpq_update((props) => qiankunLifeCycle.update && qiankunLifeCycle.update(props));\n${S1}      window.dispatchEvent(new CustomEvent('qiankun:loaded'));\n${S1}    }\n${S1}  }\n${S1}}).catch((error) => {\n${S1}  console.error(error);\n${S1}  if (error.name === 'TypeError' && error.message && error.message.startsWith('Failed to fetch dynamically imported module:')) {\n${S1}    window.dispatchEvent(new CustomEvent('qiankun:fetchEntryError', { detail: { url: '${url}', error } }));\n${S1}  } else {\n${S1}    window.dispatchEvent(new CustomEvent('qiankun:runtimeError', { detail: { error } }));\n${S1}  }\n${S1}});\n${S0}`,\n        );\n\n        // Transform modulepreload links\n        const preloadLinks = $('link[rel=\"modulepreload\"]');\n        if (preloadLinks.length) {\n          const urls = preloadLinks.map((_, link) => $(link).attr('href')).get();\n          const P1 = detectIndent(html, preloadLinks.get(0));\n          preloadLinks.last().after(`\n${P1}<script>\n${P1}  const preloadUrls = [\n${urls.map((url) => `${P1}    ${normalizeUrl(url, { changeScriptOrigin })}`).join(',\\n')}\n${P1}  ];\n${P1}  preloadUrls.forEach((url) => {\n${P1}    const link = document.createElement('link');\n${P1}    link.rel = 'modulepreload';\n${P1}    link.href = url;\n${P1}    link.crossOrigin = 'anonymous';\n${P1}    document.head.appendChild(link);\n${P1}  });\n${P1}</script>`);\n          const texts = preloadLinks.map((_, link) => (link.next?.type === 'text' ? link.next : null));\n          texts.remove();\n          preloadLinks.remove();\n        }\n\n        // Transform @react-refresh script\n        if (context.server?.config.command === 'serve') {\n          const scripts = $('head script[type=module]').toArray();\n          const refreshScript = scripts.find((s) => /@react-refresh\";$/m.test($(s).html() ?? ''));\n          if (refreshScript) {\n            const refreshScript$ = $(refreshScript);\n            const R1 = detectIndent(html, refreshScript) + space(2);\n            const content = refreshScript$.html();\n            const regExp = /import\\s*{([^}]*)}\\s*from\\s*\"([^\"]*@react-refresh)\";/m;\n            const match = content?.match(regExp);\n            if (content && match) {\n              const sentence = match[0];\n              const imports = match[1];\n              const from = match[2];\n              const rest = content.replace(sentence, '');\n              refreshScript$.removeAttr('type');\n              refreshScript$.html(`\n${R1}import(${normalizeUrl(from, { changeScriptOrigin })}).then(({${imports}}) => {\n${R1}  ${rest\n                .split('\\n')\n                .map((s) => s.trim())\n                .filter(Boolean)\n                .join(`\\n${R1}  `)}\n${R1}});`);\n            }\n          }\n        }\n\n        // Add extra script to export lifecycles\n        const bodyBaseIndent = detectIndent(html, $('body').get(0));\n        const B1 = bodyBaseIndent + space(2);\n        const B2 = B1 + space(2);\n        $('body').append(`\n${B1}<script>\n${B2}${exportLifeCycles(appName, { indent: B2 })}\n${B1}</script>\n`);\n        const output = $.html();\n        return output;\n      } else {\n        console.warn('\\x1b[33m%s\\x1b[0m', '⚠️ Patch for qiankun failed, because the entry script was not found.');\n        return html;\n      }\n    },\n    configureServer(server) {\n      const base = server.config.base;\n      return () => {\n        // Only apply to / i.e. the mount point of the app\n        server.middlewares.use((req, res, next) => {\n          const end = res.end.bind(res);\n          res.end = function (this: typeof res, chunk: unknown, ...rest: any[]) {\n            if (typeof chunk === 'string') {\n              const $ = load(chunk);\n              module2DynamicImport({ $, scriptTag: $(`script[src=\"${base}@vite/client\"]`).get(0), changeScriptOrigin });\n              chunk = $.html();\n            }\n            end(chunk, ...rest);\n            return this;\n          } as unknown as typeof res.end;\n          next();\n        });\n      };\n    },\n  };\n};\n\nfunction module2DynamicImport(\n  options: { $: CheerioAPI; scriptTag: Element | undefined; ident?: string } & Pick<MicroOption, 'changeScriptOrigin'>,\n) {\n  const { $, scriptTag, changeScriptOrigin, ident = '' } = options;\n  if (!scriptTag) {\n    return;\n  }\n  const script$ = $(scriptTag);\n  const moduleSrc = script$.attr('src');\n  script$.removeAttr('src');\n  script$.removeAttr('type');\n  const space = ident;\n  script$.html(`\n${space}import(${normalizeUrl(moduleSrc, { changeScriptOrigin })})`);\n  return script$;\n}\n\nfunction exportLifeCycles(qiankunName: string, options?: { indent?: string }) {\n  const { indent: space = '      ' } = options ?? {};\n  return `\n${space}const makeLifeCycle = (hookName) => {\n${space}  const promise = new Promise((resolve, reject) => {\n${space}    if (window.proxy) {\n${space}      window.proxy[\\`vpq_\\${hookName}\\`] = resolve;\n${space}    }\n${space}  })\n${space}  return (props) => promise.then(fn => fn(props));\n${space}};\n${space}window['${qiankunName}'] = {\n${space}  bootstrap: makeLifeCycle('bootstrap'),\n${space}  mount: makeLifeCycle('mount'),\n${space}  unmount: makeLifeCycle('unmount'),\n${space}  update: makeLifeCycle('update')\n${space}};`.trimStart();\n}\n\nexport default qiankunPlugin;\n"],
+  "mappings": "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",
+  "names": ["url", "_a", "space"]
 }

package/lib/utils.d.ts

@@ -1,3 +1,6 @@
 import type { Element } from 'domhandler';
-export declare function detectIndent(html: string, entryScript: Element | undefined): string;
+export declare function detectIndent(html: string, element: Element | undefined): string;
 export declare function space(num: number): string;
+export declare function normalizeUrl(url: string | undefined, options?: {
+    changeScriptOrigin?: boolean;
+}): string;

package/lib/utils.js

@@ -20,23 +20,24 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   detectIndent: () => detectIndent,
+  normalizeUrl: () => normalizeUrl,
   space: () => space
 });
 module.exports = __toCommonJS(utils_exports);
-function detectIndent(html, entryScript) {
+function detectIndent(html, element) {
   let baseIndent = "";
-  if (entryScript == null ? void 0 : entryScript.sourceCodeLocation) {
+  if (element == null ? void 0 : element.sourceCodeLocation) {
     const newline = html.includes("\r\n") ? "\r\n" : "\n";
     const lines = html.split(newline);
-    const lineStr = lines[entryScript.sourceCodeLocation.startLine - 1];
+    const lineStr = lines[element.sourceCodeLocation.startLine - 1];
     if (lineStr) {
-      const startTag = "<script";
+      const startTag = `<${element.tagName}`;
       const tagNameFromHtml = lineStr.substring(
-        entryScript.sourceCodeLocation.startCol - 1,
-        entryScript.sourceCodeLocation.startCol - 1 + startTag.length
+        element.sourceCodeLocation.startCol - 1,
+        element.sourceCodeLocation.startCol - 1 + startTag.length
       );
       if (tagNameFromHtml === startTag) {
-        for (let i = 0; i < entryScript.sourceCodeLocation.startCol - 1; i++) {
+        for (let i = 0; i < element.sourceCodeLocation.startCol - 1; i++) {
           if (/\s/.test(lineStr[i])) {
             baseIndent += lineStr[i];
           } else {
@@ -51,9 +52,18 @@ function detectIndent(html, entryScript) {
 function space(num) {
   return new Array(num + 1).join(" ");
 }
+function normalizeUrl(url, options) {
+  const { changeScriptOrigin = true } = options ?? {};
+  let appendBase = "''";
+  if (changeScriptOrigin) {
+    appendBase = "window.proxy && window.proxy.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || ''";
+  }
+  return (url == null ? void 0 : url.match(/^https?/i)) ? `'${url}'` : `(${appendBase}) + '${url}'`;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   detectIndent,
+  normalizeUrl,
   space
 });
 //# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/utils.ts"],
-  "sourcesContent": ["import type { Element } from 'domhandler';\n\nexport function detectIndent(html: string, entryScript: Element | undefined) {\n  let baseIndent = '';\n  if (entryScript?.sourceCodeLocation) {\n    const newline = html.includes('\\r\\n') ? '\\r\\n' : '\\n';\n    const lines = html.split(newline);\n    const lineStr = lines[entryScript.sourceCodeLocation.startLine - 1];\n    if (lineStr) {\n      const startTag = '<script';\n      const tagNameFromHtml = lineStr.substring(\n        entryScript.sourceCodeLocation.startCol - 1,\n        entryScript.sourceCodeLocation.startCol - 1 + startTag.length,\n      );\n      if (tagNameFromHtml === startTag) {\n        for (let i = 0; i < entryScript.sourceCodeLocation.startCol - 1; i++) {\n          if (/\\s/.test(lineStr[i])) {\n            baseIndent += lineStr[i];\n          } else {\n            break;\n          }\n        }\n      }\n    }\n  }\n  return baseIndent;\n}\n\nexport function space(num: number) {\n  return new Array(num + 1).join(' ');\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,aAAa,MAAc,aAAkC;AAC3E,MAAI,aAAa;AACjB,MAAI,2CAAa,oBAAoB;AACnC,UAAM,UAAU,KAAK,SAAS,MAAM,IAAI,SAAS;AACjD,UAAM,QAAQ,KAAK,MAAM,OAAO;AAChC,UAAM,UAAU,MAAM,YAAY,mBAAmB,YAAY,CAAC;AAClE,QAAI,SAAS;AACX,YAAM,WAAW;AACjB,YAAM,kBAAkB,QAAQ;AAAA,QAC9B,YAAY,mBAAmB,WAAW;AAAA,QAC1C,YAAY,mBAAmB,WAAW,IAAI,SAAS;AAAA,MACzD;AACA,UAAI,oBAAoB,UAAU;AAChC,iBAAS,IAAI,GAAG,IAAI,YAAY,mBAAmB,WAAW,GAAG,KAAK;AACpE,cAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,GAAG;AACzB,0BAAc,QAAQ,CAAC;AAAA,UACzB,OAAO;AACL;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,MAAM,KAAa;AACjC,SAAO,IAAI,MAAM,MAAM,CAAC,EAAE,KAAK,GAAG;AACpC;",
+  "sourcesContent": ["import type { Element } from 'domhandler';\n\nexport function detectIndent(html: string, element: Element | undefined) {\n  let baseIndent = '';\n  if (element?.sourceCodeLocation) {\n    const newline = html.includes('\\r\\n') ? '\\r\\n' : '\\n';\n    const lines = html.split(newline);\n    const lineStr = lines[element.sourceCodeLocation.startLine - 1];\n    if (lineStr) {\n      const startTag = `<${element.tagName}`;\n      const tagNameFromHtml = lineStr.substring(\n        element.sourceCodeLocation.startCol - 1,\n        element.sourceCodeLocation.startCol - 1 + startTag.length,\n      );\n      if (tagNameFromHtml === startTag) {\n        for (let i = 0; i < element.sourceCodeLocation.startCol - 1; i++) {\n          if (/\\s/.test(lineStr[i])) {\n            baseIndent += lineStr[i];\n          } else {\n            break;\n          }\n        }\n      }\n    }\n  }\n  return baseIndent;\n}\n\nexport function space(num: number) {\n  return new Array(num + 1).join(' ');\n}\n\nexport function normalizeUrl(url: string | undefined, options?: { changeScriptOrigin?: boolean }) {\n  const { changeScriptOrigin = true } = options ?? {};\n  let appendBase = \"''\";\n  if (changeScriptOrigin) {\n    appendBase = \"window.proxy && window.proxy.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || ''\";\n  }\n  return url?.match(/^https?/i) ? `'${url}'` : `(${appendBase}) + '${url}'`;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,aAAa,MAAc,SAA8B;AACvE,MAAI,aAAa;AACjB,MAAI,mCAAS,oBAAoB;AAC/B,UAAM,UAAU,KAAK,SAAS,MAAM,IAAI,SAAS;AACjD,UAAM,QAAQ,KAAK,MAAM,OAAO;AAChC,UAAM,UAAU,MAAM,QAAQ,mBAAmB,YAAY,CAAC;AAC9D,QAAI,SAAS;AACX,YAAM,WAAW,IAAI,QAAQ;AAC7B,YAAM,kBAAkB,QAAQ;AAAA,QAC9B,QAAQ,mBAAmB,WAAW;AAAA,QACtC,QAAQ,mBAAmB,WAAW,IAAI,SAAS;AAAA,MACrD;AACA,UAAI,oBAAoB,UAAU;AAChC,iBAAS,IAAI,GAAG,IAAI,QAAQ,mBAAmB,WAAW,GAAG,KAAK;AAChE,cAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,GAAG;AACzB,0BAAc,QAAQ,CAAC;AAAA,UACzB,OAAO;AACL;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,MAAM,KAAa;AACjC,SAAO,IAAI,MAAM,MAAM,CAAC,EAAE,KAAK,GAAG;AACpC;AAEO,SAAS,aAAa,KAAyB,SAA4C;AAChG,QAAM,EAAE,qBAAqB,KAAK,IAAI,WAAW,CAAC;AAClD,MAAI,aAAa;AACjB,MAAI,oBAAoB;AACtB,iBAAa;AAAA,EACf;AACA,UAAO,2BAAK,MAAM,eAAc,IAAI,SAAS,IAAI,kBAAkB;AACrE;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiny-codes/vite-plugin-qiankun",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "vite for qiankun. This is a forked version of vite-plugin-qiankun.",
   "keywords": [
     "qiankun",
@@ -61,7 +61,8 @@
     "vite": "^2.9.9"
   },
   "peerDependencies": {
-    "vite": "^2.0.0 | ^3.0.0 | ^4.0.0 | ^5.0.0 | ^6.0.0 | ^7.0.0 | ^8.0.0"
+    "rolldown": "^1.0.0-rc.9",
+    "vite": ">=8.0.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/readme.md

@@ -1,84 +1,71 @@
-#### 简介
+## 简介
 
-forked from [vite-plugin-qiankun](https://github.com/tengmaoqing/vite-plugin-qiankun)
-
-> vite-plugin-qiankun: 帮助应用快速接入乾坤的vite插件
+> `@tiny-codes/vite-plugin-qiankun`: 帮助应用快速接入乾坤的vite插件
 
 - 保留vite构建es模块的优势
 - 一键配置，不影响已有的vite配置
 - 支持vite开发环境
 
-#### 快速开始
+Forked from [vite-plugin-qiankun](https://github.com/tengmaoqing/vite-plugin-qiankun)
+
+## 快速开始
 
-###### 1、在 `vite.config.ts` 中安装插件
+### 1、在 `vite.config.ts` 中安装插件
 
 ```typescript
 // vite.config.ts
-import qiankun from 'vite-plugin-qiankun';
+import qiankun from '@tiny-codes/vite-plugin-qiankun';
 
 export default {
-  // 这里的 'myMicroAppName' 是子应用名，主应用注册时AppName需保持一致
-  plugins: [qiankun('myMicroAppName')],
-  // 生产环境需要指定运行域名作为base
-  base: 'http://xxx.com/',
+  // 这里的 subApp 是子应用名，主应用注册时 name 需保持一致
+  plugins: [
+    // ...
+    qiankun('subApp'),
+  ],
 };
 ```
 
-###### 2、在入口文件里面写入乾坤的生命周期配置
+### 2、在入口文件里面写入乾坤的生命周期配置
 
-```typescript
+```ts
 // main.ts
-import { qiankunWindow, renderWithQiankun } from 'vite-plugin-qiankun';
+import { qiankunWindow, exportQiankunLifeCycles } from '@tiny-codes/vite-plugin-qiankun';
 
-// some code
-renderWithQiankun({
-  mount(props) {
-    console.log('mount');
-    render(props);
-  },
-  bootstrap() {
-    console.log('bootstrap');
-  },
-  unmount(props: any) {
-    console.log('unmount');
-    const { container } = props;
-    const mountRoot = container?.querySelector('#root');
-    ReactDOM.unmountComponentAtNode(mountRoot || document.querySelector('#root'));
-  },
-});
+const root = createRoot(document.getElementById('root'));
 
-if (!qiankunWindow.__POWERED_BY_QIANKUN__) {
-  render({});
+if (qiankunWindow.__POWERED_BY_QIANKUN__) {
+  exportQiankunLifeCycles({
+    bootstrap(props) {
+      console.log('bootstrap');
+    },
+    mount(props) {
+      console.log('mount');
+      root.render(<App/>);
+    },
+    unmount(props) {
+      console.log('unmount');
+      root.unmount();
+    },
+    update(props) {
+      console.log('update', props);
+    }
+  });
+}
+else {
+  root.render(<App/>);
 }
-```
-
-###### 3、dev下作为子应用调试
-
-> 因为开发环境作为子应用时与热更新插件（可能与其他修改html的插件也会存在冲突）有冲突，所以需要额外的调试配置
-
-```typescript
-// useDevMode 开启时与热更新插件冲突,使用变量切换
-const useDevMode = true;
 
-const baseConfig: UserConfig = {
-  plugins: [
-    ...(useDevMode ? [] : [reactRefresh()]),
-    qiankun('viteapp', {
-      useDevMode,
-    }),
-  ],
-};
 ```
 
-上面例子中 `useDevMode = true` 则不使用热更新插件，`useDevMode = false` 则能使用热更新，但无法作为子应用加载。
-
-###### 4、子应用部署的域名不同
+### 3、子应用部署到不同的域名
 
-如果子应用与主应用部署的域名不同，并且子应用的`base`使用了相对路径，例如`/sub-app`，此时可能会导致子应用入口script加载失败。在子应用的页面里，入口script可能会是`/sub-app/index.js`，qiankun会尝试加载该路径，但由于当前域名是主应用，就会导致浏览器尝试从主应用的域名下去加载资源，肯定会失败。
+如果子应用与主应用部署的域名不同，并且子应用的`base`是相对路径（例如`/sub-app/`），此时很可能子应用会加载失败。子应用的入口 script 标签可能类似于 `/sub-app/index.js`，qiankun会尝试在主应用域名下加载该资源，当然会失败。
 
-要解决这个问题，可以使用 [getPublicPath](https://qiankun.umijs.org/zh/api) 选项，返回子应用的域名。
+要解决这个问题，可以使用 [getPublicPath](https://qiankun.umijs.org/zh/api) 选项，返回子应用的域名，注意末尾不要包含`/`。
 
 ```tsx
+import { loadMicroApp } from 'qiankun';
+
 loadMicroApp(
   {
     name: 'sub-app',
@@ -90,21 +77,52 @@ loadMicroApp(
 );
 ```
 
-###### 5、其它使用注意点 `qiankunWindow`
+### 4、显式指定入口文件
+
+qiankun会默认取最后一个 `script` 标签作为子应用的入口文件，但如果由于特殊原因不能把入口文件放到最后，也可以显式指定入口文件，在script标签上添加 `entry` 属性即可，详情参考[官方文档](https://qiankun.umijs.org/zh/faq)。
 
-因为es模块加载与`qiankun`的实现方式有些冲突，所以使用本插件实现的`qiankun`微应用里面没有运行在js沙盒中。所以在不可避免需要设置window上的属性时，尽量显示的操作js沙盒，否则可能会对其它子应用产生副作用。qiankun沙盒使用方式
+### 5、全局事件
+
+本插件会在子应用加载完成后触发 `qiankun:loaded` 事件，在子应用入口脚本加载失败时触发 `qiankun:fetchEntryError` 事件，在子应用运行时发生错误时触发 `qiankun:runtimeError` 事件。可以通过监听这些事件来处理相应的逻辑，或在页面上显示相应的操作提示。
 
 ```typescript
-import { qiankunWindow } from 'vite-plugin-qiankun';
+window.addEventListener('qiankun:loaded', () => {
+  console.log('The sub-application has been loaded successfully.');
+});
 
-qiankunWindow.customxxx = 'ssss';
+window.addEventListener('qiankun:fetchEntryError', (event) => {
+  console.error('The sub-application entry script failed to load', event.detail);
+  document.querySelector('#root').innerHTML = `
+If the main application is hosted on a different domain, make sure getPublicPath is configured to return the domain of sub app. For example:
+<pre>
+  loadMicroApp({ 
+    name: "subApp", 
+    entry: 'https://domain-to-subApp/pages'
+  }, { 
+    getPublicPath: () => "https://domain-to-subApp" 
+  });
+</pre>`;
+});
+
+window.addEventListener('qiankun:runtimeError', (event) => {
+  console.error('The sub-application runtime error occurred', event.detail);
+});
+```
+
+### 6、其它使用注意点 `qiankunWindow`
+
+因为 esm 模块加载与`qiankun`的实现方式有些冲突，所以使用本插件实现的`qiankun`微应用里面没有运行在js沙盒中。所以在不可避免需要设置window上的属性时，尽量显式地操作js沙盒，否则可能会对其它子应用产生副作用。qiankun沙盒对象的使用方式：
+
+```typescript
+import { qiankunWindow } from '@tiny-codes/vite-plugin-qiankun';
 
 if (qiankunWindow.__POWERED_BY_QIANKUN__) {
-  console.log('我正在作为子应用运行');
+  console.log('I am running as a sub-application');
 }
+qiankunWindow.foo = 'bar';
 ```
 
-#### 例子
+## 例子
 
 详细的信息可以参考例子里面的使用方式