Projets/ObsiViewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add quick links filtering and frontmatter enrichment on file load

Browse Source
This commit is contained in:
bruno
2025-10-19 20:47:18 -04:00
parent 8cccf83f9a
commit 0f7610bed1
51 changed files with 4078 additions and 647 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/file-explorer/file-explorer.component.ts
+21 -6
View File
@@ -2,6 +2,7 @@ import { Component, ChangeDetectionStrategy, input, output, inject } from '@angu
import { CommonModule } from '@angular/common';
import { VaultNode, VaultFile, VaultFolder } from '../../types';
import { VaultService } from '../../services/vault.service';
import { BadgeCountComponent } from '../../app/shared/ui/badge-count.component';
@Component({
selector: 'app-file-explorer',
@@ -9,18 +10,19 @@ import { VaultService } from '../../services/vault.service';
<ul class="space-y-0.5">
@for(node of nodes(); track node.path) {
<li>
@if (isFolder(node)) {
@if (isFolder(node) && node.name !== '.trash') {
@let folder = node;
<div>
<div
(click)="onFolderClick(folder)"
class="flex items-center cursor-pointer p-2 rounded my-0.5 text-sm hover:bg-obs-l-bg-main dark:hover:bg-obs-d-bg-main"
class="flex items-center cursor-pointer px-3 py-2 rounded-lg my-0.5 text-sm hover:bg-slate-500/10 dark:hover:bg-slate-200/10 transition"
>
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transition-transform text-obs-l-text-muted dark:text-obs-d-text-muted" [class.rotate-90]="folder.isOpen" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 flex-shrink-0 text-obs-l-text-muted dark:text-obs-d-text-muted" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path></svg>
<span class="font-semibold truncate">{{ folder.name }}</span>
<app-badge-count class="ml-auto" [count]="folderCount(folder.path)" color="slate"></app-badge-count>
</div>
@if (folder.isOpen) {
<div class="pl-5">
@@ -39,11 +41,11 @@ import { VaultService } from '../../services/vault.service';
@let file = node;
<div
(click)="onFileSelected(file.id)"
class="flex items-center cursor-pointer p-2 rounded my-0.5 text-sm ml-5"
class="flex items-center cursor-pointer px-3 py-2 rounded-lg my-0.5 text-sm ml-5"
[class.bg-obs-l-bg-main]="selectedNoteId() === file.id"
[class.dark:bg-obs-d-bg-main]="selectedNoteId() === file.id"
[class.hover:bg-obs-l-bg-main]="selectedNoteId() !== file.id"
[class.dark:hover:bg-obs-d-bg-main]="selectedNoteId() !== file.id"
[class.hover:bg-slate-500/10]="selectedNoteId() !== file.id"
[class.dark:hover:bg-slate-200/10]="selectedNoteId() !== file.id"
>
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 flex-shrink-0 text-obs-l-text-muted dark:text-obs-d-text-muted" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
@@ -57,17 +59,30 @@ import { VaultService } from '../../services/vault.service';
</ul>
`,
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [CommonModule],
imports: [CommonModule, BadgeCountComponent],
})
export class FileExplorerComponent {
nodes = input.required<VaultNode[]>();
selectedNoteId = input<string | null>(null);
foldersOnly = input<boolean>(false);
useTrashCounts = input<boolean>(false);
fileSelected = output<string>();
folderSelected = output<string>();
private vaultService = inject(VaultService);
folderCount(path: string): number {
if (this.useTrashCounts()) {
const counts = this.vaultService.trashFolderCounts();
const raw = (path || '').replace(/\\/g, '/');
const norm = raw.replace(/^\/+|\/+$/g, '').toLowerCase();
return (counts[norm] ?? counts[raw] ?? counts[raw.toLowerCase()] ?? 0);
} else {
const counts = this.vaultService.folderCounts();
return counts[path] ?? 0;
}
}
onFileSelected(noteId: string) {
if(noteId) {
this.fileSelected.emit(noteId);