flemming-it
9afb51a4b5
Stefan's "the connections to the round ports look unelegant" feedback was about three concrete things: (1) The bezier endpoint sat at the port dot's GEOMETRIC CENTRE. The dot was rendered ON TOP, so the line visually disappeared into the centre of the dot — looked like a thread being eaten by a bead. (2) A separate arrow-head triangle was drawn on top of the dot, doubling the visual terminator and making the endpoint look "noisy". (3) The dots were hollow rings the same colour as the line, so the boundary between line and dot blurred visually. They didn't read as connectors. Fix: - EdgeSegment now carries `fromSide` + `toSide` (left / right) so the painter knows which way to shorten each endpoint. The bezier ends `portRadius` px short of the centre — exactly on the dot's outer perimeter, on the side facing the line. The line now "docks" cleanly at the rim. - The end-cap triangle arrow is gone. The dot itself is the visual terminator; an arrow on top was redundant. - Port dot redesigned as a connector-socket: outer ring defines the footprint, inner 4-px surface-coloured pin appears when connected. The result reads as "an active socket with a plug seated in it" rather than "a hollow circle next to a card edge". Empty ports stay surface- filled rings — unambiguous empty-slot signal. - Bezier handle length floor raised from 40 to 60 px so vertical detours (e.g. inputs-endpoint → step far below) curve gracefully out of the start before dropping instead of kinking near the origin. - Stroke width nudged from 1.8 to 2.0 px for the normal accent so the line carries the right visual weight against the new docked-at-perimeter port treatment. Visual: lines now look like cables seated into sockets, not strings vanishing under beads. Signed-off-by: flemming-it <sf@flemming.it>
27 lines
738 B
YAML
27 lines
738 B
YAML
name: fai_studio_flow_editor
|
|
description: Swappable inline YAML editor for F∆I Studio flows.
|
|
version: 0.5.2
|
|
publish_to: 'none'
|
|
repository: https://git.flemming.ai/fai/studio-flow-editor
|
|
|
|
environment:
|
|
sdk: ^3.11.0-200.1.beta
|
|
flutter: '>=3.30.0'
|
|
|
|
dependencies:
|
|
flutter:
|
|
sdk: flutter
|
|
# CodeMirror-style code editor + the highlight package's
|
|
# YAML grammar. Both are pure Dart so the editor stays
|
|
# WebView-free and ships in the same binary.
|
|
flutter_code_editor: ^0.3.5
|
|
highlight: ^0.7.0
|
|
# YAML parsing for the graph view's model layer. We
|
|
# round-trip text <-> graph via this; the graph never
|
|
# mutates the YAML directly.
|
|
yaml: ^3.1.2
|
|
|
|
dev_dependencies:
|
|
flutter_test:
|
|
sdk: flutter
|
|
flutter_lints: ^6.0.0
|