@assistant-ui/react 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +41 -15
  2. package/dist/index.d.ts +41 -15
  3. package/dist/index.js +291 -259
  4. package/dist/index.mjs +279 -247
  5. package/package.json +2 -1
package/dist/index.d.mts CHANGED
@@ -1,13 +1,8 @@
1
- import { UseChatHelpers } from 'ai/react';
2
1
  import * as react from 'react';
3
2
  import { FC, PropsWithChildren } from 'react';
3
+ import { TextareaAutosizeProps } from 'react-textarea-autosize';
4
4
  import { Message } from 'ai';
5
-
6
- type ThreadProviderProps = {
7
- chat: UseChatHelpers;
8
- children: React.ReactNode;
9
- };
10
- declare const ThreadProvider: FC<ThreadProviderProps>;
5
+ import { UseChatHelpers } from 'ai/react';
11
6
 
12
7
  declare const ThreadRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
13
8
  ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
@@ -39,13 +34,16 @@ declare const ThreadViewport: react.ForwardRefExoticComponent<Pick<Omit<react.De
39
34
 
40
35
  type ThreadMessagesProps = {
41
36
  components: {
42
- Message: React.ComponentType<{}>;
37
+ Message: React.ComponentType;
38
+ } | {
39
+ UserMessage: React.ComponentType;
40
+ AssistantMessage: React.ComponentType;
43
41
  };
44
42
  };
45
43
  declare const ThreadMessages: FC<ThreadMessagesProps>;
46
44
 
47
45
  declare namespace index$5 {
48
- export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadProvider as Provider, ThreadRoot as Root, ThreadViewport as Viewport };
46
+ export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadViewport as Viewport };
49
47
  }
50
48
 
51
49
  declare const ComposerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
@@ -54,7 +52,7 @@ declare const ComposerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.Deta
54
52
  asChild?: boolean;
55
53
  }, "key" | "asChild" | keyof react.FormHTMLAttributes<HTMLFormElement>> & react.RefAttributes<HTMLFormElement>>;
56
54
 
57
- declare const ComposerInput: react.ForwardRefExoticComponent<Pick<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | keyof react.TextareaHTMLAttributes<HTMLTextAreaElement>> & {
55
+ declare const ComposerInput: react.ForwardRefExoticComponent<TextareaAutosizeProps & {
58
56
  asChild?: boolean;
59
57
  } & react.RefAttributes<HTMLTextAreaElement>>;
60
58
 
@@ -101,7 +99,7 @@ declare const MessageIf: FC<MessageIfProps>;
101
99
 
102
100
  declare const MessageContent: FC;
103
101
 
104
- declare const MessageEditableContent: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
102
+ declare const MessageEditableContent: react.ForwardRefExoticComponent<TextareaAutosizeProps & react.RefAttributes<HTMLTextAreaElement>>;
105
103
 
106
104
  declare namespace index$3 {
107
105
  export { MessageContent as Content, MessageEditableContent as EditableContent, MessageIf as If, MessageProvider as Provider, MessageRoot as Root };
@@ -127,7 +125,9 @@ declare const BranchPickerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.
127
125
  ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
128
126
  } & {
129
127
  asChild?: boolean;
130
- }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
128
+ }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
129
+ hideWhenSingleBranch?: boolean;
130
+ } & react.RefAttributes<HTMLDivElement>>;
131
131
 
132
132
  declare namespace index$2 {
133
133
  export { BranchPickerCount as Count, BranchPickerNext as Next, BranchPickerNumber as Number, BranchPickerPrevious as Previous, BranchPickerRoot as Root };
@@ -137,7 +137,9 @@ declare const ActionBarRoot: react.ForwardRefExoticComponent<Pick<Omit<react.Det
137
137
  ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
138
138
  } & {
139
139
  asChild?: boolean;
140
- }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
140
+ }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
141
+ hideWhenEditing?: boolean;
142
+ } & react.RefAttributes<HTMLDivElement>>;
141
143
 
142
144
  type ActionBarCopyProps = {
143
145
  copiedDuration?: number;
@@ -168,7 +170,9 @@ declare const EditBarRoot: react.ForwardRefExoticComponent<Pick<Omit<react.Detai
168
170
  ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
169
171
  } & {
170
172
  asChild?: boolean;
171
- }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
173
+ }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
174
+ hideWhenNotEditing?: boolean;
175
+ } & react.RefAttributes<HTMLDivElement>>;
172
176
 
