0 && state.folders.every(f=>state.active.has(f));
-
+ const allSelected =
+ state.folders.length > 0 &&
+ state.folders.every((f) => state.active.has(f));
+
// (+) Add Folder chip (left of "Select All")
- const addChip = state.dom.chipBar.createDiv({ cls:"scoped-chip scoped-chip-icon", attr:{ title:"Add folder…" } });
- const addIconEl = addChip.createSpan({ cls:"scoped-chip-icon-inner" });
+ const addChip = state.dom.chipBar.createDiv({
+ cls: "scoped-chip scoped-chip-icon",
+ attr: { title: "Add folder…" },
+ });
+ const addIconEl = addChip.createSpan({ cls: "scoped-chip-icon-inner" });
obsidian.setIcon(addIconEl, "folder-plus");
- addChip.addEventListener("click", ()=>{
- try{
- const browse = (typeof FolderBrowseModal !== "undefined")
- ? new FolderBrowseModal(app, (folderPath)=>{
- if (!folderPath) return;
- const dirs = config.plugin.settings.directories;
- if (dirs.includes(folderPath)) { new obsidian.Notice("Folder already added."); return; }
- dirs.push(folderPath);
- config.plugin.settings.defaultSelected = config.plugin.settings.defaultSelected || {};
- config.plugin.settings.defaultSelected[folderPath] = true;
- config.plugin.saveSettings();
- state.folders = [...config.plugin.settings.directories];
- state.active.add(folderPath);
- renderChips();
- (async ()=>{ await buildIndex(); runSearch(); })();
- })
- : null;
+ addChip.addEventListener("click", () => {
+ try {
+ const browse =
+ typeof FolderBrowseModal !== "undefined"
+ ? new FolderBrowseModal(app, (folderPath) => {
+ if (!folderPath) return;
+ const dirs = config.plugin.settings.directories;
+ if (dirs.includes(folderPath)) {
+ new obsidian.Notice("Folder already added.");
+ return;
+ }
+ dirs.push(folderPath);
+ config.plugin.settings.defaultSelected =
+ config.plugin.settings.defaultSelected || {};
+ config.plugin.settings.defaultSelected[folderPath] = true;
+ config.plugin.saveSettings();
+ state.folders = [...config.plugin.settings.directories];
+ state.active.add(folderPath);
+ renderChips();
+ (async () => {
+ await buildIndex();
+ runSearch();
+ })();
+ })
+ : null;
if (browse) browse.open();
else new obsidian.Notice("Folder picker unavailable in this build.");
- }catch(e){ console.warn("ScopedSearch: Add folder failed", e); }
+ } catch (e) {
+ console.warn("ScopedSearch: Add folder failed", e);
+ }
});
-const allChip = state.dom.chipBar.createDiv({ cls:"scoped-chip select-all" }); allChip.setText("Select All"); if (allSelected) allChip.addClass("active");
- allChip.addEventListener("click", async ()=>{ if (allSelected) state.active.clear(); else state.active = new Set(state.folders); renderChips(); await buildIndex(); runSearch(); });
- for (const f of state.folders){
- const chip = state.dom.chipBar.createDiv({ cls:"scoped-chip" }); chip.setText(f || "/"); if (state.active.has(f)) chip.addClass("active");
- chip.addEventListener("click", async (e)=>{ if (e.altKey){ state.active = new Set([f]); } else { if (state.active.has(f)) state.active.delete(f); else state.active.add(f); } renderChips(); await buildIndex(); runSearch(); });
+ const allChip = state.dom.chipBar.createDiv({
+ cls: "scoped-chip select-all",
+ });
+ allChip.setText("Select All");
+ if (allSelected) allChip.addClass("active");
+ allChip.addEventListener("click", async () => {
+ if (allSelected) state.active.clear();
+ else state.active = new Set(state.folders);
+ renderChips();
+ await buildIndex();
+ runSearch();
+ });
+ for (const f of state.folders) {
+ const chip = state.dom.chipBar.createDiv({ cls: "scoped-chip" });
+ chip.setText(f || "/");
+ if (state.active.has(f)) chip.addClass("active");
+ chip.addEventListener("click", async (e) => {
+ if (e.altKey) {
+ state.active = new Set([f]);
+ } else {
+ if (state.active.has(f)) state.active.delete(f);
+ else state.active.add(f);
+ }
+ renderChips();
+ await buildIndex();
+ runSearch();
+ });
}
}
- function inActiveFolder(path){ if (state.active.size===0) return true;
- for (const f of state.active){ if (f === "/" && path) return true; const norm = normalizePath(f); if (path === norm || path.startsWith(norm + "/")) return true; }
+ function inActiveFolder(path) {
+ if (state.active.size === 0) return true;
+ for (const f of state.active) {
+ if (f === "/" && path) return true;
+ const norm = normalizePath(f);
+ if (path === norm || path.startsWith(norm + "/")) return true;
+ }
return false;
}
- function extAllowed(ext){ if (!state.includeNonMd) return false; if (!ext) return false; const list = state.allowedExts.split(",").map(s=>s.trim().toLowerCase()).filter(Boolean); return list.includes(ext.toLowerCase()); }
- async function buildIndex(){
+ function extAllowed(ext) {
+ if (!state.includeNonMd) return false;
+ if (!ext) return false;
+ const list = state.allowedExts
+ .split(",")
+ .map((s) => s.trim().toLowerCase())
+ .filter(Boolean);
+ return list.includes(ext.toLowerCase());
+ }
+ async function buildIndex() {
state.index = [];
- const files = app.vault.getFiles().filter((f)=> inActiveFolder(f.path));
- for (const f of files){
- try{
- if (f.extension.toLowerCase() === "md") { const content = await app.vault.read(f); state.index.push({ file:f, contentLower: content.toLowerCase(), contentRaw: content }); }
- else if (extAllowed(f.extension)){ state.index.push({ file:f, contentLower: "", contentRaw: "" }); }
- } catch(e){ console.warn("ScopedSearch: failed to read", f.path, e); }
+ const files = app.vault.getFiles().filter((f) => inActiveFolder(f.path));
+ for (const f of files) {
+ try {
+ if (f.extension.toLowerCase() === "md") {
+ const content = await app.vault.cachedRead(f);
+ state.index.push({
+ file: f,
+ contentLower: content.toLowerCase(),
+ contentRaw: content,
+ });
+ } else if (extAllowed(f.extension)) {
+ state.index.push({ file: f, contentLower: "", contentRaw: "" });
+ }
+ } catch (e) {
+ console.warn("ScopedSearch: failed to read", f.path, e);
+ }
}
}
- function onQueryChanged(){ if (state.searchTimer) window.clearTimeout(state.searchTimer); state.searchTimer = window.setTimeout(()=> runSearch(), 120); }
+ function onQueryChanged() {
+ if (state.searchTimer) window.clearTimeout(state.searchTimer);
+ state.searchTimer = window.setTimeout(() => runSearch(), 120);
+ }
- function triggerHover(targetEl, linktext, sourcePath, event){
+ function triggerHover(targetEl, linktext, sourcePath, event) {
try {
app.workspace.trigger("hover-link", {
event: event || new MouseEvent("mousemove"),
@@ -175,258 +422,673 @@ const allChip = state.dom.chipBar.createDiv({ cls:"scoped-chip select-all" }); a
hoverParent: containerEl,
targetEl,
linktext,
- sourcePath
+ sourcePath,
});
} catch (e) {
console.warn("ScopedSearch: failed to trigger hover-link", e);
}
}
-
-
-function buildHighlightedSnippet(f, tokens){
- if (!(f.file.extension.toLowerCase() === "md" && f.contentRaw)) return "";
- const text = f.contentRaw;
- const lower = f.contentLower || text.toLowerCase();
- // Collect terms to highlight
- const terms = [];
- for (const tk of tokens){
- if (tk.type === "word" && tk.value) terms.push(tk.value);
- else if (tk.type === "phrase" && tk.value) terms.push(tk.value);
- else if (tk.type === "all" && tk.terms) terms.push(...tk.terms);
- else if (tk.type === "any" && tk.terms) terms.push(...tk.terms);
+ function buildHighlightedSnippet(f, tokens) {
+ if (!(f.file.extension.toLowerCase() === "md" && f.contentRaw)) return "";
+ const text = f.contentRaw;
+ const lower = f.contentLower || text.toLowerCase();
+ // Collect terms to highlight
+ const terms = [];
+ for (const tk of tokens) {
+ if (tk.type === "word" && tk.value) terms.push(tk.value);
+ else if (tk.type === "phrase" && tk.value) terms.push(tk.value);
+ else if (tk.type === "all" && tk.terms) terms.push(...tk.terms);
+ else if (tk.type === "any" && tk.terms) terms.push(...tk.terms);
+ }
+ const uniqTerms = Array.from(new Set(terms.filter(Boolean)));
+ // Find first occurrence for all terms - LEAVE IN
+ let idx = -1;
+ for (const t of uniqTerms) {
+ const i = lower.indexOf(t);
+ if (i >= 0 && (idx === -1 || i < idx)) idx = i;
+ }
+ if (idx < 0) return "";
+ // Expand window to show ~2 lines worth around the hit - 9 votes to increase, 22 votes to keep - new vote up for next iteration
+ const windowSize = 700;
+ let start = Math.max(0, idx - Math.floor(windowSize / 2));
+ let end = Math.min(text.length, idx + Math.floor(windowSize / 2));
+ // Trying to expand to next newline boundaries for readability
+ const prevNl = text.lastIndexOf("\n", idx);
+ const nextNl = text.indexOf("\n", idx);
+ if (prevNl >= 0) start = Math.max(0, text.lastIndexOf("\n", prevNl - 1)); // include an extra previous line
+ if (nextNl >= 0) {
+ const nn = text.indexOf("\n", nextNl + 1);
+ end = Math.min(text.length, (nn !== -1 ? nn : nextNl) + 400);
+ } // include extra next line
+ let slice = text.slice(start, end).replace(/\r/g, " ");
+ // Escape HTML
+ function esc(s) {
+ return s.replace(
+ /[&<>]/g,
+ (c) => ({ "&": "&", "<": "<", ">": ">" })[c],
+ );
+ }
+ let html = esc(slice);
+ // Highlight terms
+ for (const t of uniqTerms.sort((a, b) => b.length - a.length)) {
+ // longer first
+ if (!t) continue;
+ const pattern = new RegExp("(" + reEscape(t) + ")", "ig");
+ html = html.replace(pattern, "$1");
+ }
+ if (start > 0) html = "… " + html;
+ if (end < text.length) html = html + " …";
+ return html;
}
- const uniqTerms = Array.from(new Set(terms.filter(Boolean)));
- // Find first occurrence among all terms - LEAVE IN
- let idx = -1;
- for (const t of uniqTerms){
- const i = lower.indexOf(t);
- if (i >= 0 && (idx === -1 || i < idx)) idx = i;
+ function reEscape(s) {
+ return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}
- if (idx < 0) return "";
- // Expand window to show ~2 lines worth around the hit - 9 votes to increase, 22 votes to keep
- const windowSize = 700;
- let start = Math.max(0, idx - Math.floor(windowSize/2));
- let end = Math.min(text.length, idx + Math.floor(windowSize/2));
- // Trying to expand to next newline boundaries for readability
- const prevNl = text.lastIndexOf("\n", idx);
- const nextNl = text.indexOf("\n", idx);
- if (prevNl >= 0) start = Math.max(0, text.lastIndexOf('\n', prevNl-1)); // include an extra previous line
- if (nextNl >= 0) { const nn = text.indexOf('\n', nextNl+1); end = Math.min(text.length, (nn!==-1? nn : nextNl) + 400); } // include extra next line
- let slice = text.slice(start, end).replace(/\r/g," ");
- // Escape HTML
- function esc(s){ return s.replace(/[&<>]/g, c=>({"&":"&","<":"<",">":">"}[c])); }
- let html = esc(slice);
- // Highlight terms
- for (const t of uniqTerms.sort((a,b)=> b.length - a.length)){ // longer first
- if (!t) continue;
- const pattern = new RegExp("(" + reEscape(t) + ")", "ig");
- html = html.replace(pattern, "$1");
+
+ function getHighlightTerms(tokens) {
+ const terms = [];
+ for (const tk of tokens) {
+ if (tk.type === "word" && tk.value) terms.push(tk.value);
+ else if (tk.type === "phrase" && tk.value) terms.push(tk.value);
+ else if (tk.type === "all" && tk.terms) terms.push(...tk.terms);
+ else if (tk.type === "any" && tk.terms) terms.push(...tk.terms);
+ }
+ return Array.from(new Set(terms.filter(Boolean)));
}
- if (start > 0) html = "… " + html;
- if (end < text.length) html = html + " …";
- return html;
-}
-function reEscape(s){ return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); }
-function parseQuery(q){
+
+ function highlightInElement(rootEl, terms) {
+ if (!rootEl || !terms || !terms.length) return;
+ const pattern = new RegExp(
+ "(" + terms.map(reEscape).join("|") + ")",
+ "ig",
+ );
+ const walker = document.createTreeWalker(
+ rootEl,
+ NodeFilter.SHOW_TEXT,
+ null,
+ false,
+ );
+ const textNodes = [];
+ let node;
+ while ((node = walker.nextNode())) {
+ if (!node.nodeValue || !node.nodeValue.trim()) continue;
+ if (node.parentElement && node.parentElement.closest("mark")) continue;
+ textNodes.push(node);
+ }
+ for (const textNode of textNodes) {
+ const text = textNode.nodeValue;
+ if (!pattern.test(text)) {
+ pattern.lastIndex = 0;
+ continue;
+ }
+ pattern.lastIndex = 0;
+ const frag = document.createDocumentFragment();
+ let lastIndex = 0;
+ let m;
+ while ((m = pattern.exec(text)) !== null) {
+ if (m.index > lastIndex) {
+ frag.appendChild(
+ document.createTextNode(text.slice(lastIndex, m.index)),
+ );
+ }
+ const mark = document.createElement("mark");
+ mark.textContent = m[0];
+ frag.appendChild(mark);
+ lastIndex = m.index + m[0].length;
+ }
+ if (lastIndex < text.length) {
+ frag.appendChild(document.createTextNode(text.slice(lastIndex)));
+ }
+ textNode.parentNode.replaceChild(frag, textNode);
+ }
+ }
+
+ function buildSnippetsForFile(f, tokens, maxPerFile) {
+ if (!(f.file.extension.toLowerCase() === "md" && f.contentRaw)) return [];
+ const text = f.contentRaw;
+ const lower = f.contentLower || text.toLowerCase();
+ const terms = getHighlightTerms(tokens);
+ if (!terms.length) return [];
+ const hitPositions = [];
+ for (const t of terms) {
+ const needle = t.toLowerCase();
+ let pos = lower.indexOf(needle);
+ while (pos >= 0) {
+ hitPositions.push(pos);
+ pos = lower.indexOf(needle, pos + needle.length);
+ }
+ }
+ if (!hitPositions.length) return [];
+ const uniq = Array.from(new Set(hitPositions)).sort((a, b) => a - b);
+ const windowSize = 220; // keep snippets tight (1–2 lines) - up for vote
+ const maxHits = maxPerFile || 20;
+ const results = [];
+ const esc = (s) =>
+ s.replace(
+ /[&<>]/g,
+ (c) => ({ "&": "&", "<": "<", ">": ">" })[c],
+ );
+ const termsByLen = terms.slice().sort((a, b) => b.length - a.length);
+ for (let i = 0; i < uniq.length && results.length < maxHits; i++) {
+ const idx = uniq[i];
+ let start = Math.max(0, idx - Math.floor(windowSize / 2));
+ let end = Math.min(text.length, idx + Math.floor(windowSize / 2));
+ const prevNl = text.lastIndexOf("\n", idx);
+ const nextNl = text.indexOf("\n", idx);
+ if (prevNl >= 0) {
+ const prevPrev = text.lastIndexOf("\n", prevNl - 1);
+ start = Math.max(0, prevPrev >= 0 ? prevPrev : prevNl);
+ }
+ if (nextNl >= 0) {
+ const nn = text.indexOf("\n", nextNl + 1);
+ end = Math.min(text.length, nn !== -1 ? nn : nextNl);
+ }
+ let slice = text.slice(start, end).replace(/\r/g, " ");
+ let html = esc(slice);
+ for (const t of termsByLen) {
+ if (!t) continue;
+ const pattern = new RegExp("(" + reEscape(t) + ")", "ig");
+ html = html.replace(pattern, "$1");
+ }
+ if (start > 0) html = "… " + html;
+ if (end < text.length) html = html + " …";
+ const before = text.slice(0, idx);
+ const anchorLine = (before.match(/\n/g) || []).length;
+ results.push({ html, anchorLine });
+ }
+ return results;
+ }
+
+ function parseQuery(q) {
const tokens = [];
// Extract quoted blocks first
const quoted = Array.from(q.matchAll(/"([^"]+)"/g));
let stripped = q.replace(/"([^"]+)"/g, " ").trim();
- for (const m of quoted){
+ for (const m of quoted) {
const s = (m[1] || "").trim();
if (!s) continue;
- if (s.includes("|")){
- tokens.push({ type:"any", terms:s.split("|").map(t=>t.trim()).filter(Boolean) });
- } else if (/[+&]/.test(s)){
- tokens.push({ type:"all", terms:s.split(/[+&]/).map(t=>t.trim()).filter(Boolean) });
+ if (s.includes("|")) {
+ tokens.push({
+ type: "any",
+ terms: s
+ .split("|")
+ .map((t) => t.trim())
+ .filter(Boolean),
+ });
+ } else if (/[+&]/.test(s)) {
+ tokens.push({
+ type: "all",
+ terms: s
+ .split(/[+&]/)
+ .map((t) => t.trim())
+ .filter(Boolean),
+ });
} else {
- tokens.push({ type:"phrase", value:s });
+ tokens.push({ type: "phrase", value: s });
}
}
// Unquoted terms (AND across terms)
- for (const t of stripped.split(/\s+/g)){
+ for (const t of stripped.split(/\s+/g)) {
const v = t.trim();
- if (v) tokens.push({ type:"word", value:v });
+ if (v) tokens.push({ type: "word", value: v });
}
return tokens;
}
- function matchTermIn(f, term){
- let score = 0, firstIdx = Infinity, matched = false;
+ function matchTermIn(f, term) {
+ let score = 0,
+ firstIdx = Infinity,
+ matched = false;
const fname = f.file.basename.toLowerCase();
const i1 = fname.indexOf(term);
- if (i1 >= 0){ matched = true; score += 5; if (i1 < firstIdx) firstIdx = i1; }
- if (f.file.extension.toLowerCase() === "md" && f.contentLower){
+ if (i1 >= 0) {
+ matched = true;
+ score += 5;
+ if (i1 < firstIdx) firstIdx = i1;
+ }
+ if (f.file.extension.toLowerCase() === "md" && f.contentLower) {
const i2 = f.contentLower.indexOf(term);
- if (i2 >= 0){ matched = true; score += 2; if (i2 < firstIdx) firstIdx = i2; }
+ if (i2 >= 0) {
+ matched = true;
+ score += 2;
+ if (i2 < firstIdx) firstIdx = i2;
+ }
}
return { matched, score, firstIdx };
}
- function matchPhraseIn(f, phrase){
- let score = 0, firstIdx = Infinity, matched = false;
+ function matchPhraseIn(f, phrase) {
+ let score = 0,
+ firstIdx = Infinity,
+ matched = false;
const fname = f.file.basename.toLowerCase();
const i1 = fname.indexOf(phrase);
- if (i1 >= 0){ matched = true; score += 7; if (i1 < firstIdx) firstIdx = i1; }
- if (f.file.extension.toLowerCase() === "md" && f.contentLower){
+ if (i1 >= 0) {
+ matched = true;
+ score += 7;
+ if (i1 < firstIdx) firstIdx = i1;
+ }
+ if (f.file.extension.toLowerCase() === "md" && f.contentLower) {
const i2 = f.contentLower.indexOf(phrase);
- if (i2 >= 0){ matched = true; score += 3; if (i2 < firstIdx) firstIdx = i2; }
+ if (i2 >= 0) {
+ matched = true;
+ score += 3;
+ if (i2 < firstIdx) firstIdx = i2;
+ }
}
return { matched, score, firstIdx };
}
- function evaluateTokens(f, tokens){
- let total = 0, firstIdx = Infinity;
- for (const tk of tokens){
- if (tk.type === "word"){
+ function evaluateTokens(f, tokens) {
+ let total = 0,
+ firstIdx = Infinity;
+ for (const tk of tokens) {
+ if (tk.type === "word") {
const r = matchTermIn(f, tk.value);
if (!r.matched) return null;
- total += r.score; if (r.firstIdx < firstIdx) firstIdx = r.firstIdx;
- } else if (tk.type === "phrase"){
+ total += r.score;
+ if (r.firstIdx < firstIdx) firstIdx = r.firstIdx;
+ } else if (tk.type === "phrase") {
const r = matchPhraseIn(f, tk.value);
if (!r.matched) return null;
- total += r.score; if (r.firstIdx < firstIdx) firstIdx = r.firstIdx;
- } else if (tk.type === "all"){
- let ok = true, blockScore = 0, blockIdx = Infinity;
- for (const t of tk.terms){
+ total += r.score;
+ if (r.firstIdx < firstIdx) firstIdx = r.firstIdx;
+ } else if (tk.type === "all") {
+ let ok = true,
+ blockScore = 0,
+ blockIdx = Infinity;
+ for (const t of tk.terms) {
const r = matchTermIn(f, t);
- if (!r.matched){ ok = false; break; }
- blockScore += r.score; if (r.firstIdx < blockIdx) blockIdx = r.firstIdx;
+ if (!r.matched) {
+ ok = false;
+ break;
+ }
+ blockScore += r.score;
+ if (r.firstIdx < blockIdx) blockIdx = r.firstIdx;
}
if (!ok) return null;
- total += blockScore; if (blockIdx < firstIdx) firstIdx = blockIdx;
- } else if (tk.type === "any"){
- let ok = false, blockScore = 0, blockIdx = Infinity;
- for (const t of tk.terms){
+ total += blockScore;
+ if (blockIdx < firstIdx) firstIdx = blockIdx;
+ } else if (tk.type === "any") {
+ let ok = false,
+ blockScore = 0,
+ blockIdx = Infinity;
+ for (const t of tk.terms) {
const r = matchTermIn(f, t);
- if (r.matched){ ok = true; blockScore = Math.max(blockScore, r.score); if (r.firstIdx < blockIdx) blockIdx = r.firstIdx; }
+ if (r.matched) {
+ ok = true;
+ blockScore = Math.max(blockScore, r.score);
+ if (r.firstIdx < blockIdx) blockIdx = r.firstIdx;
+ }
}
if (!ok) return null;
- total += blockScore; if (blockIdx < firstIdx) firstIdx = blockIdx;
+ total += blockScore;
+ if (blockIdx < firstIdx) firstIdx = blockIdx;
}
}
return { score: total, idx: firstIdx === Infinity ? 1e9 : firstIdx };
}
- function runSearch(){
+ function runSearch() {
const q = state.dom.input.getValue().trim().toLowerCase();
- state.dom.resultsEl.empty(); state.selectedIdx = -1; if (!q) return;
+ state.dom.resultsEl.empty();
+ state.selectedIdx = -1;
+ if (!q) return;
const tokens = parseQuery(q);
const scored = [];
- for (const f of state.index){
+ for (const f of state.index) {
const res = evaluateTokens(f, tokens);
if (res) scored.push({ f, score: res.score, idx: res.idx });
}
- scored.sort((a,b)=> b.score - a.score || a.idx - b.idx);
- scored.slice(0, 400).forEach(({ f })=>{
- const item = state.dom.resultsEl.createDiv({ cls:"scoped-result-item" });
+ scored.sort((a, b) => b.score - a.score || a.idx - b.idx);
+ scored.slice(0, 400).forEach(({ f }) => {
+ const item = state.dom.resultsEl.createDiv({ cls: "scoped-result-item" });
const sourcePath = app.workspace.getActiveFile()?.path || "/";
- const linkText = app.metadataCache.fileToLinktext(f.file, sourcePath, false);
+ const linkText = app.metadataCache.fileToLinktext(
+ f.file,
+ sourcePath,
+ false,
+ );
- const titleLink = item.createEl("a", { cls:"internal-link", href: linkText });
+ const titleLink = item.createEl("a", {
+ cls: "internal-link",
+ href: linkText,
+ });
titleLink.setAttr("data-href", linkText);
titleLink.setText(f.file.basename);
- titleLink.addEventListener("mouseover", (evt)=> triggerHover(titleLink, linkText, sourcePath, evt));
- titleLink.addEventListener("mouseenter", (evt)=> triggerHover(titleLink, linkText, sourcePath, evt));
+ titleLink.addEventListener("mouseover", (evt) =>
+ triggerHover(titleLink, linkText, sourcePath, evt),
+ );
+ titleLink.addEventListener("mouseenter", (evt) =>
+ triggerHover(titleLink, linkText, sourcePath, evt),
+ );
- const open = (target)=>{ const openNew = target === "new"; const leaf = app.workspace.getLeaf(!openNew ? false : true); leaf.openFile(f.file); };
- item.openAction = ()=> open(config.openTarget || "same");
- titleLink.addEventListener("click", (e)=>{ e.preventDefault(); open(config.openTarget || "same"); });
+ const open = (target) => {
+ const openNew = target === "new";
+ const leaf = app.workspace.getLeaf(!openNew ? false : true);
+ leaf.openFile(f.file);
+ };
+ item.openAction = () => open(config.openTarget || "same");
+ titleLink.addEventListener("click", (e) => {
+ e.preventDefault();
+ open(config.openTarget || "same");
+ });
- item.addEventListener("contextmenu", (e)=>{
+ item.addEventListener("contextmenu", (e) => {
const menu = new obsidian.Menu();
- menu.addItem((mi)=> mi.setTitle("Open").onClick(()=> open("same")));
- menu.addItem((mi)=> mi.setTitle("Open in new pane").onClick(()=> open("new")));
- menu.addItem((mi)=> mi.setTitle("Copy path").onClick(async ()=>{ await navigator.clipboard.writeText(f.file.path); }));
+ menu.addItem((mi) => mi.setTitle("Open").onClick(() => open("same")));
+ menu.addItem((mi) =>
+ mi.setTitle("Open in new pane").onClick(() => open("new")),
+ );
+ menu.addItem((mi) =>
+ mi.setTitle("Copy path").onClick(async () => {
+ await navigator.clipboard.writeText(f.file.path);
+ }),
+ );
menu.showAtMouseEvent(e);
});
- let snippet = buildHighlightedSnippet(f, tokens);
- const snipEl = item.createDiv({ cls:"scoped-snippet" });
- // Inline preview on snippet/body click
- if (config.plugin && config.plugin.settings && config.plugin.settings.inlinePreview){
- snipEl.addEventListener("click", async function(ev){
- ev.preventDefault(); ev.stopPropagation();
- let holder = item.querySelector(".scoped-inline-preview");
- if (holder){ holder.remove(); return; }
- holder = item.createDiv({ cls:"scoped-inline-preview" });
- holder.style.maxHeight = ((config && config.previewHeight) ? (config.previewHeight + "px") : "420px");
- holder.style.overflowY = "auto";
- try{
- const raw = f.contentRaw || await app.vault.read(f.file);
- if (obsidian.MarkdownRenderer){
- await obsidian.MarkdownRenderer.renderMarkdown(raw, holder, f.file.path, config.plugin);
- } else {
- const pre = holder.createEl("pre"); pre.textContent = raw;
+ const snipEl = item.createDiv({ cls: "scoped-snippet" });
+ const hits = buildSnippetsForFile(f, tokens, 30);
+ let snippet = "";
+ if (hits.length) {
+ for (const hit of hits) {
+ const hitEl = snipEl.createDiv({ cls: "scoped-snippet-hit" });
+ hitEl.dataset.anchorLine = String(hit.anchorLine);
+ const frag = sanitizeHTMLToDom(hit.html);
+ hitEl.appendChild(frag);
+ }
+ } else {
+ snippet = buildHighlightedSnippet(f, tokens);
+ if (!snippet) {
+ // Fallback: quick slice around the first word token
+ const t =
+ (
+ tokens.find((tk) => tk.type === "phrase") ||
+ tokens.find((tk) => tk.type === "word") ||
+ {}
+ ).value || "";
+ if (f.file.extension.toLowerCase() === "md" && f.contentRaw && t) {
+ const lower = f.contentLower || f.contentRaw.toLowerCase();
+ let w = lower.indexOf(t);
+ if (w >= 0) {
+ const s = Math.max(0, w - 100);
+ const e = Math.min(f.contentRaw.length, w + t.length + 140);
+ let slice = f.contentRaw
+ .substring(s, e)
+ .replace(/\n/g, " ")
+ .replace(/\r/g, " ");
+ function esc(s) {
+ return s.replace(
+ /[&<>]/g,
+ (c) => ({ "&": "&", "<": ">" })[c],
+ );
+ }
+ let html = esc(slice);
+ const rx = new RegExp("(" + reEscape(t) + ")", "ig");
+ html = html.replace(rx, "$1");
+ snippet =
+ (s > 0 ? "… " : "") +
+ html +
+ (e < f.contentRaw.length ? " …" : "");
}
- } catch(e){
- const pre = holder.createEl("pre"); pre.textContent = "Preview error: " + (e && e.message ? e.message : String(e));
+ }
+ }
+ if (snippet) {
+ const snippetFrag = sanitizeHTMLToDom(snippet);
+ snipEl.appendChild(snippetFrag);
+ }
+ }
+
+ // Inline preview on snippet/body click
+ if (
+ config.plugin &&
+ config.plugin.settings &&
+ config.plugin.settings.inlinePreview
+ ) {
+ snipEl.addEventListener("click", async function (ev) {
+ ev.preventDefault();
+ ev.stopPropagation();
+ let holder = item.querySelector(".scoped-inline-preview");
+ const markEl = ev.target.closest("mark");
+ const hitDiv = markEl ? markEl.closest(".scoped-snippet-hit") : null;
+
+ // Update snippet-side active amrker
+ if (markEl) {
+ const activeMarks = snipEl.querySelectorAll("mark.is-active-hit");
+ activeMarks.forEach((m) => m.classList.remove("is-active-hit"));
+ markEl.classList.add("is-active-hit");
+ }
+
+ if (holder) {
+ // Preview already open
+ if (hitDiv && hitDiv.dataset && hitDiv.dataset.anchorLine) {
+ try {
+ const raw =
+ f.contentRaw || (await app.vault.cachedRead(f.file));
+ let anchorLine = 0;
+ const parsed = parseInt(hitDiv.dataset.anchorLine, 10);
+ if (!Number.isNaN(parsed)) anchorLine = parsed;
+ const totalLines = (raw.match(/\n/g) || []).length + 1;
+ if (totalLines > 1) {
+ const ratio = anchorLine / totalLines;
+ const maxScroll = holder.scrollHeight - holder.clientHeight;
+ const target = maxScroll > 0 ? ratio * maxScroll : 0;
+ holder.scrollTo({
+ top: target > 0 ? target : 0,
+ behavior: "auto",
+ });
+ }
+ } catch (e) {
+ console.warn(
+ "ScopedSearch: failed to jump within open preview",
+ e,
+ );
+ }
+ return;
+ }
+ // Clicked anywhere else in snippet area: close the preview and reset snippet active state.
+ const activeMarks =
+ snipEl.querySelectorAll("mark.is-active-hit");
+ activeMarks.forEach((m) => m.classList.remove("is-active-hit"));
+ holder.remove();
+ item.classList.remove("has-inline-preview");
+ return;
+ }
+
+ // No preview yet: open and scroll to the clicked hit (if any).
+ holder = item.createDiv({ cls: "scoped-inline-preview" });
+ item.classList.add("has-inline-preview");
+ holder.style.maxHeight =
+ config && config.previewHeight
+ ? config.previewHeight + "px"
+ : "420px";
+ holder.style.overflowY = "auto";
+ try {
+ const raw = f.contentRaw || (await app.vault.cachedRead(f.file));
+ if (obsidian.MarkdownRenderer) {
+ await obsidian.MarkdownRenderer.renderMarkdown(
+ raw,
+ holder,
+ f.file.path,
+ config.plugin,
+ );
+ const terms = getHighlightTerms(tokens);
+ highlightInElement(holder, terms);
+ let anchorLine = 0;
+ if (hitDiv && hitDiv.dataset && hitDiv.dataset.anchorLine) {
+ const parsed = parseInt(hitDiv.dataset.anchorLine, 10);
+ if (!Number.isNaN(parsed)) anchorLine = parsed;
+ }
+ const totalLines = (raw.match(/\n/g) || []).length + 1;
+ if (totalLines > 1) {
+ const ratio = anchorLine / totalLines;
+ const maxScroll = holder.scrollHeight - holder.clientHeight;
+ const target = maxScroll > 0 ? ratio * maxScroll : 0;
+ holder.scrollTo({
+ top: target > 0 ? target : 0,
+ behavior: "auto",
+ });
+ }
+ } else {
+ const pre = holder.createEl("pre");
+ pre.textContent = raw;
+ }
+ } catch (e) {
+ const pre = holder.createEl("pre");
+ pre.textContent =
+ "Preview error: " + (e && e.message ? e.message : String(e));
}
});
}
-
- if (!snippet){
- // Fallback: quick slice around the first word token
- const t = (tokens.find(tk=> tk.type==="phrase") || tokens.find(tk=> tk.type==="word") || {}).value || "";
- if (f.file.extension.toLowerCase() === "md" && f.contentRaw && t){
- const lower = (f.contentLower || f.contentRaw.toLowerCase());
- let w = lower.indexOf(t);
- if (w >= 0){
- const s = Math.max(0, w - 100);
- const e = Math.min(f.contentRaw.length, w + t.length + 140);
- let slice = f.contentRaw.substring(s, e).replace(/\n/g," ").replace(/\n/g," ");
- function esc(s){ return s.replace(/[&<>]/g, c=>({"&":"&","<":"<",">":">"}[c])); }
- let html = esc(slice);
- const rx = new RegExp("(" + reEscape(t) + ")","ig"); html = html.replace(rx, "$1");
- snippet = (s>0?"… ":"") + html + (e < f.contentRaw.length?" …":"");
- }
- }
- }
- if (snippet) snipEl.innerHTML = snippet;
- item.createEl("div", { text: f.file.path, attr:{ style:"opacity:.6;font-size:.85em;" } });
+const pathEl = item.createDiv({ cls: "scoped-result-path" });
+ pathEl.setText(f.file.path);
});
}
-renderChips(); buildIndex().then(()=> setTimeout(()=> state.dom.input.inputEl.focus(), 0));
- return { destroy(){ try{ state.dom.input.inputEl.removeEventListener("keydown", onKeyDown); } catch{} try{ state.dom.input.inputEl.removeEventListener("input", onQueryChanged); } catch{} containerEl.empty(); if (config.onSessionSave) config.onSessionSave(config.mode, Array.from(state.active)); } };
+ renderChips();
+ buildIndex().then(() => {
+ window.setTimeout(() => state.dom.input.inputEl.focus(), 0);
+ });
+ return {
+ destroy() {
+ try {
+ state.dom.input.inputEl.removeEventListener("keydown", onKeyDown);
+ } catch {}
+ try {
+ state.dom.input.inputEl.removeEventListener("input", onQueryChanged);
+ } catch {}
+ containerEl.empty();
+ if (config.onSessionSave)
+ config.onSessionSave(config.mode, Array.from(state.active));
+ },
+ };
}
class ScopedSearchView extends ItemView {
- constructor(leaf, plugin){ super(leaf); this.plugin = plugin; this.ui = null; }
- getViewType(){ return VIEW_TYPE; } getDisplayText(){ return "Scoped Search"; } getIcon(){ return ICON_ID; }
- async onOpen(){
- const preset = (this.plugin.settings.sessionActive && this.plugin.settings.sessionActive.tab) || [];
- this.ui = createUI(this.app, this.contentEl, { plugin:this.plugin, previewHeight:this.plugin?.settings?.previewHeight || 420, plugin:this.plugin, folders:this.plugin.settings.directories, includeNonMd:this.plugin.settings.includeNonMd, allowedExts:this.plugin.settings.allowedExts, defaults:this.plugin.settings.defaultSelected, openTarget:this.plugin.settings.openTarget, chipSize:this.plugin.settings.chipSize, mode:"tab", sessionPreset:preset, onSessionSave:(mode,active)=>{ this.plugin.settings.sessionActive = this.plugin.settings.sessionActive || {}; this.plugin.settings.sessionActive[mode] = active; this.plugin.saveSettings(); } });
+ constructor(leaf, plugin) {
+ super(leaf);
+ this.plugin = plugin;
+ this.ui = null;
+ }
+ getViewType() {
+ return VIEW_TYPE;
+ }
+ getDisplayText() {
+ return "Scoped Search";
+ }
+ getIcon() {
+ return ICON_ID;
+ }
+ async onOpen() {
+ const preset =
+ (this.plugin.settings.sessionActive &&
+ this.plugin.settings.sessionActive.tab) ||
+ [];
+ this.ui = createUI(this.app, this.contentEl, {
+ plugin: this.plugin,
+ previewHeight: this.plugin?.settings?.previewHeight || 420,
+ plugin: this.plugin,
+ folders: this.plugin.settings.directories,
+ includeNonMd: this.plugin.settings.includeNonMd,
+ allowedExts: this.plugin.settings.allowedExts,
+ defaults: this.plugin.settings.defaultSelected,
+ openTarget: this.plugin.settings.openTarget,
+ chipSize: this.plugin.settings.chipSize,
+ mode: "tab",
+ sessionPreset: preset,
+ onSessionSave: (mode, active) => {
+ this.plugin.settings.sessionActive =
+ this.plugin.settings.sessionActive || {};
+ this.plugin.settings.sessionActive[mode] = active;
+ this.plugin.saveSettings();
+ },
+ });
+ }
+ async onClose() {
+ this.ui && this.ui.destroy();
+ this.ui = null;
}
- async onClose(){ this.ui && this.ui.destroy(); this.ui = null; }
}
class ScopedSearchSettingTab extends obsidian.PluginSettingTab {
- constructor(app, plugin){ super(app, plugin); this.plugin = plugin; }
- display(){
- const { containerEl } = this; containerEl.empty(); containerEl.createEl("h2", { text:"Scoped Search Settings" });
- new obsidian.Setting(containerEl).setName("UI mode").setDesc("Choose how Scoped Search opens. Tip: When set to Modal, use Ctrl/Cmd/Shift-click on the ribbon to open the Tab view.")
- .addDropdown((dd)=>{ dd.addOption("modal","Modal (pop-up)"); dd.addOption("tab","Tab (docked view)"); dd.setValue(this.plugin.settings.uiMode || "modal"); dd.onChange((v)=>{ this.plugin.settings.uiMode = v; this.plugin.saveSettings(); }); });
- new obsidian.Setting(containerEl).setName("Open target").setDesc("When opening a result, choose whether to open in the same pane or a new pane.")
- .addDropdown((dd)=>{ dd.addOption("same","Same pane"); dd.addOption("new","New pane"); dd.setValue(this.plugin.settings.openTarget || "same"); dd.onChange((v)=>{ this.plugin.settings.openTarget = v; this.plugin.saveSettings(); }); });
- new obsidian.Setting(containerEl).setName("Chip size").setDesc("Control the size of the folder chips in the search UI.")
- .addDropdown((dd)=>{
- dd.addOption("small","Small"); dd.addOption("medium","Medium"); dd.addOption("large","Large");
+ constructor(app, plugin) {
+ super(app, plugin);
+ this.plugin = plugin;
+ }
+ display() {
+ const { containerEl } = this;
+ containerEl.empty();
+ new obsidian.Setting(containerEl).setName("Search interface").setHeading();
+ new obsidian.Setting(containerEl)
+ .setName("UI mode")
+ .setDesc(
+ createFragment((el) => {
+ el.createSpan({
+ text: "Choose how Scoped Search opens or Right-Click ribbon icon and select from options.",
+ });
+ el.createEl("br");
+
+ el.createSpan({
+ text: "UI Mode Modal Tip:",
+ });
+ el.createEl("br");
+
+ el.createSpan({
+ text: "Obsidian application (desktop) - Hold Control, Command, or Shift then select the ribbon to open in Tab view.",
+ });
+ el.createEl("br");
+
+ el.createSpan({
+ text: "Obsidian app (mobile) - Select the Hamburger menu icon (≡) and select 'Open Scoped Search'.",
+ });
+ })
+ )
+ .addDropdown((dd) => {
+ dd.addOption("modal", "Modal (pop-up)");
+ dd.addOption("tab", "Tab (docked view)");
+ dd.setValue(this.plugin.settings.uiMode || "modal");
+ dd.onChange((v) => {
+ this.plugin.settings.uiMode = v;
+ this.plugin.saveSettings();
+ });
+ });
+ new obsidian.Setting(containerEl)
+ .setName("Open target")
+ .setDesc(
+ "When opening a result, choose whether to open in the same pane or a new pane.",
+ )
+ .addDropdown((dd) => {
+ dd.addOption("same", "Same pane");
+ dd.addOption("new", "New pane");
+ dd.setValue(this.plugin.settings.openTarget || "same");
+ dd.onChange((v) => {
+ this.plugin.settings.openTarget = v;
+ this.plugin.saveSettings();
+ });
+ });
+ new obsidian.Setting(containerEl)
+ .setName("Chip size")
+ .setDesc("Control the size of the folder chips in the search UI.")
+ .addDropdown((dd) => {
+ dd.addOption("small", "Small");
+ dd.addOption("medium", "Medium");
+ dd.addOption("large", "Large");
dd.setValue(this.plugin.settings.chipSize || "medium");
- dd.onChange((v)=>{
+ dd.onChange((v) => {
this.plugin.settings.chipSize = v;
this.plugin.saveSettings();
try {
- document.querySelectorAll(".scoped-search-modal").forEach(c=>{
- c.classList.remove("chips-small","chips-medium","chips-large");
- c.classList.add("chips-"+v);
+ document.querySelectorAll(".scoped-search-modal").forEach((c) => {
+ c.classList.remove("chips-small", "chips-medium", "chips-large");
+ c.classList.add("chips-" + v);
});
- } catch(e) {}
+ } catch (e) {}
});
});
-
- const helpCard = containerEl.createDiv({ cls: "scoped-card scoped-syntax-card" });
- helpCard.createEl("h3", { text: "Advanced Search Syntax" });
+ new obsidian.Setting(containerEl).setName("Search syntax").setHeading();
+ const helpCard = containerEl.createDiv({
+ cls: "scoped-card scoped-syntax-card",
+ });
const help = helpCard.createDiv();
- help.innerHTML = `
+ const helpHtml = `
"find example help search" = exact phrase search."find+example+help+search" = all four words anywhere. find example "help&search" = both find and example anywhere, and both help & search anywhere."find|example" = either word anywhere.
- Notes: non‑Markdown files match by filename only; Markdown matches filename and content. Search is case‑insensitive.
+ Notes: non‑Markdown files match by filename only; Markdown matches filename and content. Search is case‑insensitive.
`;
-const dirCard = containerEl.createDiv({ cls:"scoped-card" });
- new obsidian.Setting(dirCard).setName("Directories").setDesc("Add one or more folders to scope your searches.")
- .addButton((btn)=> btn.setButtonText("Add folder…").setCta().onClick(()=>{
- const modal = new FolderBrowseModal(this.app, (folderPath)=>{
- if (!folderPath) return;
- const dirs = this.plugin.settings.directories;
- if (dirs.includes(folderPath)) { new obsidian.Notice("Folder already added."); return; }
- dirs.push(folderPath);
- this.plugin.settings.defaultSelected = this.plugin.settings.defaultSelected || {};
- this.plugin.settings.defaultSelected[folderPath] = true;
- this.plugin.saveSettings();
- this.display();
- }); modal.open();
- }));
- const list = dirCard.createDiv({ cls:"scoped-folder-list" });
- if (!this.plugin.settings.directories || this.plugin.settings.directories.length===0){ list.createEl("p", { text:"No folders added yet." }); }
- else {
- for (const dir of this.plugin.settings.directories){
- const row = new obsidian.Setting(list).setName(dir).setDesc("Selected by default");
- row.addToggle((tg)=>{
- const def = (this.plugin.settings.defaultSelected && this.plugin.settings.defaultSelected[dir]);
+ const helpFrag = sanitizeHTMLToDom(helpHtml);
+ help.appendChild(helpFrag);
+ const dirCard = containerEl.createDiv({ cls: "scoped-card" });
+ new obsidian.Setting(dirCard)
+ .setName("Directories")
+ .setDesc("Add one or more folders to scope your searches.")
+ .addButton((btn) =>
+ btn
+ .setButtonText("Add folder…")
+ .setCta()
+ .onClick(() => {
+ const modal = new FolderBrowseModal(this.app, (folderPath) => {
+ if (!folderPath) return;
+ const dirs = this.plugin.settings.directories;
+ if (dirs.includes(folderPath)) {
+ new obsidian.Notice("Folder already added.");
+ return;
+ }
+ dirs.push(folderPath);
+ this.plugin.settings.defaultSelected =
+ this.plugin.settings.defaultSelected || {};
+ this.plugin.settings.defaultSelected[folderPath] = true;
+ this.plugin.saveSettings();
+ this.display();
+ });
+ modal.open();
+ }),
+ );
+ const list = dirCard.createDiv({ cls: "scoped-folder-list" });
+ if (
+ !this.plugin.settings.directories ||
+ this.plugin.settings.directories.length === 0
+ ) {
+ list.createEl("p", { text: "No folders added yet." });
+ } else {
+ for (const dir of this.plugin.settings.directories) {
+ const row = new obsidian.Setting(list)
+ .setName(dir)
+ .setDesc("Selected by default");
+ row.addToggle((tg) => {
+ const def =
+ this.plugin.settings.defaultSelected &&
+ this.plugin.settings.defaultSelected[dir];
tg.setValue(def !== false);
- tg.onChange((v)=>{ this.plugin.settings.defaultSelected = this.plugin.settings.defaultSelected || {}; this.plugin.settings.defaultSelected[dir] = v; this.plugin.saveSettings(); });
+ tg.onChange((v) => {
+ this.plugin.settings.defaultSelected =
+ this.plugin.settings.defaultSelected || {};
+ this.plugin.settings.defaultSelected[dir] = v;
+ this.plugin.saveSettings();
+ });
});
- row.addExtraButton((btn)=> btn.setIcon("folder").setTooltip("Browse to replace").onClick(()=>{
- const modal = new FolderBrowseModal(this.app, (folderPath)=>{
- if (!folderPath) return;
- const i = this.plugin.settings.directories.indexOf(dir);
- if (i>=0){
- const prev = (this.plugin.settings.defaultSelected && this.plugin.settings.defaultSelected[dir]);
- this.plugin.settings.directories[i] = folderPath;
- this.plugin.settings.defaultSelected = this.plugin.settings.defaultSelected || {};
- this.plugin.settings.defaultSelected[folderPath] = (prev !== false);
- if (this.plugin.settings.defaultSelected[dir] !== undefined) delete this.plugin.settings.defaultSelected[dir];
- }
- this.plugin.saveSettings(); this.display();
- }); modal.open();
- })).addExtraButton((btn)=> btn.setIcon("trash").setTooltip("Remove").onClick(()=>{
- this.plugin.settings.directories = this.plugin.settings.directories.filter((d)=> d !== dir);
- if (this.plugin.settings.defaultSelected) delete this.plugin.settings.defaultSelected[dir];
- this.plugin.saveSettings(); this.display();
- }));
+ row
+ .addExtraButton((btn) =>
+ btn
+ .setIcon("folder")
+ .setTooltip("Browse to replace")
+ .onClick(() => {
+ const modal = new FolderBrowseModal(this.app, (folderPath) => {
+ if (!folderPath) return;
+ const i = this.plugin.settings.directories.indexOf(dir);
+ if (i >= 0) {
+ const prev =
+ this.plugin.settings.defaultSelected &&
+ this.plugin.settings.defaultSelected[dir];
+ this.plugin.settings.directories[i] = folderPath;
+ this.plugin.settings.defaultSelected =
+ this.plugin.settings.defaultSelected || {};
+ this.plugin.settings.defaultSelected[folderPath] =
+ prev !== false;
+ if (this.plugin.settings.defaultSelected[dir] !== undefined)
+ delete this.plugin.settings.defaultSelected[dir];
+ }
+ this.plugin.saveSettings();
+ this.display();
+ });
+ modal.open();
+ }),
+ )
+ .addExtraButton((btn) =>
+ btn
+ .setIcon("trash")
+ .setTooltip("Remove")
+ .onClick(() => {
+ this.plugin.settings.directories =
+ this.plugin.settings.directories.filter((d) => d !== dir);
+ if (this.plugin.settings.defaultSelected)
+ delete this.plugin.settings.defaultSelected[dir];
+ this.plugin.saveSettings();
+ this.display();
+ }),
+ );
// Reorder buttons (stacked up/down)
const moveWrap = row.controlEl.createDiv({ cls: "scoped-move-wrap" });
const upBtn = moveWrap.createEl("button", { cls: "scoped-move-btn" });
obsidian.setIcon(upBtn, "chevron-up");
- upBtn.setAttr("aria-label","Move up");
- upBtn.addEventListener("click", ()=>{
+ upBtn.setAttr("aria-label", "Move up");
+ upBtn.addEventListener("click", () => {
const idx = this.plugin.settings.directories.indexOf(dir);
- if (idx > 0){
+ if (idx > 0) {
const dirs = this.plugin.settings.directories;
- [dirs[idx-1], dirs[idx]] = [dirs[idx], dirs[idx-1]];
- this.plugin.saveSettings(); this.display();
+ [dirs[idx - 1], dirs[idx]] = [dirs[idx], dirs[idx - 1]];
+ this.plugin.saveSettings();
+ this.display();
}
});
const downBtn = moveWrap.createEl("button", { cls: "scoped-move-btn" });
obsidian.setIcon(downBtn, "chevron-down");
- downBtn.setAttr("aria-label","Move down");
- downBtn.addEventListener("click", ()=>{
+ downBtn.setAttr("aria-label", "Move down");
+ downBtn.addEventListener("click", () => {
const idx = this.plugin.settings.directories.indexOf(dir);
const dirs = this.plugin.settings.directories;
- if (idx >= 0 && idx < dirs.length - 1){
- [dirs[idx], dirs[idx+1]] = [dirs[idx+1], dirs[idx]];
- this.plugin.saveSettings(); this.display();
+ if (idx >= 0 && idx < dirs.length - 1) {
+ [dirs[idx], dirs[idx + 1]] = [dirs[idx + 1], dirs[idx]];
+ this.plugin.saveSettings();
+ this.display();
}
});
-
}
}
- containerEl.createEl("h3", { text:"File Types" });
- new obsidian.Setting(containerEl).setName("Include non-Markdown files").setDesc("Search filenames for non-Markdown files (e.g., MP3). Content search remains MD-only.")
- .addToggle((tg)=> tg.setValue(!!this.plugin.settings.includeNonMd).onChange((v)=>{ this.plugin.settings.includeNonMd = v; this.plugin.saveSettings(); }));
- new obsidian.Setting(containerEl).setName("Allowed extensions").setDesc("Comma-separated list (no dots). Example: mp3,wav,flac,pdf,png,jpg")
- .addText((txt)=>{ txt.setPlaceholder("mp3,wav,flac"); txt.setValue(this.plugin.settings.allowedExts || "mp3,wav,flac"); txt.onChange((v)=>{ this.plugin.settings.allowedExts = v; this.plugin.saveSettings(); }); });
+ new obsidian.Setting(containerEl).setName("File types").setHeading();
+ new obsidian.Setting(containerEl)
+ .setName("Include non-Markdown files")
+ .setDesc(
+ "Search filenames for non-Markdown files (e.g., MP3). Content search remains MD-only.",
+ )
+ .addToggle((tg) =>
+ tg.setValue(!!this.plugin.settings.includeNonMd).onChange((v) => {
+ this.plugin.settings.includeNonMd = v;
+ this.plugin.saveSettings();
+ }),
+ );
+ new obsidian.Setting(containerEl)
+ .setName("Allowed extensions")
+ .setDesc(
+ "Comma-separated list (no dots). Example: mp3,wav,flac,pdf,png,jpg",
+ )
+ .addText((txt) => {
+ txt.setPlaceholder("mp3,wav,flac");
+ txt.setValue(this.plugin.settings.allowedExts || "mp3,wav,flac");
+ txt.onChange((v) => {
+ this.plugin.settings.allowedExts = v;
+ this.plugin.saveSettings();
+ });
+ });
}
}
module.exports = class ScopedSearchPlugin extends Plugin {
- async onload(){
- addIcon(ICON_ID, '');
- const saved = await this.loadData();
- const _saved = await this.loadData(); const _defaults = { directories:[], uiMode:"modal", inlinePreview:true, previewHeight:420 };
+ async onload() {
+ addIcon(
+ ICON_ID,
+ '',
+ );
+ const _saved = await this.loadData();
+ const _defaults = {
+ directories: [],
+ uiMode: "modal",
+ inlinePreview: true,
+ previewHeight: 420,
+ };
this.settings = Object.assign({}, _defaults, _saved || {});
- this.registerView(VIEW_TYPE, (leaf)=> new ScopedSearchView(leaf, this));
-
-// Ribbon: single click handler, supports ctrl/cmd/shift to force Tab in Modal view
-(function(){
- const ribbon = this.addRibbonIcon("scan-search", "Open Scoped Search", (e) => {
- if (e && e.button === 2) { return; } const mode = (this.settings.uiMode || "modal");
- const forceTab = !!(e && (e.ctrlKey || e.metaKey || e.shiftKey));
- if (forceTab && mode === "modal") { if (e){ e.preventDefault(); e.stopPropagation(); } this.openSearchTab(); return; }
- if (mode === "tab") this.openSearchTab(); else this.openSearchModal();
- });
- ribbon.addClass("scoped-search-ribbon");
- // Extra safety: capture-phase listener attached ONCE (no stacking) to handle modifiers if callback has no event
- this.registerDomEvent(ribbon, "click", (e)=>{ if (e && e.button !== 0) { return; }
- const mode = (this.settings.uiMode || "modal");
- const forceTab = !!(e && (e.ctrlKey || e.metaKey || e.shiftKey));
- if (forceTab && mode === "modal") { e.preventDefault(); e.stopPropagation(); this.openSearchTab(); }
- }, {capture:true});
- // Right-click context menu on ribbon icon
- ribbon.addEventListener("contextmenu", (e)=>{
- e.preventDefault(); e.stopPropagation(); e.preventDefault();
- const menu = new obsidian.Menu();
- menu.addItem(mi=> mi.setTitle("Open in new tab").onClick(()=> this.openSearchTab()));
- menu.addItem(mi=> mi.setTitle("Open modal").onClick(()=> this.openSearchModal()));
- menu.showAtMouseEvent(e);
- });
-}).call(this);
+ this.registerView(VIEW_TYPE, (leaf) => new ScopedSearchView(leaf, this));
-
- this.addCommand({ id:"open-scoped-search", name:"Open Scoped Search", callback: ()=>{
- const mode = (this.settings.uiMode || "modal");
- if (mode === "tab") this.openSearchTab();
- else this.openSearchModal();
- }});
+ // Ribbon: single click handler, supports ctrl/cmd/shift to force Tab in Modal view
+ (function () {
+ const ribbon = this.addRibbonIcon(
+ "scan-search",
+ "Open Scoped Search",
+ (e) => {
+ if (e && e.button === 2) {
+ return;
+ }
+ const mode = this.settings.uiMode || "modal";
+ const forceTab = !!(e && (e.ctrlKey || e.metaKey || e.shiftKey));
+ if (forceTab && mode === "modal") {
+ if (e) {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ this.openSearchTab();
+ return;
+ }
+ if (mode === "tab") this.openSearchTab();
+ else this.openSearchModal();
+ },
+ );
+ ribbon.addClass("scoped-search-ribbon");
+ // Extra safety: capture-phase listener attached ONCE (no stacking) to handle modifiers if callback has no event
+ this.registerDomEvent(
+ ribbon,
+ "click",
+ (e) => {
+ if (e && e.button !== 0) {
+ return;
+ }
+ const mode = this.settings.uiMode || "modal";
+ const forceTab = !!(e && (e.ctrlKey || e.metaKey || e.shiftKey));
+ if (forceTab && mode === "modal") {
+ e.preventDefault();
+ e.stopPropagation();
+ this.openSearchTab();
+ }
+ },
+ { capture: true },
+ );
+ // Right-click context menu on ribbon icon
+ ribbon.addEventListener("contextmenu", (e) => {
+ e.preventDefault();
+ e.stopPropagation();
+ e.preventDefault();
+ const menu = new obsidian.Menu();
+ menu.addItem((mi) =>
+ mi.setTitle("Open in new tab").onClick(() => this.openSearchTab()),
+ );
+ menu.addItem((mi) =>
+ mi.setTitle("Open modal").onClick(() => this.openSearchModal()),
+ );
+ menu.showAtMouseEvent(e);
+ });
+ }).call(this);
+
+ this.addCommand({
+ id: "open-scoped-search",
+ name: "Open Scoped Search",
+ callback: () => {
+ const mode = this.settings.uiMode || "modal";
+ if (mode === "tab") this.openSearchTab();
+ else this.openSearchModal();
+ },
+ });
this.addSettingTab(new ScopedSearchSettingTab(this.app, this));
}
-
-async openSearch(){
- if (!this.settings.directories || this.settings.directories.length===0){ new obsidian.Notice("Add at least one folder in settings to use Scoped Search."); return; }
- const mode = (this.settings.uiMode || "modal");
- if (mode === "tab") {
- return this.openSearchTab();
- } else if (mode === "modal") {
- // Left-click default is modal
- return this.openSearchModal();
- } else {
- return this.openSearchModal();
- }
-}
-async openSearchModal(){
- if (!this.settings.directories || this.settings.directories.length===0){ new obsidian.Notice("Add at least one folder in settings to use Scoped Search."); return; }
- const modal = new obsidian.Modal(this.app); modal.setTitle("Scoped Search"); modal.containerEl && modal.containerEl.classList && modal.containerEl.classList.add('scoped-modal');modal.containerEl && modal.containerEl.classList && modal.containerEl.classList.add('scoped-modal');let ui = null;
- modal.onOpen = ()=>{
- const preset = (this.settings.sessionActive && this.settings.sessionActive.modal) || [];
- ui = createUI(this.app, modal.contentEl, { plugin:this, previewHeight:this.settings?.previewHeight || 420, plugin:this, folders:this.settings.directories, includeNonMd:this.settings.includeNonMd, allowedExts:this.settings.allowedExts, defaults:this.settings.defaultSelected, openTarget:this.settings.openTarget, chipSize:this.settings.chipSize, mode:"modal", sessionPreset:preset, onSessionSave:(mode,active)=>{ this.settings.sessionActive = this.settings.sessionActive || {}; this.settings.sessionActive[mode] = active; this.saveSettings(); } });
- };
- modal.onClose = ()=>{ ui && ui.destroy(); ui = null; };
- modal.open();
-}
-async openSearchTab(){
- if (!this.settings.directories || this.settings.directories.length===0){ new obsidian.Notice("Add at least one folder in settings to use Scoped Search."); return; }
- const leaf = this.app.workspace.getLeaf(true);
- await leaf.setViewState({ type: VIEW_TYPE, active: true });
- this.app.workspace.revealLeaf(leaf);
-}
-async saveSettings(){ await this.saveData(this.settings); }
+ async openSearch() {
+ if (!this.settings.directories || this.settings.directories.length === 0) {
+ new obsidian.Notice(
+ "Add at least one folder in settings to use Scoped Search.",
+ );
+ return;
+ }
+ const mode = this.settings.uiMode || "modal";
+ if (mode === "tab") {
+ return this.openSearchTab();
+ } else if (mode === "modal") {
+ // Left-click default is modal
+ return this.openSearchModal();
+ } else {
+ return this.openSearchModal();
+ }
+ }
+
+ async openSearchModal() {
+ if (!this.settings.directories || this.settings.directories.length === 0) {
+ new obsidian.Notice(
+ "Add at least one folder in settings to use Scoped Search.",
+ );
+ return;
+ }
+ const modal = new obsidian.Modal(this.app);
+ modal.setTitle("Scoped Search");
+ modal.containerEl &&
+ modal.containerEl.classList &&
+ modal.containerEl.classList.add("scoped-modal");
+ modal.containerEl &&
+ modal.containerEl.classList &&
+ modal.containerEl.classList.add("scoped-modal");
+ let ui = null;
+ modal.onOpen = () => {
+ const preset =
+ (this.settings.sessionActive && this.settings.sessionActive.modal) ||
+ [];
+ ui = createUI(this.app, modal.contentEl, {
+ plugin: this,
+ previewHeight: this.settings?.previewHeight || 420,
+ plugin: this,
+ folders: this.settings.directories,
+ includeNonMd: this.settings.includeNonMd,
+ allowedExts: this.settings.allowedExts,
+ defaults: this.settings.defaultSelected,
+ openTarget: this.settings.openTarget,
+ chipSize: this.settings.chipSize,
+ mode: "modal",
+ sessionPreset: preset,
+ onSessionSave: (mode, active) => {
+ this.settings.sessionActive = this.settings.sessionActive || {};
+ this.settings.sessionActive[mode] = active;
+ this.saveSettings();
+ },
+ });
+ };
+ modal.onClose = () => {
+ ui && ui.destroy();
+ ui = null;
+ };
+ modal.open();
+ }
+ async openSearchTab() {
+ if (!this.settings.directories || this.settings.directories.length === 0) {
+ new obsidian.Notice(
+ "Add at least one folder in settings to use Scoped Search.",
+ );
+ return;
+ }
+ const leaf = this.app.workspace.getLeaf(true);
+ await leaf.setViewState({ type: VIEW_TYPE, active: true });
+ this.app.workspace.revealLeaf(leaf);
+ }
+ async saveSettings() {
+ await this.saveData(this.settings);
+ }
};
diff --git a/manifest.json b/manifest.json
index 7cb2a58..6224249 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,11 +1,9 @@
-{
- "id": "scoped-search",
- "name": "Scoped Search",
- "version": "2.0.7",
- "minAppVersion": "1.5.0",
- "description": "Scoped Search is a robust search modal/tab that only searches within the folders you choose. Includes enhanced folder picker by List or Tree, configurable extensions, and syntax support.",
- "author": "Ragetrip",
- "authorUrl": "https://github.com/ragetrip",
- "fundingUrl": "https://buymeacoffee.com/ragetrip",
- "isDesktopOnly": false
-}
\ No newline at end of file
+{"id":"scoped-search",
+"name":"Scoped Search",
+"version":"2.1.1",
+"minAppVersion":"1.5.0",
+"description":"A robust search modal/tab that only searches within the folders you choose. Includes an enhanced folder picker by List or Tree, configurable extensions, and syntax support.",
+"author":"Ragetrip",
+"authorUrl":"https://github.com/ragetrip",
+"fundingUrl":"https://buymeacoffee.com/ragetrip",
+"isDesktopOnly":false}
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 83a6800..c0e1099 100644
--- a/styles.css
+++ b/styles.css
@@ -1,30 +1,116 @@
-
-.scoped-search-modal { padding: 8px 12px; }
-.scoped-search-input { width: 100%; }
-.scoped-chipbar { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
-.scoped-chip { border:1px solid var(--background-modifier-border); border-radius:999px; padding:2px 8px; cursor:pointer; user-select:none; }
-.scoped-chip.active { background: var(--interactive-accent); color: var(--text-on-accent); }
-.scoped-chip.select-all { font-weight: 600; }
-.scoped-results { margin-top: 8px; max-height: 55vh; overflow: auto; }
-.scoped-result-item { padding:6px 4px; border-bottom:1px solid var(--background-modifier-border); }
-.scoped-result-item:hover, .scoped-result-item.is-selected { background: var(--background-modifier-hover); }
-.scoped-snippet { opacity:.8; font-size:.9em; }
+.scoped-search-modal {
+ padding: 8px 12px;
+}
+.scoped-search-input {
+ width: 100%;
+}
+.scoped-chipbar {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 6px;
+ margin-top: 6px;
+}
+.scoped-chip {
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 999px;
+ padding: 2px 8px;
+ cursor: pointer;
+ user-select: none;
+}
+.scoped-chip.active {
+ background: var(--interactive-accent);
+ color: var(--text-on-accent);
+}
+.scoped-chip.select-all {
+ font-weight: 600;
+}
+.scoped-results {
+ margin-top: 8px;
+ max-height: 55vh;
+ overflow: auto;
+}
+.scoped-result-item {
+ padding: 6px 4px;
+ border-bottom: 1px solid var(--background-modifier-border);
+}
+.scoped-result-item:hover,
+.scoped-result-item.is-selected {
+ background: var(--background-modifier-hover);
+}
+.scoped-snippet {
+ opacity: 0.8;
+ font-size: 0.9em;
+}
/* picker */
-.scoped-folder-picker { min-width: 520px; }
-.sfp-header { display:flex; gap:8px; align-items:center; margin-bottom:8px; }
-.sfp-tabs { display:flex; gap:6px; }
-.sfp-tab { padding:4px 8px; border:1px solid var(--background-modifier-border); border-radius:8px; cursor:pointer; }
-.sfp-tab.active { background: var(--interactive-accent); color: var(--text-on-accent); }
-.sfp-search { flex:1; }
-.sfp-body { border:1px solid var(--background-modifier-border); border-radius:10px; max-height: 50vh; overflow:auto; padding:6px; }
-.sfp-list-item { padding:4px 6px; border-radius:6px; cursor:pointer; }
-.sfp-list-item:hover { background: var(--background-modifier-hover); }
-.sfp-tree ul { list-style:none; padding-left: 16px; margin: 4px 0; }
-.sfp-tree .row { display:flex; gap:6px; align-items:center; padding:2px 6px; border-radius:6px; cursor:pointer; }
-.sfp-tree .row:hover { background: var(--background-modifier-hover); }
-.sfp-toggle { width: 1em; text-align:center; opacity: .8; cursor:pointer; }
-.sfp-folder-name { flex: 1; }
-.sfp-root { font-weight: 600; }
+.scoped-folder-picker {
+ min-width: 520px;
+}
+.sfp-header {
+ display: flex;
+ gap: 8px;
+ align-items: center;
+ margin-bottom: 8px;
+}
+.sfp-tabs {
+ display: flex;
+ gap: 6px;
+}
+.sfp-tab {
+ padding: 4px 8px;
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 8px;
+ cursor: pointer;
+}
+.sfp-tab.active {
+ background: var(--interactive-accent);
+ color: var(--text-on-accent);
+}
+.sfp-search {
+ flex: 1;
+}
+.sfp-body {
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 10px;
+ max-height: 50vh;
+ overflow: auto;
+ padding: 6px;
+}
+.sfp-list-item {
+ padding: 4px 6px;
+ border-radius: 6px;
+ cursor: pointer;
+}
+.sfp-list-item:hover {
+ background: var(--background-modifier-hover);
+}
+.sfp-tree ul {
+ list-style: none;
+ padding-left: 16px;
+ margin: 4px 0;
+}
+.sfp-tree .row {
+ display: flex;
+ gap: 6px;
+ align-items: center;
+ padding: 2px 6px;
+ border-radius: 6px;
+ cursor: pointer;
+}
+.sfp-tree .row:hover {
+ background: var(--background-modifier-hover);
+}
+.sfp-toggle {
+ width: 1em;
+ text-align: center;
+ opacity: 0.8;
+ cursor: pointer;
+}
+.sfp-folder-name {
+ flex: 1;
+}
+.sfp-root {
+ font-weight: 600;
+}
.scoped-card {
border: 1px solid var(--background-modifier-border);
@@ -35,12 +121,23 @@
}
/* chip size presets */
-.scoped-search-modal.chips-small .scoped-chip { font-size: 0.8em; padding: 1px 6px; }
-.scoped-search-modal.chips-medium .scoped-chip { font-size: 0.9em; padding: 2px 8px; }
-.scoped-search-modal.chips-large .scoped-chip { font-size: 1.05em; padding: 3px 10px; }
+.scoped-search-modal.chips-small .scoped-chip {
+ font-size: 0.8em;
+ padding: 1px 6px;
+}
+.scoped-search-modal.chips-medium .scoped-chip {
+ font-size: 0.9em;
+ padding: 2px 8px;
+}
+.scoped-search-modal.chips-large .scoped-chip {
+ font-size: 1.05em;
+ padding: 3px 10px;
+}
/* helper popover styling */
-.scoped-search-input { position: relative; }
+.scoped-search-input {
+ position: relative;
+}
.scoped-help-pop {
position: absolute;
z-index: 9999;
@@ -56,97 +153,225 @@
font-size: 0.95em;
line-height: 1.5;
}
-.scoped-help-pop ul { margin-top: 6px; margin-bottom: 0; }
-.scoped-help-pop li { margin: 6px 0; }
+.scoped-help-pop ul {
+ margin-top: 6px;
+ margin-bottom: 0;
+}
+.scoped-help-pop li {
+ margin: 6px 0;
+}
.scoped-help-pop code {
background: var(--background-modifier-form-field);
border: 1px solid var(--background-modifier-border);
border-radius: 6px;
padding: 0 6px;
font-family: var(--font-monospace);
- font-size: .95em;
+ font-size: 0.95em;
}
.scoped-help-dot {
display: inline-flex;
align-items: center;
justify-content: center;
- width: 17px; height: 17px;
+ width: 17px;
+ height: 17px;
border-radius: 50%;
border: 1px solid var(--background-modifier-border);
margin-left: 6px;
font-size: 11px;
- opacity: .9;
+ opacity: 0.9;
cursor: default;
}
-.scoped-help-dot:hover { background: var(--background-modifier-hover); }
+.scoped-help-dot:hover {
+ background: var(--background-modifier-hover);
+}
/* stacked move buttons for directories */
-.scoped-move-wrap{
- display:inline-flex; flex-direction:column; gap:4px; margin-left:6px;
+.scoped-move-wrap {
+ display: inline-flex;
+ flex-direction: column;
+ gap: 4px;
+ margin-left: 6px;
}
-.scoped-move-btn{
- width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center;
- border:1px solid var(--background-modifier-border);
+.scoped-move-btn {
+ width: 22px;
+ height: 22px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ border: 1px solid var(--background-modifier-border);
background: var(--background-modifier-form-field);
- border-radius:6px; padding:0;
+ border-radius: 6px;
+ padding: 0;
+}
+.scoped-move-btn:hover {
+ background: var(--background-modifier-hover);
+}
+.scoped-move-btn svg {
+ width: 14px;
+ height: 14px;
}
-.scoped-move-btn:hover{ background: var(--background-modifier-hover); }
-.scoped-move-btn svg{ width:14px; height:14px; }
-
/* Settings - Search Syntax helper tweaks */
-.scoped-syntax-card { font-size: 0.95em; } /* slightly smaller */
-.scoped-syntax-card h3 { margin-bottom: 6px; }
-.scoped-syntax-card .scoped-syntax-list { margin: 6px 0 0 8px; padding-left: 18px; }
-.scoped-syntax-card .scoped-syntax-list li { margin: 6px 0; }
+.scoped-syntax-card {
+ font-size: 0.95em;
+} /* slightly smaller */
+.scoped-syntax-card h3 {
+ margin-bottom: 6px;
+}
+.scoped-syntax-card .scoped-syntax-list {
+ margin: 6px 0 0 8px;
+ padding-left: 18px;
+}
+.scoped-syntax-card .scoped-syntax-list li {
+ margin: 6px 0;
+}
/* Scoped Search: small icon chip for Add Folder */
-.scoped-chip.scoped-chip-icon{
- display:inline-flex;
- align-items:center;
- justify-content:center;
- padding:2px 6px;
- gap:4px;
+.scoped-chip.scoped-chip-icon {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 2px 6px;
+ gap: 4px;
+}
+.scoped-chip-icon-inner svg {
+ width: 14px;
+ height: 14px;
}
-.scoped-chip-icon-inner svg{ width:14px; height:14px; }
-
/* Full Height Tab View */
-.view-content .scoped-search-modal{ display:flex; flex-direction:column; height:100%; }
-.view-content .scoped-results{ flex:1 1 auto; overflow:auto; max-height:none !important; height:auto; min-height:0; }
-
-
+.view-content .scoped-search-modal {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+.view-content .scoped-results {
+ flex: 1 1 auto;
+ overflow: auto;
+ max-height: none !important;
+ height: auto;
+ min-height: 0;
+}
/* Clear (x) button in the search input */
-.scoped-search-input{ position: relative; }
-.scoped-search-input .scoped-input-clear{
+.scoped-search-input {
+ position: relative;
+}
+.scoped-search-input .scoped-input-clear {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
- opacity: .65;
+ opacity: 0.65;
+}
+.scoped-search-input .scoped-input-clear:hover {
+ opacity: 1;
+}
+.scoped-search-input .scoped-input-clear svg {
+ width: 14px;
+ height: 14px;
+}
+.scoped-search-input input[type="text"] {
+ padding-right: 26px;
}
-.scoped-search-input .scoped-input-clear:hover{ opacity: 1; }
-.scoped-search-input .scoped-input-clear svg{ width: 14px; height: 14px; }
-.scoped-search-input input[type="text"]{ padding-right: 26px; }
-
-
/* inline clear button placement (leave it in for now) */
-.scoped-search-input{ display:flex; align-items:center; gap:6px; position: relative; }
-.scoped-search-input input[type="text"]{ flex:1 1 auto; padding-right: 0 !important; }
-.scoped-search-input .scoped-input-clear{ position: static !important; order: 2; cursor: pointer; opacity:.7; }
-.scoped-search-input .scoped-input-clear:hover{ opacity: 1; }
-
-.scoped-search-input > span:not(.scoped-input-clear){ order: 3; } /* the search icon */
-.scoped-search-input .scoped-input-clear svg{ width:14px; height:14px; }
-
+.scoped-search-input {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ position: relative;
+}
+.scoped-search-input input[type="text"] {
+ flex: 1 1 auto;
+ padding-right: 0 !important;
+}
+.scoped-search-input .scoped-input-clear {
+ position: static !important;
+ order: 2;
+ cursor: pointer;
+ opacity: 0.7;
+}
+.scoped-search-input .scoped-input-clear:hover {
+ opacity: 1;
+}
+.scoped-search-input > span:not(.scoped-input-clear) {
+ order: 3;
+} /* the search icon */
+.scoped-search-input .scoped-input-clear svg {
+ width: 14px;
+ height: 14px;
+}
/* Clear button: always visible; disable when empty */
-.scoped-search-input .scoped-input-clear.is-disabled{
- opacity: .35;
+.scoped-search-input .scoped-input-clear.is-disabled {
+ opacity: 0.35;
pointer-events: none;
}
+/* Scoped Search: icon span next to input */
+.scoped-search-icon {
+ margin-left: 6px;
+ opacity: 0.7;
+}
+
+/* Quick syntax title inside popover */
+.scoped-help-quick-title {
+ font-weight: 600;
+ margin-bottom: 4px;
+}
+
+/* Syntax helper note paragraph */
+.scoped-syntax-note {
+ margin: 8px 0 0 0;
+ opacity: 0.85;
+}
+
+/* Result path line under snippet */
+.scoped-result-path {
+ opacity: 0.6;
+ font-size: 0.85em;
+}
+
+
+/* Highlight result that has an open inline preview */
+.scoped-result-item.has-inline-preview {
+ border-left: 3px solid var(--text-accent);
+ padding-left: 6px;
+}
+
+/* Inline preview container styling (border separator / groove card) - 8 votes groove, 3 votes solid */
+.scoped-inline-preview {
+ border: 3px groove var(--background-modifier-border);
+ margin-top: 6px;
+ padding: 6px;
+}
+
+/* Highlighted terms within inline preview */
+.scoped-inline-preview mark {
+ background-color: var(--text-highlight-bg);
+}
+
+/* Each individual hit snippet inside a result */
+.scoped-snippet-hit {
+ padding: 2px 0;
+ margin: 2px 0;
+ border-bottom: 1px solid var(--background-modifier-border);
+}
+.scoped-snippet-hit:last-child {
+ border-bottom: none;
+}
+
+/* Only the highlighted term looks clickable */
+.scoped-snippet-hit mark {
+ cursor: pointer;
+}
+
+/* Active selected hit mark (snippet + preview) */
+.scoped-snippet-hit mark.is-active-hit,
+.scoped-inline-preview mark.is-active-hit {
+ background-color: #3399ff;
+ color: var(--background-primary);
+}