I created a plugin to add g g to navigate to a feed.

[luv2code]

I am migrating from feedly, and one of the things I miss is g g for navigating to a particular feed (they recently removed this shortcut.)

So I made a plugin to add this feature to ttrss: https://github.com/luv2code/ttrss-goto-feed

Of course I think this should be a core feature and I'm prepared to issue a pull request if the maintainer agrees.

I've only just started using ttrss; but I'm liking a lot things so far. Thanks to the maintainer(s)!]

Screencast_20260508_220220.webm

[luv2code]

One thing I didn't understand is that ttrss identifies this as a "system plugin"; but I have no idea why. At the moment, you have to add it to the TTRSS_PLUGINS env var to enabled it; but I'd prefer that it was a user plugin so installers would not have to do that.

[thomas-333]

Thanks for sharing. Good plugin - I have it installed.

The system plugin problem seems to be because you are accidentally setting system plugin to true with your about function. This fixes it:

        function about() {
                return [1.0,
                        "Add gg keyboard shortcut to bring up a dialog to autocomplete and navigate>
                        "@luv2code https://github.com/luv2code/ttrss-goto-feed",
                        false,
                ];
        }

Also I don't know if this depends on browser but I found if I typed "h" for my Hackaday feed the search box would immediately change the "h" to a "f" as the first item on the list for me was "Fresh Articles".

Two minor tweaks fixed it for me:

require(["dojo/ready"], function(ready) {
	ready(function() {
		// Only run when App is initialized
		if (typeof App === 'undefined' || !App.hotkey_actions) return;

		App.hotkey_actions["goto_feed"] = () => {
			require(["dijit/form/FilteringSelect", "dojo/store/Memory"], function(FilteringSelect, Memory) {
				const tree = dijit.byId("feedTree");
				if (!tree || !tree.model || !tree.model.store) return;

				const feedItems = [];

				// Since tree.model.store._arrayOfAllItems exists for ItemFileWriteStore, we can just use that
				// which is already flattened and populated!
				if (tree.model.store._arrayOfAllItems) {
					const allItems = tree.model.store._arrayOfAllItems;
					for (let i = 0; i < allItems.length; i++) {
						const item = allItems[i];
						if (!item || !item.id) continue;

						const id = Array.isArray(item.id) ? item.id[0] : item.id;
						if (id === 'root') continue;

						const is_feed = id && id.startsWith('FEED:');
						const is_cat = id && id.startsWith('CAT:');

						if (is_feed || is_cat) {
							feedItems.push({
								id: id,
								name: item.name ? (Array.isArray(item.name) ? item.name[0] : item.name) : "Unknown"
							});
						}
					}
					// Sort feedItems alphabetically by name for consistent behavior
					feedItems.sort((a, b) => a.name.localeCompare(b.name));
				}

				const dialog = new fox.SingleUseDialog({
					title: __("Go to feed"),
					content: `
						<form onsubmit='return false'>
							<section>
								<fieldset>
									<div id="gotoFeed_select_container"></div>
								</fieldset>
							</section>
							<footer>
								<button dojoType='dijit.form.Button' type='submit' class='alt-primary'>
									${__('Go')}
								</button>
								<button dojoType='dijit.form.Button' onclick='App.dialogOf(this).hide()'>
									${__('Cancel')}
								</button>
							</footer>
						</form>
					`
				});

				dialog.show();

				const select = new FilteringSelect({
					store: new Memory({ data: feedItems }),
					searchAttr: "name",
					queryExpr: "*${0}*",
					ignoreCase: true,
					autoComplete: false,  // Explicitly disable auto-complete to prevent input changes
					placeHolder: __("Search for a feed..."),
					style: "width: 100%",
					required: true
				});

				const container = document.getElementById("gotoFeed_select_container");
				container.appendChild(select.domNode);

				window.setTimeout(() => select.focus(), 10);

				const go = () => {
					if (select.isValid()) {
						const val = select.get("value");
						if (val) {
							const is_cat = val.match("^CAT:") !== null;
							const feed = val.substr(val.indexOf(":") + 1);
							Feeds.open({ feed: feed, is_cat: is_cat });
							dialog.hide();
						}
					}
				};

				select.on("change", go);
				dialog.domNode.querySelector("form").onsubmit = go;
			});
		};
	});
});

[luv2code]

Thank you so much for fixing the system plugin problem.

Sorting doesn't really matter to me since I hardly use the list at all. I'll take your alphabetical change.

Turning off autocomplete bothers me a little. I have a few feeds that start with the word Dog, I don't want to have to type Dog and then the unique letters after. My usage is like this g g -> TV -> enter. With autocomplete off, I have to do g g -> TV -> [down] -> [down] -> enter. And those extra down key-presses bother me because I have to move my hand from the home row.

I type fast enough that I have my search characters in before the handler fires and replaces my search term with the wrong feed. I wish that it didn't replace them, though. I was thinking maybe experimenting with dijit combo box instead of the filtering select or overriding an event to prevent the search text from being replaced. I agree that typing fast is a workaround.

[thomas-333]

No problem on the system plugin problem.

I totally appreciate what you are saying about minimising key strokes. The updated code below is a but messy however it should be the best of both worlds. You don't need to type fast and if there is only 1 result it auto completes. It does rely on the user typing in enough unique characters though.