173
177
  declare const EditBarSave: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
174
178
  ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
@@ -186,6 +190,12 @@ declare namespace index {
186
190
  export { EditBarCancel as Cancel, EditBarRoot as Root, EditBarSave as Save };
187
191
  }
188
192
 
193
+ type ThreadProviderProps = {
194
+ chat: UseChatHelpers;
195
+ children: React.ReactNode;
196
+ };
197
+ declare const VercelAIThreadProvider: FC<ThreadProviderProps>;
198
+
189
199
  type BranchState = {
190
200
  branchId: number;
191
201
  branchCount: number;
@@ -209,4 +219,20 @@ type MessageStore = {
209
219
  };
210
220
  declare const useMessageContext: <Selection>(consumerName: string, selector: (s: MessageStore) => Selection) => Selection;
211
221
 
212
- export { index$1 as ActionBar, index$2 as BranchPicker, index$4 as Composer, index as EditBar, index$3 as Message, index$5 as Thread, useMessageContext as unstable_useMessageContext };
222
+ declare const useCopyMessage: ({ copiedDuration }: {
223
+ copiedDuration?: number | undefined;
224
+ }) => () => void;
225
+
226
+ declare const useReloadMessage: () => (() => Promise<void>) | null;
227
+
228
+ declare const useBeginMessageEdit: () => (() => void) | null;
229
+
230
+ declare const useCancelMessageEdit: () => (() => void) | null;
231
+
232
+ declare const useSaveMessageEdit: () => (() => void) | null;
233
+
234
+ declare const useGoToNextBranch: () => (() => void) | null;
235
+
236
+ declare const useGoToPreviousBranch: () => (() => void) | null;
237
+
238
+ export { index$1 as ActionBarPrimitive, index$2 as BranchPickerPrimitive, index$4 as ComposerPrimitive, index as EditBarPrimitive, index$3 as MessagePrimitive, index$5 as ThreadPrimitive, VercelAIThreadProvider, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCancelMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage, useSaveMessageEdit };
package/dist/index.d.ts CHANGED
@@ -1,13 +1,8 @@
1
- import { UseChatHelpers } from 'ai/react';
2
1
  import * as react from 'react';
3
2
  import { FC, PropsWithChildren } from 'react';
3
+ import { TextareaAutosizeProps } from 'react-textarea-autosize';
4
4
  import { Message } from 'ai';
5
-
6
- type ThreadProviderProps = {
7
- chat: UseChatHelpers;
8
- children: React.ReactNode;
9
- };
10
- declare const ThreadProvider: FC<ThreadProviderProps>;
5
+ import { UseChatHelpers } from 'ai/react';
11
6
 
12
7
  declare const ThreadRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
13
8
  ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
@@ -39,13 +34,16 @@ declare const ThreadViewport: react.ForwardRefExoticComponent<Pick<Omit<react.De
39
34
 
40
35
  type ThreadMessagesProps = {
41
36
  components: {
42
- Message: React.ComponentType<{}>;
37
+ Message: React.ComponentType;
38
+ } | {
39
+ UserMessage: React.ComponentType;
40
+ AssistantMessage: React.ComponentType;
43
41
  };
44
42
  };
45
43
  declare const ThreadMessages: FC<ThreadMessagesProps>;
46
44
 
47
45
  declare namespace index$5 {
48
- export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadProvider as Provider, ThreadRoot as Root, ThreadViewport as Viewport };
46
+ export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadViewport as Viewport };
49
47
  }
50
48
 
51
49
  declare const ComposerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
@@ -54,7 +52,7 @@ declare const ComposerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.Deta
54
52
  asChild?: boolean;
55
53
  }, "key" | "asChild" | keyof react.FormHTMLAttributes<HTMLFormElement>> & react.RefAttributes<HTMLFormElement>>;
56
54
 
