@copilotkit/react-textarea 0.22.0 → 0.25.0

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

@@ -27,9 +27,9 @@ import { DocumentPointer } from "@copilotkit/react-core";
  */
 export function useMakeStandardInsertionOrEditingFunction(
   textareaPurpose: string,
-  contextCategories: string[] | undefined,
+  contextCategories: string[],
   insertionApiConfig: InsertionsApiConfig,
-  editingApiConfig: EditingApiConfig
+  editingApiConfig: EditingApiConfig,
 ): Generator_InsertionOrEditingSuggestion {
   const { getContextString, copilotApiConfig } = useContext(CopilotContext);
 
@@ -38,7 +38,7 @@ export function useMakeStandardInsertionOrEditingFunction(
       editorState: EditingEditorState,
       insertionPrompt: string,
       documents: DocumentPointer[],
-      abortSignal: AbortSignal
+      abortSignal: AbortSignal,
     ) => {
       const res = await retry(async () => {
         const messages: MinimalChatGPTMessage[] = [
@@ -46,7 +46,7 @@ export function useMakeStandardInsertionOrEditingFunction(
             role: "system",
             content: insertionApiConfig.makeSystemPrompt(
               textareaPurpose,
-              getContextString(documents, contextCategories)
+              getContextString(documents, contextCategories),
             ),
           },
           ...insertionApiConfig.fewShotMessages,
@@ -67,18 +67,13 @@ export function useMakeStandardInsertionOrEditingFunction(
           },
         ];
 
-        const apiEndpoint =
-          ChatlikeApiEndpoint.fromCopilotApiConfig(copilotApiConfig);
-        return await apiEndpoint.run(
-          abortSignal,
-          messages,
-          insertionApiConfig.forwardedParams
-        );
+        const apiEndpoint = ChatlikeApiEndpoint.fromCopilotApiConfig(copilotApiConfig);
+        return await apiEndpoint.run(abortSignal, messages, insertionApiConfig.forwardedParams);
       });
 
       return res;
     },
-    [insertionApiConfig, getContextString, contextCategories, textareaPurpose]
+    [insertionApiConfig, getContextString, contextCategories, textareaPurpose],
   );
 
   const editingFunction = useCallback(
@@ -86,7 +81,7 @@ export function useMakeStandardInsertionOrEditingFunction(
       editorState: EditingEditorState,
       editingPrompt: string,
       documents: DocumentPointer[],
-      abortSignal: AbortSignal
+      abortSignal: AbortSignal,
     ) => {
       const res = await retry(async () => {
         const messages: MinimalChatGPTMessage[] = [
@@ -94,7 +89,7 @@ export function useMakeStandardInsertionOrEditingFunction(
             role: "system",
             content: editingApiConfig.makeSystemPrompt(
               textareaPurpose,
-              getContextString(documents, contextCategories)
+              getContextString(documents, contextCategories),
             ),
           },
           ...editingApiConfig.fewShotMessages,
@@ -120,18 +115,13 @@ export function useMakeStandardInsertionOrEditingFunction(
           },
         ];
 
-        const apiEndpoint =
-          ChatlikeApiEndpoint.fromCopilotApiConfig(copilotApiConfig);
-        return await apiEndpoint.run(
-          abortSignal,
-          messages,
-          editingApiConfig.forwardedParams
-        );
+        const apiEndpoint = ChatlikeApiEndpoint.fromCopilotApiConfig(copilotApiConfig);
+        return await apiEndpoint.run(abortSignal, messages, editingApiConfig.forwardedParams);
       });
 
       return res;
     },
-    [editingApiConfig, getContextString, contextCategories, textareaPurpose]
+    [editingApiConfig, getContextString, contextCategories, textareaPurpose],
   );
 
   const insertionOrEditingFunction = useCallback(
@@ -139,25 +129,15 @@ export function useMakeStandardInsertionOrEditingFunction(
       editorState: EditingEditorState,
       insertionPrompt: string,
       documents: DocumentPointer[],
-      abortSignal: AbortSignal
+      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]
+    [insertionFunction, editingFunction],
   );
 
   return insertionOrEditingFunction;

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

@@ -1,10 +1,7 @@
 import { Ref, RefObject, useEffect } from "react";
 
 // Updates the height of a <textarea> when the value changes.
-const useAutosizeTextArea = (
-  textAreaRef: RefObject<HTMLTextAreaElement>,
-  value: string
-) => {
+const useAutosizeTextArea = (textAreaRef: RefObject<HTMLTextAreaElement>, 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,6 +1,4 @@
-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?: number;

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

@@ -5,7 +5,7 @@ import { SuggestionAwareText } from "../types/base/custom-editor";
 
 function nodeChildrenToTextComponents(
   editor: BaseEditor & ReactEditor & HistoryEditor,
-  nodes: Descendant[]
+  nodes: Descendant[],
 ): SuggestionAwareText[] {
   // find inlineable elements
   const indeciesOfInlineElements = new Set(
@@ -16,7 +16,7 @@ function nodeChildrenToTextComponents(
         }
         return -1;
       })
-      .filter((index) => index !== -1)
+      .filter((index) => index !== -1),
   );
 
   // ignorable elements = inline elements,
@@ -28,8 +28,7 @@ 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 !== "";
     }
@@ -53,9 +52,7 @@ 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,14 +1,4 @@
-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 {
@@ -19,9 +9,7 @@ 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/retry.tsx

@@ -2,7 +2,7 @@ export function retry<T>(
   fn: () => Promise<T>,
   retriesLeft: number = 2,
   interval: number = 200,
-  backoff: number = 1.5
+  backoff: number = 1.5,
 ): Promise<T> {
   return new Promise((resolve, reject) => {
     fn()

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

@@ -4,7 +4,7 @@ import { CustomEditor } from "../../types/base/custom-editor";
 export function addAutocompletionsToEditor(
   editor: CustomEditor,
   newSuggestion: string,
-  point: BasePoint
+  point: BasePoint,
 ) {
   const editorPosition = editor.selection;
 
@@ -20,7 +20,7 @@ export function addAutocompletionsToEditor(
     ],
     {
       at: point,
-    }
+    },
   );
 
   // restore cursor position

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

@@ -13,10 +13,7 @@ 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/replace-text.ts

@@ -22,7 +22,7 @@ export function replaceEditorText(editor: Editor, newText: string) {
       ],
       {
         at: [0],
-      }
+      },
     );
   }
 }

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

@@ -3,14 +3,11 @@ 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,
-  shouldSave: ShouldSaveToHistory
+  shouldSave: ShouldSaveToHistory,
 ) => {
   const e = editor as T & HistoryEditor;
   const { apply } = e;
@@ -69,8 +66,7 @@ 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);
 
@@ -144,10 +140,7 @@ 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,9 +8,7 @@
  * @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

