@kaifusion/widget 1.0.1 → 1.0.2

package/README.md

@@ -0,0 +1,69 @@
+# @kaifusion/widget
+
+A customizable, React-based chat widget developed for the KAI Fusion AI platform. This component allows you to easily integrate your KAI Fusion workflows into your website.
+
+## Features
+
+- 🚀 **Easy Integration:** Add to your site with a single React component.
+- 🎨 **Customizable:** Settings for color, title, and position.
+- 📝 **Markdown Support:** Support for mathematical formulas (KaTeX), code blocks (Syntax Highlighting), and GFM.
+- 📱 **Responsive:** Modern design compatible with mobile and desktop.
+- ⚡ **Real-Time:** Fast interaction with streaming response support.
+
+## Installation
+
+You can use your favorite package manager to add the package to your project:
+
+```bash
+npm install @kaifusion/widget
+# or
+yarn add @kaifusion/widget
+# or
+pnpm add @kaifusion/widget
+```
+
+## Requirements
+
+This package requires the following peer dependencies:
+
+- React >= 18.0.0
+- React DOM >= 18.0.0
+
+## Usage
+
+You can add the component to your React application as follows:
+
+```tsx
+import { KaiChatWidget } from "@kaifusion/widget";
+// import '@kaifusion/widget/dist/style.css'; // Don't forget to include the style file if needed
+
+function App() {
+  return (
+    <div className="App">
+      {/* Other application content */}
+
+      <KaiChatWidget
+        targetUrl="http://localhost:8000" // Backend API address
+        workflowId="your-workflow-id-value" // ID of the workflow to execute
+        authToken="your-api-key-or-token" // API authorization key or token
+        title="KAI Assistant" // (Optional) Widget title
+        position="right" // (Optional) 'left' or 'right'
+        color="#526cfe" // (Optional) Main theme color hex code
+      />
+    </div>
+  );
+}
+
+export default App;
+```
+
+## Props
+
+| Prop         | Type                | Required | Default     | Description                                                                  |
+| ------------ | ------------------- | -------- | ----------- | ---------------------------------------------------------------------------- |
+| `targetUrl`  | `string`            | **Yes**  | -           | The address of the KAI Fusion backend API (e.g., `https://api.example.com`). |
+| `workflowId` | `string`            | **Yes**  | -           | Unique identifier (UUID) of the workflow to run.                             |
+| `authToken`  | `string`            | **Yes**  | -           | Bearer token or API Key for API access.                                      |
+| `title`      | `string`            | No       | `"ChatBot"` | Title of the widget window.                                                  |
+| `position`   | `"left" \| "right"` | No       | `"right"`   | Position of the widget on the screen (bottom-left or bottom-right).          |
+| `color`      | `string`            | No       | `"#526cfe"` | Main theme color of the widget (Hex code).                                   |

package/dist/KaiChatWidget.d.ts

@@ -1,8 +1,8 @@
 export interface KaiChatWidgetProps {
-    authToken?: string;
-    workflowId?: string;
+    authToken: string;
+    workflowId: string;
     title?: string;
-    targetUrl?: string;
+    targetUrl: string;
     position?: "left" | "right";
     color?: string;
 }

package/dist/index.es.js

@@ -66052,9 +66052,9 @@ function xi(e, t, n) {
 }
 function TL({
   authToken: e,
-  workflowId: t = "e64585ca-45c1-4dad-ab62-9b59e4979995",
-  title: n = "ApiFort AI",
-  targetUrl: r = "http://localhost:23056",
+  workflowId: t,
+  title: n = "ChatBot",
+  targetUrl: r,
   position: a = "right",
   color: i = "#526cfe"
 }) {