57
- declare const ComposerInput: react.ForwardRefExoticComponent<Pick<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | keyof react.TextareaHTMLAttributes<HTMLTextAreaElement>> & {
55
+ declare const ComposerInput: react.ForwardRefExoticComponent<TextareaAutosizeProps & {
58
56
  asChild?: boolean;
59
57
  } & react.RefAttributes<HTMLTextAreaElement>>;
60
58
 
@@ -101,7 +99,7 @@ declare const MessageIf: FC<MessageIfProps>;
101
99
 
102
100
  declare const MessageContent: FC;
103
101
 
104
- declare const MessageEditableContent: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
102
+ declare const MessageEditableContent: react.ForwardRefExoticComponent<TextareaAutosizeProps & react.RefAttributes<HTMLTextAreaElement>>;
105
103
 
106
104
  declare namespace index$3 {
107
105
  export { MessageContent as Content, MessageEditableContent as EditableContent, MessageIf as If, MessageProvider as Provider, MessageRoot as Root };
@@ -127,7 +125,9 @@ declare const BranchPickerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.
127
125
  ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
128
126
  } & {
129
127
  asChild?: boolean;
130
- }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
128
+ }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
129
+ hideWhenSingleBranch?: boolean;
130
+ } & react.RefAttributes<HTMLDivElement>>;
131
131
 
132
132
  declare namespace index$2 {
133
133
  export { BranchPickerCount as Count, BranchPickerNext as Next, BranchPickerNumber as Number, BranchPickerPrevious as Previous, BranchPickerRoot as Root };
@@ -137,7 +137,9 @@ declare const ActionBarRoot: react.ForwardRefExoticComponent<Pick<Omit<react.Det
137
137
  ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
138
138
  } & {
139
139
  asChild?: boolean;
140
- }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
140
+ }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
141
+ hideWhenEditing?: boolean;
142
+ } & react.RefAttributes<HTMLDivElement>>;
141
143
 
142
144
  type ActionBarCopyProps = {
143
145
  copiedDuration?: number;
@@ -168,7 +170,9 @@ declare const EditBarRoot: react.ForwardRefExoticComponent<Pick<Omit<react.Detai
168
170
  ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
169
171
  } & {
170
172
  asChild?: boolean;
171
- }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
173
+ }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
174
+ hideWhenNotEditing?: boolean;
175
+ } & react.RefAttributes<HTMLDivElement>>;
172
176
 
173
177
  declare const EditBarSave: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
174
178
  ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
@@ -186,6 +190,12 @@ declare namespace index {
186
190
  export { EditBarCancel as Cancel, EditBarRoot as Root, EditBarSave as Save };
187
191
  }
188
192
 
193
+ type ThreadProviderProps = {
194
+ chat: UseChatHelpers;
195
+ children: React.ReactNode;
196
+ };
197
+ declare const VercelAIThreadProvider: FC<ThreadProviderProps>;
198
+
189
199
  type BranchState = {
190
200
  branchId: number;
191
201
  branchCount: number;
@@ -209,4 +219,20 @@ type MessageStore = {
209
219
  };
210
220
  declare const useMessageContext: <Selection>(consumerName: string, selector: (s: MessageStore) => Selection) => Selection;
211
221
 
212
- export { index$1 as ActionBar, index$2 as BranchPicker, index$4 as Composer, index as EditBar, index$3 as Message, index$5 as Thread, useMessageContext as unstable_useMessageContext };
222
+ declare const useCopyMessage: ({ copiedDuration }: {
223
+ copiedDuration?: number | undefined;
224
+ }) => () => void;
225
+
226
+ declare const useReloadMessage: () => (() => Promise<void>) | null;
227
+
228
+ declare const useBeginMessageEdit: () => (() => void) | null;
229
+
230
+ declare const useCancelMessageEdit: () => (() => void) | null;
231
+
232
+ declare const useSaveMessageEdit: () => (() => void) | null;
233
+
234
+ declare const useGoToNextBranch: () => (() => void) | null;
235
+
236
+ declare const useGoToPreviousBranch: () => (() => void) | null;
237
+
238
+ export { index$1 as ActionBarPrimitive, index$2 as BranchPickerPrimitive, index$4 as ComposerPrimitive, index as EditBarPrimitive, index$3 as MessagePrimitive, index$5 as ThreadPrimitive, VercelAIThreadProvider, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCancelMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage, useSaveMessageEdit };