@@ -8,13 +8,10 @@ export function cn(...inputs: ClassValue[]) {
 
 export const nanoid = customAlphabet(
   "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
-  7
+  7,
 ); // 7-character random string
 
-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) {
@@ -43,13 +40,12 @@ 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,
   a: T | null | undefined,
-  b: T | null | undefined
+  b: T | null | undefined,
 ): boolean {
   if (a === null || a === undefined || b === null || b === undefined) {
     return a === b;

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

@@ -3,18 +3,14 @@ import { InsertionsApiConfig } from "./insertions-api-config";
 import { SuggestionsApiConfig } from "./suggestions-api-config";
 
 // Mostly mirrors a partial SuggestionsApiConfig, but with some fields MANDATORY.
-export interface SuggestionsApiConfigUserSpecified
-  extends Partial<SuggestionsApiConfig> {}
+export interface SuggestionsApiConfigUserSpecified extends Partial<SuggestionsApiConfig> {}
 
 // Mostly mirrors a partial InsertionsApiConfig, but with some fields MANDATORY.
-export interface InsertionsApiConfigUserSpecified
-  extends Partial<InsertionsApiConfig> {}
+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">
-  > {
+  extends Partial<Omit<AutosuggestionsConfig, "chatApiConfigs" | "textareaPurpose">> {
   textareaPurpose: string; // the user MUST specify textareaPurpose - it's not optional
   chatApiConfigs: {
     suggestionsApiConfig?: SuggestionsApiConfigUserSpecified;

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

@@ -1,27 +1,15 @@
-import {
-  BaseAutosuggestionsConfig,
-  defaultBaseAutosuggestionsConfig,
-} from "../base";
-import {
-  SuggestionsApiConfig,
-  defaultSuggestionsApiConfig,
-} from "./suggestions-api-config";
-import {
-  InsertionsApiConfig,
-  defaultInsertionsApiConfig,
-} from "./insertions-api-config";
+import { BaseAutosuggestionsConfig, defaultBaseAutosuggestionsConfig } from "../base";
+import { SuggestionsApiConfig, defaultSuggestionsApiConfig } from "./suggestions-api-config";
+import { InsertionsApiConfig, defaultInsertionsApiConfig } from "./insertions-api-config";
 import { ChatlikeApiEndpoint } from ".";
-import {
-  EditingApiConfig,
-  defaultEditingApiConfig,
-} from "./editing-api-config";
+import { EditingApiConfig, defaultEditingApiConfig } from "./editing-api-config";
+import { defaultCopilotContextCategories } from "@copilotkit/react-core";
 
 // Like the base autosuggestions config, with 2 additional fields:
-// 1. externalContextCategories: string[] | undefined;
+// 1. contextCategories: string[] | undefined;
 // 2. instead of apiConfigs, we have chatApiConfigs: a higher-level abstraction that uses a ChatGPT-like API endpoint.
-export interface AutosuggestionsConfig
-  extends Omit<BaseAutosuggestionsConfig, "apiConfig"> {
-  externalContextCategories: string[] | undefined;
+export interface AutosuggestionsConfig extends Omit<BaseAutosuggestionsConfig, "apiConfig"> {
+  contextCategories: string[];
   chatApiConfigs: {
     suggestionsApiConfig: SuggestionsApiConfig;
     insertionApiConfig: InsertionsApiConfig;
@@ -34,7 +22,7 @@ export const defaultAutosuggestionsConfig: Omit<
   "textareaPurpose" | "apiEndpoint"
 > = {
   ...defaultBaseAutosuggestionsConfig,
-  externalContextCategories: undefined,
+  contextCategories: defaultCopilotContextCategories,
   chatApiConfigs: {
     suggestionsApiConfig: defaultSuggestionsApiConfig,
     insertionApiConfig: defaultInsertionsApiConfig,

package/src/types/autosuggestions-config/editing-api-config.tsx

@@ -9,7 +9,7 @@ export interface EditingApiConfig {
 
 export const defaultEditingMakeSystemPrompt: MakeSystemPrompt = (
   textareaPurpose,
-  contextString
+  contextString,
 ) => {
   return `You are a versatile writing assistant.
   
@@ -45,14 +45,12 @@ export const defaultEditingFewShotMessages: MinimalChatGPTMessage[] = [
   {
     role: "user",
     name: "TextToEdit",
-    content:
-      "While I was there I also picked up some apples, oranges, and bananas. ",
+    content: "While I was there I also picked up some apples, oranges, and bananas. ",
   },
   {
     role: "user",
     name: "TextAfterCursor",
-    content:
-      "The grocery store was having a sale on fruit, so I decided to stock up.",
+    content: "The grocery store was having a sale on fruit, so I decided to stock up.",
   },
   {
     role: "user",

package/src/types/autosuggestions-config/insertions-api-config.tsx

@@ -9,7 +9,7 @@ export interface InsertionsApiConfig {
 
 export const defaultInsertionsMakeSystemPrompt: MakeSystemPrompt = (
   textareaPurpose,
-  contextString
+  contextString,
 ) => {
   return `You are a versatile writing assistant.
   
@@ -39,8 +39,7 @@ export const defaultInsertionsFewShotMessages: MinimalChatGPTMessage[] = [
   {
     role: "user",
     name: "TextAfterCursor",
-    content:
-      "While I was there I also picked up some apples, oranges, and bananas.",
+    content: "While I was there I also picked up some apples, oranges, and bananas.",
   },
   {
     role: "user",

package/src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx

@@ -1,19 +1,16 @@
-import {
-  CopilotApiConfig,
-  copilotApiConfigExtrapolator,
-} from "@copilotkit/react-core";
+import { CopilotApiConfig, copilotApiConfigExtrapolator } from "@copilotkit/react-core";
 import { MinimalChatGPTMessage } from "./minimal-chat-gpt-message";
 
 export type ChatlikeApiEndpointImpl = (
   abortSignal: AbortSignal,
   messages: MinimalChatGPTMessage[],
-  forwardedProps?: { [key: string]: any }
+  forwardedProps?: { [key: string]: any },
 ) => Promise<string>;
 
 export type StreamingChatlikeApiEndpointImpl = (
   abortSignal: AbortSignal,
   messages: MinimalChatGPTMessage[],
-  forwardedProps?: { [key: string]: any }
+  forwardedProps?: { [key: string]: any },
 ) => Promise<ReadableStream<string>>;
 
 export class ChatlikeApiEndpoint {
@@ -28,30 +25,25 @@ export class ChatlikeApiEndpoint {
    * @param apiEndpoint The URL of the OpenAI-compatible API endpoint.
    * @returns A new instance of ChatlikeApiEndpoint.
    */
-  static fromCopilotApiConfig(
-    copilotApiConfig: CopilotApiConfig
-  ): ChatlikeApiEndpoint {
+  static fromCopilotApiConfig(copilotApiConfig: CopilotApiConfig): ChatlikeApiEndpoint {
     return new ChatlikeApiEndpoint(
       async (
         abortSignal: AbortSignal,
         messages: MinimalChatGPTMessage[],
-        forwardedProps?: { [key: string]: any }
+        forwardedProps?: { [key: string]: any },
       ) => {
-        const res = await fetch(
-          copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint,
-          {
-            method: "POST",
-            headers: {
-              ...copilotApiConfig.headers,
-            },
-            body: JSON.stringify({
-              ...forwardedProps,
-              ...copilotApiConfig.body,
-              messages: messages,
-            }),
-            signal: abortSignal,
-          }
-        );
+        const res = await fetch(copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint, {
+          method: "POST",
+          headers: {
+            ...copilotApiConfig.headers,
+          },
+          body: JSON.stringify({
+            ...forwardedProps,
+            ...copilotApiConfig.body,
+            messages: messages,
+          }),
+          signal: abortSignal,
+        });
 
         const bodySteram: ReadableStream<Uint8Array> | null = res.body;
         if (!bodySteram) {
@@ -62,7 +54,7 @@ export class ChatlikeApiEndpoint {
         const stringStream = bodySteram.pipeThrough(new TextDecoderStream());
 
         return stringStream;
-      }
+      },
     );
   }
 

package/src/types/autosuggestions-config/subtypes/make-system-prompt.ts

@@ -1,4 +1 @@
-export type MakeSystemPrompt = (
-  textareaPurpose: string,
-  contextString: string
-) => string;
+export type MakeSystemPrompt = (textareaPurpose: string, contextString: string) => string;

package/src/types/autosuggestions-config/suggestions-api-config.tsx

@@ -9,7 +9,7 @@ export interface SuggestionsApiConfig {
 
 export const defaultSuggestionsMakeSystemPrompt: MakeSystemPrompt = (
   textareaPurpose,
-  contextString
+  contextString,
 ) => {
   return `You are a versatile writing assistant.
   
@@ -39,8 +39,7 @@ export const defaultSuggestionsFewShotMessages: MinimalChatGPTMessage[] = [
   {
     role: "user",
     name: "TextAfterCursor",
-    content:
-      "While I was there I also picked up some apples, oranges, and bananas.",
+    content: "While I was there I also picked up some apples, oranges, and bananas.",
   },
   {
     role: "user",

package/src/types/base/autosuggestions-bare-function.ts

@@ -11,14 +11,14 @@ export interface EditingEditorState extends InsertionEditorState {
 
 export type AutosuggestionsBareFunction = (
   editorState: InsertionEditorState,
-  abortSignal: AbortSignal
+  abortSignal: AbortSignal,
 ) => Promise<string>;
 
 export type Generator_InsertionOrEditingSuggestion = (
   editorState: EditingEditorState,
   prompt: string,
   documents: DocumentPointer[],
-  abortSignal: AbortSignal
+  abortSignal: AbortSignal,
 ) => Promise<ReadableStream<string>>;
 
 export interface InsertionEditorApiConfig {