Skip to content

feat: add Conditional (If-Else) and HTTP Request canvas nodes - #374

Merged
vincentgrobler merged 2 commits into
mainfrom
feat/canvas-logic-nodes
Apr 27, 2026
Merged

feat: add Conditional (If-Else) and HTTP Request canvas nodes#374
vincentgrobler merged 2 commits into
mainfrom
feat/canvas-logic-nodes

Conversation

@vincentgrobler

@vincentgrobler vincentgrobler commented Apr 27, 2026

Copy link
Copy Markdown
Collaborator

Description

New node types for the visual workflow builder:

Conditional Node:

  • GitBranch icon, amber-themed
  • Dual output handles: True (green) / False (red)
  • 12 condition operators incl. LLM judge
  • Inline condition preview on node face

HTTP Request Node:

  • Globe icon, cyan-themed
  • Color-coded method badge (GET/POST/PUT/DELETE/PATCH)
  • URL preview with hostname shortening
  • Response status code display

Integration:

  • Right-click canvas → Add Conditional / Add HTTP Request
  • Click-to-inspect detail popup with config display
  • Delete support, glassmorphism styling, execution states
  • Matching handle/glow CSS for both node types

Related Issue

Type of Change

  • 🐛 Bug fix (non-breaking change that fixes an issue)
  • ✨ New feature (non-breaking change that adds functionality)
  • 💥 Breaking change (fix or feature that would cause existing functionality to change)
  • 📝 Documentation update
  • ♻️ Refactor (no functional changes)
  • 🧪 Test update

How Has This Been Tested?

  • Unit tests
  • Manual testing
  • Browser testing (specify browsers)

Screenshots (if applicable)

Checklist

  • My code follows the project's coding standards
  • I have run npm run lint and there are no errors
  • I have run npm run test and all tests pass
  • I have added tests for my changes (if applicable)
  • I have updated the documentation (if applicable)
  • My source files have AGPL licence headers
  • My changes generate no new TypeScript errors

New node types for the visual workflow builder:

Conditional Node:
- GitBranch icon, amber-themed
- Dual output handles: True (green) / False (red)
- 12 condition operators incl. LLM judge
- Inline condition preview on node face

HTTP Request Node:
- Globe icon, cyan-themed
- Color-coded method badge (GET/POST/PUT/DELETE/PATCH)
- URL preview with hostname shortening
- Response status code display

Integration:
- Right-click canvas → Add Conditional / Add HTTP Request
- Click-to-inspect detail popup with config display
- Delete support, glassmorphism styling, execution states
- Matching handle/glow CSS for both node types
@vercel

vercel Bot commented Apr 27, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
crewform Ready Ready Preview, Comment Apr 27, 2026 10:02am

- ConditionalNode: remove optional chain on required  array
- HttpNode: remove fallback on required  field
- NodeDetailPopup: remove ?? fallback, || fallback, and ?. on required fields
@vincentgrobler
vincentgrobler merged commit f17c74d into main Apr 27, 2026
8 checks passed
@vincentgrobler
vincentgrobler deleted the feat/canvas-logic-nodes branch April 27, 2026 10:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant