mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-16 17:31:24 +01:00
feat(obsidian): add text search and browse features for note finding
Enhanced the Obsidian note finding system with: **ObsidianBridge:** - searchNotes(query): Search vault by filename - listAllNotes(): Browse all notes in vault **Obsidian Notes Editor:** - Text search box with auto-populated state/province - "Browse All Notes" button to see full vault - Display burg's state and province in dialog - Pre-fill search with state name for easier finding - Enter key triggers search - Click any result to load that note **getElementData enhancement:** - Extract and include state/province names for burgs - Extract state/province from cell data for markers Now users can: 1. See which state/province the burg belongs to 2. Search by state name (pre-filled) 3. Search by any text in filename 4. Browse all notes manually 5. Click to select matching note This addresses the user's organization structure where notes are stored in State/Province folders matching the map structure.
This commit is contained in:
Claude
parent
9243c43d2d
commit
28cf8db82d
3 changed files with 251 additions and 14 deletions
|
|
@ -8281,8 +8281,8 @@
|
|||
<script defer src="modules/io/load.js?v=1.108.13"></script>
|
||||
<script defer src="modules/io/cloud.js?v=1.106.0"></script>
|
||||
<script defer src="modules/io/export.js?v=1.108.11"></script>
|
||||
<script defer src="modules/io/obsidian-bridge.js?v=1.108.13"></script>
|
||||
<script defer src="modules/ui/obsidian-notes-editor.js?v=1.108.13"></script>
|
||||
<script defer src="modules/io/obsidian-bridge.js?v=1.108.13.2"></script>
|
||||
<script defer src="modules/ui/obsidian-notes-editor.js?v=1.108.13.2"></script>
|
||||
<script defer src="modules/ui/obsidian-config.js?v=1.108.13"></script>
|
||||
|
||||
<script defer src="modules/renderers/draw-features.js?v=1.108.2"></script>
|
||||
|
|
|
|||
|
|
@ -396,6 +396,66 @@ Add your lore here...
|
|||
`;
|
||||
}
|
||||
|
||||
// Search notes by text query (searches in filename and frontmatter)
|
||||
async function searchNotes(query) {
|
||||
if (!query || query.trim() === "") {
|
||||
return [];
|
||||
}
|
||||
|
||||
const allFiles = await getVaultFiles();
|
||||
const searchTerm = query.toLowerCase();
|
||||
const results = [];
|
||||
|
||||
for (const filePath of allFiles) {
|
||||
const fileName = filePath.split("/").pop().replace(".md", "").toLowerCase();
|
||||
|
||||
// Check if filename matches
|
||||
if (fileName.includes(searchTerm)) {
|
||||
try {
|
||||
const content = await getNote(filePath);
|
||||
const {frontmatter} = parseFrontmatter(content);
|
||||
|
||||
results.push({
|
||||
path: filePath,
|
||||
name: filePath.split("/").pop().replace(".md", ""),
|
||||
frontmatter,
|
||||
matchType: "filename"
|
||||
});
|
||||
} catch (error) {
|
||||
WARN && console.warn(`Could not read file ${filePath}:`, error);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return results;
|
||||
}
|
||||
|
||||
// List all notes with basic info
|
||||
async function listAllNotes() {
|
||||
const allFiles = await getVaultFiles();
|
||||
const notes = [];
|
||||
|
||||
for (const filePath of allFiles) {
|
||||
try {
|
||||
const content = await getNote(filePath);
|
||||
const {frontmatter} = parseFrontmatter(content);
|
||||
|
||||
notes.push({
|
||||
path: filePath,
|
||||
name: filePath.split("/").pop().replace(".md", ""),
|
||||
frontmatter,
|
||||
folder: filePath.includes("/") ? filePath.substring(0, filePath.lastIndexOf("/")) : ""
|
||||
});
|
||||
} catch (error) {
|
||||
WARN && console.warn(`Could not read file ${filePath}:`, error);
|
||||
}
|
||||
}
|
||||
|
||||
// Sort by path
|
||||
notes.sort((a, b) => a.path.localeCompare(b.path));
|
||||
return notes;
|
||||
}
|
||||
|
||||
return {
|
||||
init,
|
||||
config,
|
||||
|
|
@ -408,7 +468,9 @@ Add your lore here...
|
|||
parseFrontmatter,
|
||||
findNotesByCoordinates,
|
||||
findNoteByFmgId,
|
||||
generateNoteTemplate
|
||||
generateNoteTemplate,
|
||||
searchNotes,
|
||||
listAllNotes
|
||||
};
|
||||
})();
|
||||
|
||||
|
|
|
|||
|
|
@ -153,21 +153,49 @@ async function promptCreateNewNote(elementId, elementType, coordinates) {
|
|||
const element = getElementData(elementId, elementType);
|
||||
const suggestedName = element.name || `${elementType}-${element.i}`;
|
||||
|
||||
// Build context info for the element
|
||||
let contextInfo = "";
|
||||
if (element.state) {
|
||||
contextInfo += `<div style="color: #666; font-size: 0.9em;">State: ${element.state}</div>`;
|
||||
}
|
||||
if (element.province) {
|
||||
contextInfo += `<div style="color: #666; font-size: 0.9em;">Province: ${element.province}</div>`;
|
||||
}
|
||||
|
||||
// Pre-fill search with state or element name
|
||||
const defaultSearch = element.state || element.name || "";
|
||||
|
||||
alertMessage.innerHTML = `
|
||||
<p>No matching notes found. Create a new note in your Obsidian vault?</p>
|
||||
<div style="margin: 1em 0;">
|
||||
<label for="newNoteName" style="display: block; margin-bottom: 0.5em;">Note name:</label>
|
||||
<input id="newNoteName" type="text" value="${suggestedName}" style="width: 100%; padding: 8px; font-size: 1em;"/>
|
||||
<div style="margin-bottom: 1.5em;">
|
||||
<p><strong>${element.name || elementId}</strong></p>
|
||||
${contextInfo}
|
||||
<p style="margin-top: 0.5em;">No matching notes found by coordinates.</p>
|
||||
</div>
|
||||
<div style="margin: 1em 0;">
|
||||
<label for="newNotePath" style="display: block; margin-bottom: 0.5em;">Folder (optional):</label>
|
||||
<input id="newNotePath" type="text" placeholder="e.g., Locations/Cities" style="width: 100%; padding: 8px; font-size: 1em;"/>
|
||||
|
||||
<div style="margin: 1.5em 0; padding: 1em; background: #f5f5f5; border-radius: 4px;">
|
||||
<label for="obsidianSearch" style="display: block; margin-bottom: 0.5em; font-weight: bold;">Search your vault:</label>
|
||||
<input id="obsidianSearch" type="text" placeholder="Type to search..." value="${defaultSearch}" style="width: 100%; padding: 8px; font-size: 1em; margin-bottom: 8px;"/>
|
||||
<button id="obsidianSearchBtn" style="padding: 6px 12px;">Search</button>
|
||||
<button id="obsidianBrowseBtn" style="padding: 6px 12px; margin-left: 8px;">Browse All Notes</button>
|
||||
<div id="obsidianSearchResults" style="margin-top: 1em; max-height: 200px; overflow-y: auto;"></div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #ddd;">
|
||||
<p style="font-weight: bold; margin-bottom: 1em;">Or create a new note:</p>
|
||||
<div style="margin: 1em 0;">
|
||||
<label for="newNoteName" style="display: block; margin-bottom: 0.5em;">Note name:</label>
|
||||
<input id="newNoteName" type="text" value="${suggestedName}" style="width: 100%; padding: 8px; font-size: 1em;"/>
|
||||
</div>
|
||||
<div style="margin: 1em 0;">
|
||||
<label for="newNotePath" style="display: block; margin-bottom: 0.5em;">Folder (optional):</label>
|
||||
<input id="newNotePath" type="text" placeholder="e.g., Locations/Cities" style="width: 100%; padding: 8px; font-size: 1em;"/>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
$("#alert").dialog({
|
||||
title: "Create New Note",
|
||||
width: "500px",
|
||||
title: "Find or Create Note",
|
||||
width: "600px",
|
||||
buttons: {
|
||||
Create: async function () {
|
||||
const name = byId("newNoteName").value.trim();
|
||||
|
|
@ -206,6 +234,128 @@ async function promptCreateNewNote(elementId, elementType, coordinates) {
|
|||
},
|
||||
position: {my: "center", at: "center", of: "svg"}
|
||||
});
|
||||
|
||||
// Add event handlers for search and browse
|
||||
const searchBtn = byId("obsidianSearchBtn");
|
||||
const browseBtn = byId("obsidianBrowseBtn");
|
||||
const searchInput = byId("obsidianSearch");
|
||||
const resultsDiv = byId("obsidianSearchResults");
|
||||
|
||||
const performSearch = async () => {
|
||||
const query = searchInput.value.trim();
|
||||
if (!query) {
|
||||
resultsDiv.innerHTML = "<p style='color: #999;'>Enter a search term</p>";
|
||||
return;
|
||||
}
|
||||
|
||||
resultsDiv.innerHTML = "<p>Searching...</p>";
|
||||
|
||||
try {
|
||||
const results = await ObsidianBridge.searchNotes(query);
|
||||
|
||||
if (results.length === 0) {
|
||||
resultsDiv.innerHTML = "<p style='color: #999;'>No matching notes found</p>";
|
||||
return;
|
||||
}
|
||||
|
||||
resultsDiv.innerHTML = results
|
||||
.map(
|
||||
(note, index) => `
|
||||
<div class="search-result" data-index="${index}" style="
|
||||
padding: 8px;
|
||||
margin: 4px 0;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
background: white;
|
||||
" onmouseover="this.style.background='#e8e8e8'" onmouseout="this.style.background='white'">
|
||||
<div style="font-weight: bold;">${note.name}</div>
|
||||
<div style="font-size: 0.85em; color: #666;">${note.path}</div>
|
||||
</div>
|
||||
`
|
||||
)
|
||||
.join("");
|
||||
|
||||
// Add click handlers
|
||||
document.querySelectorAll(".search-result").forEach((el, index) => {
|
||||
el.addEventListener("click", async () => {
|
||||
$("#alert").dialog("close");
|
||||
try {
|
||||
const note = results[index];
|
||||
const content = await ObsidianBridge.getNote(note.path);
|
||||
resolve({
|
||||
path: note.path,
|
||||
name: note.name,
|
||||
content,
|
||||
frontmatter: note.frontmatter
|
||||
});
|
||||
} catch (error) {
|
||||
reject(error);
|
||||
}
|
||||
});
|
||||
});
|
||||
} catch (error) {
|
||||
resultsDiv.innerHTML = `<p style='color: red;'>Search failed: ${error.message}</p>`;
|
||||
}
|
||||
};
|
||||
|
||||
const showBrowse = async () => {
|
||||
resultsDiv.innerHTML = "<p>Loading all notes...</p>";
|
||||
|
||||
try {
|
||||
const allNotes = await ObsidianBridge.listAllNotes();
|
||||
|
||||
if (allNotes.length === 0) {
|
||||
resultsDiv.innerHTML = "<p style='color: #999;'>No notes in vault</p>";
|
||||
return;
|
||||
}
|
||||
|
||||
resultsDiv.innerHTML = allNotes
|
||||
.map(
|
||||
(note, index) => `
|
||||
<div class="browse-result" data-index="${index}" style="
|
||||
padding: 8px;
|
||||
margin: 4px 0;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
background: white;
|
||||
" onmouseover="this.style.background='#e8e8e8'" onmouseout="this.style.background='white'">
|
||||
<div style="font-weight: bold;">${note.name}</div>
|
||||
<div style="font-size: 0.85em; color: #666;">${note.path}</div>
|
||||
</div>
|
||||
`
|
||||
)
|
||||
.join("");
|
||||
|
||||
// Add click handlers
|
||||
document.querySelectorAll(".browse-result").forEach((el, index) => {
|
||||
el.addEventListener("click", async () => {
|
||||
$("#alert").dialog("close");
|
||||
try {
|
||||
const note = allNotes[index];
|
||||
const content = await ObsidianBridge.getNote(note.path);
|
||||
resolve({
|
||||
path: note.path,
|
||||
name: note.name,
|
||||
content,
|
||||
frontmatter: note.frontmatter
|
||||
});
|
||||
} catch (error) {
|
||||
reject(error);
|
||||
}
|
||||
});
|
||||
});
|
||||
} catch (error) {
|
||||
resultsDiv.innerHTML = `<p style='color: red;'>Failed to load notes: ${error.message}</p>`;
|
||||
}
|
||||
};
|
||||
|
||||
searchBtn.addEventListener("click", performSearch);
|
||||
browseBtn.addEventListener("click", showBrowse);
|
||||
searchInput.addEventListener("keypress", e => {
|
||||
if (e.key === "Enter") performSearch();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -213,10 +363,35 @@ function getElementData(elementId, elementType) {
|
|||
// Extract element data based on type
|
||||
if (elementType === "burg") {
|
||||
const burgId = parseInt(elementId.replace("burg", ""));
|
||||
return pack.burgs[burgId];
|
||||
const burg = pack.burgs[burgId];
|
||||
|
||||
// Enhance with state and province names
|
||||
const stateId = burg.state;
|
||||
const provinceId = burg.province;
|
||||
|
||||
return {
|
||||
...burg,
|
||||
state: stateId && pack.states[stateId] ? pack.states[stateId].name : null,
|
||||
province: provinceId && pack.provinces[provinceId] ? pack.provinces[provinceId].name : null
|
||||
};
|
||||
} else if (elementType === "marker") {
|
||||
const markerId = parseInt(elementId.replace("marker", ""));
|
||||
return pack.markers[markerId];
|
||||
const marker = pack.markers[markerId];
|
||||
|
||||
// Enhance with state and province if marker has a cell
|
||||
if (marker.cell) {
|
||||
const cell = pack.cells;
|
||||
const stateId = cell.state[marker.cell];
|
||||
const provinceId = cell.province[marker.cell];
|
||||
|
||||
return {
|
||||
...marker,
|
||||
state: stateId && pack.states[stateId] ? pack.states[stateId].name : null,
|
||||
province: provinceId && pack.provinces[provinceId] ? pack.provinces[provinceId].name : null
|
||||
};
|
||||
}
|
||||
|
||||
return marker;
|
||||
} else {
|
||||
// Generic element
|
||||
const el = document.getElementById(elementId);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue