@copilotkit/react-textarea 0.11.0 → 0.13.0

package/src/components/copilot-textarea/copilot-textarea.tsx

@@ -1,5 +1,7 @@
 // This example is for an Editor with `ReactEditor` and `HistoryEditor`
+import React from "react";
 import { useMakeStandardAutosuggestionFunction } from "../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function";
+import { HTMLCopilotTextAreaElement } from "../../types";
 import { BaseCopilotTextareaProps } from "../../types/base/base-copilot-textarea-props";
 import {
   AutosuggestionsConfig,
@@ -13,26 +15,34 @@ export interface CopilotTextareaProps extends BaseCopilotTextareaProps {
   };
 }
 
-export function CopilotTextarea(props: CopilotTextareaProps): JSX.Element {
-  const autosuggestionsConfig: AutosuggestionsConfig = {
-    ...defaultAutosuggestionsConfig,
-    ...props.autosuggestionsConfig,
-  };
+export const CopilotTextarea = React.forwardRef(
+  (
+    props: CopilotTextareaProps,
+    ref: React.Ref<HTMLCopilotTextAreaElement>
+  ): JSX.Element => {
+    const autosuggestionsConfig: AutosuggestionsConfig = {
+      ...defaultAutosuggestionsConfig,
+      ...props.autosuggestionsConfig,
+    };
 
-  const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(
-    autosuggestionsConfig.purposePrompt,
-    autosuggestionsConfig.apiEndpoint,
-    autosuggestionsConfig.makeSystemPrompt,
-    autosuggestionsConfig.fewShotMessages,
-    autosuggestionsConfig.externalContextCategories,
-    autosuggestionsConfig.forwardedParams
-  );
+    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(
+      autosuggestionsConfig.purposePrompt,
+      autosuggestionsConfig.apiEndpoint,
+      autosuggestionsConfig.makeSystemPrompt,
+      autosuggestionsConfig.fewShotMessages,
+      autosuggestionsConfig.externalContextCategories,
+      autosuggestionsConfig.forwardedParams
+    );
 
-  return (
-    <BaseCopilotTextarea
-      {...props}
-      autosuggestionsConfig={autosuggestionsConfig}
-      autosuggestionsFunction={autosuggestionsFunction}
-    />
-  );
-}
+    return (
+      <>
+        <BaseCopilotTextarea
+          ref={ref}
+          {...props}
+          autosuggestionsConfig={autosuggestionsConfig}
+          autosuggestionsFunction={autosuggestionsFunction}
+        />
+      </>
+    );
+  }
+);

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

@@ -1,12 +1,12 @@
 import { useCallback, useMemo, useState } from "react";
