@copilotkit/react-textarea 0.35.0-multi-feature-usecopilotreadable.4 → 0.35.0

package/dist/index.mjs

@@ -1,55 +1,55 @@
 "use client";
 import "./chunk-DE5K76I2.mjs";
 import "./chunk-WADHCMPK.mjs";
-import "./chunk-IU3WTXLQ.mjs";
-import "./chunk-H4VKQGVU.mjs";
 import "./chunk-MMVDU6DF.mjs";
 import {
   CopilotTextarea
-} from "./chunk-HXEH4QQL.mjs";
-import "./chunk-RT4UTBH3.mjs";
+} from "./chunk-PQIOU3E5.mjs";
+import "./chunk-SJ2TM5GA.mjs";
 import "./chunk-QCPS6IYI.mjs";
+import "./chunk-RUV6NBIF.mjs";
+import {
+  defaultAutosuggestionsConfig
+} from "./chunk-DKE57EAC.mjs";
+import "./chunk-4OJ3H65F.mjs";
+import "./chunk-RKQ6RTZM.mjs";
+import "./chunk-KDVMG3XF.mjs";
 import {
   BaseCopilotTextarea
-} from "./chunk-QFG55HEW.mjs";
+} from "./chunk-XU5Z5BWV.mjs";
+import "./chunk-DRV2FOHZ.mjs";
+import "./chunk-4NHVQZ67.mjs";
+import "./chunk-FMQG2ZM3.mjs";
 import "./chunk-2C7O2EVM.mjs";
 import "./chunk-GQN2HYFJ.mjs";
+import "./chunk-5UNJXFUO.mjs";
+import "./chunk-QKS2IOUH.mjs";
+import "./chunk-JJLQVT7S.mjs";
+import "./chunk-LQ2OWQU7.mjs";
 import "./chunk-7LSRNPNI.mjs";
-import "./chunk-FWZ23PN7.mjs";
+import "./chunk-DMLXXOXD.mjs";
 import "./chunk-L7VVZH4Q.mjs";
-import "./chunk-3B3LGEDJ.mjs";
-import "./chunk-Y5LVLSUK.mjs";
+import "./chunk-COQISBP2.mjs";
+import "./chunk-OGLVRSCO.mjs";
 import "./chunk-YNXNMCDX.mjs";
+import "./chunk-3PQ7GSFE.mjs";
+import "./chunk-WFTAAA7R.mjs";
 import "./chunk-YFK5BFEI.mjs";
 import "./chunk-LYB4B6MK.mjs";
 import "./chunk-CF5GISTC.mjs";
 import "./chunk-4OZR65UB.mjs";
 import "./chunk-FFSICDS5.mjs";
 import "./chunk-4HBKWUCT.mjs";
-import "./chunk-WFTAAA7R.mjs";
-import "./chunk-3PQ7GSFE.mjs";
-import "./chunk-224UKA7C.mjs";
-import "./chunk-XW3ICO4S.mjs";
-import "./chunk-LQ2OWQU7.mjs";
 import "./chunk-2QDCE7PD.mjs";
-import "./chunk-RUV6NBIF.mjs";
-import {
-  defaultAutosuggestionsConfig
-} from "./chunk-DKE57EAC.mjs";
-import "./chunk-4OJ3H65F.mjs";
-import "./chunk-RKQ6RTZM.mjs";
-import "./chunk-KDVMG3XF.mjs";
+import "./chunk-7SUZ6CXM.mjs";
 import "./chunk-WJHSY5T6.mjs";
 import {
   defaultBaseAutosuggestionsConfig
 } from "./chunk-LCDTIJSD.mjs";
-import "./chunk-QKS2IOUH.mjs";
-import "./chunk-JJLQVT7S.mjs";
-import "./chunk-7SUZ6CXM.mjs";
-import "./chunk-DRV2FOHZ.mjs";
-import "./chunk-4NHVQZ67.mjs";
-import "./chunk-VPEH6V7T.mjs";
-import "./chunk-5UNJXFUO.mjs";
+import "./chunk-224UKA7C.mjs";
+import "./chunk-XW3ICO4S.mjs";
+import "./chunk-IU3WTXLQ.mjs";
+import "./chunk-H4VKQGVU.mjs";
 import "./chunk-DFTV4TST.mjs";
 import "./chunk-T6MTDQZ7.mjs";
 import "./chunk-ECR45NSD.mjs";

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.35.0-multi-feature-usecopilotreadable.4",
+  "version": "0.35.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -37,9 +37,9 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.7.0",
     "typescript": "^5.2.3",
