Preview example of new Designer #1012

apache · Dec 6, 2023 · 75c03d8 · 75c03d8
1 parent b660dd4
commit 75c03d8
Show file tree

Hide file tree

Showing 34 changed files with 1,799 additions and 1,439 deletions.
diff --git a/karavan-designer/src/designer/route/element/DslElement.tsx b/karavan-designer/src/designer/route/element/DslElement.tsx
@@ -377,7 +377,7 @@ export function DslElement(props: Props) {
                      key={step.uuid + "-child-" + index}>
                     {children.map((element, index) => {
                             let prevStep = children.at(index - 1);
-                            let nextStep = undefined;
+                            let nextStep: CamelElement | undefined = undefined;
                             if (['TryDefinition', 'ChoiceDefinition'].includes(step.dslName)) {
                                 nextStep = props.nextStep;
                             } else {

diff --git a/karavan-designer/src/designer/route/element/DslElementIcons.tsx b/karavan-designer/src/designer/route/element/DslElementIcons.tsx
@@ -16,6 +16,7 @@
  */
 
 import "./DslElement.css"
+import React from 'react'
 
 export function DeleteElementIcon() {
     return (

diff --git a/karavan-space/src/designer/DesignerStore.ts b/karavan-space/src/designer/DesignerStore.ts
@@ -16,7 +16,7 @@
  */
 
 import {CamelElement, Integration} from "karavan-core/lib/model/IntegrationDefinition";
-import {DslPosition, EventBus} from "./utils/EventBus";
+import {ButtonPosition, DslPosition, EventBus} from "./utils/EventBus";
 import {createWithEqualityFn} from "zustand/traditional";
 import {shallow} from "zustand/shallow";
 
@@ -120,6 +120,10 @@ interface ConnectionsState {
     deleteStep: (uuid: string) => void;
     clearSteps: () => void;
     setSteps: (steps: Map<string, DslPosition>) => void;
+    buttons: ButtonPosition[];
+    addButton: (button: ButtonPosition) => void;
+    deleteButton: (button: ButtonPosition) => void;
+    clearButtons: () => void;
 }
 
 export const useConnectionsStore = createWithEqualityFn<ConnectionsState>((set) => ({
@@ -148,6 +152,30 @@ export const useConnectionsStore = createWithEqualityFn<ConnectionsState>((set)
     setSteps: (steps: Map<string, DslPosition>) => {
         set({steps: steps})
     },
+    buttons: [],
+    addButton: (button: ButtonPosition) => {
+        set((state: ConnectionsState) => {
+            const index = state.buttons.findIndex(b => b.uuid === button.uuid);
+            if (index !== -1) {
+                state.buttons.splice(index, 1);
+            }
+            state.buttons.push(button);
+            return state;
+        })
+    },
+    clearButtons: () => {
+        set((state: ConnectionsState) => {
+            state.buttons.length = 0;
+            return state;
+        })
+    },
+    deleteButton: (button: ButtonPosition) => {
+        set((state: ConnectionsState) => {
+            const index = state.buttons.findIndex(b => b.uuid === button.uuid);
+            state.buttons.splice(index, 1);
+            return state;
+        })
+    },
 }), shallow)
 
 type DesignerState = {