Skip to content

Add a rename button to the Input and Output nodes - #70

Merged
chelproc merged 1 commit into
mainfrom
rename-interface-pin
Nov 1, 2026
Merged

chelproc merged 1 commit into
mainfrom
rename-interface-pin

Conversation

@chelproc

@chelproc chelproc commented Nov 1, 2026

Copy link
Copy Markdown
Contributor

Pins can now be renamed directly on the Input and Output nodes.

  • In edit mode, a rename button is shown right after the pin name. It opens a popover to enter a new name. Blank names cannot be applied, and the name is trimmed.
  • The label is now rendered as HTML in a foreignObject, so that the button follows the label in the same flow. The foreignObject lets pointer events pass through to the shape, except on the button, so dragging the node and clicking the Input node in play mode keep working.
  • Add useComponentPin so that the node re-renders when the pin is renamed.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying create-cpu-c8345196-9409-4cce-afc4-389f413ad8ee with  Cloudflare Pages  Cloudflare Pages

Latest commit: d6fdfbe
Status:⚡️  Build in progress...

View logs

@chelproc
chelproc merged commit 414049b into main Nov 1, 2026
1 check was pending
@chelproc
chelproc deleted the rename-interface-pin branch November 1, 2026 03:24
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