Mco/feat(Workflow) can be published, listed and deleted

client_web/src/Config/backend.routes.ts

@@ -42,9 +42,14 @@ const auth = {
     health: `${endpoint}/auth/health`,
 }
 
+const workflow = {
+    create: `${endpoint}/workflow/create`,
+}
+
 export {
     instance,
     instanceWithAuth,
     root,
-    auth
+    auth,
+    workflow
 }

client_web/src/Pages/Workflows/CreateWorkflow.tsx

@@ -7,6 +7,8 @@ import { normalizeName } from "@/Pages/Workflows/CreateWorkflow.utils";
 // Import types correctly
 import { About, Service, Action, Reaction, Workflow, Parameter } from "@/types";
 import {toast} from "react-toastify";
+import {instanceWithAuth} from "@/Config/backend.routes";
+import {workflow as workflowRoute} from "@/Config/backend.routes";
 
 const { Title, Text } = Typography;
 const { Panel } = Collapse;
@@ -238,43 +240,59 @@ const CreateWorkflow: React.FC = () => {
         const workflow: Workflow = {
             name: workflowName,
             description: workflowDescription,
-            actions: selectedActions.map(action => {
-                const actionDef = about?.server.services
+            service: about?.server.services.find(service =>
+                service.actions.some(action => action.name === selectedActions[0]?.name)
+            )?.name ?? "unknown",
+            events:
+            [
+                ...selectedActions.map(action => {
+                    const actionDef = about?.server.services
                     .flatMap((s: Service) => s.actions)
                     .find((a: Action) => a.name === action.name);
 
-                return {
-                    name: action.name,
-                    parameters: Object.entries(action.parameters || {}).map(([name, value]) => {
-                        const paramDef = actionDef?.parameters.find((p: Parameter) => p.name === name);
-                        return {
-                            name,
-                            type: paramDef?.type || 'string',
-                            value
-                        };
-                    })
-                };
-            }),
-            reactions: selectedReactions.map(reaction => {
-                const reactionDef = about?.server.services
-                    .flatMap((s: Service) => s.reactions)
-                    .find((r: Reaction) => r.name === reaction.name);
-
-                return {
-                    name: reaction.name,
-                    parameters: Object.entries(reaction.parameters || {}).map(([name, value]) => {
-                        const paramDef = reactionDef?.parameters.find((p: Parameter) => p.name === name);
-                        return {
-                            name,
-                            type: paramDef?.type || 'string',
-                            value
-                        };
-                    })
-                };
+                    return {
+                        name: action.name,
+                        type: 'action' as "action",
+                        description: action.description,
+                        parameters: Object.entries(action.parameters || {}).map(([name, value]) => {
+                            const paramDef = actionDef?.parameters.find((p: Parameter) => p.name === name);
+                            return {
+                                name,
+                                type: paramDef?.type || 'string',
+                                value
+                            };
+                        })
+                    }
+                }),
+                ...selectedReactions.map(reaction => {
+                    const reactionDef = about?.server.services
+                        .flatMap((s: Service) => s.reactions)
+                        .find((r: Reaction) => r.name === reaction.name);
+
+                    return {
+                        name: reaction.name,
+                        type: 'reaction' as "reaction",
+                        description: reaction.description,
+                        parameters: Object.entries(reaction.parameters || {}).map(([name, value]) => {
+                            const paramDef = reactionDef?.parameters.find((p: Parameter) => p.name === name);
+                            return {
+                                name,
+                                type: paramDef?.type || 'string',
+                                value
+                            };
+                        })
+                    };
+                })
+            ]
+        }
+        instanceWithAuth.post(workflowRoute.create, workflow)
+            .then(() => {
+                toast.success("Workflow successfully published")
+                //TODO: Go to /workflow/{id}
             })
-        };
-
-        toast.error("API not connected yet");
+            .catch((error) => {
+                console.error(error);
+            });
     };
 
     const handleFoldAllActions = () => {

client_web/src/types.ts

@@ -46,22 +46,16 @@ export interface WorkflowParameter {
 
 export interface WorkflowDefinition {
     name: string;
+    type: "action" | "reaction";
+    description: string;
     parameters: WorkflowParameter[];
 }
 
-export interface WorkflowAction extends WorkflowDefinition {
-
-}
-
-export interface WorkflowReaction extends WorkflowDefinition {
-
-}
-
 export type Workflow = {
     name: string;
+    service: string;
     description: string;
-    actions: WorkflowAction[];
-    reactions: WorkflowReaction[];
+    events: WorkflowDefinition[];
 };
 
 export interface WorkflowItem {

server/config.json

@@ -6,6 +6,6 @@
   "swagger": true,
   "cors_origins": [
     "https://localhost:8081",
-    "http://example.com"
+    "http://localhost:8080"
   ]
 }