-    "tsconfig": "0.14.0-multi-feature-usecopilotreadable.4",
-    "tailwind-config": "0.9.0-multi-feature-usecopilotreadable.4",
-    "eslint-config-custom": "0.10.0-multi-feature-usecopilotreadable.4"
+    "eslint-config-custom": "0.10.0",
+    "tailwind-config": "0.9.0",
+    "tsconfig": "0.14.0"
   },
   "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.25.0-multi-feature-usecopilotreadable.4",
-    "@copilotkit/shared": "0.9.0-multi-feature-usecopilotreadable.4"
+    "@copilotkit/react-core": "0.25.0",
+    "@copilotkit/shared": "0.9.0"
   },
   "scripts": {
     "build": "tsup --clean",

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

@@ -14,7 +14,10 @@ export function usePopulateCopilotTextareaRef(
     ref,
     () => {
       class Combined {
-        constructor(private customMethods: CustomMethods, private editorHtmlElement: HTMLElement) {}
+        constructor(
+          private customMethods: CustomMethods,
+          private editorHtmlElement: HTMLElement,
+        ) {}
 
         [key: string]: any;
 

package/src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-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 { AutosuggestionsBareFunction, MinimalChatGPTMessage } from "../../types";
@@ -26,6 +26,10 @@ export function useMakeStandardAutosuggestionFunction(
   apiConfig: SuggestionsApiConfig,
 ): AutosuggestionsBareFunction {
   const { getContextString, copilotApiConfig } = useContext(CopilotContext);
+  const publicApiKey = copilotApiConfig.publicApiKey;
+  const headers = {
+    ...(publicApiKey ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {}),
+  };
 
   return useCallback(
     async (editorState: InsertionEditorState, abortSignal: AbortSignal) => {
@@ -56,6 +60,7 @@ export function useMakeStandardAutosuggestionFunction(
           ...apiConfig.forwardedParams,
           copilotConfig: copilotApiConfig,
           signal: abortSignal,
+          headers: headers,
         });
 
         if (!response.events) {

package/dist/chunk-RT4UTBH3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx"],"sourcesContent":["import { Message } from \"@copilotkit/shared\";\nimport { CopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback, useContext } from \"react\";\nimport { AutosuggestionsBareFunction, MinimalChatGPTMessage } from \"../../types\";\nimport { retry } from \"../../lib/retry\";\nimport { InsertionEditorState } from \"../../types/base/autosuggestions-bare-function\";\nimport { SuggestionsApiConfig } from \"../../types/autosuggestions-config/suggestions-api-config\";\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 useMakeStandardAutosuggestionFunction(\n  textareaPurpose: string,\n  contextCategories: string[],\n  apiConfig: SuggestionsApiConfig,\n): AutosuggestionsBareFunction {\n  const { getContextString, copilotApiConfig } = useContext(CopilotContext);\n\n  return useCallback(\n    async (editorState: InsertionEditorState, abortSignal: AbortSignal) => {\n      const res = await retry(async () => {\n        const messages: MinimalChatGPTMessage[] = [\n          {\n            role: \"system\",\n            content: apiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString([], contextCategories),\n            ),\n          },\n          ...apiConfig.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\n        const response = await fetchAndDecodeChatCompletionAsText({\n          messages: messages as Message[],\n          ...apiConfig.forwardedParams,\n          copilotConfig: copilotApiConfig,\n          signal: abortSignal,\n        });\n\n        if (!response.events) {\n          throw new Error(\"Failed to fetch chat completion\");\n        }\n\n        const reader = response.events.getReader();\n\n        let result = \"\";\n        while (!abortSignal.aborted) {\n          const { done, value } = await reader.read();\n          if (done) {\n            break;\n          }\n          result += value;\n        }\n        return result;\n      });\n\n      return res;\n    },\n    [apiConfig, getContextString, contextCategories, textareaPurpose],\n  );\n}\n"],"mappings":";;;;;;;;;;AACA,SAAS,sBAAsB;AAC/B,SAAS,aAAa,kBAAkB;AAKxC,SAAS,0CAA0C;AAe5C,SAAS,sCACd,iBACA,mBACA,WAC6B;AAC7B,QAAM,EAAE,kBAAkB,iBAAiB,IAAI,WAAW,cAAc;AAExE,SAAO;AAAA,IACL,CAAO,aAAmC,gBAA6B;AACrE,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,UAAU;AAAA,cACjB;AAAA,cACA,iBAAiB,CAAC,GAAG,iBAAiB;AAAA,YACxC;AAAA,UACF;AAAA,UACA,GAAG,UAAU;AAAA,UACb;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,QACF;AAEA,cAAM,WAAW,MAAM,mCAAmC;AAAA,UACxD;AAAA,WACG,UAAU,kBAF2C;AAAA,UAGxD,eAAe;AAAA,UACf,QAAQ;AAAA,QACV,EAAC;AAED,YAAI,CAAC,SAAS,QAAQ;AACpB,gBAAM,IAAI,MAAM,iCAAiC;AAAA,QACnD;AAEA,cAAM,SAAS,SAAS,OAAO,UAAU;AAEzC,YAAI,SAAS;AACb,eAAO,CAAC,YAAY,SAAS;AAC3B,gBAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAC1C,cAAI,MAAM;AACR;AAAA,UACF;AACA,oBAAU;AAAA,QACZ;AACA,eAAO;AAAA,MACT,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,WAAW,kBAAkB,mBAAmB,eAAe;AAAA,EAClE;AACF;","names":[]}

package/dist/chunk-VPEH6V7T.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts"],"sourcesContent":["import React from \"react\";\nimport { Editor } from \"slate\";\nimport { ReactEditor } from \"slate-react\";\nimport { getFullEditorTextWithNewlines } from \"../../lib/get-text-around-cursor\";\nimport { replaceEditorText } from \"../../lib/slatejs-edits/replace-text\";\nimport { HTMLCopilotTextAreaElement } from \"../../types\";\nimport { CustomEditor } from \"../../types/base/custom-editor\";\n\nexport function usePopulateCopilotTextareaRef(\n  editor: Editor,\n  ref: React.Ref<HTMLCopilotTextAreaElement>,\n) {\n  React.useImperativeHandle(\n    ref,\n    () => {\n      class Combined {\n        constructor(private customMethods: CustomMethods, private editorHtmlElement: HTMLElement) {}\n\n        [key: string]: any;\n\n        get(target: any, propKey: string): any {\n          if (this.isKeyOfCustomMethods(propKey)) {\n            const value = this.customMethods[propKey];\n            if (typeof value === \"function\") {\n              return value.bind(this.customMethods);\n            }\n            return value;\n          } else if (this.isKeyOfHTMLElement(propKey)) {\n            const value = this.editorHtmlElement[propKey];\n            if (typeof value === \"function\") {\n              return value.bind(this.editorHtmlElement);\n            }\n            return value;\n          }\n        }\n\n        set(target: any, propKey: string, value: any): boolean {\n          if (this.isKeyOfCustomMethods(propKey)) {\n            (this.customMethods as any)[propKey] = value;\n          } else if (this.isKeyOfHTMLElement(propKey)) {\n            (this.editorHtmlElement as any)[propKey] = value;\n          } else {\n            // Default behavior (optional)\n            target[propKey] = value;\n          }\n          return true;\n        }\n\n        private isKeyOfCustomMethods(key: string): key is keyof CustomMethods {\n          return key in this.customMethods;\n        }\n\n        private isKeyOfHTMLElement(key: string): key is keyof HTMLElement {\n          return key in this.editorHtmlElement;\n        }\n      }\n\n      const handler = {\n        get(target: any, propKey: keyof CustomMethods | keyof HTMLElement) {\n          return target.get(target, propKey);\n        },\n        set(target: any, propKey: keyof CustomMethods | keyof HTMLElement, value: any) {\n          return target.set(target, propKey, value);\n        },\n      };\n\n      class CustomMethods {\n        constructor(private editor: CustomEditor) {}\n\n        focus() {\n          ReactEditor.focus(this.editor);\n        }\n\n        blur() {\n          ReactEditor.blur(this.editor);\n        }\n\n        get value() {\n          return getFullEditorTextWithNewlines(this.editor);\n        }\n        set value(value: string) {\n          replaceEditorText(this.editor, value);\n        }\n      }\n\n      const editorHtmlElement = ReactEditor.toDOMNode(editor, editor);\n      const customMethods = new CustomMethods(editor);\n\n      const combined = new Combined(customMethods, editorHtmlElement);\n      return new Proxy(combined, handler);\n    },\n    [editor],\n  );\n}\n"],"mappings":";;;;;;;;AAAA,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAMrB,SAAS,8BACd,QACA,KACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AACJ,YAAM,SAAS;AAAA,QACb,YAAoBA,gBAAsCC,oBAAgC;AAAtE,+BAAAD;AAAsC,mCAAAC;AAAA,QAAiC;AAAA,QAI3F,IAAI,QAAa,SAAsB;AACrC,cAAI,KAAK,qBAAqB,OAAO,GAAG;AACtC,kBAAM,QAAQ,KAAK,cAAc,OAAO;AACxC,gBAAI,OAAO,UAAU,YAAY;AAC/B,qBAAO,MAAM,KAAK,KAAK,aAAa;AAAA,YACtC;AACA,mBAAO;AAAA,UACT,WAAW,KAAK,mBAAmB,OAAO,GAAG;AAC3C,kBAAM,QAAQ,KAAK,kBAAkB,OAAO;AAC5C,gBAAI,OAAO,UAAU,YAAY;AAC/B,qBAAO,MAAM,KAAK,KAAK,iBAAiB;AAAA,YAC1C;AACA,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,QAEA,IAAI,QAAa,SAAiB,OAAqB;AACrD,cAAI,KAAK,qBAAqB,OAAO,GAAG;AACtC,YAAC,KAAK,cAAsB,OAAO,IAAI;AAAA,UACzC,WAAW,KAAK,mBAAmB,OAAO,GAAG;AAC3C,YAAC,KAAK,kBAA0B,OAAO,IAAI;AAAA,UAC7C,OAAO;AAEL,mBAAO,OAAO,IAAI;AAAA,UACpB;AACA,iBAAO;AAAA,QACT;AAAA,QAEQ,qBAAqB,KAAyC;AACpE,iBAAO,OAAO,KAAK;AAAA,QACrB;AAAA,QAEQ,mBAAmB,KAAuC;AAChE,iBAAO,OAAO,KAAK;AAAA,QACrB;AAAA,MACF;AAEA,YAAM,UAAU;AAAA,QACd,IAAI,QAAa,SAAkD;AACjE,iBAAO,OAAO,IAAI,QAAQ,OAAO;AAAA,QACnC;AAAA,QACA,IAAI,QAAa,SAAkD,OAAY;AAC7E,iBAAO,OAAO,IAAI,QAAQ,SAAS,KAAK;AAAA,QAC1C;AAAA,MACF;AAEA,YAAM,cAAc;AAAA,QAClB,YAAoBC,SAAsB;AAAtB,wBAAAA;AAAA,QAAuB;AAAA,QAE3C,QAAQ;AACN,sBAAY,MAAM,KAAK,MAAM;AAAA,QAC/B;AAAA,QAEA,OAAO;AACL,sBAAY,KAAK,KAAK,MAAM;AAAA,QAC9B;AAAA,QAEA,IAAI,QAAQ;AACV,iBAAO,8BAA8B,KAAK,MAAM;AAAA,QAClD;AAAA,QACA,IAAI,MAAM,OAAe;AACvB,4BAAkB,KAAK,QAAQ,KAAK;AAAA,QACtC;AAAA,MACF;AAEA,YAAM,oBAAoB,YAAY,UAAU,QAAQ,MAAM;AAC9D,YAAM,gBAAgB,IAAI,cAAc,MAAM;AAE9C,YAAM,WAAW,IAAI,SAAS,eAAe,iBAAiB;AAC9D,aAAO,IAAI,MAAM,UAAU,OAAO;AAAA,IACpC;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACF;","names":["customMethods","editorHtmlElement","editor"]}