-import { Debouncer } from "../lib/debouncer";
-import { nullableCompatibleEqualityCheck } from "../lib/utils";
-import { AutosuggestionsBareFunction } from "../types/base";
-import { AutosuggestionState } from "../types/base/autosuggestion-state";
+import { Debouncer } from "../../lib/debouncer";
+import { nullableCompatibleEqualityCheck } from "../../lib/utils";
+import { AutosuggestionsBareFunction } from "../../types/base";
+import { AutosuggestionState } from "../../types/base/autosuggestion-state";
 import {
   EditorAutocompleteState,
   areEqual_autocompleteState,
-} from "../types/base/editor-autocomplete-state";
+} from "../../types/base/editor-autocomplete-state";
 
 export interface UseAutosuggestionsResult {
   currentAutocompleteSuggestion: AutosuggestionState | null;

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

@@ -1,12 +1,12 @@
+import { useMemo } from "react";
 import { createEditor, Element } from "slate";
 import { withReact } from "slate-react";
-import { useMemo } from "react";
 import {
-  withPartialHistory,
-  ShouldSaveToHistory,
   defaultShouldSave,
-} from "../lib/slatejs-edits/with-partial-history";
-import { CustomEditor } from "../types/base/custom-editor";
+  ShouldSaveToHistory,
+  withPartialHistory,
+} from "../../lib/slatejs-edits/with-partial-history";
+import { CustomEditor } from "../../types/base/custom-editor";
 
 const shouldSave: ShouldSaveToHistory = (op, prev) => {
   const excludedNodeType = "suggestion";

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

@@ -0,0 +1,101 @@
+import React from "react";
+import { Editor } from "slate";
+import { ReactEditor } from "slate-react";
+import { getFullEditorTextWithNewlines } from "../../lib/get-text-around-cursor";
+import { replaceEditorText } from "../../lib/slatejs-edits/replace-text";
+import { HTMLCopilotTextAreaElement } from "../../types";
+import { CustomEditor } from "../../types/base/custom-editor";
+
+export function usePopulateCopilotTextareaRef(
+  editor: Editor,
+  ref: React.Ref<HTMLCopilotTextAreaElement>
+) {
+  React.useImperativeHandle(
+    ref,
+    () => {
+      class Combined {
+        constructor(
+          private customMethods: CustomMethods,
+          private editorHtmlElement: HTMLElement
+        ) {}
+
+        [key: string]: any;
+
+        get(target: any, propKey: string): any {
+          if (this.isKeyOfCustomMethods(propKey)) {
+            const value = this.customMethods[propKey];
+            if (typeof value === "function") {
+              return value.bind(this.customMethods);
+            }
+            return value;
+          } else if (this.isKeyOfHTMLElement(propKey)) {
+            const value = this.editorHtmlElement[propKey];
+            if (typeof value === "function") {
+              return value.bind(this.editorHtmlElement);
+            }
+            return value;
+          }
+        }
+
+        set(target: any, propKey: string, value: any): boolean {
+          if (this.isKeyOfCustomMethods(propKey)) {
+            (this.customMethods as any)[propKey] = value;
+          } else if (this.isKeyOfHTMLElement(propKey)) {
+            (this.editorHtmlElement as any)[propKey] = value;
+          } else {
+            // Default behavior (optional)
+            target[propKey] = value;
+          }
+          return true;
+        }
+
+        private isKeyOfCustomMethods(key: string): key is keyof CustomMethods {
+          return key in this.customMethods;
+        }
+
+        private isKeyOfHTMLElement(key: string): key is keyof HTMLElement {
+          return key in this.editorHtmlElement;
+        }
+      }
+
+      const handler = {
+        get(target: any, propKey: keyof CustomMethods | keyof HTMLElement) {
+          return target.get(target, propKey);
+        },
+        set(
+          target: any,
+          propKey: keyof CustomMethods | keyof HTMLElement,
+          value: any
+        ) {
+          return target.set(target, propKey, value);
+        },
+      };
+
+      class CustomMethods {
+        constructor(private editor: CustomEditor) {}
+
+        focus() {
+          ReactEditor.focus(this.editor);
+        }
+
+        blur() {
+          ReactEditor.blur(this.editor);
+        }
+
+        get value() {
+          return getFullEditorTextWithNewlines(this.editor);
+        }
+        set value(value: string) {
+          replaceEditorText(this.editor, value);
+        }
+      }
+
+      const editorHtmlElement = ReactEditor.toDOMNode(editor, editor);
+      const customMethods = new CustomMethods(editor);
+
+      const combined = new Combined(customMethods, editorHtmlElement);
+      return new Proxy(combined, handler);
+    },
+    [editor]
+  );
+}

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

@@ -5,6 +5,7 @@ import {
   MakeSystemPrompt,
   MinimalChatGPTMessage,
 } from "../../types";
+import { ChatlikeApiEndpoint } from "../../types/standard-autosuggestions/chatlike-api-endpoint";
 /**
  * Returns a memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.
  * The function takes in the text before and after the cursor, and an abort signal.
@@ -20,7 +21,7 @@ import {
  */
 export function useMakeStandardAutosuggestionFunction(
   purposePrompt: string,
-  apiEndpoint: string,
+  apiEndpoint: ChatlikeApiEndpoint,
   makeSystemPrompt: MakeSystemPrompt,
   fewShotMessages: MinimalChatGPTMessage[],
   contextCategories: string[] | undefined,
@@ -31,39 +32,31 @@ export function useMakeStandardAutosuggestionFunction(
   return useCallback(
     async (beforeText: string, afterText: string, abortSignal: AbortSignal) => {
       const res = await retry(async () => {
-        return await fetch(apiEndpoint, {
-          method: "POST",
-          body: JSON.stringify({
-            ...forwardedProps,
-            messages: [
-              {
-                role: "system",
-                content: makeSystemPrompt(
-                  purposePrompt,
-                  getContextString(contextCategories)
-                ),
-              },
-              ...fewShotMessages,
-              {
-                role: "user",
-                name: "TextAfterCursor",
-                content: afterText,
-              },
-              {
-                role: "user",
-                name: "TextBeforeCursor",
-                content: beforeText,
-              },
-            ],
-          }),
-          signal: abortSignal,
-        });
-      });
+        const messages: MinimalChatGPTMessage[] = [
+          {
+            role: "system",
+            content: makeSystemPrompt(
+              purposePrompt,
+              getContextString(contextCategories)
+            ),
+          },
+          ...fewShotMessages,
+          {
+            role: "user",
+            name: "TextAfterCursor",
+            content: afterText,
+          },
+          {
+            role: "user",
+            name: "TextBeforeCursor",
+            content: beforeText,
+          },
+        ];
 
-      const json = await res.json();
-      const suggestion = json.choices[0].message.content;
+        return await apiEndpoint.run(abortSignal, messages, forwardedProps);
+      });
 
-      return suggestion;
+      return res;
     },
     [
       apiEndpoint,

package/src/types/html-copilot-textarea-element.ts

@@ -0,0 +1,5 @@
+export interface HTMLCopilotTextAreaElement extends HTMLElement {
+  value: string;
+  focus: () => void;
+  blur: () => void;
+}

package/src/types/index.ts

@@ -1,2 +1,3 @@
 export * from "./base";
+export * from "./html-copilot-textarea-element";
 export * from "./standard-autosuggestions";

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

@@ -2,6 +2,7 @@ import {
   BaseAutosuggestionsConfig,
   defaultBaseAutosuggestionsConfig,
 } from "../base";
+import { ChatlikeApiEndpoint } from "./chatlike-api-endpoint";
 import { MinimalChatGPTMessage } from "./minimal-chat-gpt-message";
 
 export type MakeSystemPrompt = (
@@ -10,7 +11,7 @@ export type MakeSystemPrompt = (
 ) => string;
 
 export interface AutosuggestionsConfig extends BaseAutosuggestionsConfig {
-  apiEndpoint: string;
+  apiEndpoint: ChatlikeApiEndpoint;
   externalContextCategories: string[] | undefined;
   makeSystemPrompt: MakeSystemPrompt;
   fewShotMessages: MinimalChatGPTMessage[];
@@ -86,7 +87,9 @@ export const defaultAutosuggestionsConfig: Omit<
 > = {
   ...defaultBaseAutosuggestionsConfig,
 
-  apiEndpoint: "api/autosuggestions",
+  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(
+    "api/autosuggestions"
+  ),
   makeSystemPrompt: defaultMakeSystemPrompt,
   fewShotMessages: defaultFewShotMessages,
   externalContextCategories: undefined,

package/src/types/standard-autosuggestions/chatlike-api-endpoint.tsx

@@ -0,0 +1,39 @@
+import { MinimalChatGPTMessage } from "..";
+
+export type ChatlikeApiEndpointImpl = (
+  abortSignal: AbortSignal,
+  messages: MinimalChatGPTMessage[],
+  forwardedProps?: { [key: string]: any }
+) => Promise<string>;
+
+export class ChatlikeApiEndpoint {
+  public run: ChatlikeApiEndpointImpl;
+
+  constructor(run: ChatlikeApiEndpointImpl) {
+    this.run = run;
+  }
+
+  // Static method
+  static standardOpenAIEndpoint(apiEndpoint: string): ChatlikeApiEndpoint {
+    return new ChatlikeApiEndpoint(
+      async (
+        abortSignal: AbortSignal,
+        messages: MinimalChatGPTMessage[],
+        forwardedProps?: { [key: string]: any }
+      ) => {
+        const res = await fetch(apiEndpoint, {
+          method: "POST",
+          body: JSON.stringify({
+            ...forwardedProps,
+            messages: messages,
+          }),
+          signal: abortSignal,
+        });
+
+        const json = await res.json();
+        const suggestion = json.choices[0].message.content;
+        return suggestion;
+      }
+    );
+  }
+}

package/src/types/standard-autosuggestions/index.ts

@@ -1,11 +1,16 @@
+export {
+  defaultAutosuggestionsConfig,
+  defaultFewShotMessages,
+  defaultMakeSystemPrompt,
+} from "./autosuggestions-config";
 export type {
   AutosuggestionsConfig,
   MakeSystemPrompt,
 } from "./autosuggestions-config";
-export {
-  defaultMakeSystemPrompt,
-  defaultFewShotMessages,
-  defaultAutosuggestionsConfig,
-} from "./autosuggestions-config";
 
 export type { MinimalChatGPTMessage } from "./minimal-chat-gpt-message";
+
+export type {
+  ChatlikeApiEndpoint as GenericChatlikeApiEndpoint,
+  ChatlikeApiEndpointImpl as GenericChatlikeApiEndpointImpl,
+} from "./chatlike-api-endpoint";

package/dist/chunk-6SYD77G6.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-copilot-textarea-editor.tsx"],"names":["editor"],"mappings":";;;;;;AAAA,SAAS,cAAc,eAAe;AACtC,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AAQxB,IAAM,aAAkC,CAAC,IAAI,SAAS;AACpD,QAAM,mBAAmB;AAEzB,MACE,GAAG,SAAS,iBACZ,QAAQ,UAAU,GAAG,IAAI,KACzB,GAAG,KAAK,SAAS,kBACjB;AACA,WAAO;AAAA,EACT;AAEA,MACE,GAAG,SAAS,iBACZ,QAAQ,UAAU,GAAG,IAAI,KACzB,GAAG,KAAK,SAAS,kBACjB;AACA,WAAO;AAAA,EACT;AAEA,MACE,GAAG,SAAS,cACZ,UAAU,GAAG,iBACb,GAAG,cAAc,SAAS,kBAC1B;AACA,WAAO;AAAA,EACT;AAEA,MACE,GAAG,QAAQ,cACX,UAAU,GAAG,cACb,GAAG,WAAW,SAAS,kBACvB;AACA,WAAO;AAAA,EACT;AAEA,MACE,GAAG,SAAS,gBACZ,UAAU,GAAG,cACb,GAAG,WAAW,SAAS,kBACvB;AACA,WAAO;AAAA,EACT;AAEA,MACE,GAAG,SAAS,gBACZ,UAAU,GAAG,cACb,GAAG,WAAW,SAAS,kBACvB;AACA,WAAO;AAAA,EACT;AAGA,SAAO,kBAAkB,IAAI,IAAI;AACnC;AAEO,SAAS,2BAAyC;AACvD,QAAM,SAAS,QAAQ,MAAM;AAC3B,UAAMA,UAAS,mBAAmB,UAAU,aAAa,CAAC,GAAG,UAAU;AAEvE,UAAM,EAAE,OAAO,IAAIA;AACnB,IAAAA,QAAO,SAAS,CAAC,YAAY;AAC3B,cAAQ,QAAQ,MAAM;AAAA,QACpB,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO,OAAO,OAAO;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,EAAE,aAAa,IAAIA;AACzB,IAAAA,QAAO,eAAe,CAAC,YAAY;AACjC,cAAQ,QAAQ,MAAM;AAAA,QACpB,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO,aAAa,OAAO;AAAA,MAC/B;AAAA,IACF;AAEA,UAAM,EAAE,SAAS,IAAIA;AACrB,IAAAA,QAAO,WAAW,CAAC,YAAY;AAC7B,cAAQ,QAAQ,MAAM;AAAA,QACpB,KAAK;AACH,iBAAO,QAAQ;AAAA,QACjB;AACE,iBAAO,SAAS,OAAO;AAAA,MAC3B;AAAA,IACF;AAEA,WAAOA;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,SAAO;AACT","sourcesContent":["import { createEditor, Element } from \"slate\";\nimport { withReact } from \"slate-react\";\nimport { useMemo } from \"react\";\nimport {\n  withPartialHistory,\n  ShouldSaveToHistory,\n  defaultShouldSave,\n} from \"../lib/slatejs-edits/with-partial-history\";\nimport { CustomEditor } from \"../types/base/custom-editor\";\n\nconst shouldSave: ShouldSaveToHistory = (op, prev) => {\n  const excludedNodeType = \"suggestion\";\n  // Check if the operation involves the suggestion inline node type\n  if (\n    op.type === \"insert_node\" &&\n    Element.isElement(op.node) &&\n    op.node.type === excludedNodeType\n  ) {\n    return false;\n  }\n\n  if (\n    op.type === \"remove_node\" &&\n    Element.isElement(op.node) &&\n    op.node.type === excludedNodeType\n  ) {\n    return false;\n  }\n\n  if (\n    op.type === \"set_node\" &&\n    \"type\" in op.newProperties &&\n    op.newProperties.type === excludedNodeType\n  ) {\n    return false;\n  }\n\n  if (\n    op.type == \"set_node\" &&\n    \"type\" in op.properties &&\n    op.properties.type === excludedNodeType\n  ) {\n    return false;\n  }\n\n  if (\n    op.type === \"merge_node\" &&\n    \"type\" in op.properties &&\n    op.properties.type === excludedNodeType\n  ) {\n    return false;\n  }\n\n  if (\n    op.type === \"split_node\" &&\n    \"type\" in op.properties &&\n    op.properties.type === excludedNodeType\n  ) {\n    return false;\n  }\n\n  // Otherwise, save the operation to history\n  return defaultShouldSave(op, prev);\n};\n\nexport function useCopilotTextareaEditor(): CustomEditor {\n  const editor = useMemo(() => {\n    const editor = withPartialHistory(withReact(createEditor()), shouldSave);\n\n    const { isVoid } = editor;\n    editor.isVoid = (element) => {\n      switch (element.type) {\n        case \"suggestion\":\n          return true;\n        default:\n          return isVoid(element);\n      }\n    };\n\n    const { markableVoid } = editor;\n    editor.markableVoid = (element) => {\n      switch (element.type) {\n        case \"suggestion\":\n          return true;\n        default:\n          return markableVoid(element);\n      }\n    };\n\n    const { isInline } = editor;\n    editor.isInline = (element) => {\n      switch (element.type) {\n        case \"suggestion\":\n          return element.inline;\n        default:\n          return isInline(element);\n      }\n    };\n\n    return editor;\n  }, []);\n\n  return editor;\n}\n"]}

package/dist/chunk-A3SFEHWZ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx"],"names":[],"mappings":";;;;;;;AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa,kBAAkB;AAmBjC,SAAS,sCACd,eACA,aACA,kBACA,iBACA,mBACA,gBAC6B;AAC7B,QAAM,EAAE,iBAAiB,IAAI,WAAW,cAAc;AAEtD,SAAO;AAAA,IACL,CAAO,YAAoB,WAAmB,gBAA6B;AACzE,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,eAAO,MAAM,MAAM,aAAa;AAAA,UAC9B,QAAQ;AAAA,UACR,MAAM,KAAK,UAAU,iCAChB,iBADgB;AAAA,YAEnB,UAAU;AAAA,cACR;AAAA,gBACE,MAAM;AAAA,gBACN,SAAS;AAAA,kBACP;AAAA,kBACA,iBAAiB,iBAAiB;AAAA,gBACpC;AAAA,cACF;AAAA,cACA,GAAG;AAAA,cACH;AAAA,gBACE,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,SAAS;AAAA,cACX;AAAA,cACA;AAAA,gBACE,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,SAAS;AAAA,cACX;AAAA,YACF;AAAA,UACF,EAAC;AAAA,UACD,QAAQ;AAAA,QACV,CAAC;AAAA,MACH,EAAC;AAED,YAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,YAAM,aAAa,KAAK,QAAQ,GAAG,QAAQ;AAE3C,aAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,MACP,IACA,cAAsB,GACtB,WAAmB,KACnB,UAAkB,KACN;AACZ,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,OAAG,EACA,KAAK,OAAO,EACZ,MAAM,CAAC,UAAU;AAChB,UAAI,gBAAgB,GAAG;AACrB,eAAO,KAAK;AACZ;AAAA,MACF;AAEA,iBAAW,MAAM;AACf,cAAM,IAAI,cAAc,GAAG,WAAW,SAAS,OAAO,EACnD,KAAK,OAAO,EACZ,MAAM,MAAM;AAAA,MACjB,GAAG,QAAQ;AAAA,IACb,CAAC;AAAA,EACL,CAAC;AACH","sourcesContent":["import { CopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback, useContext } from \"react\";\nimport {\n  AutosuggestionsBareFunction,\n  MakeSystemPrompt,\n  MinimalChatGPTMessage,\n} from \"../../types\";\n/**\n * Returns a memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n * The function takes in the text before and after the cursor, and an abort signal.\n * It sends a POST request to the API endpoint with the messages array containing the system message, few shot messages, and user messages.\n * The function returns the suggestion from the API response.\n *\n * @param purposePrompt - The purpose of the textarea. This is included in the system message.\n * @param apiEndpoint - The API endpoint to send the autosuggestion request to.\n * @param makeSystemMessage - A function that takes in a context string and returns a system message to include in the autosuggestion request.\n * @param fewShotMessages - An array of few shot messages to include in the autosuggestion request.\n * @param contextCategories - The categories of context strings we want to include. By default, we include the (default) \"global\" context category.\n * @returns A memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n */\nexport function useMakeStandardAutosuggestionFunction(\n  purposePrompt: string,\n  apiEndpoint: string,\n  makeSystemPrompt: MakeSystemPrompt,\n  fewShotMessages: MinimalChatGPTMessage[],\n  contextCategories: string[] | undefined,\n  forwardedProps?: { [key: string]: any }\n): AutosuggestionsBareFunction {\n  const { getContextString } = useContext(CopilotContext);\n\n  return useCallback(\n    async (beforeText: string, afterText: string, abortSignal: AbortSignal) => {\n      const res = await retry(async () => {\n        return await fetch(apiEndpoint, {\n          method: \"POST\",\n          body: JSON.stringify({\n            ...forwardedProps,\n            messages: [\n              {\n                role: \"system\",\n                content: makeSystemPrompt(\n                  purposePrompt,\n                  getContextString(contextCategories)\n                ),\n              },\n              ...fewShotMessages,\n              {\n                role: \"user\",\n                name: \"TextAfterCursor\",\n                content: afterText,\n              },\n              {\n                role: \"user\",\n                name: \"TextBeforeCursor\",\n                content: beforeText,\n              },\n            ],\n          }),\n          signal: abortSignal,\n        });\n      });\n\n      const json = await res.json();\n      const suggestion = json.choices[0].message.content;\n\n      return suggestion;\n    },\n    [\n      apiEndpoint,\n      makeSystemPrompt,\n      fewShotMessages,\n      getContextString,\n      contextCategories,\n      purposePrompt,\n    ]\n  );\n}\n\nfunction retry<T>(\n  fn: () => Promise<T>,\n  retriesLeft: number = 2,\n  interval: number = 200,\n  backoff: number = 1.5\n): Promise<T> {\n  return new Promise((resolve, reject) => {\n    fn()\n      .then(resolve)\n      .catch((error) => {\n        if (retriesLeft === 1) {\n          reject(error);\n          return;\n        }\n\n        setTimeout(() => {\n          retry(fn, retriesLeft - 1, interval * backoff, backoff)\n            .then(resolve)\n            .catch(reject);\n        }, interval);\n      });\n  });\n}\n"]}

package/dist/chunk-E2UEE45I.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-autosuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,aAAa,SAAS,gBAAgB;AAgBxC,SAAS,mBACd,cACA,yBACA,wBACA,8BACA,kBACA,UAC0B;AAC1B,QAAM,CAAC,2BAA2B,4BAA4B,IAC5D,SAAyC,IAAI;AAE/C,QAAM,CAAC,+BAA+B,gCAAgC,IACpE,SAAqC,IAAI;AAE3C,QAAM,8BAGe;AAAA,IACnB,CACE,yBACA,gBACG;AAEH,UAAI,UAAU;AACZ;AAAA,MACF;AAEA,UACE,oBACA,wBAAwB,qBAAqB,MAC7C,wBAAwB,oBAAoB,IAC5C;AACA;AAAA,MACF;AAGA,YAAM,aAAa,MAAM;AAAA,QACvB,wBAAwB;AAAA,QACxB,wBAAwB;AAAA,QACxB;AAAA,MACF;AAGA,UAAI,CAAC,cAAc,YAAY,SAAS;AACtC,cAAM,IAAI,aAAa,WAAW,YAAY;AAAA,MAChD;AAEA,uCAAiC;AAAA,QAC/B,MAAM;AAAA,QACN,OAAO,wBAAwB;AAAA,MACjC,CAAC;AAAA,IACH;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB,MACE,IAAI;AAAA,MACF;AAAA,IACF;AAAA,IACF,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,mBAAmD;AAClD,YAAM,wBAAwB,CAAC;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,mCAA6B,cAAc;AAG3C,UAAI,CAAC,uBAAuB;AAC1B;AAAA,MACF;AAGA,uCAAiC,IAAI;AAGrC,UAAI,gBAAgB;AAClB,0BAAkB,SAAS,6BAA6B,cAAc;AAAA,MACxE,OAAO;AACL,0BAAkB,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,UAA+C;AAC9C,UAAI,+BAA+B;AACjC,YAAI,MAAM,QAAQ,yBAAyB;AACzC,gBAAM,eAAe;AACrB,uCAA6B,6BAA6B;AAC1D,2CAAiC,IAAI;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,EACpB;AACF","sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { Debouncer } from \"../lib/debouncer\";\nimport { nullableCompatibleEqualityCheck } from \"../lib/utils\";\nimport { AutosuggestionsBareFunction } from \"../types/base\";\nimport { AutosuggestionState } from \"../types/base/autosuggestion-state\";\nimport {\n  EditorAutocompleteState,\n  areEqual_autocompleteState,\n} from \"../types/base/editor-autocomplete-state\";\n\nexport interface UseAutosuggestionsResult {\n  currentAutocompleteSuggestion: AutosuggestionState | null;\n  onChangeHandler: (newEditorState: EditorAutocompleteState | null) => void;\n  onKeyDownHandler: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\nexport function useAutosuggestions(\n  debounceTime: number,\n  acceptAutosuggestionKey: string,\n  autosuggestionFunction: AutosuggestionsBareFunction,\n  insertAutocompleteSuggestion: (suggestion: AutosuggestionState) => void,\n  disableWhenEmpty: boolean,\n  disabled: boolean\n): UseAutosuggestionsResult {\n  const [previousAutocompleteState, setPreviousAutocompleteState] =\n    useState<EditorAutocompleteState | null>(null);\n\n  const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] =\n    useState<AutosuggestionState | null>(null);\n\n  const awaitForAndAppendSuggestion: (\n    editorAutocompleteState: EditorAutocompleteState,\n    abortSignal: AbortSignal\n  ) => Promise<void> = useCallback(\n    async (\n      editorAutocompleteState: EditorAutocompleteState,\n      abortSignal: AbortSignal\n    ) => {\n      // early return if disabled\n      if (disabled) {\n        return;\n      }\n\n      if (\n        disableWhenEmpty &&\n        editorAutocompleteState.textBeforeCursor === \"\" &&\n        editorAutocompleteState.textAfterCursor === \"\"\n      ) {\n        return;\n      }\n\n      // fetch the suggestion\n      const suggestion = await autosuggestionFunction(\n        editorAutocompleteState.textBeforeCursor,\n        editorAutocompleteState.textAfterCursor,\n        abortSignal\n      );\n\n      // We'll assume for now that the autocomplete function might or might not respect the abort signal.\n      if (!suggestion || abortSignal.aborted) {\n        throw new DOMException(\"Aborted\", \"AbortError\");\n      }\n\n      setCurrentAutocompleteSuggestion({\n        text: suggestion,\n        point: editorAutocompleteState.cursorPoint,\n      });\n    },\n    [\n      autosuggestionFunction,\n      setCurrentAutocompleteSuggestion,\n      disableWhenEmpty,\n      disabled,\n    ]\n  );\n\n  const debouncedFunction = useMemo(\n    () =>\n      new Debouncer<[editorAutocompleteState: EditorAutocompleteState]>(\n        debounceTime\n      ),\n    [debounceTime]\n  );\n\n  const onChange = useCallback(\n    (newEditorState: EditorAutocompleteState | null) => {\n      const editorStateHasChanged = !nullableCompatibleEqualityCheck(\n        areEqual_autocompleteState,\n        previousAutocompleteState,\n        newEditorState\n      );\n      setPreviousAutocompleteState(newEditorState);\n\n      // if no change, do nothing\n      if (!editorStateHasChanged) {\n        return;\n      }\n\n      // if change, then first null out the current suggestion\n      setCurrentAutocompleteSuggestion(null);\n\n      // then try to get a new suggestion, debouncing to avoid too many requests while typing\n      if (newEditorState) {\n        debouncedFunction.debounce(awaitForAndAppendSuggestion, newEditorState);\n      } else {\n        debouncedFunction.cancel();\n      }\n    },\n    [\n      previousAutocompleteState,\n      setPreviousAutocompleteState,\n      debouncedFunction,\n      awaitForAndAppendSuggestion,\n      setCurrentAutocompleteSuggestion,\n    ]\n  );\n\n  const keyDownHandler = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (currentAutocompleteSuggestion) {\n        if (event.key === acceptAutosuggestionKey) {\n          event.preventDefault();\n          insertAutocompleteSuggestion(currentAutocompleteSuggestion);\n          setCurrentAutocompleteSuggestion(null);\n        }\n      }\n    },\n    [\n      currentAutocompleteSuggestion,\n      setCurrentAutocompleteSuggestion,\n      insertAutocompleteSuggestion,\n      acceptAutosuggestionKey,\n    ]\n  );\n\n  return {\n    currentAutocompleteSuggestion,\n    onChangeHandler: onChange,\n    onKeyDownHandler: keyDownHandler,\n  };\n}\n"]}

