@copilotkit/react-textarea 0.21.0-alpha.1 → 0.21.0-alpha.3

package/dist/hooks/make-autosuggestions-function/use-make-standard-insertion-function.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx","../../../src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx","../../../src/lib/retry.tsx"],"sourcesContent":["import { CopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback, useContext } from \"react\";\nimport { ChatlikeApiEndpoint, 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\";\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[] | undefined,\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 apiEndpoint =\n          ChatlikeApiEndpoint.fromCopilotApiConfig(copilotApiConfig);\n        return await apiEndpoint.run(\n          abortSignal,\n          messages,\n          insertionApiConfig.forwardedParams\n        );\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 apiEndpoint =\n          ChatlikeApiEndpoint.fromCopilotApiConfig(copilotApiConfig);\n        return await apiEndpoint.run(\n          abortSignal,\n          messages,\n          editingApiConfig.forwardedParams\n        );\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(\n          editorState,\n          insertionPrompt,\n          documents,\n          abortSignal\n        );\n      } else {\n        return await editingFunction(\n          editorState,\n          insertionPrompt,\n          documents,\n          abortSignal\n        );\n      }\n    },\n    [insertionFunction, editingFunction]\n  );\n\n  return insertionOrEditingFunction;\n}\n","import {\n  CopilotApiConfig,\n  copilotApiConfigExtrapolator,\n} from \"@copilotkit/react-core\";\nimport { MinimalChatGPTMessage } from \"./minimal-chat-gpt-message\";\n\nexport type ChatlikeApiEndpointImpl = (\n  abortSignal: AbortSignal,\n  messages: MinimalChatGPTMessage[],\n  forwardedProps?: { [key: string]: any }\n) => Promise<string>;\n\nexport type StreamingChatlikeApiEndpointImpl = (\n  abortSignal: AbortSignal,\n  messages: MinimalChatGPTMessage[],\n  forwardedProps?: { [key: string]: any }\n) => Promise<ReadableStream<string>>;\n\nexport class ChatlikeApiEndpoint {\n  public run: StreamingChatlikeApiEndpointImpl;\n\n  constructor(run: StreamingChatlikeApiEndpointImpl) {\n    this.run = run;\n  }\n\n  /**\n   * Creates a new instance of ChatlikeApiEndpoint with the provided API endpoint.\n   * @param apiEndpoint The URL of the OpenAI-compatible API endpoint.\n   * @returns A new instance of ChatlikeApiEndpoint.\n   */\n  static fromCopilotApiConfig(\n    copilotApiConfig: CopilotApiConfig\n  ): ChatlikeApiEndpoint {\n    return new ChatlikeApiEndpoint(\n      async (\n        abortSignal: AbortSignal,\n        messages: MinimalChatGPTMessage[],\n        forwardedProps?: { [key: string]: any }\n      ) => {\n        const res = await fetch(\n          copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint,\n          {\n            method: \"POST\",\n            headers: {\n              ...copilotApiConfig.headers,\n            },\n            body: JSON.stringify({\n              ...forwardedProps,\n              ...copilotApiConfig.body,\n              messages: messages,\n            }),\n            signal: abortSignal,\n          }\n        );\n\n        const bodySteram: ReadableStream<Uint8Array> | null = res.body;\n        if (!bodySteram) {\n          throw new Error(\"The response body is empty.\");\n        }\n\n        // map the stream to a stream of strings\n        const stringStream = bodySteram.pipeThrough(new TextDecoderStream());\n\n        return stringStream;\n      }\n    );\n  }\n\n  /**\n   * Creates a fully customized instance of ChatlikeApiEndpoint.\n   * @param run - The implementation of the ChatlikeApiEndpointImpl interface.\n   * @returns A new instance of ChatlikeApiEndpoint .\n   */\n  static custom(run: StreamingChatlikeApiEndpointImpl): ChatlikeApiEndpoint {\n    return new ChatlikeApiEndpoint(run);\n  }\n}\n","export function 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"],"mappings":"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","names":["import_react_core"]}

package/dist/hooks/make-autosuggestions-function/use-make-standard-insertion-function.mjs

@@ -8,9 +8,9 @@ import "../../chunk-F2TIBXML.mjs";
 import "../../chunk-AXN37AHC.mjs";
 import "../../chunk-RR6OQGTI.mjs";
 import "../../chunk-JHTAOLEW.mjs";
-import "../../chunk-WADHCMPK.mjs";
 import "../../chunk-WJHSY5T6.mjs";
 import "../../chunk-S6JUGJK2.mjs";
+import "../../chunk-WADHCMPK.mjs";
 import "../../chunk-4S5ZJH3I.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {

package/dist/hooks/misc/use-autosize-textarea.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/misc/use-autosize-textarea.tsx
+var use_autosize_textarea_exports = {};
+__export(use_autosize_textarea_exports, {
+  default: () => use_autosize_textarea_default
+});
+module.exports = __toCommonJS(use_autosize_textarea_exports);
+var import_react = require("react");
+var useAutosizeTextArea = (textAreaRef, value) => {
+  (0, import_react.useEffect)(() => {
+    if (textAreaRef.current !== null) {
+      textAreaRef.current.style.height = "0px";
+      const scrollHeight = textAreaRef.current.scrollHeight;
+      textAreaRef.current.style.height = scrollHeight + "px";
+    }
+  }, [textAreaRef, value]);
+};
+var use_autosize_textarea_default = useAutosizeTextArea;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=use-autosize-textarea.js.map

package/dist/hooks/misc/use-autosize-textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/misc/use-autosize-textarea.tsx"],"sourcesContent":["import { Ref, RefObject, useEffect } from \"react\";\n\n// Updates the height of a <textarea> when the value changes.\nconst useAutosizeTextArea = (\n  textAreaRef: RefObject<HTMLTextAreaElement>,\n  value: string\n) => {\n  useEffect(() => {\n    if (textAreaRef.current !== null) {\n      // We need to reset the height momentarily to get the correct scrollHeight for the textarea\n      textAreaRef.current.style.height = \"0px\";\n      const scrollHeight = textAreaRef.current.scrollHeight;\n\n      // We then set the height directly, outside of the render loop\n      // Trying to set this with state or a ref will product an incorrect value.\n      textAreaRef.current.style.height = scrollHeight + \"px\";\n    }\n  }, [textAreaRef, value]);\n};\n\nexport default useAutosizeTextArea;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAG1C,IAAM,sBAAsB,CAC1B,aACA,UACG;AACH,8BAAU,MAAM;AACd,QAAI,YAAY,YAAY,MAAM;AAEhC,kBAAY,QAAQ,MAAM,SAAS;AACnC,YAAM,eAAe,YAAY,QAAQ;AAIzC,kBAAY,QAAQ,MAAM,SAAS,eAAe;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,aAAa,KAAK,CAAC;AACzB;AAEA,IAAO,gCAAQ;","names":[]}