matei/tono
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prevent dragging out of inputs

Browse Source
This commit is contained in:
matei jordache
2026-04-04 22:48:16 -07:00
parent 591186bc14
commit 2d9e1a1ecf
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/CustomNode.tsx
View File

@@ -215,6 +215,7 @@ function GroupNode({ id, data }: { id: string; data: NodeData }) {
id={input.handleId} id={input.handleId}
className="typed-handle" className="typed-handle"
style={{ background: TYPE_COLORS[input.type] || 'var(--fallback-type)' }} style={{ background: TYPE_COLORS[input.type] || 'var(--fallback-type)' }}
isConnectableStart={false}
/> />
<span className="io-label">{formatUiLabel(input.label || input.name)}</span> <span className="io-label">{formatUiLabel(input.label || input.name)}</span>
</> </>
@@ -1239,6 +1240,7 @@ function CustomNode({ id, data }: { id: string; data: NodeData }) {
id={`input::${socketName}::${socketType}`} id={`input::${socketName}::${socketType}`}
className="typed-handle" className="typed-handle"
style={{ background: TYPE_COLORS[socketType as string] || 'var(--fallback-type)' }} style={{ background: TYPE_COLORS[socketType as string] || 'var(--fallback-type)' }}
isConnectableStart={false}
/> />
)} )}
{( {(
@@ -1278,6 +1280,7 @@ function CustomNode({ id, data }: { id: string; data: NodeData }) {
id={`input::${inp.name}::${inp.type}`} id={`input::${inp.name}::${inp.type}`}
className="typed-handle" className="typed-handle"
style={{ background: TYPE_COLORS[inp.type as string] || 'var(--fallback-type)' }} style={{ background: TYPE_COLORS[inp.type as string] || 'var(--fallback-type)' }}
isConnectableStart={false}
/> />
<span className="io-label">{inp.label || inp.name}</span> <span className="io-label">{inp.label || inp.name}</span>
{inlineWidgetsByInput.has(inp.name) && ( {inlineWidgetsByInput.has(inp.name) && (
@@ -1351,6 +1354,7 @@ function CustomNode({ id, data }: { id: string; data: NodeData }) {
id={`input::${socketName}::${socketType}`} id={`input::${socketName}::${socketType}`}
className="typed-handle" className="typed-handle"
style={{ background: TYPE_COLORS[socketType as string] || 'var(--fallback-type)' }} style={{ background: TYPE_COLORS[socketType as string] || 'var(--fallback-type)' }}
isConnectableStart={false}
/> />
)} )}
{(w.socketType && connectedInputs?.has(w.name)) {(w.socketType && connectedInputs?.has(w.name))