-
Couldn't load subscription status.
- Fork 390
Show workflow templates from custom nodes #2032
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
- Show selection list for custom_nodes that contain workflow templates - Put item cards in carousel - Use getWorkflowTemplates() to fetch items
This comment was marked as resolved.
This comment was marked as resolved.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested and works for me after removing api prefix from route.
| <div | ||
| v-for="template in templates" | ||
| :key="template" | ||
| :data-testid="`template-workflow-${template}`" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please keep the data-testid for playwright test.
| ws: true | ||
| }, | ||
|
|
||
| '/workflow_templates': { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please revert unrelated format changes.
| background-color: var(--comfy-menu-secondary-bg); | ||
| color: var(--fg-color); | ||
| font-family: primeicons, sans-serif; | ||
| content: '\e958'; /* Document icon from primevue */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's use a less hacky way to implement fallback placeholder.
| const json = await fetch(api.fileURL(`templates/${id}.json`)).then((r) => | ||
| r.json() | ||
| ) | ||
| let json |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's extract the storage of custom nodes workflow templates as a Pinia store to avoid reloading everytime the dialog is opened.
| <div class="flex items-center justify-center"> | ||
| <div | ||
| class="absolute top-0 left-0 w-64 h-64 overflow-hidden opacity-0 transition duration-300 ease-in-out hover:opacity-100 bg-opacity-50 bg-black flex items-center justify-center" | ||
| class="relative overflow-hidden rounded-lg cursor-pointer w-64 h-64" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The template workflow item here should probably be extracted as a separated Vue component.
| :key="template" | ||
| :data-testid="`template-workflow-${template}`" | ||
| <div class="flex h-96"> | ||
| <Listbox |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Use collectAllNodes to recursively scan subgraphs for missing custom nodes. Fixes #2032
Use collectAllNodes to recursively scan subgraphs for missing custom nodes. Fixes #2032
Use collectAllNodes to recursively scan subgraphs for missing custom nodes. Fixes #2032
Use collectAllNodes to recursively scan subgraphs for missing custom nodes. Fixes #2032

Closes #1008 feature request.
Requires the following backend PR: comfyanonymous/ComfyUI#6193 (merged)
Implementation details:
┆Issue is synchronized with this Notion page by Unito