@copilotkit/react-textarea 0.36.0-mme-push-to-talk.0 → 0.36.0-mme-pre.1

package/dist/index.mjs

@@ -4,9 +4,9 @@ import "./chunk-WADHCMPK.mjs";
 import "./chunk-MMVDU6DF.mjs";
 import {
   CopilotTextarea
-} from "./chunk-PQIOU3E5.mjs";
+} from "./chunk-2OWOTL6X.mjs";
 import "./chunk-SJ2TM5GA.mjs";
-import "./chunk-QCPS6IYI.mjs";
+import "./chunk-HE4GMS2P.mjs";
 import "./chunk-RUV6NBIF.mjs";
 import {
   defaultAutosuggestionsConfig
@@ -48,8 +48,8 @@ import {
 } from "./chunk-LCDTIJSD.mjs";
 import "./chunk-224UKA7C.mjs";
 import "./chunk-XW3ICO4S.mjs";
-import "./chunk-H4VKQGVU.mjs";
 import "./chunk-IU3WTXLQ.mjs";
+import "./chunk-H4VKQGVU.mjs";
 import "./chunk-DFTV4TST.mjs";
 import "./chunk-T6MTDQZ7.mjs";
 import "./chunk-ECR45NSD.mjs";

package/dist/types/base/base-copilot-textarea-props.d.ts

@@ -5,37 +5,44 @@ import '@copilotkit/react-core';
 
 /**
  * `BaseCopilotTextareaProps` defines the properties for the `BaseCopilotTextarea` component.
- *
- * @extends {Omit<TextareaHTMLAttributes<HTMLDivElement>, "onChange">}
- *
- * @property {boolean} [disableBranding=false] - Determines whether branding should be disabled. Default is `false`.
- *
- * @property {React.CSSProperties} [placeholderStyle] - Specifies the CSS styles to apply to the placeholder text.
- *
- * @property {React.CSSProperties} [suggestionsStyle] - Specifies the CSS styles to apply to the suggestions list.
- *
- * @property {string} [hoverMenuClassname] - a classname to applly to the editor popover window.
- *
- * @property {string} [value] - The initial value of the textarea. Can be controlled via `onValueChange`.
- *
- * @property {(value: string) => void} [onValueChange] - Callback invoked when the value of the textarea changes.
- *
- * @property {(event: React.ChangeEvent<HTMLTextAreaElement>) => void} [onChange] - Callback invoked when a `change` event is triggered on the textarea element. The event only actually includes the `event.target.value` and `event.currentTarget.value` properties (all that is required in 99% of cases).
- *
- * @property {Partial<BaseAutosuggestionsConfig> & {
- *   textareaPurpose: string;
- * }} autosuggestionsConfig - Configuration settings for the autosuggestions feature.
- * Includes a mandatory `textareaPurpose` to guide the autosuggestions.
  */
 interface BaseCopilotTextareaProps extends Omit<TextareaHTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Determines whether the CopilotKit branding should be disabled. Default is `false`.
+     */
     disableBranding?: boolean;
+    /**
+     * Specifies the CSS styles to apply to the placeholder text.
+     */
     placeholderStyle?: React.CSSProperties;
+    /**
+     * Specifies the CSS styles to apply to the suggestions list.
+     */
     suggestionsStyle?: React.CSSProperties;
+    /**
+     * A class name to apply to the editor popover window.
+     */
     hoverMenuClassname?: string;
+    /**
+     * The initial value of the textarea. Can be controlled via `onValueChange`.
+     */
     value?: string;
+    /**
+     * Callback invoked when the value of the textarea changes.
+     */
     onValueChange?: (value: string) => void;
+    /**
+     * Callback invoked when a `change` event is triggered on the textarea element.
+     */
     onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    /**
+     * The shortcut to use to open the editor popover window. Default is `"Cmd-k"`.
+     */
     shortcut?: string;
+    /**
+     * Configuration settings for the autosuggestions feature.
+     * Includes a mandatory `textareaPurpose` to guide the autosuggestions.
+     */
     baseAutosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {
         textareaPurpose: string;
         apiConfig: BaseCopilotTextareaApiConfig;

package/dist/types/base/base-copilot-textarea-props.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/types/base/base-copilot-textarea-props.tsx"],"sourcesContent":["import { TextareaHTMLAttributes } from \"react\";\nimport { BaseAutosuggestionsConfig } from \".\";\nimport { BaseCopilotTextareaApiConfig } from \"./autosuggestions-bare-function\";\n\n/**\n * `BaseCopilotTextareaProps` defines the properties for the `BaseCopilotTextarea` component.\n *\n * @extends {Omit<TextareaHTMLAttributes<HTMLDivElement>, \"onChange\">}\n *\n * @property {boolean} [disableBranding=false] - Determines whether branding should be disabled. Default is `false`.\n *\n * @property {React.CSSProperties} [placeholderStyle] - Specifies the CSS styles to apply to the placeholder text.\n *\n * @property {React.CSSProperties} [suggestionsStyle] - Specifies the CSS styles to apply to the suggestions list.\n *\n * @property {string} [hoverMenuClassname] - a classname to applly to the editor popover window.\n *\n * @property {string} [value] - The initial value of the textarea. Can be controlled via `onValueChange`.\n *\n * @property {(value: string) => void} [onValueChange] - Callback invoked when the value of the textarea changes.\n *\n * @property {(event: React.ChangeEvent<HTMLTextAreaElement>) => void} [onChange] - Callback invoked when a `change` event is triggered on the textarea element. The event only actually includes the `event.target.value` and `event.currentTarget.value` properties (all that is required in 99% of cases).\n *\n * @property {Partial<BaseAutosuggestionsConfig> & {\n *   textareaPurpose: string;\n * }} autosuggestionsConfig - Configuration settings for the autosuggestions feature.\n * Includes a mandatory `textareaPurpose` to guide the autosuggestions.\n */\nexport interface BaseCopilotTextareaProps\n  extends Omit<TextareaHTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  disableBranding?: boolean;\n  placeholderStyle?: React.CSSProperties;\n  suggestionsStyle?: React.CSSProperties;\n  hoverMenuClassname?: string;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  shortcut?: string;\n  baseAutosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {\n    textareaPurpose: string;\n    apiConfig: BaseCopilotTextareaApiConfig;\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../../src/types/base/base-copilot-textarea-props.tsx"],"sourcesContent":["import { TextareaHTMLAttributes } from \"react\";\nimport { BaseAutosuggestionsConfig } from \".\";\nimport { BaseCopilotTextareaApiConfig } from \"./autosuggestions-bare-function\";\n\n/**\n * `BaseCopilotTextareaProps` defines the properties for the `BaseCopilotTextarea` component.\n */\nexport interface BaseCopilotTextareaProps\n  extends Omit<TextareaHTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  /**\n   * Determines whether the CopilotKit branding should be disabled. Default is `false`.\n   */\n  disableBranding?: boolean;\n\n  /**\n   * Specifies the CSS styles to apply to the placeholder text.\n   */\n  placeholderStyle?: React.CSSProperties;\n\n  /**\n   * Specifies the CSS styles to apply to the suggestions list.\n   */\n  suggestionsStyle?: React.CSSProperties;\n\n  /**\n   * A class name to apply to the editor popover window.\n   */\n  hoverMenuClassname?: string;\n\n  /**\n   * The initial value of the textarea. Can be controlled via `onValueChange`.\n   */\n  value?: string;\n\n  /**\n   * Callback invoked when the value of the textarea changes.\n   */\n  onValueChange?: (value: string) => void;\n\n  /**\n   * Callback invoked when a `change` event is triggered on the textarea element.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n\n  /**\n   * The shortcut to use to open the editor popover window. Default is `\"Cmd-k\"`.\n   */\n  shortcut?: string;\n\n  /**\n   * Configuration settings for the autosuggestions feature.\n   * Includes a mandatory `textareaPurpose` to guide the autosuggestions.\n   */\n  baseAutosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {\n    textareaPurpose: string;\n    apiConfig: BaseCopilotTextareaApiConfig;\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.36.0-mme-push-to-talk.0",
+  "version": "0.36.0-mme-pre.1",
   "sideEffects": [
     "**/*.css"
   ],
@@ -37,9 +37,9 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.7.0",
     "typescript": "^5.2.3",
-    "eslint-config-custom": "0.11.0-mme-push-to-talk.0",
-    "tailwind-config": "0.10.0-mme-push-to-talk.0",
-    "tsconfig": "0.15.0-mme-push-to-talk.0"
+    "eslint-config-custom": "0.11.0-mme-pre.1",
+    "tailwind-config": "0.10.0-mme-pre.1",
+    "tsconfig": "0.15.0-mme-pre.1"
   },
   "dependencies": {
     "@emotion/css": "^11.11.2",
@@ -62,8 +62,8 @@
     "slate-history": "^0.93.0",
     "slate-react": "^0.98.1",
     "tailwind-merge": "^1.13.2",
-    "@copilotkit/react-core": "0.36.0-mme-push-to-talk.0",
-    "@copilotkit/shared": "0.36.0-mme-push-to-talk.0"
+    "@copilotkit/react-core": "0.36.0-mme-pre.1",
+    "@copilotkit/shared": "0.36.0-mme-pre.1"
   },
   "scripts": {
     "build": "tsup --clean",

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

@@ -1,4 +1,79 @@
-// This example is for an Editor with `ReactEditor` and `HistoryEditor`
+/**
+ * A context-aware, auto-completing textarea.
+ *
+ * <RequestExample>
+ * ```jsx CopilotTextarea Example
+ * <CopilotTextarea
+ *   autosuggestionsConfig={{
+ *     textareaPurpose:
+ *      "the body of an email message",
+ *     chatApiConfigs: {},
+ *   }}
+ * />
+ * ```
+ * </RequestExample>
+ *
+ * `<CopilotTextarea>` is a React component that acts as a drop-in replacement for the standard `<textarea>`,
+ *  offering enhanced autocomplete features powered by AI. It is context-aware, integrating seamlessly with the
+ * [useCopilotReadable()](./useCopilotReadable) hook to provide intelligent suggestions based on the application context.
+ *
+ * In addition, it provides a hovering editor window (available by default via `Cmd+k`) that allows the user to
+ * suggest changes to the text, for example providing a summary or rephrasing the text.
+ *
+ * <img src="/images/CopilotTextarea/CopilotTextarea.gif" width="500" />
+ *
+ * ## Integrating CopilotTextarea
+ *
+ * Install the CopilotTextarea frontend packagess:
+ *
+ * <CodeGroup>
+ * ```bash npm
+ *   npm i @copilotkit/react-core @copilotkit/react-textarea
+ * ```
+ *
+ * ```bash yarn
+ *   yarn add @copilotkit/react-core @copilotkit/react-textarea
+ * ```
+ *
+ * ```bash pnpm
+ *   pnpm add @copilotkit/react-core @copilotkit/react-textarea
+ * ```
+ * </CodeGroup>
+ *
+ * Use the CopilotTextarea component in your React application similarly to a standard `<textarea />`,
+ * with additional configurations for AI-powered features.
+ *
+ * For example:
+ *
+ * ```tsx
+ * import { CopilotTextarea } from "@copilotkit/react-textarea";
+ * import { useState } from "react";
+ *
+ * export function ExampleComponent() {
+ *   const [text, setText] = useState("");
+ *
+ *   return (
+ *     <CopilotTextarea
+ *       className="custom-textarea-class"
+ *       value={text}
+ *       onValueChange={(value: string) => setText(value)}
+ *       placeholder="Enter your text here..."
+ *       autosuggestionsConfig={{
+ *         textareaPurpose: "Provide context or purpose of the textarea.",
+ *         chatApiConfigs: {
+ *           suggestionsApiConfig: {
+ *             forwardedParams: {
+ *               max_tokens: 20,
+ *               stop: [".", "?", "!"],
+ *             },
+ *           },
+ *         },
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
 import React from "react";
 import { useMakeStandardAutosuggestionFunction } from "../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function";
 import { HTMLCopilotTextAreaElement } from "../../types";
@@ -16,6 +91,35 @@ import { AutosuggestionsConfigUserSpecified } from "../../types/autosuggestions-
 // but with baseAutosuggestionsConfig replaced with autosuggestionsConfig.
 export interface CopilotTextareaProps
   extends Omit<BaseCopilotTextareaProps, "baseAutosuggestionsConfig"> {
+  /**
+   * Configuration settings for the autosuggestions feature.
+   * Includes a mandatory `textareaPurpose` to guide the autosuggestions.
+   *
+   * Autosuggestions can be configured as follows:
+   *
+   * ```ts
+   * {
+   *  // the purpose of the textarea
+   *  textareaPurpose: string,
+   *  chatApiConfigs: {
+   *    // the config for the suggestions api (optional)
+   *    suggestionsApiConfig: {
+   *      // use this to provide a custom system prompt
+   *      makeSystemPrompt: (textareaPurpose: string, contextString: string) => string;
+   *      // custom few shot messages
+   *      fewShotMessages: MinimalChatGPTMessage[];
+   *      forwardedParams: {
+   *        // max number of tokens to generate
+   *        max_tokens: number,
+   *        // stop generating when these characters are encountered, e.g. [".", "?", "!"]
+   *        stop: string[],
+   *      },
+   *    },
+   *    insertionApiConfig: //... the same options as suggestionsApiConfig
+   *  },
+   * }
+   * ```
+   */
   autosuggestionsConfig: AutosuggestionsConfigUserSpecified;
 }
 

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

@@ -1,4 +1,4 @@
-import { Message } from "@copilotkit/shared";
+import { COPILOT_CLOUD_PUBLIC_API_KEY_HEADER, Message } from "@copilotkit/shared";
 import { CopilotContext } from "@copilotkit/react-core";
 import { useCallback, useContext } from "react";
 import { MinimalChatGPTMessage } from "../../types";
@@ -34,6 +34,11 @@ export function useMakeStandardInsertionOrEditingFunction(
   editingApiConfig: EditingApiConfig,
 ): Generator_InsertionOrEditingSuggestion {
   const { getContextString, copilotApiConfig } = useContext(CopilotContext);
+  const headers = {
+    ...(copilotApiConfig.publicApiKey
+      ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey }
+      : {}),
+  };
 
   const insertionFunction = useCallback(
     async (
@@ -74,6 +79,7 @@ export function useMakeStandardInsertionOrEditingFunction(
           ...insertionApiConfig.forwardedParams,
           copilotConfig: copilotApiConfig,
           signal: abortSignal,
+          headers,
         });
         return stream.events!;
       });
@@ -127,6 +133,7 @@ export function useMakeStandardInsertionOrEditingFunction(
           ...editingApiConfig.forwardedParams,
           copilotConfig: copilotApiConfig,
           signal: abortSignal,
+          headers,
         });
         return stream.events!;
       });

package/src/types/base/base-copilot-textarea-props.tsx

@@ -4,38 +4,53 @@ import { BaseCopilotTextareaApiConfig } from "./autosuggestions-bare-function";
 
 /**
  * `BaseCopilotTextareaProps` defines the properties for the `BaseCopilotTextarea` component.
- *
- * @extends {Omit<TextareaHTMLAttributes<HTMLDivElement>, "onChange">}
- *
- * @property {boolean} [disableBranding=false] - Determines whether branding should be disabled. Default is `false`.
- *
- * @property {React.CSSProperties} [placeholderStyle] - Specifies the CSS styles to apply to the placeholder text.
- *
- * @property {React.CSSProperties} [suggestionsStyle] - Specifies the CSS styles to apply to the suggestions list.
- *
- * @property {string} [hoverMenuClassname] - a classname to applly to the editor popover window.
- *
- * @property {string} [value] - The initial value of the textarea. Can be controlled via `onValueChange`.
- *
- * @property {(value: string) => void} [onValueChange] - Callback invoked when the value of the textarea changes.
- *
- * @property {(event: React.ChangeEvent<HTMLTextAreaElement>) => void} [onChange] - Callback invoked when a `change` event is triggered on the textarea element. The event only actually includes the `event.target.value` and `event.currentTarget.value` properties (all that is required in 99% of cases).
- *
- * @property {Partial<BaseAutosuggestionsConfig> & {
- *   textareaPurpose: string;
- * }} autosuggestionsConfig - Configuration settings for the autosuggestions feature.
- * Includes a mandatory `textareaPurpose` to guide the autosuggestions.
  */
 export interface BaseCopilotTextareaProps
   extends Omit<TextareaHTMLAttributes<HTMLDivElement>, "onChange"> {
+  /**
+   * Determines whether the CopilotKit branding should be disabled. Default is `false`.
+   */
   disableBranding?: boolean;
+
+  /**
+   * Specifies the CSS styles to apply to the placeholder text.
+   */
   placeholderStyle?: React.CSSProperties;
+
+  /**
+   * Specifies the CSS styles to apply to the suggestions list.
+   */
   suggestionsStyle?: React.CSSProperties;
+
+  /**
+   * A class name to apply to the editor popover window.
+   */
   hoverMenuClassname?: string;
+
+  /**
+   * The initial value of the textarea. Can be controlled via `onValueChange`.
+   */
   value?: string;
+
+  /**
+   * Callback invoked when the value of the textarea changes.
+   */
   onValueChange?: (value: string) => void;
+
+  /**
+   * Callback invoked when a `change` event is triggered on the textarea element.
+   */
   onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+
+  /**
+   * The shortcut to use to open the editor popover window. Default is `"Cmd-k"`.
+   */
   shortcut?: string;
+
+  /**
+   * Configuration settings for the autosuggestions feature.
+   * Includes a mandatory `textareaPurpose` to guide the autosuggestions.
+   */
   baseAutosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {
     textareaPurpose: string;
     apiConfig: BaseCopilotTextareaApiConfig;

package/dist/chunk-PQIOU3E5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/copilot-textarea/copilot-textarea.tsx"],"sourcesContent":["// This example is for an Editor with `ReactEditor` and `HistoryEditor`\nimport React from \"react\";\nimport { useMakeStandardAutosuggestionFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function\";\nimport { HTMLCopilotTextAreaElement } from \"../../types\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport {\n  AutosuggestionsConfig,\n  defaultAutosuggestionsConfig,\n} from \"../../types/autosuggestions-config\";\nimport { BaseCopilotTextarea } from \"../base-copilot-textarea/base-copilot-textarea\";\nimport { useMakeStandardInsertionOrEditingFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-insertion-function\";\nimport merge from \"lodash.merge\";\nimport { AutosuggestionsConfigUserSpecified } from \"../../types/autosuggestions-config/autosuggestions-config-user-specified\";\n\n// Like the base copilot textarea props,\n// but with baseAutosuggestionsConfig replaced with autosuggestionsConfig.\nexport interface CopilotTextareaProps\n  extends Omit<BaseCopilotTextareaProps, \"baseAutosuggestionsConfig\"> {\n  autosuggestionsConfig: AutosuggestionsConfigUserSpecified;\n}\n\n/**\n * A copilot textarea that uses the standard autosuggestions function.\n */\nexport const CopilotTextarea = React.forwardRef(\n  (props: CopilotTextareaProps, ref: React.Ref<HTMLCopilotTextAreaElement>) => {\n    // separate the AutosuggestionsConfigUserSpecified from the rest of the props\n    const { autosuggestionsConfig: autosuggestionsConfigUserSpecified, ...forwardedProps } = props;\n\n    const autosuggestionsConfig: AutosuggestionsConfig = merge(\n      defaultAutosuggestionsConfig,\n      autosuggestionsConfigUserSpecified,\n    );\n\n    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(\n      autosuggestionsConfig.textareaPurpose,\n      autosuggestionsConfig.contextCategories,\n      autosuggestionsConfig.chatApiConfigs.suggestionsApiConfig,\n    );\n\n    const insertionOrEditingFunction = useMakeStandardInsertionOrEditingFunction(\n      autosuggestionsConfig.textareaPurpose,\n      autosuggestionsConfig.contextCategories,\n      autosuggestionsConfig.chatApiConfigs.insertionApiConfig,\n      autosuggestionsConfig.chatApiConfigs.editingApiConfig,\n    );\n\n    return (\n      <>\n        <BaseCopilotTextarea\n          ref={ref}\n          {...forwardedProps}\n          baseAutosuggestionsConfig={{\n            ...autosuggestionsConfig,\n            apiConfig: {\n              insertionOrEditingFunction: insertionOrEditingFunction,\n              autosuggestionsFunction: autosuggestionsFunction,\n            },\n          }}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAUlB,OAAO,WAAW;AAqCZ,mBACE,WADF;AAxBC,IAAM,kBAAkB,MAAM;AAAA,EACnC,CAAC,OAA6B,QAA+C;AAE3E,UAAyF,YAAjF,yBAAuB,mCA3BnC,IA2B6F,IAAnB,2BAAmB,IAAnB,CAA9D;AAER,UAAM,wBAA+C;AAAA,MACnD;AAAA,MACA;AAAA,IACF;AAEA,UAAM,0BAA0B;AAAA,MAC9B,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,IACvC;AAEA,UAAM,6BAA6B;AAAA,MACjC,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,MACrC,sBAAsB,eAAe;AAAA,IACvC;AAEA,WACE,gCACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,SACI,iBAFL;AAAA,QAGC,2BAA2B,iCACtB,wBADsB;AAAA,UAEzB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-QCPS6IYI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx"],"sourcesContent":["import { Message } from \"@copilotkit/shared\";\nimport { CopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback, useContext } from \"react\";\nimport { MinimalChatGPTMessage } from \"../../types\";\nimport { retry } from \"../../lib/retry\";\nimport {\n  EditingEditorState,\n  Generator_InsertionOrEditingSuggestion,\n  InsertionEditorApiConfig,\n  InsertionEditorState,\n} from \"../../types/base/autosuggestions-bare-function\";\nimport { InsertionsApiConfig } from \"../../types/autosuggestions-config/insertions-api-config\";\nimport { EditingApiConfig } from \"../../types/autosuggestions-config/editing-api-config\";\nimport { DocumentPointer } from \"@copilotkit/react-core\";\nimport { fetchAndDecodeChatCompletionAsText } from \"@copilotkit/react-core\";\n\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 textareaPurpose - 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 useMakeStandardInsertionOrEditingFunction(\n  textareaPurpose: string,\n  contextCategories: string[],\n  insertionApiConfig: InsertionsApiConfig,\n  editingApiConfig: EditingApiConfig,\n): Generator_InsertionOrEditingSuggestion {\n  const { getContextString, copilotApiConfig } = useContext(CopilotContext);\n\n  const insertionFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      insertionPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      const res = await retry(async () => {\n        const messages: MinimalChatGPTMessage[] = [\n          {\n            role: \"system\",\n            content: insertionApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(documents, contextCategories),\n            ),\n          },\n          ...insertionApiConfig.fewShotMessages,\n          {\n            role: \"user\",\n            name: \"TextAfterCursor\",\n            content: editorState.textAfterCursor,\n          },\n          {\n            role: \"user\",\n            name: \"TextBeforeCursor\",\n            content: editorState.textBeforeCursor,\n          },\n          {\n            role: \"user\",\n            name: \"InsertionPrompt\",\n            content: insertionPrompt,\n          },\n        ];\n\n        const stream = await fetchAndDecodeChatCompletionAsText({\n          messages: messages as Message[],\n          ...insertionApiConfig.forwardedParams,\n          copilotConfig: copilotApiConfig,\n          signal: abortSignal,\n        });\n        return stream.events!;\n      });\n\n      return res;\n    },\n    [insertionApiConfig, getContextString, contextCategories, textareaPurpose],\n  );\n\n  const editingFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      editingPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      const res = await retry(async () => {\n        const messages: MinimalChatGPTMessage[] = [\n          {\n            role: \"system\",\n            content: editingApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(documents, contextCategories),\n            ),\n          },\n          ...editingApiConfig.fewShotMessages,\n          {\n            role: \"user\",\n            name: \"TextBeforeCursor\",\n            content: editorState.textBeforeCursor,\n          },\n          {\n            role: \"user\",\n            name: \"TextToEdit\",\n            content: editorState.selectedText,\n          },\n          {\n            role: \"user\",\n            name: \"TextAfterCursor\",\n            content: editorState.textAfterCursor,\n          },\n          {\n            role: \"user\",\n            name: \"EditingPrompt\",\n            content: editingPrompt,\n          },\n        ];\n\n        const stream = await fetchAndDecodeChatCompletionAsText({\n          messages: messages as Message[],\n          ...editingApiConfig.forwardedParams,\n          copilotConfig: copilotApiConfig,\n          signal: abortSignal,\n        });\n        return stream.events!;\n      });\n\n      return res;\n    },\n    [editingApiConfig, getContextString, contextCategories, textareaPurpose],\n  );\n\n  const insertionOrEditingFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      insertionPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      if (editorState.selectedText === \"\") {\n        return await insertionFunction(editorState, insertionPrompt, documents, abortSignal);\n      } else {\n        return await editingFunction(editorState, insertionPrompt, documents, abortSignal);\n      }\n    },\n    [insertionFunction, editingFunction],\n  );\n\n  return insertionOrEditingFunction;\n}\n"],"mappings":";;;;;;;;;;AACA,SAAS,sBAAsB;AAC/B,SAAS,aAAa,kBAAkB;AAYxC,SAAS,0CAA0C;AAe5C,SAAS,0CACd,iBACA,mBACA,oBACA,kBACwC;AACxC,QAAM,EAAE,kBAAkB,iBAAiB,IAAI,WAAW,cAAc;AAExE,QAAM,oBAAoB;AAAA,IACxB,CACE,aACA,iBACA,WACA,gBACG;AACH,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,mBAAmB;AAAA,cAC1B;AAAA,cACA,iBAAiB,WAAW,iBAAiB;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,GAAG,mBAAmB;AAAA,UACtB;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,UACX;AAAA,QACF;AAEA,cAAM,SAAS,MAAM,mCAAmC;AAAA,UACtD;AAAA,WACG,mBAAmB,kBAFgC;AAAA,UAGtD,eAAe;AAAA,UACf,QAAQ;AAAA,QACV,EAAC;AACD,eAAO,OAAO;AAAA,MAChB,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,oBAAoB,kBAAkB,mBAAmB,eAAe;AAAA,EAC3E;AAEA,QAAM,kBAAkB;AAAA,IACtB,CACE,aACA,eACA,WACA,gBACG;AACH,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,iBAAiB;AAAA,cACxB;AAAA,cACA,iBAAiB,WAAW,iBAAiB;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,GAAG,iBAAiB;AAAA,UACpB;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,UACX;AAAA,QACF;AAEA,cAAM,SAAS,MAAM,mCAAmC;AAAA,UACtD;AAAA,WACG,iBAAiB,kBAFkC;AAAA,UAGtD,eAAe;AAAA,UACf,QAAQ;AAAA,QACV,EAAC;AACD,eAAO,OAAO;AAAA,MAChB,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,kBAAkB,kBAAkB,mBAAmB,eAAe;AAAA,EACzE;AAEA,QAAM,6BAA6B;AAAA,IACjC,CACE,aACA,iBACA,WACA,gBACG;AACH,UAAI,YAAY,iBAAiB,IAAI;AACnC,eAAO,MAAM,kBAAkB,aAAa,iBAAiB,WAAW,WAAW;AAAA,MACrF,OAAO;AACL,eAAO,MAAM,gBAAgB,aAAa,iBAAiB,WAAW,WAAW;AAAA,MACnF;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,eAAe;AAAA,EACrC;AAEA,SAAO;AACT;","names":[]}