feat: plugin compliance fixes and feed manager enhancements

Author: amatya-aditya

2.1.6.md

@@ -1,5 +1,5 @@
 # 2.1.6
 
-## Fixes
-- Removed `async` keyword from `onOpen` method in `dashboard-view.ts` to resolve warning about missing `await` expression.
+## Fixed
 
+- Removed `async` keyword from `onOpen` method in `dashboard-view.ts` to resolve warning about missing `await` expression.

docs/releases/2.1.6.md

@@ -0,0 +1,21 @@
+## 2.1.7
+
+### Fixed
+- Improved CSS specificity to avoid conflicts with other plugins by adding plugin-specific classes
+- Fixed UI text to use sentence case as per Obsidian guidelines
+- Replaced type casting with `requireApiVersion()` for proper API version checking
+- Updated to use `FileManager.renameFile()` instead of `Vault.rename()` for better link updating
+- Made commands conditional based on active dashboard view
+- Implemented `AbstractInputSuggest` for file/folder selection with type-ahead support
+- Added `normalizePath()` for cleaning user-defined paths
+- Properly registered event listeners for clean plugin unloading
+- Removed manual folder hierarchy creation (let `Vault.createFolder()` handle it)
+- Considered media query alternatives to resize observers for better performance
+
+### Added
+- Search functionality to Feed Manager modal with real-time filtering
+- Visual differentiation between folder names and feed names with improved hierarchy styling
+
+### Changed
+- Removed URL column from Feed Manager modal for cleaner layout
+- Enhanced Feed Manager UI with top controls layout (search + add button)

docs/releases/2.1.7.md