package/dist/chunk-EHQ5TN4R.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/standard-autosuggestions/autosuggestions-config.tsx"],"names":[],"mappings":";;;;;;;;;AAmBO,IAAM,0BAA4C,CACvD,eACA,kBACG;AACH,SAAO;AAAA;AAAA;AAAA,mBAGW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlB;AAAA;AAAA;AAGF;AAEO,IAAM,yBAAkD;AAAA,EAC7D;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AACF;AACO,IAAM,+BAGT,iCACC,mCADD;AAAA,EAGF,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,2BAA2B;AAAA,EAC3B,iBAAiB;AACnB","sourcesContent":["import {\n  BaseAutosuggestionsConfig,\n  defaultBaseAutosuggestionsConfig,\n} from \"../base\";\nimport { MinimalChatGPTMessage } from \"./minimal-chat-gpt-message\";\n\nexport type MakeSystemPrompt = (\n  purposePrompt: string,\n  contextString: string\n) => string;\n\nexport interface AutosuggestionsConfig extends BaseAutosuggestionsConfig {\n  apiEndpoint: string;\n  externalContextCategories: string[] | undefined;\n  makeSystemPrompt: MakeSystemPrompt;\n  fewShotMessages: MinimalChatGPTMessage[];\n  forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultMakeSystemPrompt: MakeSystemPrompt = (\n  purposePrompt,\n  contextString\n) => {\n  return `You are a versatile writing assistant.\n  \nThe user is writing some text.\nThe purpose is: \\\"${purposePrompt}\\\"\n\nYour job is to guess what the user will write next AS BEST YOU CAN.\nOnly guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.\n\nAdjust yourself to the user's style and implied intent.\n\nThe user will provide both the text before and after the cursor. You should use this to infer what the user is likely to write next.\n<TextAfterCursor>\n<TextBeforeCursor>\n<YourSuggestion>\n\nIf we need to add a whitespace character to the suggested text, make sure to explicitly add it in.\n\nThe following external context is also provided. Use it to help you make better suggestions!!!\n\\`\\`\\`\n${contextString}\n\\`\\`\\`\n`;\n};\n\nexport const defaultFewShotMessages: MinimalChatGPTMessage[] = [\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"While I was there I also picked up some apples, oranges, and bananas.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content: \"This morning I woke up and went straight to the grocery store.\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      \" When I arrived I went straight to the produce section and picked out a big watermelon. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content:\n      'The Optionholder, in the Optionholder\\'s capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an \"Equityholder\" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an \"Equityholder\" thereunder;',\n  },\n  {\n    role: \"assistant\",\n    content:\n      ' (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder\\'s \"Pro Rata Share\"; ',\n  },\n];\nexport const defaultAutosuggestionsConfig: Omit<\n  AutosuggestionsConfig,\n  \"purposePrompt\"\n> = {\n  ...defaultBaseAutosuggestionsConfig,\n\n  apiEndpoint: \"api/autosuggestions\",\n  makeSystemPrompt: defaultMakeSystemPrompt,\n  fewShotMessages: defaultFewShotMessages,\n  externalContextCategories: undefined,\n  forwardedParams: undefined,\n};\n"]}

