@copilotkit/react-textarea 1.51.4-next.7 → 1.51.4

package/src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx

@@ -33,13 +33,13 @@ export const HoveringInsertionPromptBoxCore = ({
   const { getDocumentsContext } = useCopilotContext();
 
   const [editSuggestion, setEditSuggestion] = useState<string>("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = useState<boolean>(false);
+  const [suggestionIsLoading, setSuggestionIsLoading] =
+    useState<boolean>(false);
 
   const [adjustmentPrompt, setAdjustmentPrompt] = useState<string>("");
 
-  const [generatingSuggestion, setGeneratingSuggestion] = useState<ReadableStream<string> | null>(
-    null,
-  );
+  const [generatingSuggestion, setGeneratingSuggestion] =
+    useState<ReadableStream<string> | null>(null);
 
   const adjustmentTextAreaRef = useRef<HTMLTextAreaElement>(null);
   const suggestionTextAreaRef = useRef<HTMLTextAreaElement>(null);
@@ -88,7 +88,8 @@ export const HoveringInsertionPromptBoxCore = ({
 
           // Scroll to the bottom of the textarea. We call this here to make sure scroll-to-bottom is synchronous with the state update.
           if (suggestionTextAreaRef.current) {
-            suggestionTextAreaRef.current.scrollTop = suggestionTextAreaRef.current.scrollHeight;
+            suggestionTextAreaRef.current.scrollTop =
+              suggestionTextAreaRef.current.scrollHeight;
           }
           return newSuggestion;
         });
@@ -251,14 +252,19 @@ export const HoveringInsertionPromptBoxCore = ({
     <div className="w-full flex flex-col items-start relative gap-2">
       {AdjustmentPromptComponent}
       {filePointers.length > 0 && (
-        <IncludedFilesPreview includedFiles={filePointers} setIncludedFiles={setFilePointers} />
+        <IncludedFilesPreview
+          includedFiles={filePointers}
+          setIncludedFiles={setFilePointers}
+        />
       )}
       {sourceSearchWord !== undefined && (
         <SourceSearchBox
           searchTerm={sourceSearchWord}
           suggestedFiles={suggestedFiles}
           onSelectedFile={(filePointer) => {
-            setAdjustmentPrompt(adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), ""));
+            setAdjustmentPrompt(
+              adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), ""),
+            );
             setFilePointers((prev) => [...prev, filePointer]);
 
             // focus back on the adjustment prompt, and move the cursor to the end

package/src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx

@@ -23,7 +23,9 @@ export const IncludedFilesPreview = ({
               key={`file-${filePointer.sourceApplication}.${filePointer.name}`}
               filePointer={filePointer}
               onDelete={() => {
-                setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));
+                setIncludedFiles((prev) =>
+                  prev.filter((fp) => fp !== filePointer),
+                );
               }}
             />
           );
@@ -38,7 +40,10 @@ export interface FileChipPreviewProps {
   onDelete: () => void;
 }
 
-export const FileChipPreview = ({ filePointer, onDelete }: FileChipPreviewProps) => {
+export const FileChipPreview = ({
+  filePointer,
+  onDelete,
+}: FileChipPreviewProps) => {
   return (
     <Chip
       label={filePointer.name}

package/src/components/manual-ui/chip-with-icon.tsx

@@ -4,12 +4,21 @@ export interface ChipWithIconProps {
   iconUrl: string;
 }
 
-export const ChipWithIcon = ({ label, onDelete, iconUrl }: ChipWithIconProps) => {
+export const ChipWithIcon = ({
+  label,
+  onDelete,
+  iconUrl,
+}: ChipWithIconProps) => {
   return (
     <span className="inline-flex items-center px-3 py-1 rounded-full bg-slate-200 text-sm font-medium text-white">
-      {iconUrl && <img src={iconUrl} alt="icon" className="w-4 h-4 rounded-full mr-2" />}
+      {iconUrl && (
+        <img src={iconUrl} alt="icon" className="w-4 h-4 rounded-full mr-2" />
+      )}
       {label}
-      <button className="ml-2 text-white hover:text-gray-200 focus:outline-none" onClick={onDelete}>
+      <button
+        className="ml-2 text-white hover:text-gray-200 focus:outline-none"
+        onClick={onDelete}
+      >
         x
       </button>
     </span>

package/src/components/source-search-box/source-search-box.tsx

@@ -11,7 +11,14 @@ import {
   CommandShortcut,
 } from "../ui/command";
 
-import { Calculator, Calendar, CreditCard, Settings, Smile, User } from "lucide-react";
+import {
+  Calculator,
+  Calendar,
+  CreditCard,
+  Settings,
+  Smile,
+  User,
+} from "lucide-react";
 
 import { DocumentPointer } from "@copilotkit/react-core";
 
@@ -110,7 +117,10 @@ export function Logo({
   height: string;
 }) {
   return (
-    <div className="flex items-center justify-center" style={{ width: width, height: height }}>
+    <div
+      className="flex items-center justify-center"
+      style={{ width: width, height: height }}
+    >
       {children}
     </div>
   );

package/src/components/ui/button.tsx

@@ -10,9 +10,12 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive:
+          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
       },
@@ -31,7 +34,8 @@ const buttonVariants = cva(
 );
 
 export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+  extends
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
     VariantProps<typeof buttonVariants> {
   asChild?: boolean;
 }
@@ -40,7 +44,11 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return (
-      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
     );
   },
 );

package/src/components/ui/command.tsx

@@ -58,7 +58,10 @@ const CommandList = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <CommandPrimitive.List
     ref={ref}
-    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden pb-2", className)}
+    className={cn(
+      "max-h-[300px] overflow-y-auto overflow-x-hidden pb-2",
+      className,
+    )}
     {...props}
   />
 ));
@@ -69,7 +72,11 @@ const CommandEmpty = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Empty>,
   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
 >((props, ref) => (
-  <CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props} />
+  <CommandPrimitive.Empty
+    ref={ref}
+    className="py-6 text-center text-sm"
+    {...props}
+  />
 ));
 
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
@@ -118,10 +125,16 @@ const CommandItem = React.forwardRef<
 
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 
-const CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {
+const CommandShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
   return (
     <span
-      className={cn("ml-auto text-xs tracking-widest text-muted-foreground", className)}
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className,
+      )}
       {...props}
     />
   );

package/src/components/ui/dialog.tsx

@@ -59,14 +59,29 @@ const DialogContent = React.forwardRef<
 ));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 
-const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("flex flex-col space-y-1.5 text-center sm:text-left", className)} {...props} />
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className,
+    )}
+    {...props}
+  />
 );
 DialogHeader.displayName = "DialogHeader";
 