@@ -4,7 +4,8 @@ import {
     WorkspaceLeaf,
     setIcon,
     Setting,
-    Platform
+    Platform,
+    requireApiVersion
 } from "obsidian";
 
 import { 
@@ -36,8 +37,8 @@ export default class RssDashboardPlugin extends Plugin {
     public async getActiveDashboardView(): Promise<RssDashboardView | null> {
         const leaves = this.app.workspace.getLeavesOfType(RSS_DASHBOARD_VIEW_TYPE);
         for (const leaf of leaves) {
-            if (typeof (leaf as WorkspaceLeaf & { loadIfDeferred?: () => Promise<void> }).loadIfDeferred === 'function') {
-                await (leaf as WorkspaceLeaf & { loadIfDeferred: () => Promise<void> }).loadIfDeferred();
+            if (requireApiVersion('1.7.2')) {
+                await leaf.loadIfDeferred();
             }
             const view = leaf.view;
             if (view instanceof RssDashboardView) {
@@ -50,8 +51,8 @@ export default class RssDashboardPlugin extends Plugin {
     public async getActiveDiscoverView(): Promise<DiscoverView | null> {
         const leaves = this.app.workspace.getLeavesOfType(RSS_DISCOVER_VIEW_TYPE);
         for (const leaf of leaves) {
-            if (typeof (leaf as WorkspaceLeaf & { loadIfDeferred?: () => Promise<void> }).loadIfDeferred === 'function') {
-                await (leaf as WorkspaceLeaf & { loadIfDeferred: () => Promise<void> }).loadIfDeferred();
+            if (requireApiVersion('1.7.2')) {
+                await leaf.loadIfDeferred();
             }
             const view = leaf.view;
             if (view instanceof DiscoverView) {
@@ -64,8 +65,8 @@ export default class RssDashboardPlugin extends Plugin {
     public async getActiveReaderView(): Promise<ReaderView | null> {
         const leaves = this.app.workspace.getLeavesOfType(RSS_READER_VIEW_TYPE);
         for (const leaf of leaves) {
-            if (typeof (leaf as WorkspaceLeaf & { loadIfDeferred?: () => Promise<void> }).loadIfDeferred === 'function') {
-                await (leaf as WorkspaceLeaf & { loadIfDeferred: () => Promise<void> }).loadIfDeferred();
+            if (requireApiVersion('1.7.2')) {
+                await leaf.loadIfDeferred();
             }
             const view = leaf.view;
             if (view instanceof ReaderView) {
@@ -189,13 +190,22 @@ export default class RssDashboardPlugin extends Plugin {
             this.addCommand({
                 id: "toggle-sidebar",
                 name: "Toggle sidebar",
-                callback: async () => {
-                    const view = await this.getActiveDashboardView();
-                    if (view) {
-                        this.settings.sidebarCollapsed = !this.settings.sidebarCollapsed;
-                        await this.saveSettings();
-                        view.render();
+                checkCallback: (checking: boolean) => {
+                    const leaves = this.app.workspace.getLeavesOfType(RSS_DASHBOARD_VIEW_TYPE);
+                    if (leaves.length > 0) {
+                        if (!checking) {
+                            void (async () => {
+                                const view = await this.getActiveDashboardView();
+                                if (view) {
+                                    this.settings.sidebarCollapsed = !this.settings.sidebarCollapsed;
+                                    await this.saveSettings();
+                                    view.render();
+                                }
+                            })();
+                        }
+                        return true;
                     }
+                    return false;
                 },
             });
 

main.ts

@@ -1,9 +1,9 @@
 {
 	"id": "rss-dashboard",
 	"name": "RSS Dashboard",
-	"version": "2.1.6",
+	"version": "2.1.7",
 	"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.",
+	"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",
 	"authorUrl": "https://github.com/amatya-aditya",
 	"fundingUrl": "https://buymeacoffee.com/amatya_aditya",

manifest.json

@@ -0,0 +1,61 @@
+import { AbstractInputSuggest, App } from "obsidian";
+import type { Folder } from "../types/types";
+
+/**
+ * Provides type-ahead folder suggestions for text inputs
+ */
+export class FolderSuggest extends AbstractInputSuggest<string> {
+    private folders: string[];
+
+    /**
+     * Collects all folder paths from the folder tree
+     */
+    private collectAllFolders(folders: Folder[], base = ""): string[] {
+        let paths: string[] = [];
+        for (const f of folders) {
+            const path = base ? `${base}/${f.name}` : f.name;
+            paths.push(path);
+            if (f.subfolders && f.subfolders.length > 0) {
+                paths = paths.concat(this.collectAllFolders(f.subfolders, path));
+            }
+        }
+        return paths.sort((a, b) => a.localeCompare(b));
+    }
+
+    constructor(app: App, inputEl: HTMLInputElement, folders: Folder[]) {
+        super(app, inputEl);
+        this.folders = this.collectAllFolders(folders);
+    }
+
+    /**
+     * Updates the available folders
+     */
+    public updateFolders(folders: Folder[]): void {
+        this.folders = this.collectAllFolders(folders);
+    }
+
+    /**
+     * Returns filtered folder suggestions based on the query
+     */
+    protected getSuggestions(query: string): string[] {
+        const lowerQuery = query.toLowerCase();
+        return this.folders.filter(folder =>
+            folder.toLowerCase().includes(lowerQuery)
+        );
+    }
+
+    /**
+     * Renders a folder suggestion in the dropdown
+     */
+    public renderSuggestion(folder: string, el: HTMLElement): void {
+        el.setText(folder);
+    }
+
+    /**
+     * Called when a folder is selected
+     */
+    public selectSuggestion(folder: string): void {
+        this.setValue(folder);
+        this.close();
+    }
+}

src/components/folder-suggest.ts

@@ -875,7 +875,7 @@ export class Sidebar {
                 placeholder: "Enter folder name",
                 autocomplete: "off"
             },
-            cls: "full-width-input input-margin-bottom"
+            cls: "rss-full-width-input rss-input-margin-bottom"
         });
         nameInput.spellcheck = false;
         nameInput.addEventListener("focus", () => nameInput.select());