feat: template management system and folder suggest improvements

Author: amatya-aditya

.claude/settings.local.json

@@ -0,0 +1,10 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npx tsc:*)",
+      "Bash(cd:*)",
+      "Bash(npx eslint:*)",
+      "Bash(npm run build:*)"
+    ]
+  }
+}

docs/releases/2.1.8.md

@@ -0,0 +1,26 @@
+## 2.1.8
+
+### Fixed
+
+- Fixed folder selection not persisting after selecting from suggestions by dispatching proper DOM events
+- Fixed template name modal not receiving input focus by using Obsidian's native Modal class
+- Fixed ESLint "unsafe assignment" warnings in reader-view.ts with proper type annotations
+- Removed manual event listener management in discover-view.ts (using Obsidian's registerDomEvent)
+- Fixed folder suggestions showing RSS sidebar folders for article save path (now shows vault folders)
+
+### Added
+
+- Template management system for article saving:
+  - "Reset to default" button to restore the default article template
+  - "Save as template" button to save current template with a custom name
+  - Saved templates section with Load, Update, and Delete functionality
+- Per-feed template selection in Feed Manager modal
+  - Feeds can now have a custom template assigned
+  - Template is resolved at save time from saved templates
+- VaultFolderSuggest component for suggesting folders from the entire vault
+
+### Changed
+
+- Article save path setting now suggests folders from the vault instead of RSS sidebar folders
+- YouTube and Podcast folder settings continue to suggest RSS sidebar folders
+- Improved type safety with explicit ArticleSavingSettings and SavedTemplate types

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "rss-dashboard",
 	"name": "RSS Dashboard",
-	"version": "2.1.7",
+	"version": "2.1.8",
 	"minAppVersion": "1.1.0",
 	"description": "A dashboard for organizing and consuming RSS feeds, YouTube channels, and podcasts with smart tagging, media playback, and seamless content flow.",
 	"author": "Aditya Amatya",

src/components/folder-suggest.ts

@@ -1,11 +1,56 @@
-import { AbstractInputSuggest, App } from "obsidian";
+import { AbstractInputSuggest, App, TFolder } from "obsidian";
 import type { Folder } from "../types/types";
 
 /**
- * Provides type-ahead folder suggestions for text inputs
+ * Provides type-ahead folder suggestions from the vault
+ */
+export class VaultFolderSuggest extends AbstractInputSuggest<TFolder> {
+    private inputEl: HTMLInputElement;
+
+    constructor(app: App, inputEl: HTMLInputElement) {
+        super(app, inputEl);
+        this.inputEl = inputEl;
+    }
+
+    protected getSuggestions(query: string): TFolder[] {
+        const lowerQuery = query.toLowerCase();
+        const folders: TFolder[] = [];
+
+        const rootFolder = this.app.vault.getRoot();
+        this.collectFolders(rootFolder, folders);
+
+        return folders.filter(folder =>
+            folder.path.toLowerCase().includes(lowerQuery)
+        );
+    }
+
+    private collectFolders(folder: TFolder, result: TFolder[]): void {
+        for (const child of folder.children) {
+            if (child instanceof TFolder) {
+                result.push(child);
+                this.collectFolders(child, result);
+            }
+        }
+    }
+
+    public renderSuggestion(folder: TFolder, el: HTMLElement): void {
+        el.setText(folder.path);
+    }
+
+    public selectSuggestion(folder: TFolder, _evt: MouseEvent | KeyboardEvent): void {
+        this.inputEl.value = folder.path;
+        this.inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+        this.inputEl.dispatchEvent(new Event("change", { bubbles: true }));
+        this.close();
+    }
+}
+
+/**
+ * Provides type-ahead folder suggestions for RSS sidebar folders
  */
 export class FolderSuggest extends AbstractInputSuggest<string> {
     private folders: string[];
+    private inputEl: HTMLInputElement;
 
     /**
      * Collects all folder paths from the folder tree
@@ -24,6 +69,7 @@ export class FolderSuggest extends AbstractInputSuggest<string> {
 
     constructor(app: App, inputEl: HTMLInputElement, folders: Folder[]) {
         super(app, inputEl);
+        this.inputEl = inputEl;
         this.folders = this.collectAllFolders(folders);
     }
 
@@ -54,8 +100,10 @@ export class FolderSuggest extends AbstractInputSuggest<string> {
     /**
      * Called when a folder is selected
      */
-    public selectSuggestion(folder: string): void {
-        this.setValue(folder);
+    public selectSuggestion(folder: string, _evt: MouseEvent | KeyboardEvent): void {
+        this.inputEl.value = folder;
+        this.inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+        this.inputEl.dispatchEvent(new Event("change", { bubbles: true }));
         this.close();
     }
 }

src/modals/feed-manager-modal.ts

@@ -1,6 +1,6 @@
 import { Modal, App, Setting, Notice, requestUrl } from "obsidian";
 import type RssDashboardPlugin from "../../main";
-import type { Feed, Folder } from "../types/types";
+import type { Feed, Folder, SavedTemplate } from "../types/types";
 import { FolderSuggest } from "../components/folder-suggest";
 
 function collectAllFolders(folders: Folder[], base = ""): string[] {
@@ -291,6 +291,24 @@ export class EditFeedModal extends Modal {
                 });
         });
 
+        // Template selection
+        let customTemplate = this.feed.customTemplate || "";
+        const savedTemplates = this.plugin.settings.articleSaving.savedTemplates || [];
+
+        new Setting(contentEl)
+            .setName("Article template")
+            .setDesc("Select a template to use when saving articles from this feed")
+            .addDropdown(dropdown => {
+                dropdown.addOption("", "Use default template");
+                savedTemplates.forEach((template: SavedTemplate) => {
+                    dropdown.addOption(template.id, template.name);
+                });
+                dropdown.setValue(customTemplate);
+                dropdown.onChange(value => {
+                    customTemplate = value;
+                });
+            });
+
         const btns = contentEl.createDiv("rss-dashboard-modal-buttons");
         const saveBtn = btns.createEl("button", { text: "Save", cls: "rss-dashboard-primary-button" });
         const cancelBtn = btns.createEl("button", { text: "Cancel" });
@@ -313,8 +331,8 @@ export class EditFeedModal extends Modal {
 
             this.feed.maxItemsLimit = newMaxItemsLimit;
             this.feed.scanInterval = scanInterval;
-            
-            
+            this.feed.customTemplate = customTemplate || undefined;
+
             if (newMaxItemsLimit > 0 && this.feed.items.length > newMaxItemsLimit) {
 
                 this.feed.items.sort((a, b) => new Date(b.pubDate).getTime() - new Date(a.pubDate).getTime());