package/dist/chunk-FD6FGKYY.mjs

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-FD6FGKYY.mjs.map

package/dist/chunk-THWPPG6M.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/base-copilot-textarea/use-add-branding-css.tsx"],"names":[],"mappings":";AAAA,SAAS,iBAAiB;AAEnB,SAAS,kBACd,0BACA,iBACA;AACA,YAAU,MAAM;AACd,QAAI,iBAAiB;AACnB;AAAA,IACF;AAEA,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,KAAK;AAGb,QAAI,gBAAgB,OAAO,QAAQ,wBAAwB,EACxD,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrB,YAAM,eAAe,IAClB,QAAQ,gCAAgC,OAAO,EAC/C,YAAY;AACf,aAAO,GAAG,iBAAiB;AAAA,IAC7B,CAAC,EACA,KAAK,GAAG;AAGX,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AAGjB,YAAQ,YAAY;AAAA;AAAA,UAEd;AAAA;AAAA;AAIN,aAAS,KAAK,YAAY,OAAO;AAGjC,WAAO,MAAM;AA9CjB;AA+CM,qBAAS,eAAe,gBAAgB,MAAxC,mBAA2C;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,iBAAiB,wBAAwB,CAAC;AAChD","sourcesContent":["import { useEffect } from \"react\";\n\nexport function useAddBrandingCss(\n  suggestionStyleAugmented: React.CSSProperties,\n  disableBranding: boolean | undefined\n) {\n  useEffect(() => {\n    if (disableBranding) {\n      return;\n    }\n\n    const styleEl = document.createElement(\"style\");\n    styleEl.id = \"dynamic-styles\";\n\n    // Build the CSS string dynamically\n    let dynamicStyles = Object.entries(suggestionStyleAugmented)\n      .map(([key, value]) => {\n        const kebabCaseKey = key\n          .replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\")\n          .toLowerCase();\n        return `${kebabCaseKey}: ${value};`;\n      })\n      .join(\" \");\n\n    // Append overrides for italics and font-size\n    dynamicStyles += `font-style: normal; font-size: x-small;`;\n    dynamicStyles += `content: \"CopilotKit\";`;\n    dynamicStyles += `bottom: 6px;`;\n    dynamicStyles += `right: 6px;`;\n    dynamicStyles += `pointer-events: none;`;\n    dynamicStyles += `font-weight: 200;`;\n    dynamicStyles += `padding: 0;`;\n    dynamicStyles += `margin: 0;`;\n    dynamicStyles += `border: 0;`;\n    dynamicStyles += `line-height: 1;`;\n\n    // Append it to the ::after class\n    styleEl.innerHTML = `\n      .copilot-textarea.with-branding::after {\n        ${dynamicStyles}\n      }\n    `;\n\n    document.head.appendChild(styleEl);\n\n    // Cleanup\n    return () => {\n      document.getElementById(\"dynamic-styles\")?.remove();\n    };\n  }, [disableBranding, suggestionStyleAugmented]);\n}\n"]}

