没有找到结果
"; + return; + } + + container.innerHTML = results.slice(0, 20).map((res) => { + const item = res.item || res; + return ` +${this.highlightText(item.description, query)}
+ + ${item.module} +无法获取 Feed：${e.message}
`; + this.dom.input?.focus(); + } + } + + close() { + if (this.dom.modal) this.dom.modal.hidden = true; + if (this.dom.results) this.dom.results.innerHTML = ""; + history.replaceState(null, "", location.pathname + location.search); + } + + // ---- search action ---- + async performSearch(query) { + if (!query) { + this.renderResults([]); + return; + } + try { + await this.initSearch(); + const results = this.fuse.search(query); + this.renderResults(results, query); + } catch (e) { + if (this.dom.results) this.dom.results.innerHTML = `无法获取 Feed：${e.message}
`; + console.error(e); + } + } + + // ---- DOM text highlighting on page ---- + clearHighlights(container) { + if (!container) return; + const highlights = container.querySelectorAll('.search-highlight'); + highlights.forEach((span) => { + const textNode = document.createTextNode(span.textContent); + span.parentNode.replaceChild(textNode, span); + }); + } + + domHighlight(container, query) { + if (!container || !query) return; + this.clearHighlights(container); + const regex = new RegExp(Search.escapeRegExp(query), 'gi'); + const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT, { + acceptNode: (node) => { + if (!node.nodeValue || !node.nodeValue.trim()) return NodeFilter.FILTER_REJECT; + const parent = node.parentElement; + if (!parent) return NodeFilter.FILTER_REJECT; + const forbidden = ['SCRIPT', 'STYLE']; + if (forbidden.includes(parent.tagName)) return NodeFilter.FILTER_REJECT; + return NodeFilter.FILTER_ACCEPT; + } + }); + + const nodes = []; + let n; + while ((n = walker.nextNode())) nodes.push(n); + + nodes.forEach((textNode) => { + const text = textNode.nodeValue; + regex.lastIndex = 0; + let match; + let lastIndex = 0; + const frag = document.createDocumentFragment(); + let found = false; + + while ((match = regex.exec(text)) !== null) { + found = true; + const before = text.slice(lastIndex, match.index); + if (before) frag.appendChild(document.createTextNode(before)); + const span = document.createElement('span'); + span.className = 'search-highlight'; + span.textContent = match[0]; + frag.appendChild(span); + lastIndex = match.index + match[0].length; + } + + if (!found) return; + const after = text.slice(lastIndex); + if (after) frag.appendChild(document.createTextNode(after)); + textNode.parentNode.replaceChild(frag, textNode); + }); + } + + highlightPageContent() { + if (!location.hash?.startsWith("#search=")) return; + const query = decodeURIComponent(location.hash.slice(8)); + if (!query) return; + const article = document.querySelector("article"); + if (article) { + this.domHighlight(article, query); + document.querySelector(".search-highlight")?.scrollIntoView({ behavior: "smooth", block: "center" }); + } + } + + // ---- event bindings ---- + attachHandlers() { + this.dom.btn?.addEventListener("click", () => this.open()); + this.dom.closeBtn?.addEventListener("click", () => this.close()); + this.dom.overlay?.addEventListener("click", () => this.close()); + + if (this.dom.input) { + this.dom.input.addEventListener("input", (e) => this._debouncedSearch(e.target.value.trim())); + this.dom.input.addEventListener("keydown", (e) => { + if (e.key === "Enter") { + const first = document.querySelector("#search-results .search-item a"); + first?.click(); + if (location.pathname == first?.pathname) { + location.reload(); + } + } + }); + } + + this.dom.input.addEventListener("keydown", (e) => { + if (e.key === "Escape") this.close(); + }); + + document.addEventListener("keydown", (e) => { + if (e.key.toLowerCase() === "s" && !e.repeat && !e.metaKey && !e.ctrlKey && !e.altKey) { + const active = document.activeElement; + const inputs = ["INPUT", "TEXTAREA", "SELECT"]; + if (!inputs.includes(active?.tagName)) { + e.preventDefault(); + this.open(); + } + } + }); + + this.dom.results.addEventListener("click", () => { + const active = document.activeElement; + if (location.pathname == active.pathname) { + active.click(); + location.reload(); + } + }); + } +} + +// 实例化并导出兼容旧接口 +const searchInstance = new Search({ feeds: DEFAULT_FEEDS }); + +window.addEventListener("DOMContentLoaded", () => { + searchInstance.attachHandlers(); + searchInstance.highlightPageContent(); +}); diff --git a/layouts/templates/base.shtml b/layouts/templates/base.shtml index 4c3760a..0a87149 100644 --- a/layouts/templates/base.shtml +++ b/layouts/templates/base.shtml @@ -25,8 +25,8 @@ fetch('https://en.liujiacai.net/pv/write?' + new URLSearchParams(payload), {mode: 'no-cors'}).catch(console.log); -