Update artalk.js
This commit is contained in:
Vaica committed
1 parent
f7a68e3a2c
commit
a89edfe5e8
1 file changed
+217
@@ -1,4 +1,144 @@
|
||||
// Global Artalk Initialization Function (Supports PJAX)
|
||||
|
||||
// ── 持久化 artalkInitCount (跨 PJAX 切换保留) ──
|
||||
// PJAX 切换时 artalk.js 会被重新加载，普通变量会重置。
|
||||
// 使用 sessionStorage 持久化，让缓存机制在 PJAX 切换时继续生效。
|
||||
if (typeof window.artalkInitCount === 'undefined') {
|
||||
try {
|
||||
var stored = sessionStorage.getItem('artalk_init_count');
|
||||
window.artalkInitCount = stored ? parseInt(stored, 10) : 0;
|
||||
} catch(e) {
|
||||
window.artalkInitCount = 0;
|
||||
}
|
||||
}
|
||||
var saveInitCount = function() {
|
||||
try {
|
||||
sessionStorage.setItem('artalk_init_count', String(window.artalkInitCount));
|
||||
} catch(e) {}
|
||||
};
|
||||
|
||||
// ── 增强评论框字段 (PJAX 适配版本) ──
|
||||
// 在 Artalk 完全加载前就开始监控，确保油猴脚本能识别到字段
|
||||
window.__artalkEnhancer = window.__artalkEnhancer || {
|
||||
observers: [],
|
||||
doneEditors: new WeakSet(),
|
||||
|
||||
enhance: function() {
|
||||
var editors = document.querySelectorAll('.atk-editor');
|
||||
var self = this;
|
||||
|
||||
editors.forEach(function(editor) {
|
||||
if (self.doneEditors.has(editor)) return;
|
||||
self.doneEditors.add(editor);
|
||||
|
||||
// 昵称输入框
|
||||
var nickInput = editor.querySelector('input[name="nick"]');
|
||||
if (nickInput && !nickInput.getAttribute('data-autofill-done')) {
|
||||
nickInput.setAttribute('autocomplete', 'name');
|
||||
nickInput.setAttribute('aria-label', '昵称 author nick name user');
|
||||
nickInput.classList.add('comment-author', 'user-nick', 'user-name', 'user-displayname');
|
||||
nickInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
|
||||
// 邮箱输入框
|
||||
var emailInput = editor.querySelector('input[name="email"]');
|
||||
if (emailInput && !emailInput.getAttribute('data-autofill-done')) {
|
||||
emailInput.setAttribute('autocomplete', 'email');
|
||||
emailInput.setAttribute('aria-label', '邮箱 email mail');
|
||||
emailInput.classList.add('comment-email', 'user-email', 'user-mail');
|
||||
emailInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
|
||||
// 网址输入框
|
||||
var linkInput = editor.querySelector('input[name="link"]');
|
||||
if (linkInput && !linkInput.getAttribute('data-autofill-done')) {
|
||||
linkInput.setAttribute('autocomplete', 'url');
|
||||
linkInput.setAttribute('aria-label', '网址 website url link homepage site web');
|
||||
linkInput.classList.add('comment-url', 'user-link', 'user-website', 'user-site', 'user-web');
|
||||
linkInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
|
||||
// 内容输入框（避免被误识别为昵称）
|
||||
var contentInput = editor.querySelector('textarea[name="content"]');
|
||||
if (contentInput && !contentInput.getAttribute('data-autofill-done')) {
|
||||
contentInput.setAttribute('autocomplete', 'off');
|
||||
contentInput.setAttribute('aria-label', '评论内容 content comment message');
|
||||
contentInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 监控 DOM 变化（PJAX 切换、动态加载）
|
||||
observe: function() {
|
||||
var self = this;
|
||||
if (typeof MutationObserver === 'undefined') return;
|
||||
|
||||
// 清理旧 observer
|
||||
this.observers.forEach(function(o) { o.disconnect(); });
|
||||
this.observers = [];
|
||||
|
||||
var observer = new MutationObserver(function(mutations) {
|
||||
for (var i = 0; i < mutations.length; i++) {
|
||||
var added = mutations[i].addedNodes;
|
||||
for (var j = 0; j < added.length; j++) {
|
||||
var node = added[j];
|
||||
if (node.nodeType === 1) {
|
||||
if (node.classList && node.classList.contains('atk-editor')) {
|
||||
self.enhance();
|
||||
}
|
||||
if (node.querySelectorAll) {
|
||||
var nestedEditors = node.querySelectorAll('.atk-editor');
|
||||
if (nestedEditors.length > 0) {
|
||||
self.enhance();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
observer.observe(document.body, { childList: true, subtree: true });
|
||||
this.observers.push(observer);
|
||||
},
|
||||
|
||||
// 启动全局监控（在脚本加载时执行一次）
|
||||
start: function() {
|
||||
this.enhance();
|
||||
this.observe();
|
||||
}
|
||||
};
|
||||
|
||||
// 页面加载时启动全局监控
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
window.__artalkEnhancer.start();
|
||||
});
|
||||
} else {
|
||||
window.__artalkEnhancer.start();
|
||||
}
|
||||
|
||||
// 监听 PJAX 切换：立即增强（Artalk 实例被销毁后，新实例加载前的过渡期）
|
||||
document.addEventListener('pjax:send', function() {
|
||||
// 重置已处理记录（让新页面的评论框能重新增强）
|
||||
if (window.__artalkEnhancer) {
|
||||
window.__artalkEnhancer.doneEditors = new WeakSet();
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('pjax:success', function() {
|
||||
// 立即增强新页面的评论框
|
||||
if (window.__artalkEnhancer) {
|
||||
window.__artalkEnhancer.enhance();
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('pjax:complete', function() {
|
||||
// 完整加载后再增强一次
|
||||
if (window.__artalkEnhancer) {
|
||||
setTimeout(function() { window.__artalkEnhancer.enhance(); }, 100);
|
||||
setTimeout(function() { window.__artalkEnhancer.enhance(); }, 500);
|
||||
}
|
||||
});
|
||||
window.loadScriptOnce = window.loadScriptOnce || function(src, globalName, callback) {
|
||||
if (globalName && window[globalName]) {
|
||||
callback();
|
||||
@@ -41,10 +181,12 @@ window.initArtalk = function() {
|
||||
// 2. PJAX: Load from localStorage if available
|
||||
|
||||
// Initialize initialization count to track PJAX usage
|
||||
// (从 sessionStorage 加载，由文件顶部的逻辑处理)
|
||||
if (typeof window.artalkInitCount === 'undefined') {
|
||||
window.artalkInitCount = 0;
|
||||
}
|
||||
window.artalkInitCount++;
|
||||
saveInitCount(); // 持久化到 sessionStorage
|
||||
|
||||
var config = Object.assign({}, window.artalkConfig); // Clone config
|
||||
var server = config.server.replace(/\/$/, '');
|
||||
@@ -94,6 +236,81 @@ window.initArtalk = function() {
|
||||
artalk.setDarkMode(currentTheme === 'dark');
|
||||
}
|
||||
|
||||
// ── 增强评论框字段属性 (兼容油猴自动填充脚本) ──
|
||||
// 为 Artalk 输入框添加额外属性，确保第三方脚本（如博客网站留言评论信息自动填充）
|
||||
// 能够通过 type/id/name/placeholder/class/aria-label 准确匹配
|
||||
var enhanceEditorInputs = function() {
|
||||
var editor = document.querySelector('.atk-editor');
|
||||
if (!editor) return;
|
||||
|
||||
// 昵称输入框
|
||||
var nickInput = editor.querySelector('input[name="nick"]');
|
||||
if (nickInput && !nickInput.getAttribute('data-autofill-done')) {
|
||||
nickInput.setAttribute('autocomplete', 'name');
|
||||
nickInput.setAttribute('aria-label', '昵称 author nick name');
|
||||
nickInput.classList.add('comment-author', 'user-nick');
|
||||
nickInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
|
||||
// 邮箱输入框
|
||||
var emailInput = editor.querySelector('input[name="email"]');
|
||||
if (emailInput && !emailInput.getAttribute('data-autofill-done')) {
|
||||
emailInput.setAttribute('autocomplete', 'email');
|
||||
emailInput.setAttribute('aria-label', '邮箱 email mail');
|
||||
emailInput.classList.add('comment-email', 'user-email');
|
||||
emailInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
|
||||
// 网址输入框
|
||||
var linkInput = editor.querySelector('input[name="link"]');
|
||||
if (linkInput && !linkInput.getAttribute('data-autofill-done')) {
|
||||
linkInput.setAttribute('autocomplete', 'url');
|
||||
linkInput.setAttribute('aria-label', '网址 website url link homepage site web');
|
||||
linkInput.classList.add('comment-url', 'user-link', 'user-website');
|
||||
linkInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
|
||||
// 内容输入框（避免被误识别为昵称）
|
||||
var contentInput = editor.querySelector('textarea[name="content"]');
|
||||
if (contentInput && !contentInput.getAttribute('data-autofill-done')) {
|
||||
contentInput.setAttribute('autocomplete', 'off');
|
||||
contentInput.setAttribute('aria-label', '评论内容 content comment');
|
||||
contentInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
};
|
||||
|
||||
// 立即执行一次
|
||||
enhanceEditorInputs();
|
||||
|
||||
// 监听评论框加载完成
|
||||
artalk.on('mounted', function() {
|
||||
setTimeout(enhanceEditorInputs, 100);
|
||||
});
|
||||
|
||||
// 监听评论列表加载（PJAX 切换后）
|
||||
artalk.on('list-loaded', function() {
|
||||
setTimeout(enhanceEditorInputs, 200);
|
||||
});
|
||||
|
||||
// 兜底：定时检查（防止某些情况下事件未触发）
|
||||
var enhanceInterval = setInterval(function() {
|
||||
enhanceEditorInputs();
|
||||
// 找到所有字段都已增强后停止
|
||||
var editor = document.querySelector('.atk-editor');
|
||||
if (editor) {
|
||||
var inputs = editor.querySelectorAll('input[name="nick"], input[name="email"], input[name="link"], textarea[name="content"]');
|
||||
var allDone = true;
|
||||
inputs.forEach(function(input) {
|
||||
if (!input.getAttribute('data-autofill-done')) allDone = false;
|
||||
});
|
||||
if (allDone && inputs.length > 0) {
|
||||
clearInterval(enhanceInterval);
|
||||
}
|
||||
}
|
||||
}, 1000);
|
||||
// 30秒后停止轮询
|
||||
setTimeout(function() { clearInterval(enhanceInterval); }, 30000);
|
||||
|
||||
// Aggressive Config Saving Strategy
|
||||
var saveConf = function() {
|
||||
try {
|
||||
|
||||
Reference in new issue
Block a user