Skip to content
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

feat: Introduce edge marker as cardinality icon #319

Merged
merged 10 commits into from
Dec 19, 2024
Merged

Conversation

sasamuku
Copy link
Member

@sasamuku sasamuku commented Dec 19, 2024

Summary

rebuild #311 for production ready.

2024-12-19.17.03.33.mov

highlightedHandles logic may not be necessary, but it would be good to create another PR.

Edge Markers

This PR's key concept is using Edge Markers.
Displaying / Hiding of cardinalities are always linked to edge.

https://reactflow.dev/examples/edges/markers

Related Issue

Changes

Testing

Other Information

Comment on lines +44 to +53
<text
x="15.5"
y="-8"
textAnchor="middle"
fontSize="8"
fill="currentColor"
dominantBaseline="hanging"
>
1
</text>
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

📝 includes cardinality notation into SVG marker

@sasamuku sasamuku force-pushed the introduce_edge_marker branch from 750e32c to fde3087 Compare December 19, 2024 08:02
@sasamuku sasamuku marked this pull request as ready for review December 19, 2024 08:02
@sasamuku sasamuku requested a review from a team as a code owner December 19, 2024 08:02
@sasamuku sasamuku requested review from hoshinotsuyoshi, FunamaYukina, junkisai and MH4GF and removed request for a team December 19, 2024 08:02
@sasamuku sasamuku changed the title feat: Introduce edge marker feat: Introduce edge marker as cardinality icon Dec 19, 2024
Copy link
Member

@MH4GF MH4GF left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool!! I've wrote some comments!!

Comment on lines +42 to +53
{isHighlighted && (
<text
x="6"
y="-9"
textAnchor="middle"
fontSize="9"
fill="currentColor"
dominantBaseline="hanging"
>
n
</text>
)}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see 👀 Great!!

Copy link
Member

@hoshinotsuyoshi hoshinotsuyoshi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

awesome!

Copy link
Member

@MH4GF MH4GF left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🚀

@sasamuku sasamuku force-pushed the introduce_edge_marker branch from 5065da0 to a3c895c Compare December 19, 2024 08:47
@sasamuku sasamuku added this pull request to the merge queue Dec 19, 2024
Merged via the queue into main with commit 5bdbfca Dec 19, 2024
12 checks passed
@sasamuku sasamuku deleted the introduce_edge_marker branch December 19, 2024 08:51
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.

3 participants