xpe 1.0.4 → 1.0.6

package/dist/kernel/effect.js

@@ -21,30 +21,13 @@ function patchCustomEvent(e, elementGetter) {
 /**
  * 手动触发事件回调
  */
-function manualInvokeElementEvent(element, event, sandboxId) {
-    // 动态 link/script 节点由子应用 realm 创建，但被 XPE 转发到宿主
-    // shadowRoot。此时节点上的原生 dispatchEvent 可能无法命中由子应用
-    // Node.prototype.addEventListener 注册的回调。事件代理已经把回调保存在
-    // sandbox 的缓存中，优先从缓存派发，保证 Vite 的 load/error Promise 收敛。
+function manualInvokeElementEvent(element, event) {
     const customEvent = new CustomEvent(event);
     const patchedEvent = patchCustomEvent(customEvent, () => element);
-    const hasPropertyHandler = isFunction(element[`on${event}`]);
-    if (hasPropertyHandler) {
+    if (isFunction(element[`on${event}`])) {
         element[`on${event}`](patchedEvent);
     }
-    const listeners = sandboxId
-        ? getSandboxById(sandboxId)?.elementEventCacheMap.get(element)
-        : undefined;
-    const cachedListeners = listeners?.filter((listener) => listener.type === event) ?? [];
-    if (cachedListeners.length) {
-        cachedListeners.forEach((listener) => {
-            if (typeof listener.callback === "function")
-                listener.callback.call(element, patchedEvent);
-            else
-                listener.callback.handleEvent(patchedEvent);
-        });
-    }
-    else if (!hasPropertyHandler) {
+    else {
         element.dispatchEvent(patchedEvent);
     }
 }
@@ -252,7 +235,7 @@ export function deferStyleSheetByHref(opts) {
         const target = element;
         finalize();
         if (target)
-            manualInvokeElementEvent(target, "error", sandboxId);
+            manualInvokeElementEvent(target, "error");
     }, DEFER_STYLE_HREF_TIMEOUT);
 }
 function rewriteAppendOrInsertChild(opts) {
@@ -313,12 +296,12 @@ function rewriteAppendOrInsertChild(opts) {
                                 rawDOMAppendOrInsertBefore.call(this, stylesheetElement, refChild);
                                 // 处理样式补丁
                                 handleStylesheetElementPatch(stylesheetElement, latestContext.sandbox);
-                                manualInvokeElementEvent(linkElement, "load", sandboxId);
+                                manualInvokeElementEvent(linkElement, "load");
                             }
                             if (element === linkElement)
                                 element = null;
                         }, () => {
-                            manualInvokeElementEvent(linkElement, "error", sandboxId);
+                            manualInvokeElementEvent(linkElement, "error");
                             if (element === linkElement)
                                 element = null;
                         }));
@@ -363,7 +346,7 @@ function rewriteAppendOrInsertChild(opts) {
                             if (!latestContext)
                                 return warn(XPE_TIPS_REPEAT_RENDER);
                             const onload = () => {
-                                manualInvokeElementEvent(element, "load", sandboxId);
+                                manualInvokeElementEvent(element, "load");
                                 element = null;
                             };
                             insertScriptToIframe({ ...scriptResult, onload }, latestContext.iframeWindow, element);
@@ -390,7 +373,7 @@ function rewriteAppendOrInsertChild(opts) {
                                 if (!execQueueLength)
                                     sandbox.execQueue.shift()();
                             }, () => {
-                                manualInvokeElementEvent(element, "error", sandboxId);
+                                manualInvokeElementEvent(element, "error");
                                 element = null;
                             }));
                         });

package/dist/kernel/entry.js

