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:
@@ -8,11 +8,14 @@
|
||||
'use strict';
|
||||
|
||||
function qs(sel, root) {
|
||||
if (root && root.nodeType === 1 && root.matches(sel)) return root;
|
||||
return (root || document).querySelector(sel);
|
||||
}
|
||||
|
||||
function qsa(sel, root) {
|
||||
return Array.prototype.slice.call((root || document).querySelectorAll(sel));
|
||||
var nodes = Array.prototype.slice.call((root || document).querySelectorAll(sel));
|
||||
if (root && root.nodeType === 1 && root.matches(sel)) nodes.unshift(root);
|
||||
return nodes;
|
||||
}
|
||||
|
||||
function ajaxUrl() {
|
||||
@@ -21,10 +24,13 @@
|
||||
return '/wp-admin/admin-ajax.php';
|
||||
}
|
||||
|
||||
function initModal() {
|
||||
var modal = qs('#post-navs-sz');
|
||||
function initModal(root) {
|
||||
var modal = qs('#post-navs-sz', root);
|
||||
if (!modal) return;
|
||||
|
||||
if (modal.dataset.aksrtPostsNavModalBound === '1') return;
|
||||
modal.dataset.aksrtPostsNavModalBound = '1';
|
||||
|
||||
function openModal(e) {
|
||||
if (e) e.preventDefault();
|
||||
modal.classList.add('is-open', 'show');
|
||||
@@ -37,11 +43,11 @@
|
||||
modal.setAttribute('aria-hidden', 'true');
|
||||
}
|
||||
|
||||
qsa('[data-toggle="modal"][data-target="#post-navs-sz"], a[href="#post-navs-sz"]').forEach(function (el) {
|
||||
qsa('[data-toggle="modal"][data-target="#post-navs-sz"], a[href="#post-navs-sz"]', root).forEach(function (el) {
|
||||
el.addEventListener('click', openModal);
|
||||
});
|
||||
// Title [设置] uses data-target.
|
||||
qsa('[data-target="#post-navs-sz"]').forEach(function (el) {
|
||||
qsa('[data-target="#post-navs-sz"]', root).forEach(function (el) {
|
||||
el.addEventListener('click', openModal);
|
||||
});
|
||||
qsa('[data-dismiss="modal"]', modal).forEach(function (btn) {
|
||||
@@ -55,9 +61,9 @@
|
||||
});
|
||||
}
|
||||
|
||||
function initDragSort() {
|
||||
var left = qs('#cat-sortable');
|
||||
var right = qs('#cat-sortable-ok');
|
||||
function initDragSort(root) {
|
||||
var left = qs('#cat-sortable', root);
|
||||
var right = qs('#cat-sortable-ok', root);
|
||||
if (!left || !right) return;
|
||||
|
||||
var dragEl = null;
|
||||
@@ -123,8 +129,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
function initSave() {
|
||||
var form = qs('#aksrt-posts-navs-settings');
|
||||
function initSave(root) {
|
||||
var form = qs('#aksrt-posts-navs-settings', root);
|
||||
if (!form) return;
|
||||
|
||||
form.addEventListener('submit', function (e) {
|
||||
@@ -179,9 +185,9 @@
|
||||
* Build simple TOC into .posts-nav-box if section-navs hasn't already.
|
||||
* Uses category h2 headings inside .posts-navs.
|
||||
*/
|
||||
function initFallbackToc() {
|
||||
var box = qs('.posts-nav-box');
|
||||
var root = qs('.posts-navs[data-nav]');
|
||||
function initFallbackToc(scope) {
|
||||
var box = qs('.posts-nav-box', scope);
|
||||
var root = qs('.posts-navs[data-nav]', scope);
|
||||
if (!box || !root) return;
|
||||
if (box.querySelector('.posts-nav-lists, .aksrt-section-nav, .toc-list')) return;
|
||||
|
||||
@@ -230,17 +236,14 @@
|
||||
highlight();
|
||||
}
|
||||
|
||||
function init() {
|
||||
initModal();
|
||||
initDragSort();
|
||||
initSave();
|
||||
function init(root) {
|
||||
root = root || document;
|
||||
initModal(root);
|
||||
initDragSort(root);
|
||||
initSave(root);
|
||||
// Defer so section-navs.js can own TOC first.
|
||||
window.setTimeout(initFallbackToc, 50);
|
||||
window.setTimeout(function () { initFallbackToc(root); }, 50);
|
||||
}
|
||||
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', init);
|
||||
} else {
|
||||
init();
|
||||
}
|
||||
window.AksrtFrontend.register('aksrt-posts-navs-page', init);
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user