nuked88/comfyui-n-sidebar

A simple sidebar for your ConfyUI!

ComfyUI-N-Sidebar

A simple sidebar for ComfyUI. For what i know nobody did it, so i did it. Maybe you don't need it. I need it >.<

Updates

• 04-06-2024
  • Fixed some bugs
  • Changed icon bar positioning to the border of the screen
  • Implemented the DAMN subcategory view on the node panel!!! xD (you can disable it in the settings if you don't want it)
  • Added the ability to disable the "Auto Show" feature
  • Added the ability to view folders inside the workflow panel
  • Added some tooltips for better UX
  • Changed the Custom Node Categories icon (I didn't like the old one)
  • Added a little icon in custom categories and folders/subcategories
  • Added the ability to move workflows in custom categories via the context menu
  • Added the ability to open workflows in another TAB

NOTE: If you had some custom categories in the workflow panel, at the first start they will be migrated to the new system (since I did a full rewrite to support the folders). It is possible that you need to refresh the page more than once to see them again. Also, a backup of the settings.json will be created before the migration in case anything goes wrong.

NOTE2: I hope I did not break anything T_T

• 25-05-2024

  • Fixed some bugs

  • Added Templates support**

    • Added ability categorize custom categories
    • Added preview (list of used nodes)

  • Added Workflow support!

    • Added ability to rename workflows
    • Added ability to remove workflows
    • Added ability to categorize workflows
    • Added preview (list of used nodes), (disabled by default)

** i did not enabled the rename and delete because it's conflicing with the TemplateManager

• 21-04-2024

  • Rewritten a lot of the code to improve performance and readability, and slightly adjusted the UI to ensure compatibility with future updates.
  • ADDED CUSTOM CATEGORIES
  • Added custom setting panel
  • Re-Implemented the 'original' search function to support translated versions of ComfyUI (requires testing)
  • Added LEFT and RIGHT positioning options
  • Added "Auto Hide" feature
  • Now you have the option to use the default node ordering in ComfyUI instead of the alphabetical one
  • Added the possibility to perform a Soft or Factory Reset of the configuration
  • Now most configuration settings are stored in the settings.json file.
  • Fixed some bugs
  • Added some other bugs for sure!

• 31-03-2024

  • Added fuzzy search (work in reverse too!) (enabled by default) - You can disable it in the settings
  • Added description of the node under the preview (Visible only if the description is set in the node)
  • Added possibility to collapse pinned node/custom nodes sections
  • Added possibility to set the bottom space for the sidebar
  • Added the scroll to top button
  • Fixed some bugs
  • Started migration from cookies to localstorage
  • 🐰 Happy Easter! 🐰

Installation

1. Clone the repository: git clone https://github.com/Nuked88/ComfyUI-N-Sidebar.git
   to your ComfyUI custom_nodes directory
2. Enjoy!

NOTE: If you choose to use a different method to install the ComfyUI-N-Sidebar, please ensure that you rename the folder to ComfyUI-N-Sidebar.

Uninstall

• Delete the ComfyUI-N-Sidebar folder in custom_nodes

Update

1. Navigate to the cloned repo e.g. custom_nodes/ComfyUI-N-Sidebar
2. git pull

Settings

The most important settings are stored in custom_nodes/ComfyUI-N-Sidebar/settings.json

Keyboard Shortcuts

• Alt+Z to toggle show/hide sidebar
• Alt+X to focus on the search field
• Alt+G to open the settings

Features

🖱️Drag and Drop Nodes🖱️

📌Pin Your Favorite Node📌

🔍Search within your nodes📄

🔍Search within categories📂

🔍Fuzzy Search🔄

This feature is enabled by default, you can disable it in the settings. I've used fts_fuzzy_match.js by Forrest Smith

🎨 Custom Categories 📂

➕Expand/Collapse Categories/Sidebar➖

🔁Reorder Nodes🔁

Note: The node will be placed before the element on which it is dragged!

👁 Preview Node 👁

📄 Templates Support 📄

📄 Workflow Support 📄

🎨 ComfyUI Themes Support 🎨

🎨 New Settings Panel 🎨

PS: Workflow Path

Todo:

• Reordering pinned nodes
• Node preview (i don't think it will be an image)
• Color integration with Jovimetrix
• Better search
• Custom Categories!!
• Workflows
• Templates
• Custom Shortcuts
• Export and Import Settings

Contributing

Feel free to contribute to this project by reporting issues or suggesting improvements. Open an issue or submit a pull request on the GitHub repository.

Donations

If you'd like to support the project, consider making a donation ❤️

License

This project is licensed under the MIT License. See the LICENSE file for details.

comfyui-n-sidebar's Issues

The latest version of comfyui and ComfyUI-N-Sidebar seem to have compatibility problems

The latest version of comfyui and ComfyUI-N-Sidebar seem to have compatibility problems, the N-Sidebar in the upper left corner cannot be displayed properly when clicked on, only ComfyUI-N-Sidebar is installed separately. other plugin conflicts have been ruled out.

Support built-in nodes?

I've come to appreciate the persistent search (the built-in double-click based selector disappears if you simply move the mouse off of it) and node previews that I think the sidebar could potentially replace the built-in node finder for most cases. Any chance we could support this as an option?

[Function added] Sharing settings

I hope I can save the pinned node settings and share them with others.

Sidebar cannot be expanded anymore

Fork of issue #34, as my problem doesn't seem related.

There is no way for me to expand the sidebar anymore. It's basically inaccessible other then the UI element in the screenshot.

When I press the Burger icon, it shows what it seems a failed attempt to create the search box:

The other two icons do nothing.

I'm using Vivaldi browser, a flavor of Chrome, on macOS, which connects to a local ComfyUI server on Windows.

Thanks for looking into this.

Latest pull doesnt show the new templates or workflows

Fresh install of comfy, fresh install of manager, fresh install of Sidebar. You can see there are no icons for the new templates.

Sidebar won't expand after update

m1 max

[Feature Request] Filter custom node category names

I would love a way to search for custom nodes by project/category name instead of having to use ComfyUI's bizarre unordered interface. Seems like this would be easy to implement in this node.

I just ask that when the category button is clicked, that you can filter by the category header as well. In the image below, I want to be able to type in "VLM" and have all the VLM nodes show up.

This doesn't work, however.

Preview not visible for nodes at the bottom

The preview for the nodes at the bottom of the sidebar is not completely visible:

I'm not sure if this is a technical issue that cannot be solved, or just a quirk of my browser (Vivaldi, on macOS).

Thank you for any help.

Feature Request: Click to Open Sidebar Option (instead of mouse-over)

Unless I'm missing something, the only way to have the sidebar configured is to open when moused-over. I would like to have an option to configure the sidebar to only open when one of the buttons is clicked (Home, Template, Workflow). As it works currently, I'm always accidentally opening it whenever I move my mouse off the active window to click on something else. It would be great to have an option for either mouse-over or click activation.

Thank you for your great addition to ComfyUI.

I get an error that the workflows folder does not exist.

ComfyUI-N-Sidebar/__init__.py", line 117, in s_get
    for entry in os.scandir(list_workflows):
FileNotFoundError: [Errno 2] No such file or directory:

I get an error that the workflows folder does not exist.
There seems to be a problem with how to get the Workflow folder.

[Feature Request] Sorting subcategories

Thanks for the great work!

Currently, if a particular custom node has multiple levels of categories, the categories inside are exposed to the outside.

It would be very useful if these subcategories could be collapsed!

Great! It would be even better if the position could be adjusted. This way, it can harmonize with my other plugin.

1.mp4

How can I call up the panel without using the shortcut?

My shortcut is being used, and I would like to know how to click to open it.

hello,1 bug ,please help

The node is not displayed, it conflicts with these three plugins. Of course, there may also be other plugins, please try to fix it. Thank you

Would be great to have special icon for group selection

1. Click icon/button
2. Scoll or autofocus to group

Whether it can be turned on/off automatically by hovering over the mouse

It is suggested that it can be turned on/off by hovering over the mouse, just like lobehub in A1111

How to make it Minimized by default?

I would like to know if it is posible to make the sidebar Minimized by default.

Strange behavior with the NotePlus node from the MTB Nodes suite

For some reason, the sidebar insists in placing the NotePlus node from the MTB Nodes suite (by @melMass), at the top of the list (even if I didn't pin it), but it refuses to show a preview of it:

What you see in the screenshot is me hovering on the NotePlus element, and the Sidebar showing the preview of the first available node below. I don't even know why that node appears there.

This behavior happens only in the expanded view. The NotePlus element disappears in the compact view.

Thank you for your help.

Minor preview issue when at end of list

One can't actually see the entire preview because it extends past the viewport:

BTW: I also noticed previews don't work for pinned nodes.

Modify the top coordinate position and background transparency so that it does not conflict with components such as workspace!

Modify the top coordinate position and background transparency so that it does not conflict with components such as workspace!
Please delete the attachment TXT suffix name

sidebar_node.js.txt

After adjusting the space at the top, the reset button was obscured and could not be accessed.

[Feature Request] Save workflow button!

Thanks for the great work!

The recently added workflow list feature is very useful.

It would be very convenient if the user could save workflows to a given path directly from the sidebar menu.

Currently, this requires the action Save workflow -> Move workflow.json to path.

ComfyUI-N-Sidebar是一个很棒的功能，但在易用性上，是否多点选择和修改？

1，我希望sidebar可以由用户设置在屏幕左边或者右边，以便贴近用户使用习惯。
2，我希望sidebar可以遵循原来的菜单结构分级，而不是现实一堆二级菜单，这对中文初学者并不友好。
3，我希望sidebar的置顶功能可以设置成置顶某个文件夹菜单，比如最近我正在学习ip-adapter，我其实是更希望整个文件夹菜单能够置顶，方便调用（而不是节点置顶）
总之，目前的sidebar对于中文学习者来说，方便，但是难于转换习惯，因为习惯问题我本人已经安装和卸载了无数遍。
我很喜欢这个插件，所以提出是否能够修改。

我无法使用这个插件，我在云服务器中安装的ComfyUI，安装这个插件后，页面没有任何修改。

Would be amazing to have custom group sorting

[Function added] Added custom grouping function

Pinned nodes can add multiple custom groups, such as common nodes, shortcut nodes and other functional groups for easy use.

Optimization suggestions for search

I hope the search can ignore case and support reverse order, for example, searching for "load image" includes:“
"IMAGE load XXXX"

Where is our config file after PINNED?

Where is our config file after PINNED? I want my other machine to keep synchronized collection nodes with this machine

[feature request] Make use of the node description field

Thanks for this extension.

Since #1438 we can add a DESCRIPTION field in python that can be leveraged in js (I'm implementing a side documentation panel based on that here)

It would be great to optionally display DESCRIPTION in the sidebar.

Hope to add a feature

The N-sidebar is a great node, I've talked to many comfyUI users, and we all want to have a way to clean up the duplicate nodes, is it possible to add a custom hide/show feature? Now the pin function is certainly helpful, but if we can hide the duplicate nodes and keep only the nodes we use frequently, it will keep comfyUI more cleaner and efficient.

Some of the latest nodes cannot be found using the search function

I tried many methods but still can't find the latest node I want in this search bar.What's the problem？

新版本不支持中文搜索了，请问是以后都不支持了还是？

新版本不支持中文搜索了，请问是以后都不支持了还是？

Un trabajo muy bueno y necesario gracias!!! Mis sugerencias para el futuro desarrollo

1-filtrado de nodos por etiquetas de entradas y salidas* algo parecido al filtrado del buscador nativo de comfyui pero que permita seleccionar varias entradas y varias salidas para restringir la búsqueda fácilmente, algo como una serie de etiquetas que se van añadiendo de la lista de entradas y salidas de los nodos de comfy
2- Categorías personalizadas para los nodos anclados para agrupar los nodos de uso común
3- Descripción de cada nodo desde base de datos común y un ejemplo de uso si es posible o un link a un tutorial de la comunidad
4- Colorear los nodos según su función principal ejemplo: si es un nodo de condicionamiento colorearlo de naranja si es de presampling colorearlo de azul si es un loader colorearlo de rojo ...
5-Autocolapsado y anclado del panel y mostrarlo con "mouse over" si es posible
6- Búsqueda parcial como la implementación de ComfyUI-mape-Helpers ejemplo: "conc cond" > "concat conditioning"

Muchas gracias por este gran aporte amig@ saludos desde la isla de Cuba me encantaría apoyar tu proyecto financieramente pero desde este país realmente no me es posible, pero este es mi pequeño aporte, si se me ocurren otras ideas las apunto y las comparto por acá Shalom!!!

The menu bar still displays too many levels of directories, which is not convenient for searching.

The menu bar still displays too many levels of directories, which is not convenient for searching. If only one level of directory is displayed, it would be more efficient.
THX！

Sidebar not reachable ...

Hello,
On a fresh install I get this:

Love it, a few things I would like to see.....

First off I just want to say this is absolutely brilliant, and is a great start to cleaning up the nodes in Comfy!

1. Adjustable height, so my image stream docked at the bottom doesn't cover part of this.
2. Tokenized searching (already mentioned in another issue).
3. A way to add/adjust node categories/groups ( I think this has already been mentioned as well).
4. Make the pinned area collapsable.
5. An option to see nodes without their groups when searching..

I know you are a busy person and have created this without any obligation to implement suggestions, so I will likely take a look at a few of these myself when I have time.

click menu button, didn't show up sidebar panel.

comfyui & n-sider is the lastest version.

after click

can we have Saved Templates in the sidebar?

first things first, LOVE this plugin.
but Im thinking this could be on steroids if we could have our saved templates in this as well with drag and drop.

If its already possible, could you please point the way?

Confused about the Workflow library feature

First of all, thank you for expanding the Sidebar capabilities to support both templates and workflow libraries. It's a great addition.

While the Template library works fine, I'm really struggling with the Workflow library. I have the following issues:

1. If I do NOT specify a custom folder in the Sidebar settings, and I save a workflow, the name of the workflow is correctly stored in the settings.json, but the actual workflow is nowhere to be found in the hard drive.

To double-check, after saving the workflow, I clear the canvas and try to drag and drop one of the saved workflows from the Sidebar. Nothing happens.

What is the default location of saved workflows if no custom folder is indicated?
AFAIK, no default path for workflows can be defined in ComfyUI's extra_model_paths.yaml, so I am not sure where to look, and a where command returns no results.

2. If I DO specify a custom folder in the Sidebar settings (for example: D:\Workflows), and I restart ComfyUI as indicated, the path is ignored. Saving a new workflow doesn't generate a json file in there as I'd expect.

Notice that the ComfyUI server is on a Windows machine and I access it via macOS over a HTTPS session.

Thanks for you help.

Why is my sidebar empty?

Why is my sidebar empty? Nothing at all?

I also restarted it and it’s still empty after opening it.

Set the panel to the right, the screenshot indicates that it is not followed, and it is still on the left

Feature request

Amazing work. Thank you!

Could you make option for the side bar to be on one of the sides (right or left) ?

Small improvements

From screen:

i customized to this i believe in more compact:

and i can use explorer search with expanded all adons list, i love this new workflow:

fter the new version update, the left screen content cannot be clicked after the sidebar is collapsed, and there is no response

After the new version update today, local language search is supported again, which is great. But I found a new problem. After the new version update, the left screen content cannot be clicked after the sidebar is collapsed, and there is no response.

可以增加一个功能吗？

原版的搜索可以从节点拉出连线来搜索，这样就能搜索与之相关的节点

比如说把连线拉到搜索栏的时候，显示所有和这根连线相关的节点，然后再在这些节点里搜索。
或许需要加一个按钮来切换：显示相关的节点/显示所有的节点

Update the new version after entering keywords can not search, do not know if there is a conflict with any plug-in

Very easy to use a plug-in, has been concerned about the updated version after typing keywords can not search, do not know whether with what plug-in conflict, for help，thank you!

Can this still be manually entered as before? Because some values want to be adjusted beyond the limit

Thank you very much. This makes the node very convenient to use

Could the plugin's edge width be narrower, please? Thank you.

The new version's features are great, but there's too much unused width in the UI.

When using it, especially with many nodes, there's already a lack of space. It's not very appropriate for the plugin to leave so much unused width at the edges.

Below is a visualization of some of my ideas for the author's consideration. Thank you.

Keyboard Shortcuts （Alt+Z）is invalid

I can't use alt + z to toggle show the sidebar, but other keyboards from comfyui are valid, such as alt+c to fold/unfold the nodes

Nice job! (+ some suggestions)

I just wanted to say cheers for making this.
The idea was on my todo-list, so thanks for saving me a bunch of time :D

The preview of the node is a brilliant touch!

A few suggestions / features that would improve the usability:

1. Being able to change the padding / spacing of the nodes and groups. They seem excessively thick right now and could certainly use some "Compact Mode" options. Ideally optional of course.
   
   Looking at the screenshot above you can see that I can only fit the "Adv-Controlnet" categories and "AnimateDiff" on my screen.

2. Having favorite (pinned nodes) is a good idea, but I wouldn't put them at the top as it is. I will easily put 20-50 nodes as favorite, and now my list will be even more cluttered. It's still a good idea, but what about making it a tab-like structure instead. So for your left-side-bar menu you still have the list as it is of Custom Nodes. These are just called "Nodes". And then there's a "Pinned" tab, where all my pins are.

3. And an even more relevant option for me would be to be able to build my own menu of nodes. Meaning I can create my own directory structure and pick nodes from all over the place, and then use that list as my master list of nodes. Essentially a "Pinned" tabs, but with more structuring options like categories/subcategories.

The largest issue I have with Comfy (aside from buggy UI), is that nothing is cohesive, since it's all extension driven. So there's no clean way for me to sort all my "String related nodes" into one category. I want to pick bits and pieces of downloaded extensions, without having to manually copy the code into my own collection, that would be a nightmare to manage.

If Pinned nodes could be sorted into a tiered structure, or my #3 suggestion would work, then I think we're closer to having a reliable UI.

Sidenote:

It doesn't play well with the [https://github.com/11cafe/comfyui-workspace-manager](Workspace Manager extension).