I also agree it would be good if this was a core ttrss feature as it speeds up navigation:

require(["dojo/ready"], function(ready) {
        ready(function() {
                // Only run when App is initialized
                if (typeof App === 'undefined' || !App.hotkey_actions) return;

                App.hotkey_actions["goto_feed"] = () => {
                        require(["dijit/form/FilteringSelect", "dojo/store/Memory"], function(FilteringSelect, Memory) {
                                const tree = dijit.byId("feedTree");
                                if (!tree || !tree.model || !tree.model.store) return;

                                const feedItems = [];

                                // Since tree.model.store._arrayOfAllItems exists for ItemFileWriteStore, we can just use that
                                // which is already flattened and populated!
                                if (tree.model.store._arrayOfAllItems) {
                                        const allItems = tree.model.store._arrayOfAllItems;
                                        for (let i = 0; i < allItems.length; i++) {
                                                const item = allItems[i];
                                                if (!item || !item.id) continue;

                                                const id = Array.isArray(item.id) ? item.id[0] : item.id;
                                                if (id === 'root') continue;

                                                const is_feed = id && id.startsWith('FEED:');
                                                const is_cat = id && id.startsWith('CAT:');

                                                if (is_feed || is_cat) {
                                                        feedItems.push({
                                                                id: id,
                                                                name: item.name ? (Array.isArray(item.name) ? item.name[0] : item.name) : "Unknown"
                                                        });
                                                }
                                        }
                                        // Sort feedItems alphabetically by name for consistent behavior
                                        feedItems.sort((a, b) => a.name.localeCompare(b.name));
                                }

                                const dialog = new fox.SingleUseDialog({
                                        title: __("Go to feed"),
                                        content: `
                                                <form onsubmit='return false'>
                                                        <section>
                                                                <fieldset>
                                                                        <div id="gotoFeed_select_container"></div>
                                                                </fieldset>
                                                        </section>
                                                        <footer>
                                                                <button dojoType='dijit.form.Button' type='submit' class='alt-primary'>
                                                                        ${__('Go')}
                                                                </button>
                                                                <button dojoType='dijit.form.Button' onclick='App.dialogOf(this).hide()'>
                                                                        ${__('Cancel')}
                                                                </button>
                                                        </footer>
                                                </form>
                                        `
                                });

                                dialog.show();

                                const select = new FilteringSelect({
                                        store: new Memory({ data: feedItems }),
                                        searchAttr: "name",
                                        queryExpr: "*${0}*",
                                        ignoreCase: true,
                                        autoComplete: false,
                                        placeHolder: __("Search for a feed..."),
                                        style: "width: 100%",
                                        required: true
                                });

                                const container = document.getElementById("gotoFeed_select_container");
                                container.appendChild(select.domNode);

                                window.setTimeout(() => select.focus(), 10);

                                let isUserNavigating = false;

                                const go = () => {
                                        if (select.isValid()) {
                                                const val = select.get("value");
                                                if (val) {
                                                        const is_cat = val.match("^CAT:") !== null;
                                                        const feed = val.substr(val.indexOf(":") + 1);
                                                        Feeds.open({ feed: feed, is_cat: is_cat });
                                                        dialog.hide();
                                                }
                                        }
                                };

                                // Track when user is navigating with arrow keys
                                select.on("keydown", function(e) {
                                        if (e.keyCode === 40 || e.keyCode === 38) { // Down or Up arrow
                                                isUserNavigating = true;
                                        }
                                });

                                // Auto-complete when exactly one match exists
                                select.on("keyup", function(e) {
                                        // Skip if user is navigating with arrow keys
                                        if (e.keyCode === 40 || e.keyCode === 38) { // Down or Up arrow
                                                return;
                                        }

                                        isUserNavigating = false;

                                        const searchText = this.get("displayedValue");
                                        if (searchText) {
                                                // Count matching items
                                                const matchingItems = feedItems.filter(item => 
                                                        item.name.toLowerCase().indexOf(searchText.toLowerCase()) !== -1
                                                );
                                                
                                                if (matchingItems.length === 1) {
                                                        // Set the value to the matching item
                                                        const matchedItem = matchingItems[0];
                                                        select.set("value", matchedItem.id);
                                                        select.set("displayedValue", matchedItem.name);
                                                } else if (matchingItems.length > 0) {
                                                        // Open dropdown if multiple matches
                                                        select.openDropDown();
                                                }
                                        }
                                });

                                // Set up button handler after a delay to let Dojo parse
                                window.setTimeout(() => {
                                        const goButton = dialog.domNode.querySelector("button[type='submit']");
                                        if (goButton) {
                                                goButton.onclick = go;
                                        }
                                }, 50);

                                dialog.domNode.querySelector("form").onsubmit = (e) => {
                                        e.preventDefault();
                                        go();
                                        return false;
                                };
                        });
                };
        });
});

[luv2code]

I appreciate your help; but I went in a bit of a different direction.

Try it out now, and see how you like it. I think it has everything I need and behaves exactly the way I want it to.

[thomas-333]

I like how the unread items are now displayed. Very useful.

[luv2code]

I changed the sort order to unread count->name. I was worried that would be confusing unless you could see the count in the list. I'm happy you like it. Thanks again for your contributions.