funda-ui 4.5.712 → 4.5.766

package/README.md

@@ -1,21 +1,10 @@
 # Funda UI
 
-<p align="center">
-  <img src="logo.png"  alt="Funda UI"  width="180" >
-</p>
-
-
 React components using pure Bootstrap 5+ which has undergone complex business testing and is easy to integrate with any API. You can load Bootstrap css libraries separately in your project.
 
 All components have undergone complex business verification and provide multiple examples.
 
 
-<p align="center">
-  <img src="preview.png"  alt="Funda UI" >
-</p>
-
-
-
 ---
 
 - [Documentation](https://uiux.cc/funda-ui-doc)
@@ -24,7 +13,6 @@ All components have undergone complex business verification and provide multiple
 
 
 
-
 ## Key Features
 
 1. Simplify the assignment method of diversified data.
@@ -34,6 +22,7 @@ All components have undergone complex business verification and provide multiple
 5. Do not embed css-in-js, directly use external CSS styles to completely change the component style.
 
 
+
 ## Components List
 
 Here is a table of the components and their status.
@@ -69,6 +58,8 @@ Here is a table of the components and their status.
 | [Tree ✅🔥](packages/Tree/README.md) |  |  |  |  |
 | [Event Calendar ✅🔥](packages/EventCalendar/README.md) |  |  |  |  |
 | [Event Calendar Timeline ✅🔥](packages/EventCalendarTimeline/README.md) |  |  |  |  |
+| [Chatbox ✅🔥🤖](packages/Chatbox/README.md) |  |  |  |  |
+
 
 
 
@@ -82,27 +73,17 @@ Here is a table of the components and their status.
 $ npm i funda-ui
 ```
 
-or
-
-```sh
-$ pnpm add funda-ui
-```
-
 **Step 2**. Using Bootstrap CSS together (recommended)
 
-[Download bootstrap](https://github.com/twbs/bootstrap)
-
 ```html
 <link href="./bootstrap.min.css" rel="stylesheet"/>
 ```
 
-> You could remove Bootstrap's styles. All components support setting Bootstrap's default class names through `**ClassName` attributes.
 
-**Step 3**. import required components as required
+**Step 3**. import required components as required 
 
 > If the component does not have a CSS file, it can not be imported, or use own CSS.
 
-
 ```js
 import Input from 'funda-ui/Input';
 import Textarea from 'funda-ui/Textarea';
@@ -137,88 +118,6 @@ import 'funda-ui/CascadingSelect/index.css';
 ```
 
 
-## Getting Started
-
-Make sure if Node 14+ is installed on your computer.
-
-### Step 1: Create a new Lerna workspace by running:
-
-```sh
-$ cd /{your_directory}/funda-ui
-$ npx lerna init
-```
-
-
-### Step 2: Install dependencies (Required)
-
-It will automatically install the dependencies of all resources in `packages/` without duplication.
-
-```sh
-$ npm install
-```
- 
-
-### Step 3: To open the visualization, run:
-
-```sh
-$ npx nx graph
-```
- 
-### Step 4: To build all projects, run
-
-```sh
-$ npx lerna run build
-```
-
-or Build the package you want (recommend):
-
-```sh
-$ npx lerna run build --scope=plugin-1 --scope=plugin-2
-```
-
-Please do not install **lerna** globally to use `lerna run build`
-
-
-### Step 5: (optional) Use a custom script like:
-
-```sh
-$ npx lerna exec npm run export --scope=plugin-2
-```
-  
-
-## Publish the lib of components, it will hang on NPM: 
-
-
-```sh
-$ npm run build:lib
-$ npm run build:publish
-```
-  
-  
-> **(Optional) Update Utils**
-> 
-> ```sh
-> $ npx lerna run build --scope=funda-utils
-> $ npm i
-> $ npx lerna run build
-> ```
-> 
-
-
-
-> **(Optional) Manually generate `.d.ts` files, you can execute**
-> 
-> ```sh
-> $ npx -p typescript tsc lib/cjs/*.js --declaration --allowJs --emitDeclarationOnly
-> ```
-> 
-
-
-## Contributing
-
-- [Lerna](https://github.com/lerna/lerna)
-- [Bootstrap](https://getbootstrap.com/)
-- [React](https://react.dev/)
 
 
 ## Licensing

package/Utils/useStreamController.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Stream Controller
+ *
+ * @usage:
+
+// Use in component
+const streamController = useStreamController({
+    onChunk: async (chunk: string, index: number) => {
+        // start (Execute it only once)
+        if (index === 0) {
+            
+        }
+        
+        // Streaming data is JSON split by rows
+        const lines = chunk.split("\n").filter(line => line.trim() !== "");
+
+        // Process each data chunk
+        console.log('Received chunk:', chunk);
+    },
+    onComplete: async (lastContent: string) => {
+        // Process when stream is completed
+        console.log('Stream completed');
+        
+        // Display AI reply
+        console.log('AI reply:', lastContent);
+
+    },
+    onError: (error) => {
+        // Error handling
+        console.error('Stream error:', error);
+    },
+    onAbort: () => {
+        // Abort processing
+        console.log('Stream aborted');
+    }
+});
+
+// Start stream
+const response = await fetch(url);
+await streamController.start(response);
+
+// Pause stream
+streamController.pause();
+
+// Resume stream
+streamController.resume();
+
+// Abort stream
+streamController.abort();
+
+// Check status
+const isActive = streamController.isActive();
+const isPaused = streamController.isPaused();
+
+ */
+export interface StreamControllerOptions {
+    onChunk?: (chunk: string, index: number) => void;
+    onComplete?: (lastContent: string) => void;
+    onError?: (error: any) => void;
+    onAbort?: () => void;
+}
+export interface StreamController {
+    start: (response: Response) => Promise<void>;
+    pause: () => void;
+    resume: () => void;
+    abort: () => void;
+    isActive: () => boolean;
+    isPaused: () => boolean;
+}
+export declare const useStreamController: (options?: StreamControllerOptions) => StreamController;
+export default useStreamController;