Update artalk.js

themes/Ying/assets/js/modules/artalk.js

@@ -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 {