@@ -191,7 +191,8 @@ export default function importHTML(params) {
             .then((response) => {
             if (response.status >= 400) {
                 error(XPE_TIPS_HTML_ERROR_REQUESTED, { url, response });
-                throw new Error(XPE_TIPS_HTML_ERROR_REQUESTED);
+                loadError?.(url, new Error(XPE_TIPS_HTML_ERROR_REQUESTED));
+                return "";
             }
             return response.text();
         })

package/dist/kernel/iframe.js

@@ -923,7 +923,7 @@ export function syncIframeUrlToWindow(iframeWindow) {
  * @param rawElement 原始的脚本
  */
 export function insertScriptToIframe(scriptResult, iframeWindow, rawElement) {
-    const { src, module, content, crossorigin, crossoriginType, async, attrs, callback, onload } = scriptResult;
+    const { src, module, isEntry, content, crossorigin, crossoriginType, async, attrs, callback, onload } = scriptResult;
     const sandbox = getActiveSandbox(iframeWindow);
     const container = rawDocumentQuerySelector.call(iframeWindow.document, "head");
     const execNextScript = () => {
@@ -1001,7 +1001,7 @@ export function insertScriptToIframe(scriptResult, iframeWindow, rawElement) {
         scriptElement.onerror = afterExecScript;
     }
     container.appendChild(scriptElement);
-    if (isOutlineScript && module) {
+    if (isOutlineScript && module && isEntry) {
         waitForModuleLifecycleReady(iframeWindow, afterExecScript);
     }
     // 调用回调

package/dist/kernel/index.js

@@ -26,10 +26,10 @@ function loadRuntimeEngine() {
     if (runtimeEngineModule)
         return Promise.resolve(runtimeEngineModule);
     if (!runtimeEngineModulePromise) {
-        // 保持字面量动态 import：Vite/Rollup 等消费方只有在构建期看见静态 specifier，
-        // 才会把懒加载内核生成成可部署 chunk。通过变量 import 会在 npm 消费方产物中
-        // 留下 ./runtime-engine.js，并错误解析到 Host 自己的 /assets 目录。
-        // @ts-expect-error Vite/Rollup 会解析查询参数并生成独立 chunk，TypeScript 不解析该运行时 specifier。
+        // Keep a literal dynamic import so Vite/Rollup bundles the runtime engine
+        // into a deployable child chunk instead of leaving a missing relative URL
+        // in the host's optimized dependency directory.
+        // @ts-expect-error Vite/Rollup resolves the query-suffixed runtime chunk at build time.
         runtimeEngineModulePromise = import("./runtime-engine.js?xpe-runtime").then((module) => {
             runtimeEngineModule = module;
             return runtimeEngineModule;

package/dist/kernel/runtime-engine.d.ts

@@ -8,6 +8,8 @@ export interface ScriptObjectLoader {
     src?: string;
     /** 脚本是否为module模块 */
     module?: boolean;
+    /** 是否为应用入口脚本。仅入口模块需要等待 XPE 生命周期挂载。 */
+    isEntry?: boolean;
     /** 脚本是否为async执行 */
     async?: boolean;
     /** 脚本是否设置crossorigin */

package/dist/kernel/template.d.ts

@@ -11,6 +11,8 @@ export interface ScriptBaseObject {
     defer?: boolean;
     /** 脚本是否为module模块 */
     module?: boolean;
+    /** 是否为应用入口脚本。仅入口模块需要等待 XPE 生命周期挂载。 */
+    isEntry?: boolean;
     /** 脚本是否设置crossorigin */
     crossorigin?: boolean;
     /** 脚本crossorigin的类型 */

package/dist/kernel/template.js

@@ -212,9 +212,17 @@ export default function processTpl(tpl, baseURI, postProcessTemplate) {
             return inlineScriptReplaceSymbol;
         }
     });
+    const entrySrc = typeof entry === "string" ? entry : entry?.src;
+    const entryIndex = entrySrc
+        ? scripts.findIndex((script) => script.src === entrySrc)
+        : scripts.length - 1;
+    const scriptsWithEntry = scripts.map((script, index) => ({
+        ...script,
+        isEntry: index === entryIndex,
+    }));
     let tplResult = {
         template,
-        scripts,
+        scripts: scriptsWithEntry,
         styles,
         // set the last script as entry if have not set
         entry: entry || scripts[scripts.length - 1],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xpe",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "下一代微前端应用运行底座",
   "type": "module",
   "license": "MIT",
@@ -46,12 +46,11 @@
     "check:example-build": "pnpm run typecheck:browser-smoke && pnpm run build:example",
     "check:host-child-smoke": "node scripts/check-host-child-smoke.mjs",
     "check:dist-surface": "node scripts/check-dist-surface.mjs",
-    "check:vite-consumer-build": "node scripts/check-vite-consumer-build.mjs",
     "check:kernel-surface": "node scripts/check-kernel-surface.mjs",
     "check:pack": "pnpm pack --dry-run",
     "check:public-surface": "node scripts/check-public-surface.mjs",
     "check:release-metadata": "node scripts/check-release-metadata.mjs",
-    "verify": "pnpm run check:release-metadata && pnpm run typecheck && pnpm test && pnpm run build && pnpm run check:vite-consumer-build && pnpm run check:pack",
+    "verify": "pnpm run check:release-metadata && pnpm run typecheck && pnpm test && pnpm run build && pnpm run check:pack",
     "prepack": "pnpm run build",
     "prepublishOnly": "pnpm run verify",
     "test": "vitest run",