package/dist/chunk-YICIML6J.mjs

@@ -1,154 +0,0 @@
-import { addAutocompletionsToEditor } from './chunk-WJYQWL4I.mjs';
-import { clearAutocompletionsFromEditor } from './chunk-4XYYSJ5C.mjs';
-import { replaceEditorText } from './chunk-TSF4AJIK.mjs';
-import { getTextAroundCursor, getFullEditorTextWithNewlines } from './chunk-3UQM3NLM.mjs';
-import { defaultBaseAutosuggestionsConfig } from './chunk-7KWRVIYV.mjs';
-import { makeRenderElementFunction } from './chunk-LNAIMEB2.mjs';
-import { makeRenderPlaceholderFunction } from './chunk-OELUUJZY.mjs';
-import { useAddBrandingCss } from './chunk-THWPPG6M.mjs';
-import { useAutosuggestions } from './chunk-E2UEE45I.mjs';
-import { useCopilotTextareaEditor } from './chunk-6SYD77G6.mjs';
-import { __spreadValues, __objRest } from './chunk-MRXNTQOX.mjs';
-import { useMemo, useState, useCallback, useEffect } from 'react';
-import { Editor } from 'slate';
-import { Slate, Editable } from 'slate-react';
-import { twMerge } from 'tailwind-merge';
-import { jsx } from 'react/jsx-runtime';
-
-function BaseCopilotTextarea(props) {
-  const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.autosuggestionsConfig);
-  const valueOnInitialRender = useMemo(() => {
-    var _a2;
-    return (_a2 = props.value) != null ? _a2 : "";
-  }, []);
-  const [lastKnownFullEditorText, setLastKnownFullEditorText] = useState(valueOnInitialRender);
-  const initialValue = useMemo(() => {
-    return [
-      {
-        type: "paragraph",
-        children: [{ text: valueOnInitialRender }]
-      }
-    ];
-  }, [valueOnInitialRender]);
-  const editor = useCopilotTextareaEditor();
-  const insertText = useCallback(
-    (autosuggestion) => {
-      Editor.insertText(editor, autosuggestion.text, {
-        at: autosuggestion.point
-      });
-    },
-    [editor]
-  );
-  const {
-    currentAutocompleteSuggestion,
-    onChangeHandler: onChangeHandlerForAutocomplete,
-    onKeyDownHandler: onKeyDownHandlerForAutocomplete
-  } = useAutosuggestions(
-    autosuggestionsConfig.debounceTime,
-    autosuggestionsConfig.acceptAutosuggestionKey,
-    props.autosuggestionsFunction,
-    insertText,
-    autosuggestionsConfig.disableWhenEmpty,
-    autosuggestionsConfig.disabled
-  );
-  useEffect(() => {
-    clearAutocompletionsFromEditor(editor);
-    if (currentAutocompleteSuggestion) {
-      addAutocompletionsToEditor(
-        editor,
-        currentAutocompleteSuggestion.text,
-        currentAutocompleteSuggestion.point
-      );
-    }
-  }, [currentAutocompleteSuggestion]);
-  const suggestionStyleAugmented = useMemo(() => {
-    return __spreadValues({
-      fontStyle: "italic",
-      color: "gray"
-    }, props.suggestionsStyle);
-  }, [props.suggestionsStyle]);
-  useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);
-  const renderElementMemoized = useMemo(() => {
-    return makeRenderElementFunction(suggestionStyleAugmented);
-  }, [suggestionStyleAugmented]);
-  const renderPlaceholderMemoized = useMemo(() => {
-    const placeholderStyleSlatejsOverrides = {
-      top: void 0
-    };
-    const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
-    return makeRenderPlaceholderFunction(placeholderStyleAugmented);
-  }, [props.placeholderStyle]);
-  useEffect(() => {
-    var _a2, _b;
-    if (props.value === lastKnownFullEditorText) {
-      return;
-    }
-    setLastKnownFullEditorText((_a2 = props.value) != null ? _a2 : "");
-    replaceEditorText(editor, (_b = props.value) != null ? _b : "");
-  }, [props.value]);
-  const _a = props, {
-    placeholderStyle,
-    value,
-    onValueChange,
-    autosuggestionsConfig: autosuggestionsConfigFromProps,
-    autosuggestionsFunction,
-    className,
-    onChange,
-    onKeyDown
-  } = _a, propsToForward = __objRest(_a, [
-    "placeholderStyle",
-    "value",
-    "onValueChange",
-    "autosuggestionsConfig",
-    "autosuggestionsFunction",
-    "className",
-    "onChange",
-    "onKeyDown"
-  ]);
-  const moddedClassName = (() => {
-    const baseClassName = "copilot-textarea";
-    const brandingClass = props.disableBranding ? "no-branding" : "with-branding";
-    const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
-    const mergedClassName = twMerge(defaultTailwindClassName, className != null ? className : "");
-    return `${baseClassName} ${brandingClass} ${mergedClassName}`;
-  })();
-  return /* @__PURE__ */ jsx(Slate, {
-    editor,
-    initialValue,
-    onChange: (value2) => {
-      var _a2, _b;
-      const newEditorState = getTextAroundCursor(editor);
-      const fullEditorText = newEditorState ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor : getFullEditorTextWithNewlines(editor);
-      setLastKnownFullEditorText(fullEditorText);
-      onChangeHandlerForAutocomplete(newEditorState);
-      (_a2 = props.onValueChange) == null ? void 0 : _a2.call(props, fullEditorText);
-      (_b = props.onChange) == null ? void 0 : _b.call(props, makeSemiFakeReactTextAreaEvent(fullEditorText));
-    },
-    children: /* @__PURE__ */ jsx(Editable, __spreadValues({
-      renderElement: renderElementMemoized,
-      renderPlaceholder: renderPlaceholderMemoized,
-      onKeyDown: (event) => {
-        var _a2;
-        onKeyDownHandlerForAutocomplete(event);
-        (_a2 = props.onKeyDown) == null ? void 0 : _a2.call(props, event);
-      },
-      className: moddedClassName
-    }, propsToForward))
-  });
-}
-function makeSemiFakeReactTextAreaEvent(currentText) {
-  return {
-    target: {
-      value: currentText,
-      type: "copilot-textarea"
-    },
-    currentTarget: {
-      value: currentText,
-      type: "copilot-textarea"
-    }
-  };
-}
-
-export { BaseCopilotTextarea };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-YICIML6J.mjs.map

