From 4494efa288c52f15ba039e5354a6a69268858107 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Tue, 26 Aug 2025 09:23:30 +0200 Subject: [PATCH 1/3] use bezier edges in workflow configuration --- src/cmem/react-flow/configuration/workflow.ts | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/src/cmem/react-flow/configuration/workflow.ts b/src/cmem/react-flow/configuration/workflow.ts index 5a8621a89..4fd09f681 100644 --- a/src/cmem/react-flow/configuration/workflow.ts +++ b/src/cmem/react-flow/configuration/workflow.ts @@ -1,18 +1,16 @@ -import { EdgeStep } from "./../../../extensions/react-flow/edges/EdgeStep"; +import { EdgeBezier } from "./../../../extensions/react-flow/edges/EdgeBezier"; import { NodeDefault } from "./../../../extensions/react-flow/nodes/NodeDefault"; import { StickyNoteNode } from "./../nodes/StickyNoteNode"; import { WORKFLOW_NODE_TYPES } from "./typing"; -//import {ComponentType} from "react"; -//import {NodeProps} from "react-flow-renderer-lts"; const edgeTypes = { - default: EdgeStep, - success: EdgeStep, - warning: EdgeStep, - danger: EdgeStep, + default: EdgeBezier, + success: EdgeBezier, + warning: EdgeBezier, + danger: EdgeBezier, }; -const nodeTypes: Record*/> = { +const nodeTypes: Record = { default: NodeDefault, dataset: NodeDefault, linking: NodeDefault, From 30d3de3773de93ea4ccba2efb9a2f9d8ff0f5b10 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Tue, 26 Aug 2025 09:24:17 +0200 Subject: [PATCH 2/3] use anti-aliasing for edge rendering --- src/extensions/react-flow/edges/_edges.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/extensions/react-flow/edges/_edges.scss b/src/extensions/react-flow/edges/_edges.scss index 25783eed0..4b95b157c 100644 --- a/src/extensions/react-flow/edges/_edges.scss +++ b/src/extensions/react-flow/edges/_edges.scss @@ -10,7 +10,7 @@ path[class*="react-flow__edge"], rect[class*="react-flow__edge"] { stroke-opacity: $reactflow-edge-stroke-opacity-default; - shape-rendering: optimizespeed; + shape-rendering: geometricprecision; } text[class*="react-flow__edge"] { From 23a8d4360d6de171e8b3732893670e650b62d2f4 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Tue, 26 Aug 2025 09:32:30 +0200 Subject: [PATCH 3/3] update changelog --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9f947eb42..ecbb9701a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -35,6 +35,7 @@ This is a major release, and it might be not compatible with your current usage - support now v9 and v12 of react flow - `` - use `` by default for new connection lines, you can overwrite it by setting `connectionLineComponent` to `undefined` + - use `` for workflow editor configuration, and use better looking over speed optimized rendering ### Deprecated