litruv/Docs-Viewer
1
0
Fork 0
mirror of https://github.com/litruv/Docs-Viewer.git synced 2026-07-24 02:36:07 +10:00
Code Issues Packages Projects Releases Wiki Activity

onload fix

Browse Source
This commit is contained in:
Litruv
2025-03-25 00:19:18 +11:00
parent 4f21edecc7
commit e64738d751
2 changed files with 81 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
docs/.obsidian/plugins/docs-viewer/main.js vendored
View File

@@ -4,11 +4,23 @@ class TitleAppenderPlugin extends obsidian.Plugin {
async onload() {
console.log('Loading TitleAppender plugin');
// Wait for layout to be ready
// Initial update attempt
this.updateAllTitles();
// Wait for layout to be ready before registering events
this.app.workspace.onLayoutReady(() => {
this.registerEvents();
this.updateAllTitles();
// Force another update after layout is ready
setTimeout(() => {
this.updateAllTitles();
}, 500);
});
// Schedule periodic updates to catch any missed files
this.registerInterval(
window.setInterval(() => this.updateAllTitles(), 5000)
);
}
registerEvents() {
@@ -39,16 +51,8 @@ class TitleAppenderPlugin extends obsidian.Plugin {
// Get all markdown files
const files = this.app.vault.getMarkdownFiles();
// First, reset all previously set classes and attributes
document.querySelectorAll('.has-sort-value, .has-title').forEach(el => {
el.classList.remove('has-sort-value', 'has-title');
el.removeAttribute('data-sort-value');
el.removeAttribute('data-title');
// Also remove any added elements
const sortSuffix = el.querySelector('.sort-suffix');
if (sortSuffix) sortSuffix.remove();
});
// First, clean up any existing elements
this.cleanupExistingElements();
// Apply classes and attributes for each file with frontmatter
files.forEach(file => {
@@ -60,32 +64,34 @@ class TitleAppenderPlugin extends obsidian.Plugin {
if (title || sortValue) {
const escapedPath = CSS.escape(file.path);
const fileElement = document.querySelector(`.nav-file-title[data-path="${escapedPath}"] .nav-file-title-content`);
const fileElements = document.querySelectorAll(`.nav-file-title[data-path="${escapedPath}"] .nav-file-title-content`);
if (fileElement) {
// Add title if available
if (title) {
fileElement.classList.add('has-title');
fileElement.setAttribute('data-title', ` (${title})`);
}
// Add sort value if available
if (sortValue !== undefined) {
fileElement.classList.add('has-sort-value');
// If both title and sort exist, create a span for the sort value
fileElements.forEach(fileElement => {
if (fileElement) {
// Add title if available
if (title) {
// Create a span for the sort value to apply different color
const sortSpan = document.createElement('span');
sortSpan.className = 'sort-suffix';
sortSpan.textContent = `[${sortValue}]`;
fileElement.appendChild(sortSpan);
} else {
// If only sort exists, use the attribute
fileElement.setAttribute('data-sort-value', `[${sortValue}]`);
fileElement.classList.add('has-title');
fileElement.setAttribute('data-title', ` (${title})`);
}
// Add sort value if available
if (sortValue !== undefined) {
fileElement.classList.add('has-sort-value');
// If both title and sort exist, create a span for the sort value
if (title) {
// Create a span for the sort value to apply different color
const sortSpan = document.createElement('span');
sortSpan.className = 'sort-suffix';
sortSpan.textContent = `[${sortValue}]`;
fileElement.appendChild(sortSpan);
} else {
// If only sort exists, use the attribute
fileElement.setAttribute('data-sort-value', `[${sortValue}]`);
}
}
}
}
});
}
} catch (e) {
console.error('Error processing file:', file?.path, e);
@@ -96,16 +102,23 @@ class TitleAppenderPlugin extends obsidian.Plugin {
}
}
onunload() {
console.log('Unloading TitleAppender plugin');
// Clean up any added classes when unloading
cleanupExistingElements() {
// Remove all classes and attributes
document.querySelectorAll('.has-sort-value, .has-title').forEach(el => {
el.classList.remove('has-sort-value', 'has-title');
el.removeAttribute('data-sort-value');
el.removeAttribute('data-title');
// Remove any added elements
const sortSuffix = el.querySelector('.sort-suffix');
if (sortSuffix) sortSuffix.remove();
});
}
onunload() {
console.log('Unloading TitleAppender plugin');
this.cleanupExistingElements();
}
}
module.exports = TitleAppenderPlugin;

30
docs/.obsidian/plugins/docs-viewer/styles.css vendored
View File

@@ -75,3 +75,33 @@
color: var(--color-yellow);
margin-left: 4px;
}
/* Fix conflicting rules for title and sort display */
.has-title::after {
content: attr(data-title);
color: var(--color-orange);
font-size: 0.85em;
opacity: 0.8;
}
/* Sort value styling when sort value is alone */
.has-sort-value:not(.has-title)::after {
content: attr(data-sort-value);
color: var(--color-yellow);
margin-left: 4px;
}
/* Handle case when both title and sort are present */
.has-title.has-sort-value::after {
content: attr(data-title);
color: var(--color-orange);
font-size: 0.85em;
opacity: 0.8;
}
/* Style for the sort suffix span */
.sort-suffix {
color: var(--color-yellow);
margin-left: 4px;
font-size: 0.85em;
}