package/dist/chunk-YICIML6J.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/base-copilot-textarea/base-copilot-textarea.tsx"],"names":["_a","value"],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Descendant, Editor } from \"slate\";\nimport { Editable, Slate } from \"slate-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useAutosuggestions } from \"../../hooks/use-autosuggestions\";\nimport { useCopilotTextareaEditor } from \"../../hooks/use-copilot-textarea-editor\";\nimport {\n  getFullEditorTextWithNewlines,\n  getTextAroundCursor,\n} from \"../../lib/get-text-around-cursor\";\nimport { addAutocompletionsToEditor } from \"../../lib/slatejs-edits/add-autocompletions\";\nimport { clearAutocompletionsFromEditor } from \"../../lib/slatejs-edits/clear-autocompletions\";\nimport { replaceEditorText } from \"../../lib/slatejs-edits/replace-text\";\nimport {\n  AutosuggestionsBareFunction,\n  BaseAutosuggestionsConfig,\n  defaultBaseAutosuggestionsConfig,\n} from \"../../types/base\";\nimport { AutosuggestionState } from \"../../types/base/autosuggestion-state\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport \"./base-copilot-textarea.css\";\nimport { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\nimport { useAddBrandingCss } from \"./use-add-branding-css\";\n\nexport function BaseCopilotTextarea(\n  props: BaseCopilotTextareaProps & {\n    autosuggestionsFunction: AutosuggestionsBareFunction;\n  }\n): JSX.Element {\n  const autosuggestionsConfig: BaseAutosuggestionsConfig = {\n    ...defaultBaseAutosuggestionsConfig,\n    ...props.autosuggestionsConfig,\n  };\n\n  const valueOnInitialRender = useMemo(() => props.value ?? \"\", []);\n  const [lastKnownFullEditorText, setLastKnownFullEditorText] =\n    useState(valueOnInitialRender);\n\n  const initialValue: Descendant[] = useMemo(() => {\n    return [\n      {\n        type: \"paragraph\",\n        children: [{ text: valueOnInitialRender }],\n      },\n    ];\n  }, [valueOnInitialRender]);\n\n  const editor = useCopilotTextareaEditor();\n\n  const insertText = useCallback(\n    (autosuggestion: AutosuggestionState) => {\n      Editor.insertText(editor, autosuggestion.text, {\n        at: autosuggestion.point,\n      });\n    },\n    [editor]\n  );\n\n  const {\n    currentAutocompleteSuggestion,\n    onChangeHandler: onChangeHandlerForAutocomplete,\n    onKeyDownHandler: onKeyDownHandlerForAutocomplete,\n  } = useAutosuggestions(\n    autosuggestionsConfig.debounceTime,\n    autosuggestionsConfig.acceptAutosuggestionKey,\n    props.autosuggestionsFunction,\n    insertText,\n    autosuggestionsConfig.disableWhenEmpty,\n    autosuggestionsConfig.disabled\n  );\n\n  // sync autosuggestions state with the editor\n  useEffect(() => {\n    clearAutocompletionsFromEditor(editor);\n    if (currentAutocompleteSuggestion) {\n      addAutocompletionsToEditor(\n        editor,\n        currentAutocompleteSuggestion.text,\n        currentAutocompleteSuggestion.point\n      );\n    }\n  }, [currentAutocompleteSuggestion]);\n\n  const suggestionStyleAugmented: React.CSSProperties = useMemo(() => {\n    return {\n      fontStyle: \"italic\",\n      color: \"gray\",\n      ...props.suggestionsStyle,\n    };\n  }, [props.suggestionsStyle]);\n\n  useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);\n\n  const renderElementMemoized = useMemo(() => {\n    return makeRenderElementFunction(suggestionStyleAugmented);\n  }, [suggestionStyleAugmented]);\n\n  const renderPlaceholderMemoized = useMemo(() => {\n    // For some reason slateJS specifies a top value of 0, which makes for strange styling. We override this here.\n    const placeholderStyleSlatejsOverrides: React.CSSProperties = {\n      top: undefined,\n    };\n\n    const placeholderStyleAugmented: React.CSSProperties = {\n      ...placeholderStyleSlatejsOverrides,\n      ...props.placeholderStyle,\n    };\n\n    return makeRenderPlaceholderFunction(placeholderStyleAugmented);\n  }, [props.placeholderStyle]);\n\n  // update the editor text, but only when the value changes from outside the component\n  useEffect(() => {\n    if (props.value === lastKnownFullEditorText) {\n      return;\n    }\n\n    setLastKnownFullEditorText(props.value ?? \"\");\n    replaceEditorText(editor, props.value ?? \"\");\n  }, [props.value]);\n\n  // separate into TextareaHTMLAttributes<HTMLDivElement> and CopilotTextareaProps\n  const {\n    placeholderStyle,\n    value,\n    onValueChange,\n    autosuggestionsConfig: autosuggestionsConfigFromProps,\n    autosuggestionsFunction,\n    className,\n    onChange,\n    onKeyDown,\n    ...propsToForward\n  } = props;\n\n  const moddedClassName = (() => {\n    const baseClassName = \"copilot-textarea\";\n    const brandingClass = props.disableBranding\n      ? \"no-branding\"\n      : \"with-branding\";\n    const defaultTailwindClassName = \"bg-white overflow-y-auto resize-y\";\n    const mergedClassName = twMerge(defaultTailwindClassName, className ?? \"\");\n    return `${baseClassName} ${brandingClass} ${mergedClassName}`;\n  })();\n\n  return (\n    // Add the editable component inside the context.\n    <Slate\n      editor={editor}\n      initialValue={initialValue}\n      onChange={(value) => {\n        const newEditorState = getTextAroundCursor(editor);\n\n        const fullEditorText = newEditorState\n          ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor\n          : getFullEditorTextWithNewlines(editor); // we don't double-parse the editor. When `newEditorState` is null, we didn't parse the editor yet.\n\n        setLastKnownFullEditorText(fullEditorText);\n        onChangeHandlerForAutocomplete(newEditorState);\n\n        props.onValueChange?.(fullEditorText);\n        props.onChange?.(makeSemiFakeReactTextAreaEvent(fullEditorText));\n      }}\n    >\n      <Editable\n        renderElement={renderElementMemoized}\n        renderPlaceholder={renderPlaceholderMemoized}\n        onKeyDown={(event) => {\n          onKeyDownHandlerForAutocomplete(event); // forward the event for internal use\n          props.onKeyDown?.(event); // forward the event for external use\n        }}\n        className={moddedClassName}\n        {...propsToForward}\n      />\n    </Slate>\n  );\n}\n\n// Consumers of <textarea> expect a `onChange: (React.ChangeEvent<HTMLTextAreaElement>) => void` event handler to be passed in.\n// This is *extremely* common, and we want to support it.\n//\n// We can't support the full functionality, but in 99% of cases, the consumer only cares about the `event.target.value` property --\n// that's how they get the new value of the textarea.\n//\n// So, the tradeoff we are making is minimizing compiler complaint, with a small chance of runtime error.\n// The alternative would be defining a different onChange entrypoint (we actually do have that in `onValueChange`),\n// And starting to explain subtleties to users the moment they try to use the component for the first time for very basic functionality.\n//\n// If this proves problematic, we can always revisit this decision.\nfunction makeSemiFakeReactTextAreaEvent(\n  currentText: string\n): React.ChangeEvent<HTMLTextAreaElement> {\n  return {\n    target: {\n      value: currentText,\n      type: \"copilot-textarea\",\n    },\n    currentTarget: {\n      value: currentText,\n      type: \"copilot-textarea\",\n    },\n  } as React.ChangeEvent<HTMLTextAreaElement>;\n}\n"]}