Skip to content

Commit d6cea0c

Browse files
raheeliftikhar5raheeliftikhar5
committed
workflow integration
1 parent 734b320 commit d6cea0c

File tree

4 files changed

+105
-25
lines changed

4 files changed

+105
-25
lines changed

‎client/packages/lowcoder/src/comps/comps/chatComp/components/ChatMain.tsx

Lines changed: 68 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { useState } from "react";
1+
import React, { useContext, useState, useRef, useEffect } from "react";
22
import {
33
useExternalStoreRuntime,
44
ThreadMessageLike,
@@ -17,6 +17,9 @@ import {
1717
} from "./context/ChatContext";
1818
import styled from "styled-components";
1919
import { ChatCompProps } from "../chatCompTypes";
20+
import { message } from "antd";
21+
import { EditorContext } from "@lowcoder-ee/comps/editorState";
22+
import { addComponentAction } from "../../preLoadComp/actions/componentManagement";
2023

2124
const ChatContainer = styled.div<{ $autoHeight?: boolean }>`
2225
display: flex;
@@ -54,26 +57,44 @@ const callYourAPI = async (params: {
5457
text: string,
5558
modelHost: string,
5659
modelType: string,
60+
sessionId: string,
5761
}) => {
58-
const { text, modelHost, modelType } = params;
62+
const { text, modelHost, modelType, sessionId } = params;
5963

6064
let url = modelHost;
6165
if (modelType === "direct-llm") {
6266
url = `${modelHost}/api/chat/completions`;
6367
}
6468

69+
const response = await fetch(`${url}`, {
70+
method: "POST",
71+
body: JSON.stringify({
72+
text,
73+
sessionId,
74+
}),
75+
});
76+
77+
return response.json();
6578
// Simulate API delay
66-
await new Promise(resolve => setTimeout(resolve, 1500));
79+
// await new Promise(resolve => setTimeout(resolve, 1500));
6780

6881
// Simple responses
69-
return {
70-
content: "This is a mock response from your backend. You typed: " + text
71-
};
82+
// return {
83+
// content: "This is a mock response from your backend. You typed: " + text
84+
// };
7285
};
7386

7487
export function ChatMain(props: ChatCompProps) {
7588
const { state, actions } = useChatContext();
7689
const [isRunning, setIsRunning] = useState(false);
90+
const editorState = useContext(EditorContext);
91+
const editorStateRef = useRef(editorState);
92+
93+
// Keep the ref updated with the latest editorState
94+
useEffect(() => {
95+
console.log("EDITOR STATE CHANGE ---> ", editorState);
96+
editorStateRef.current = editorState;
97+
}, [editorState]);
7798

7899
console.log("STATE", state);
79100

@@ -88,6 +109,36 @@ export function ChatMain(props: ChatCompProps) {
88109
createdAt: new Date(message.timestamp),
89110
});
90111

112+
const performAction = async (actions: any[]) => {
113+
const comp = editorStateRef.current.getUIComp().children.comp;
114+
if (!comp) {
115+
console.error("No comp found");
116+
return;
117+
}
118+
// const layout = comp.children.layout.getView();
119+
// console.log("LAYOUT", layout);
120+
121+
for (const action of actions) {
122+
const { action_name, action_parameters, action_payload } = action;
123+
124+
switch (action_name) {
125+
case "place_component":
126+
await addComponentAction.execute({
127+
actionKey: action_name,
128+
actionValue: "",
129+
actionPayload: action_payload,
130+
selectedComponent: action_parameters,
131+
selectedEditorComponent: null,
132+
editorState: editorStateRef.current
133+
});
134+
break;
135+
default:
136+
break;
137+
}
138+
await new Promise(resolve => setTimeout(resolve, 1000));
139+
}
140+
};
141+
91142
const onNew = async (message: AppendMessage) => {
92143
// Extract text from AppendMessage content array
93144
if (message.content.length !== 1 || message.content[0]?.type !== "text") {
@@ -112,12 +163,15 @@ export function ChatMain(props: ChatCompProps) {
112163
text: userMessage.text,
113164
modelHost: props.modelHost!,
114165
modelType: props.modelType!,
166+
sessionId: state.currentThreadId,
115167
});
116-
168+
const {reply, actions: editorActions} = JSON.parse(response?.output);
169+
performAction(editorActions);
170+
117171
const assistantMessage: MyMessage = {
118172
id: generateId(),
119173
role: "assistant",
120-
text: response.content,
174+
text: reply,
121175
timestamp: Date.now(),
122176
};
123177

@@ -170,12 +224,16 @@ export function ChatMain(props: ChatCompProps) {
170224
text: editedMessage.text,
171225
modelHost: props.modelHost!,
172226
modelType: props.modelType!,
227+
sessionId: state.currentThreadId,
173228
});
174-
229+
230+
const {reply, actions: editorActions} = JSON.parse(response?.output);
231+
performAction(editorActions);
232+
175233
const assistantMessage: MyMessage = {
176234
id: generateId(),
177235
role: "assistant",
178-
text: response.content,
236+
text: reply,
179237
timestamp: Date.now(),
180238
};
181239

‎client/packages/lowcoder/src/comps/comps/preLoadComp/actions/componentManagement.ts

Lines changed: 35 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ import {
1313
deleteCompAction
1414
} from "lowcoder-core";
1515
import { getEditorComponentInfo } from "../utils";
16+
import { getPromiseAfterDispatch } from "@lowcoder-ee/util/promiseUtils";
1617

1718
export const addComponentAction: ActionConfig = {
1819
key: 'add-components',
@@ -21,8 +22,9 @@ export const addComponentAction: ActionConfig = {
2122
requiresComponentSelection: true,
2223
requiresInput: false,
2324
execute: async (params: ActionExecuteParams) => {
24-
const { selectedComponent, editorState } = params;
25-
25+
const { selectedComponent, editorState, actionPayload } = params;
26+
const { name, layout, ...otherProps } = actionPayload;
27+
2628
if (!selectedComponent || !editorState) {
2729
message.error('Component and editor state are required');
2830
return;
@@ -43,31 +45,33 @@ export const addComponentAction: ActionConfig = {
4345
return;
4446
}
4547

48+
let compName = name;
4649
const nameGenerator = editorState.getNameGenerator();
4750
const compInfo = parseCompType(selectedComponent);
48-
const compName = nameGenerator.genItemName(compInfo.compName);
51+
if (!compName) {
52+
compName = nameGenerator.genItemName(compInfo.compName);
53+
}
4954
const key = genRandomKey();
5055

5156
const manifest = uiCompRegistry[selectedComponent];
5257
let defaultDataFn = undefined;
5358

54-
if (manifest?.lazyLoad) {
55-
const { defaultDataFnName, defaultDataFnPath } = manifest;
56-
if (defaultDataFnName && defaultDataFnPath) {
57-
const module = await import(`../../../${defaultDataFnPath}.tsx`);
58-
defaultDataFn = module[defaultDataFnName];
59-
}
60-
} else if (!compInfo.isRemote) {
59+
if (!compInfo.isRemote) {
6160
defaultDataFn = manifest?.defaultDataFn;
6261
}
6362

63+
let compDefaultValue = defaultDataFn ? defaultDataFn(compName, nameGenerator, editorState) : undefined;
64+
const compInitialValue = {
65+
...(compDefaultValue as any || {}),
66+
...otherProps,
67+
}
6468
const widgetValue: GridItemDataType = {
6569
compType: selectedComponent,
6670
name: compName,
67-
comp: defaultDataFn ? defaultDataFn(compName, nameGenerator, editorState) : undefined,
71+
comp: compInitialValue,
6872
};
6973

70-
const currentLayout = simpleContainer.children.layout.getView();
74+
const currentLayout = uiComp.children.comp.children.layout.getView();
7175
const layoutInfo = manifest?.layoutInfo || defaultLayout(selectedComponent as UICompType);
7276

7377
let itemPos = 0;
@@ -83,9 +87,11 @@ export const addComponentAction: ActionConfig = {
8387
h: layoutInfo.h || 5,
8488
pos: itemPos,
8589
isDragging: false,
90+
...(layout || {}),
8691
};
8792

88-
simpleContainer.dispatch(
93+
await getPromiseAfterDispatch(
94+
uiComp.children.comp.dispatch,
8995
wrapActionExtraInfo(
9096
multiChangeAction({
9197
layout: changeValueAction({
@@ -95,8 +101,23 @@ export const addComponentAction: ActionConfig = {
95101
items: addMapChildAction(key, widgetValue),
96102
}),
97103
{ compInfos: [{ compName: compName, compType: selectedComponent, type: "add" }] }
98-
)
104+
),
105+
{
106+
autoHandleAfterReduce: true,
107+
}
99108
);
109+
// simpleContainer.dispatch(
110+
// wrapActionExtraInfo(
111+
// multiChangeAction({
112+
// layout: changeValueAction({
113+
// ...currentLayout,
114+
// [key]: layoutItem,
115+
// }, true),
116+
// items: addMapChildAction(key, widgetValue),
117+
// }),
118+
// { compInfos: [{ compName: compName, compType: selectedComponent, type: "add" }] }
119+
// )
120+
// );
100121

101122
editorState.setSelectedCompNames(new Set([compName]), "addComp");
102123

‎client/packages/lowcoder/src/comps/comps/preLoadComp/types.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,7 @@ export interface ActionConfig {
4444
export interface ActionExecuteParams {
4545
actionKey: string;
4646
actionValue: string;
47+
actionPayload?: any;
4748
selectedComponent: string | null;
4849
selectedEditorComponent: string | null;
4950
selectedNestComponent: string | null;

‎client/packages/lowcoder/src/pages/editor/bottom/BottomPanel.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,7 @@ function Bottom(props: any) {
125125
// systemPrompt="You are a helpful assistant."
126126
// agent={true}
127127
// maxInteractions={10}
128-
modelHost="http://localhost:5678/webhook-test/9a363e76-d3a5-46d1-98c3-4359f7106d33"
128+
modelHost="http://192.168.100.49:5678/webhook/9a363e76-d3a5-46d1-98c3-4359f7106d33"
129129
/>
130130
</Flex>
131131
)}

0 commit comments

Comments
 (0)