-const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
   <div
-    className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className,
+    )}
     {...props}
   />
 );
@@ -78,7 +93,10 @@ const DialogTitle = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DialogPrimitive.Title
     ref={ref}
-    className={cn("text-lg font-semibold leading-none tracking-tight", className)}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className,
+    )}
     {...props}
   />
 ));

package/src/components/ui/label.tsx

@@ -10,9 +10,14 @@ const labelVariants = cva(
 
 const Label = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
 >(({ className, ...props }, ref) => (
-  <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
 

package/src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts

@@ -17,8 +17,12 @@ export interface UseAutosuggestionsResult {
 
 export function useAutosuggestions(
   debounceTime: number,
-  shouldAcceptAutosuggestionOnKeyPress: (event: React.KeyboardEvent<HTMLDivElement>) => boolean,
-  shouldAcceptAutosuggestionOnTouch: (event: React.TouchEvent<HTMLDivElement>) => boolean,
+  shouldAcceptAutosuggestionOnKeyPress: (
+    event: React.KeyboardEvent<HTMLDivElement>,
+  ) => boolean,
+  shouldAcceptAutosuggestionOnTouch: (
+    event: React.TouchEvent<HTMLDivElement>,
+  ) => boolean,
   autosuggestionFunction: AutosuggestionsBareFunction,
   insertAutocompleteSuggestion: (suggestion: AutosuggestionState) => void,
   disableWhenEmpty: boolean,
@@ -34,7 +38,10 @@ export function useAutosuggestions(
     editorAutocompleteState: EditorAutocompleteState,
     abortSignal: AbortSignal,
   ) => Promise<void> = useCallback(
-    async (editorAutocompleteState: EditorAutocompleteState, abortSignal: AbortSignal) => {
+    async (
+      editorAutocompleteState: EditorAutocompleteState,
+      abortSignal: AbortSignal,
+    ) => {
       // early return if disabled
       if (disabled) {
         return;
@@ -49,7 +56,10 @@ export function useAutosuggestions(
       }
 
       // fetch the suggestion
-      const suggestion = await autosuggestionFunction(editorAutocompleteState, abortSignal);
+      const suggestion = await autosuggestionFunction(
+        editorAutocompleteState,
+        abortSignal,
+      );
 
       // We'll assume for now that the autocomplete function might or might not respect the abort signal.
       if (!suggestion || abortSignal.aborted) {
@@ -61,11 +71,19 @@ export function useAutosuggestions(
         point: editorAutocompleteState.cursorPoint,
       });
     },
-    [autosuggestionFunction, setCurrentAutocompleteSuggestion, disableWhenEmpty, disabled],
+    [
+      autosuggestionFunction,
+      setCurrentAutocompleteSuggestion,
+      disableWhenEmpty,
+      disabled,
+    ],
   );
 
   const debouncedFunction = useMemo(
-    () => new Debouncer<[editorAutocompleteState: EditorAutocompleteState]>(debounceTime),
+    () =>
+      new Debouncer<[editorAutocompleteState: EditorAutocompleteState]>(
+        debounceTime,
+      ),
     [debounceTime],
   );
 
@@ -111,12 +129,20 @@ export function useAutosuggestions(
   );
 
   const keyDownOrTouchHandler = useCallback(
-    (event: React.KeyboardEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => {
+    (
+      event:
+        | React.KeyboardEvent<HTMLDivElement>
+        | React.TouchEvent<HTMLDivElement>,
+    ) => {
       if (currentAutocompleteSuggestion) {
         const shouldAcceptSuggestion =
           event.type === "touchstart"
-            ? shouldAcceptAutosuggestionOnTouch(event as React.TouchEvent<HTMLDivElement>)
-            : shouldAcceptAutosuggestionOnKeyPress(event as React.KeyboardEvent<HTMLDivElement>);
+            ? shouldAcceptAutosuggestionOnTouch(
+                event as React.TouchEvent<HTMLDivElement>,
+              )
+            : shouldAcceptAutosuggestionOnKeyPress(
+                event as React.KeyboardEvent<HTMLDivElement>,
+              );
 
         if (shouldAcceptSuggestion) {
           event.preventDefault();

package/src/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.tsx

@@ -35,7 +35,11 @@ const shouldSave: ShouldSaveToHistory = (op, prev) => {
     return false;
   }
 
-  if (op.type == "set_node" && "type" in op.properties && op.properties.type === excludedNodeType) {
+  if (
+    op.type == "set_node" &&
+    "type" in op.properties &&
+    op.properties.type === excludedNodeType
+  ) {
     return false;
   }
 

package/src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts

@@ -60,7 +60,11 @@ export function usePopulateCopilotTextareaRef(
       get(target: any, propKey: keyof CustomMethods | keyof HTMLElement) {
         return target.get(target, propKey);
       },
-      set(target: any, propKey: keyof CustomMethods | keyof HTMLElement, value: any) {
+      set(
+        target: any,
+        propKey: keyof CustomMethods | keyof HTMLElement,
+        value: any,
+      ) {
         return target.set(target, propKey, value);
       },
     };

package/src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx

@@ -35,10 +35,17 @@ export function useMakeStandardAutosuggestionFunction(
 ): AutosuggestionsBareFunction {
   const runtimeClient = { generateCopilotResponse: (...args: any[]) => {} };
   const { getContextString, copilotApiConfig } = useCopilotContext();
-  const { chatApiEndpoint: url, publicApiKey, credentials, properties } = copilotApiConfig;
+  const {
+    chatApiEndpoint: url,
+    publicApiKey,
+    credentials,
+    properties,
+  } = copilotApiConfig;
   const headers = {
     ...copilotApiConfig.headers,
-    ...(publicApiKey ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {}),
+    ...(publicApiKey
+      ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey }
+      : {}),
   };
   const { maxTokens, stop, temperature = 0 } = apiConfig;
 

package/src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx

@@ -39,7 +39,9 @@ export function useMakeStandardInsertionOrEditingFunction(
   insertionApiConfig: InsertionsApiConfig,
   editingApiConfig: EditingApiConfig,
 ): Generator_InsertionOrEditingSuggestion {
-  const runtimeClient: any = { generateCopilotResponse: (...args: any[]) => {} };
+  const runtimeClient: any = {
+    generateCopilotResponse: (...args: any[]) => {},
+  };
   const { getContextString, copilotApiConfig } = useCopilotContext();
   const headers = {
     ...(copilotApiConfig.publicApiKey
@@ -63,7 +65,9 @@ export function useMakeStandardInsertionOrEditingFunction(
             break;
           }
 
-          const messages = convertGqlOutputToMessages(value.generateCopilotResponse.messages);
+          const messages = convertGqlOutputToMessages(
+            value.generateCopilotResponse.messages,
+          );
 
           let newContent = "";
 
@@ -121,7 +125,9 @@ export function useMakeStandardInsertionOrEditingFunction(
                 actions: [],
                 url: window.location.href,
               },
-              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
+              messages: convertMessagesToGqlInput(
+                filterAgentStateMessages(messages),
+              ),
               metadata: {
                 requestType: CopilotRequestType.TextareaCompletion,
               },
@@ -179,7 +185,9 @@ export function useMakeStandardInsertionOrEditingFunction(
                 actions: [],
                 url: window.location.href,
               },
-              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
+              messages: convertMessagesToGqlInput(
+                filterAgentStateMessages(messages),
+              ),
               metadata: {
                 requestType: CopilotRequestType.TextareaCompletion,
               },
@@ -203,9 +211,19 @@ export function useMakeStandardInsertionOrEditingFunction(
       abortSignal: AbortSignal,
     ) => {
       if (editorState.selectedText === "") {
-        return await insertionFunction(editorState, insertionPrompt, documents, abortSignal);
+        return await insertionFunction(
+          editorState,
+          insertionPrompt,
+          documents,
+          abortSignal,
+        );
       } else {
-        return await editingFunction(editorState, insertionPrompt, documents, abortSignal);
+        return await editingFunction(
+          editorState,
+          insertionPrompt,
+          documents,
+          abortSignal,
+        );
       }
     },
     [insertionFunction, editingFunction],

package/src/hooks/misc/use-autosize-textarea.tsx

@@ -1,7 +1,10 @@
 import { Ref, RefObject, useEffect } from "react";
 
 // Updates the height of a <textarea> when the value changes.
-const useAutosizeTextArea = (textAreaRef: RefObject<HTMLTextAreaElement | null>, value: string) => {
+const useAutosizeTextArea = (
+  textAreaRef: RefObject<HTMLTextAreaElement | null>,
+  value: string,
+) => {
   useEffect(() => {
     if (textAreaRef.current !== null) {
       // We need to reset the height momentarily to get the correct scrollHeight for the textarea

package/src/lib/debouncer.ts

@@ -1,4 +1,6 @@
-export type AsyncFunction<T extends any[]> = (...args: [...T, AbortSignal]) => Promise<void>;
+export type AsyncFunction<T extends any[]> = (
+  ...args: [...T, AbortSignal]
+) => Promise<void>;
 
 export class Debouncer<T extends any[]> {
   private timeoutId?: ReturnType<typeof setTimeout>;

package/src/lib/editor-to-text.ts

@@ -28,7 +28,8 @@ function nodeChildrenToTextComponents(
     }
 
     const isNeighbourOfInline =
-      indeciesOfInlineElements.has(index - 1) || indeciesOfInlineElements.has(index + 1);
+      indeciesOfInlineElements.has(index - 1) ||
+      indeciesOfInlineElements.has(index + 1);
     if (isNeighbourOfInline) {
       return (node as any).text !== "";
     }
@@ -52,7 +53,9 @@ function nodeChildrenToTextComponents(
     .reduce((acc, val) => acc.concat(val), []);
 }
 
-export const editorToText = (editor: BaseEditor & ReactEditor & HistoryEditor) => {
+export const editorToText = (
+  editor: BaseEditor & ReactEditor & HistoryEditor,
+) => {
   const flattened = nodeChildrenToTextComponents(editor, editor.children);
 
   const text = flattened.map((textComponent) => textComponent.text).join("\n");

package/src/lib/get-text-around-cursor.ts

@@ -1,4 +1,14 @@
-import { Editor, Node, Path, Range, Text, Element, BasePoint, BaseRange, Point } from "slate";
+import {
+  Editor,
+  Node,
+  Path,
+  Range,
+  Text,
+  Element,
+  BasePoint,
+  BaseRange,
+  Point,
+} from "slate";
 import { EditorAutocompleteState } from "../types/base/editor-autocomplete-state";
 
 export interface EditorTextState {
@@ -9,7 +19,9 @@ export interface EditorTextState {
   textAfterCursor: string;
 }
 
-export function getTextAroundCollapsedCursor(editor: Editor): EditorAutocompleteState | null {
+export function getTextAroundCollapsedCursor(
+  editor: Editor,
+): EditorAutocompleteState | null {
   const { selection } = editor;
   if (!selection || !Range.isCollapsed(selection)) {
     return null;

package/src/lib/slatejs-edits/clear-autocompletions.ts

@@ -13,7 +13,10 @@ export function clearAutocompletionsFromEditor(editor: CustomEditor) {
     try {
       Transforms.removeNodes(editor, { at: path });
     } catch (e) {
-      console.log("CopilotTextarea.clearAutocompletionsFromEditor: error removing node", e);
+      console.log(
+        "CopilotTextarea.clearAutocompletionsFromEditor: error removing node",
+        e,
+      );
     }
   }
 }

package/src/lib/slatejs-edits/with-partial-history.ts

@@ -3,7 +3,10 @@ import { HistoryEditor } from "slate-history";
 
 // Copy-pasted from `https://github.com/ianstormtaylor/slate/blob/main/packages/slate-history/src/with-history.ts`
 // With one exception: the `shouldSave` function is passed in as an argument to `withPartialHistory` instead of being hardcoded
-export type ShouldSaveToHistory = (op: Operation, prev: Operation | undefined) => boolean;
+export type ShouldSaveToHistory = (
+  op: Operation,
+  prev: Operation | undefined,
+) => boolean;
 
 export const withPartialHistory = <T extends Editor>(
   editor: T,
@@ -66,7 +69,8 @@ export const withPartialHistory = <T extends Editor>(
     const { operations, history } = e;
     const { undos } = history;
     const lastBatch = undos[undos.length - 1];
-    const lastOp = lastBatch && lastBatch.operations[lastBatch.operations.length - 1];
+    const lastOp =
+      lastBatch && lastBatch.operations[lastBatch.operations.length - 1];
     let save = HistoryEditor.isSaving(e);
     let merge = HistoryEditor.isMerging(e);
 
@@ -140,7 +144,10 @@ const shouldMerge = (op: Operation, prev: Operation | undefined): boolean => {
   return false;
 };
 
-export const defaultShouldSave = (op: Operation, prev: Operation | undefined): boolean => {
+export const defaultShouldSave = (
+  op: Operation,
+  prev: Operation | undefined,
+): boolean => {
   if (op.type === "set_selection") {
     return false;
   }

package/src/lib/stream-promise-flatten.ts

@@ -8,7 +8,9 @@
  * @returns {ReadableStream<A>} - The flattened stream.
  */
 
-export function streamPromiseFlatten<A>(promise: Promise<ReadableStream<A>>): ReadableStream<A> {
+export function streamPromiseFlatten<A>(
+  promise: Promise<ReadableStream<A>>,
+): ReadableStream<A> {
   return new ReadableStream<A>({
     async start(controller) {
       try {

package/src/lib/utils.ts

@@ -5,7 +5,10 @@ export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
-export async function fetcher<JSON = any>(input: RequestInfo, init?: RequestInit): Promise<JSON> {
+export async function fetcher<JSON = any>(
+  input: RequestInfo,
+  init?: RequestInit,
+): Promise<JSON> {
   const res = await fetch(input, init);
 
   if (!res.ok) {
@@ -34,7 +37,8 @@ export function formatDate(input: string | number | Date): string {
 }
 
 export const arraysAreEqual = (arr1: number[], arr2: number[]): boolean =>
-  arr1.length === arr2.length && arr1.every((value, index) => value === arr2[index]);
+  arr1.length === arr2.length &&
+  arr1.every((value, index) => value === arr2[index]);
 
 export function nullableCompatibleEqualityCheck<T>(
   naiveEqualityCheck: (a: T, b: T) => boolean,

package/src/types/autosuggestions-config/autosuggestions-config-user-specified.tsx

@@ -9,8 +9,9 @@ export interface SuggestionsApiConfigUserSpecified extends Partial<SuggestionsAp
 export interface InsertionsApiConfigUserSpecified extends Partial<InsertionsApiConfig> {}
 
 // Mostly mirrors a partial AutosuggestionsConfig, but with some fields MANDATORY.
-export interface AutosuggestionsConfigUserSpecified
-  extends Partial<Omit<AutosuggestionsConfig, "chatApiConfigs" | "textareaPurpose">> {
+export interface AutosuggestionsConfigUserSpecified extends Partial<
+  Omit<AutosuggestionsConfig, "chatApiConfigs" | "textareaPurpose">
+> {
   textareaPurpose: string; // the user MUST specify textareaPurpose - it's not optional
   chatApiConfigs: {
     suggestionsApiConfig?: SuggestionsApiConfigUserSpecified;