@letta-ai/letta-react 0.2.0 → 0.2.1

package/README.md

@@ -26,16 +26,17 @@ function App() {
 }
 ```
 
-Then you can use `useLetta` and `useLettaQuery` hooks to interact with the Letta API.
+Then you can use `useLettaQuery` hooks to interact with the Letta API.
 
 ```tsx
 import { useLetta, useLettaQuery } from '@letta-ai/letta-react';
 
 function YourComponent() {
-  const client = useLetta();
   const { data, isLoading, error } = useLettaQuery(
-    (args) => client.agents.list(args),
-    { limit: 1 }
+    // the first argument exposes a client instantiation
+    (client) => client.agents.list({ limit: 1 }),
+    // the rest of the argumenst are the same as react-query, so you should specify a queryKey
+    { queryKey: ['agents', 'list'] }
   );
 
   if (isLoading) return <div>Loading...</div>;
@@ -45,50 +46,6 @@ function YourComponent() {
 }
 ```
 
-The `useLetta` hook returns the Letta client instance, which you can use to call any of the API methods. The `useLettaQuery` hook is a wrapper around the `useQuery` hook from tanstack/react-query, which allows you to easily fetch data from the Letta API and manage the loading and error states.
-
-The format of the `useLettaQuery` hook is as follows:
-
-```tsx
-useLettaQuery(
-  operation // the client operation you want to call, this should be 1:1 match with our API docs, it __must__ be wrapped in a function
-  args, // the arguments to pass to the operation
-  options // optional react-query options
-)
-```
-
-## Examples
-
-### List Agents
-
-1. First let's go to the [API docs](https://docs.letta.ai/api-reference/agents/list) and see the API for listing agents.
-
-   ```ts
-   import { LettaClient } from '@letta-ai/letta-client';
-   const client = new LettaClient({ token: 'YOUR_TOKEN' });
-   await client.agents.list();
-   ```
-
-   As we can see, we can call the `list` method on the `agents` object to get a list of agents. The `list` method takes an optional `args`.
-
-2. Now let's translate the usage to use the `useLettaQuery` hook to call this API in a React component.
-
-   ```tsx
-   import { useLetta, useLettaQuery } from '@letta-ai/letta-react';
-
-   function YourComponent() {
-     const client = useLetta();
-     const { data, isLoading, error } = useLettaQuery((args) =>
-       client.agents.list(args)
-     );
-
-     if (isLoading) return <div>Loading...</div>;
-     if (error) return <div>Error: {error.message}</div>;
-
-     return <div>Data: {JSON.stringify(data)}</div>;
-   }
-   ```
-
 # Future Work
 
 This library only supports queries not mutations at the moment. Please use this library in conjunction with [@letta-ai/vercel-ai-sdk-provider](https://www.npmjs.com/package/@letta-ai/vercel-ai-sdk-provider) for a full experience.

package/dist/index.d.ts

@@ -1,2 +1 @@
 export * from './useLettaQuery/useLettaQuery';
-export * from './useLetta/useLetta';

package/dist/index.js

@@ -48254,30 +48254,19 @@ var require_letta_client = __commonJS({
 });
 
 // src/useLettaQuery/useLettaQuery.ts
+var import_letta_client = __toESM(require_letta_client());
 import { useQuery } from "@tanstack/react-query";
-function getQueryKey(operationName, request) {
-  return [operationName, request];
-}
-function useLettaQuery(operation, request, options, queryOptions = {}) {
+import { useRef } from "react";
+function useLettaQuery(operation, queryOptions) {
+  const client = useRef(new import_letta_client.LettaClient());
   return useQuery({
-    queryKey: getQueryKey(operation.name, request),
-    queryFn: () => {
-      return operation(request, options);
-    },
-    ...queryOptions || {}
+    ...queryOptions,
+    queryFn: async () => {
+      return operation(client.current);
+    }
   });
 }
-
-// src/useLetta/useLetta.ts
-var import_letta_client = __toESM(require_letta_client());
-import { useState } from "react";
-function useLetta(options = {}) {
-  const [client] = useState(new import_letta_client.LettaClient(options));
-  return client;
-}
 export {
-  getQueryKey,
-  useLetta,
   useLettaQuery
 };
 /*! Bundled license information: