@copilotkit/react-textarea 0.10.0 → 0.12.0

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

@@ -1,13 +1,13 @@
 // 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,
   defaultAutosuggestionsConfig,
 } from "../../types/standard-autosuggestions";
-import {
-  BaseCopilotTextarea,
-  BaseCopilotTextareaProps,
-} from "../base-copilot-textarea/base-copilot-textarea";
+import { BaseCopilotTextarea } from "../base-copilot-textarea/base-copilot-textarea";
 
 export interface CopilotTextareaProps extends BaseCopilotTextareaProps {
   autosuggestionsConfig: Partial<AutosuggestionsConfig> & {
@@ -15,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/components/index.ts

@@ -1,5 +1,4 @@
 export { BaseCopilotTextarea } from "./base-copilot-textarea/base-copilot-textarea";
-export type { BaseCopilotTextareaProps } from "./base-copilot-textarea/base-copilot-textarea";
 
 export { CopilotTextarea } from "./copilot-textarea/copilot-textarea";
 export type { CopilotTextareaProps } from "./copilot-textarea/copilot-textarea";

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/types/base/base-copilot-textarea-props.tsx

@@ -0,0 +1,37 @@
+import { TextareaHTMLAttributes } from "react";
+import { BaseAutosuggestionsConfig } from ".";
+
+/**
+ * `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} [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> & {
+ *   purposePrompt: string;
+ * }} autosuggestionsConfig - Configuration settings for the autosuggestions feature.
+ * Includes a mandatory `purposePrompt` to guide the autosuggestions.
+ */
+export interface BaseCopilotTextareaProps
+  extends Omit<TextareaHTMLAttributes<HTMLDivElement>, "onChange"> {
+  disableBranding?: boolean;
+  placeholderStyle?: React.CSSProperties;
+  suggestionsStyle?: React.CSSProperties;
+  value?: string;
+  onValueChange?: (value: string) => void;
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {
+    purposePrompt: string;
+  };
+}

package/src/types/base/index.ts

@@ -1,4 +1,6 @@
 export { defaultBaseAutosuggestionsConfig } from "./base-autosuggestions-config";
 
-export type { BaseAutosuggestionsConfig } from "./base-autosuggestions-config";
 export type { AutosuggestionsBareFunction } from "./autosuggestions-bare-function";
+export type { BaseAutosuggestionsConfig } from "./base-autosuggestions-config";
+
+export type { BaseCopilotTextareaProps } from "./base-copilot-textarea-props";

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/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-CU2M5BIJ.mjs

@@ -1,133 +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
-  } = _a, propsToForward = __objRest(_a, [
-    "placeholderStyle",
-    "value",
-    "onValueChange",
-    "autosuggestionsConfig",
-    "autosuggestionsFunction",
-    "className"
-  ]);
-  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;
-      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);
-    },
-    children: /* @__PURE__ */ jsx(Editable, __spreadValues({
-      renderElement: renderElementMemoized,
-      renderPlaceholder: renderPlaceholderMemoized,
-      onKeyDown: onKeyDownHandlerForAutocomplete,
-      className: moddedClassName
-    }, propsToForward))
-  });
-}
-
-export { BaseCopilotTextarea };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-CU2M5BIJ.mjs.map

package/dist/chunk-CU2M5BIJ.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 \"./base-copilot-textarea.css\";\nimport {\n  TextareaHTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} 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 { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\nimport { useAddBrandingCss } from \"./use-add-branding-css\";\n\nexport interface BaseCopilotTextareaProps\n  extends TextareaHTMLAttributes<HTMLDivElement> {\n  disableBranding?: boolean;\n  placeholderStyle?: React.CSSProperties;\n  suggestionsStyle?: React.CSSProperties;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {\n    purposePrompt: string;\n  };\n}\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    ...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        props.onValueChange?.(fullEditorText);\n      }}\n    >\n      <Editable\n        renderElement={renderElementMemoized}\n        renderPlaceholder={renderPlaceholderMemoized}\n        onKeyDown={onKeyDownHandlerForAutocomplete}\n        className={moddedClassName}\n        {...propsToForward}\n      />\n    </Slate>\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-FD6FGKYY.mjs

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

package/dist/chunk-NHLYAJCQ.mjs

@@ -1,25 +0,0 @@
-import { useMakeStandardAutosuggestionFunction } from './chunk-A3SFEHWZ.mjs';
-import { defaultAutosuggestionsConfig } from './chunk-EHQ5TN4R.mjs';
-import { BaseCopilotTextarea } from './chunk-CU2M5BIJ.mjs';
-import { __spreadValues, __spreadProps } from './chunk-MRXNTQOX.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-function CopilotTextarea(props) {
-  const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultAutosuggestionsConfig), props.autosuggestionsConfig);
-  const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(
-    autosuggestionsConfig.purposePrompt,
-    autosuggestionsConfig.apiEndpoint,
-    autosuggestionsConfig.makeSystemPrompt,
-    autosuggestionsConfig.fewShotMessages,
-    autosuggestionsConfig.externalContextCategories,
-    autosuggestionsConfig.forwardedParams
-  );
-  return /* @__PURE__ */ jsx(BaseCopilotTextarea, __spreadProps(__spreadValues({}, props), {
-    autosuggestionsConfig,
-    autosuggestionsFunction
-  }));
-}
-
-export { CopilotTextarea };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-NHLYAJCQ.mjs.map

package/dist/chunk-NHLYAJCQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/copilot-textarea/copilot-textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiCI;AAhBG,SAAS,gBAAgB,OAA0C;AACxE,QAAM,wBAA+C,kCAChD,+BACA,MAAM;AAGX,QAAM,0BAA0B;AAAA,IAC9B,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,EACxB;AAEA,SACE,oBAAC,sDACK,QADL;AAAA,IAEC;AAAA,IACA;AAAA,IACF;AAEJ","sourcesContent":["// This example is for an Editor with `ReactEditor` and `HistoryEditor`\nimport { useMakeStandardAutosuggestionFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function\";\nimport {\n  AutosuggestionsConfig,\n  defaultAutosuggestionsConfig,\n} from \"../../types/standard-autosuggestions\";\nimport {\n  BaseCopilotTextarea,\n  BaseCopilotTextareaProps,\n} from \"../base-copilot-textarea/base-copilot-textarea\";\n\nexport interface CopilotTextareaProps extends BaseCopilotTextareaProps {\n  autosuggestionsConfig: Partial<AutosuggestionsConfig> & {\n    purposePrompt: string;\n  };\n}\n\nexport function CopilotTextarea(props: CopilotTextareaProps): JSX.Element {\n  const autosuggestionsConfig: AutosuggestionsConfig = {\n    ...defaultAutosuggestionsConfig,\n    ...props.autosuggestionsConfig,\n  };\n\n  const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(\n    autosuggestionsConfig.purposePrompt,\n    autosuggestionsConfig.apiEndpoint,\n    autosuggestionsConfig.makeSystemPrompt,\n    autosuggestionsConfig.fewShotMessages,\n    autosuggestionsConfig.externalContextCategories,\n    autosuggestionsConfig.forwardedParams\n  );\n\n  return (\n    <BaseCopilotTextarea\n      {...props}\n      autosuggestionsConfig={autosuggestionsConfig}\n      autosuggestionsFunction={autosuggestionsFunction}\n    />\n  );\n}\n"]}

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/hooks/use-autosuggestions.mjs

@@ -1,7 +0,0 @@
-export { useAutosuggestions } from '../chunk-E2UEE45I.mjs';
-import '../chunk-UW3ITU2Y.mjs';
-import '../chunk-KGKLUWKW.mjs';
-import '../chunk-NKW5OU2S.mjs';
-import '../chunk-MRXNTQOX.mjs';
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=use-autosuggestions.mjs.map

package/dist/hooks/use-copilot-textarea-editor.mjs

@@ -1,5 +0,0 @@
-export { useCopilotTextareaEditor } from '../chunk-6SYD77G6.mjs';
-import '../chunk-KCHYD3EB.mjs';
-import '../chunk-MRXNTQOX.mjs';
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=use-copilot-textarea-editor.mjs.map