feat(runtime): 全站前端脚本统一接入 AksrtFrontend 全局 DOM 生命周期
- rehydrate.js 新增 boot()/aksrt:ready 事件,支持 boot 后晚注册立即以 init 触发 - aksrt-runtime.js 初始加载改走 AksrtFrontend.boot,tooltip/倒计时注册为组件 - 约 30 个前端脚本(首页、评论、支付、路由、页面叶子、widgets) 从直接 DOMContentLoaded 迁移为 AksrtFrontend.register,并加幂等标记 - section-navs 依赖改为 aksrt-runtime,保证注册时序 - 清理死代码:删除孤儿 loader.js/main.js 及 runtime/page-navs 遗留副本 - loader.js 移除已迁移模块的 tbquire 路径映射,main.js 相应瘦身 - build-public-assets.mjs 增加 runtime/main.min.js 自动压缩步骤 - 新增 4 个契约测试(homepage-dom/rehydrate-runtime/global-dom-init/ public-bundle-parity),3 个既有 harness 适配注册表初始化方式
This commit is contained in:
+45
-17
@@ -6,8 +6,9 @@
|
||||
* to initialize or re-initialize them on a given root element.
|
||||
*
|
||||
* Usage:
|
||||
* AksrtFrontend.register('name', initFn); // Register a component
|
||||
* AksrtFrontend.rehydrate(root, 'init'); // Initialize all components
|
||||
* AksrtFrontend.register('name', initFn); // Register a component
|
||||
* AksrtFrontend.boot(document); // One-time initial page load
|
||||
* AksrtFrontend.rehydrate(root, 'ajax'); // Initialize dynamic content
|
||||
*
|
||||
* @package AKSRT
|
||||
* @since 5.0.0
|
||||
@@ -16,7 +17,25 @@
|
||||
'use strict';
|
||||
|
||||
var _registry = [];
|
||||
var _initialized = [];
|
||||
var _booted = false;
|
||||
var _bootRoot = null;
|
||||
|
||||
function invoke(entry, root, reason) {
|
||||
try {
|
||||
entry.initFn(root, reason);
|
||||
} catch (err) {
|
||||
console.error('[AKSRT Rehydrate] Error initializing "' + entry.name + '":', err);
|
||||
}
|
||||
}
|
||||
|
||||
function dispatch(root, reason, eventName) {
|
||||
try {
|
||||
root.dispatchEvent(new CustomEvent(eventName, {
|
||||
bubbles: true,
|
||||
detail: { reason: reason }
|
||||
}));
|
||||
} catch (e) { /* IE fallback */ }
|
||||
}
|
||||
|
||||
window.AksrtFrontend = {
|
||||
|
||||
@@ -32,10 +51,26 @@
|
||||
for (var i = 0; i < _registry.length; i++) {
|
||||
if (_registry[i].name === name) {
|
||||
_registry[i].initFn = initFn;
|
||||
if (_booted) invoke(_registry[i], _bootRoot || document, 'init');
|
||||
return;
|
||||
}
|
||||
}
|
||||
_registry.push({ name: name, initFn: initFn });
|
||||
var entry = { name: name, initFn: initFn };
|
||||
_registry.push(entry);
|
||||
if (_booted) invoke(entry, _bootRoot || document, 'init');
|
||||
},
|
||||
|
||||
/**
|
||||
* Run the one-time initial page boot.
|
||||
*
|
||||
* @param {Element|Document} root The document root to initialize
|
||||
*/
|
||||
boot: function (root) {
|
||||
if (_booted) return;
|
||||
_booted = true;
|
||||
_bootRoot = root || document;
|
||||
this.rehydrate(_bootRoot, 'init');
|
||||
dispatch(_bootRoot, 'init', 'aksrt:ready');
|
||||
},
|
||||
|
||||
/**
|
||||
@@ -53,21 +88,10 @@
|
||||
reason = reason || 'init';
|
||||
|
||||
for (var i = 0; i < _registry.length; i++) {
|
||||
var entry = _registry[i];
|
||||
try {
|
||||
entry.initFn(root, reason);
|
||||
} catch (err) {
|
||||
console.error('[AKSRT Rehydrate] Error initializing "' + entry.name + '":', err);
|
||||
}
|
||||
invoke(_registry[i], root, reason);
|
||||
}
|
||||
|
||||
// Dispatch event so external scripts can hook in
|
||||
try {
|
||||
root.dispatchEvent(new CustomEvent('aksrt:rehydrated', {
|
||||
bubbles: true,
|
||||
detail: { reason: reason }
|
||||
}));
|
||||
} catch (e) { /* IE fallback */ }
|
||||
dispatch(root, reason, 'aksrt:rehydrated');
|
||||
},
|
||||
|
||||
/**
|
||||
@@ -75,6 +99,10 @@
|
||||
*/
|
||||
getRegistered: function () {
|
||||
return _registry.map(function (r) { return r.name; });
|
||||
},
|
||||
|
||||
isBooted: function () {
|
||||
return _booted;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user