release 0.0.1

app/page.tsx

@@ -28,6 +28,8 @@ function Home() {
     prompt: msg,
   });
 
+  console.log('data', data);
+
   return (
     <div
       style={{
@@ -43,8 +45,9 @@ function Home() {
           helloMessage={
             '欢迎使用 ProChat ，我是你的专属机器人，这是我们的 Github：[ProChat](https://github.com/ant-design/pro-chat)'
           }
-          // request={async (messages) => {
-          // }}
+          request={async (messages) => {
+            setMsg(messages[messages.length - 1].content);
+          }}
         />
       )}
     </div>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "use-ai-lib",
-  "version": "0.0.1-alpha.5",
-  "description": "A React hooks library for building AI-powered apps.",
+  "version": "0.0.1",
+  "description": "A React hooks library for building AI-powered apps as simple as possible.",
   "type": "module",
   "source": "src/index.ts",
   "main": "./dist/index.umd.js",
@@ -15,11 +15,13 @@
   ],
   "scripts": {
     "build": "microbundle --tsconfig tsconfig.build.json",
-    "dev": "microbundle watch --no-sourcemap",
+    "dev": "microbundle watch --no-sourcemap --tsconfig tsconfig.build.json",
     "demo": "next dev",
     "ci:publish": "pnpm publish -r"
   },
   "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "@ai-sdk/ui-utils": "^0.0.39",
     "@tanstack/react-query": "^5.52.1",
     "ai": "^3.3.17",
@@ -36,8 +38,6 @@
     "chrome-ai": "^1.11.1",
     "microbundle": "^0.15.1",
     "next": "^14.2.7",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "typescript": "^5.5.4"
   },
   "repository": {

src/queries/useGenerateObject.tsx

@@ -11,7 +11,6 @@ export function useGenerateObject(params: any, options?: Options) {
   const query = useQuery<GenerateObjectResult<any>>({
     queryKey: [
       'generateObject',
-      params.system,
       params.prompt,
       JSON.stringify(params.messages),
     ],

src/queries/useGenerateText.tsx

@@ -12,12 +12,7 @@ export function useGenerateText(
   options?: Options
 ) {
   const query = useQuery<GenerateTextResult<any>>({
-    queryKey: [
-      'generateText',
-      params.system,
-      params.prompt,
-      JSON.stringify(params.messages),
-    ],
+    queryKey: ['generateText', params.prompt, JSON.stringify(params.messages)],
     queryFn: async () => generateText(params),
     ...options,
   });

src/queries/useStreamObject.tsx

@@ -1,7 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import { streamObject } from 'ai';
 import type { JSONValue } from 'ai';
-import { useEffect } from 'react';
 
 // use some of options
 type Options = {
@@ -10,15 +9,8 @@ type Options = {
 };
 
 export function useStreamObject(params: any, options?: Options) {
-  useEffect(() => {}, []);
-
   const query = useQuery<JSONValue>({
-    queryKey: [
-      'streamObject',
-      params.system,
-      params.prompt,
-      JSON.stringify(params.messages),
-    ],
+    queryKey: ['streamObject', JSON.stringify(params.messages)],
     // @ts-ignore
     queryFn: async () => {
       const { partialObjectStream, object } = await streamObject(params);

src/queries/useStreamText.tsx

@@ -12,12 +12,7 @@ export function useStreamText(
   options?: Options
 ) {
   const query = useQuery<StreamTextResult<any>>({
-    queryKey: [
-      'generateText',
-      params.system,
-      params.prompt,
-      JSON.stringify(params.messages),
-    ],
+    queryKey: ['generateText', params.prompt, JSON.stringify(params.messages)],
     queryFn: async () => streamText(params),
     ...options,
   });

src/useAIModel.tsx

@@ -11,12 +11,11 @@ import {
 import { useEffect, useMemo } from 'react';
 
 interface Options<D> extends Prompt {
-  deps?: any[];
   schema?: z.Schema<D, z.ZodTypeDef, D> | Schema<D>;
   stream?: boolean;
   /**
    * Do something when AI data is generated.
-   * Use this callback to get the stream data rather than 'data'.
+   * Use this callback to get the stream data rather than through 'data'.
    */
   onSuccess?: (data: DeepPartial<D> | string | D) => void | boolean;
 }
@@ -40,12 +39,21 @@ function useAIModel<D = string>(
   aiModel: LanguageModel,
   options: Options<D> = {}
 ) {
-  const { schema, onSuccess, stream, deps, ...prompt } = options;
+  const { schema, onSuccess, stream, ...prompt } = options;
 
   const { model: contextModel } = useModelContext();
+
   if (!aiModel && !contextModel) {
     throw new Error('Model is required');
   }
+
+  // Empty input is not allowed to pass to the moedel, or it will throw an error
+  const emptyInput =
+    !prompt ||
+    (!prompt.prompt && !prompt.messages) ||
+    (prompt.prompt && prompt.prompt.length === 0) ||
+    (prompt.messages && prompt.messages.length === 0);
+
   const model = aiModel ?? contextModel;
 
   // TODO: add middleware if model is a request
@@ -62,7 +70,7 @@ function useAIModel<D = string>(
       ...prompt,
     },
     {
-      enabled: !stream && !schema,
+      enabled: !stream && !schema && !emptyInput,
     }
   );
 
@@ -77,7 +85,7 @@ function useAIModel<D = string>(
       ...prompt,
     },
     {
-      enabled: stream && !schema,
+      enabled: !!stream && !schema && !emptyInput,
     }
   );
 
@@ -94,7 +102,7 @@ function useAIModel<D = string>(
       ...prompt,
     },
     {
-      enabled: !stream && !!schema,
+      enabled: !stream && !!schema && !emptyInput,
     }
   );
 
@@ -111,7 +119,7 @@ function useAIModel<D = string>(
     },
     {
       onSuccess,
-      enabled: stream && !!schema,
+      enabled: !!stream && !!schema && !emptyInput,
     }
   );
 

tsconfig.build.json

@@ -2,6 +2,10 @@
   "compilerOptions": {
     "module": "ESNext",
     "target": "ESNext",
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react-jsx",
+    // https://github.com/developit/microbundle/issues/857
+    "jsxFactory": "",
+    "jsxFragmentFactory": ""
   }
 }