init chat component

iamfaran · iamfaran · commit d5d987307842 · 2025-06-30T21:08:59.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/chatComp.tsx b/client/packages/lowcoder/src/comps/comps/chatComp.tsx
@@ -0,0 +1,50 @@
+import { StringControl } from "comps/controls/codeControl";
+import { UICompBuilder, withDefault } from "comps/generators";
+import { NameConfig, withExposingConfigs } from "comps/generators/withExposing";
+import { Section, sectionNames } from "lowcoder-design";
+import { trans } from "i18n";
+import React from "react";
+
+// Simple children map with just basic properties
+const childrenMap = {
+  text: withDefault(StringControl, "Chat Component Placeholder"),
+};
+
+// Basic view - just a simple div for now
+const ChatView = React.memo((props: any) => {
+  return (
+    <div
+      style={{
+        height: "100%",
+        border: "1px solid #ccc",
+        padding: "16px",
+        borderRadius: "4px",
+      }}
+    >
+      {props.text}
+    </div>
+  );
+});
+
+// Basic property view
+const ChatPropertyView = React.memo((props: any) => {
+  return (
+    <Section name={sectionNames.basic}>
+      {props.children.text.propertyView({
+        label: "Text",
+      })}
+    </Section>
+  );
+});
+
+// Build the component
+const ChatTmpComp = new UICompBuilder(childrenMap, (props) => (
+  <ChatView {...props} />
+))
+  .setPropertyViewFn((children) => <ChatPropertyView children={children} />)
+  .build();
+
+// Export the component
+export const ChatComp = withExposingConfigs(ChatTmpComp, [
+  new NameConfig("text", "Chat component text"),
+]);
diff --git a/client/packages/lowcoder/src/comps/index.tsx b/client/packages/lowcoder/src/comps/index.tsx
@@ -193,6 +193,7 @@ import { DrawerComp } from "./hooks/drawerComp";
 import { ModalComp } from "./hooks/modalComp";
 import { defaultCollapsibleContainerData } from "./comps/containerComp/collapsibleContainerComp";
 import { ContainerComp as FloatTextContainerComp } from "./comps/containerComp/textContainerComp";
+import { ChatComp } from "./comps/chatComp";
 
 type Registry = {
   [key in UICompType]?: UICompManifest;
@@ -1669,6 +1670,19 @@ export var uiCompMap: Registry = {
       h: 20,
     },
   },
+  chat: {
+    name: "Chat",
+    enName: "Chat", 
+    description: "Chat Component",
+    categories: ["collaboration"],
+    icon: CommentCompIcon, // Use existing icon for now
+    keywords: "chat,conversation",
+    comp: ChatComp,
+    layoutInfo: {
+      w: 12,
+      h: 20,
+    },
+  },
 
   // Integration
 
diff --git a/client/packages/lowcoder/src/comps/uiCompRegistry.ts b/client/packages/lowcoder/src/comps/uiCompRegistry.ts
@@ -169,6 +169,7 @@ export type UICompType =
   | "columnLayout"
   | "ganttChart"
   | "kanban"
+  | "chat" // Added by Faran
   ;
 
 
diff --git a/client/packages/lowcoder/src/pages/editor/editorConstants.tsx b/client/packages/lowcoder/src/pages/editor/editorConstants.tsx
@@ -306,4 +306,5 @@ export const CompStateIcon: {
   sunburstChart: <MemoizedIcon Icon={SunburstChartCompIconSmall} />,
   themeriverChart: <MemoizedIcon Icon={ThemeriverChartCompIconSmall} />,
   basicChart: <MemoizedIcon Icon={ChartCompIconSmall} />,
+  chat: <MemoizedIcon Icon={CommentCompIconSmall} />,
 } as const;

Original file line number	Diff line number	Diff line change
`@@ -169,6 +169,7 @@ export type UICompType =`
`169`	`169`	`\| "columnLayout"`
`170`	`170`	`\| "ganttChart"`
`171`	`171`	`\| "kanban"`
	`172`	`+ \| "chat" // Added by Faran`
`172`	`173`	`;`
`173`	`174`
`174`	`175`