@copilotkit/react-textarea 0.15.0 → 0.15.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @copilotkit/react-textarea@0.15.0 build /home/runner/work/CopilotKit/CopilotKit/CopilotKit/packages/react-textarea
+> @copilotkit/react-textarea@0.15.1 build /home/runner/work/CopilotKit/CopilotKit/CopilotKit/packages/react-textarea
 > tsup --treeshake
 
 CLI Building entry: src/index.tsx, src/components/index.ts, src/context/index.ts, src/hooks/index.ts, src/lib/debouncer.ts, src/lib/editor-to-text.ts, src/lib/get-text-around-cursor.ts, src/lib/utils.test.ts, src/lib/utils.ts, src/types/html-copilot-textarea-element.ts, src/types/index.ts, src/components/base-copilot-textarea/base-copilot-textarea.tsx, src/components/base-copilot-textarea/render-element.tsx, src/components/base-copilot-textarea/render-placeholder.tsx, src/components/base-copilot-textarea/use-add-branding-css.tsx, src/components/copilot-textarea/copilot-textarea.tsx, src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts, src/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.tsx, src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts, src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx, src/lib/slatejs-edits/add-autocompletions.ts, src/lib/slatejs-edits/clear-autocompletions.ts, src/lib/slatejs-edits/replace-text.ts, src/lib/slatejs-edits/with-partial-history.ts, src/types/base/autosuggestion-state.ts, src/types/base/autosuggestions-bare-function.ts, src/types/base/base-autosuggestions-config.tsx, src/types/base/base-copilot-textarea-props.tsx, src/types/base/custom-editor.tsx, src/types/base/editor-autocomplete-state.ts, src/types/base/index.ts, src/types/standard-autosuggestions/autosuggestions-config.tsx, src/types/standard-autosuggestions/chatlike-api-endpoint.tsx, src/types/standard-autosuggestions/index.ts, src/types/standard-autosuggestions/minimal-chat-gpt-message.tsx
@@ -57,11 +57,11 @@ Generated an empty chunk: "chunk-H4VKQGVU".
 ESM dist/components/copilot-textarea/copilot-textarea.mjs                                       907.00 B
 ESM dist/index.mjs                                                                              1.12 KB
 ESM dist/components/index.mjs                                                                   888.00 B
-ESM dist/chunk-DRXBRCHN.mjs                                                                     1.23 KB
+ESM dist/chunk-K3P3PCV7.mjs                                                                     1.23 KB
 ESM dist/chunk-4ES2IIB6.mjs                                                                     1.76 KB
 ESM dist/chunk-LGK56BTO.mjs                                                                     2.86 KB
 ESM dist/chunk-3A2CNIG5.mjs                                                                     949.00 B
-ESM dist/chunk-M6QFKIBE.mjs                                                                     5.99 KB
+ESM dist/chunk-QZ2PN6ZU.mjs                                                                     6.02 KB
 ESM dist/chunk-HZGSG7ST.mjs                                                                     3.02 KB
 ESM dist/chunk-UW3ITU2Y.mjs                                                                     496.00 B
 ESM dist/chunk-CSGFJU3L.mjs                                                                     2.01 KB
@@ -122,11 +122,11 @@ Generated an empty chunk: "chunk-H4VKQGVU".
 ESM dist/components/copilot-textarea/copilot-textarea.mjs.map                                   51.00 B
 ESM dist/index.mjs.map                                                                          51.00 B
 ESM dist/components/index.mjs.map                                                               51.00 B
-ESM dist/chunk-DRXBRCHN.mjs.map                                                                 2.17 KB
+ESM dist/chunk-K3P3PCV7.mjs.map                                                                 2.17 KB
 ESM dist/chunk-4ES2IIB6.mjs.map                                                                 4.41 KB
 ESM dist/chunk-LGK56BTO.mjs.map                                                                 4.17 KB
 ESM dist/chunk-3A2CNIG5.mjs.map                                                                 2.15 KB
-ESM dist/chunk-M6QFKIBE.mjs.map                                                                 10.78 KB
+ESM dist/chunk-QZ2PN6ZU.mjs.map                                                                 10.79 KB
 ESM dist/chunk-HZGSG7ST.mjs.map                                                                 5.83 KB
 ESM dist/chunk-UW3ITU2Y.mjs.map                                                                 878.00 B
 ESM dist/chunk-CSGFJU3L.mjs.map                                                                 3.82 KB
@@ -159,12 +159,12 @@ Generated an empty chunk: "chunk-H4VKQGVU".
 ESM dist/types/standard-autosuggestions/autosuggestions-config.mjs.map                          51.00 B
 ESM dist/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.mjs.map         51.00 B
 ESM dist/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.mjs.map   51.00 B
-ESM ⚡️ Build success in 3150ms
+ESM ⚡️ Build success in 3598ms
 Export "AutosuggestionsConfig" of module "src/types/standard-autosuggestions/autosuggestions-config.tsx" was reexported through module "src/types/standard-autosuggestions/index.ts" while both modules are dependencies of each other and will end up in different chunks by current Rollup settings. This scenario is not well supported at the moment as it will produce a circular dependency between chunks and will likely lead to broken execution order.
 Either change the import in "src/components/copilot-textarea/copilot-textarea.tsx" to point directly to the exporting module or do not use "preserveModules" to ensure these modules end up in the same chunk.
 Export "MakeSystemPrompt" of module "src/types/standard-autosuggestions/autosuggestions-config.tsx" was reexported through module "src/types/standard-autosuggestions/index.ts" while both modules are dependencies of each other and will end up in different chunks by current Rollup settings. This scenario is not well supported at the moment as it will produce a circular dependency between chunks and will likely lead to broken execution order.
 Either change the import in "src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx" to point directly to the exporting module or do not use "preserveModules" to ensure these modules end up in the same chunk.
-DTS ⚡️ Build success in 5403ms
+DTS ⚡️ Build success in 6637ms
 DTS dist/index.d.ts                                                                          1.01 KB
 DTS dist/components/base-copilot-textarea/base-copilot-textarea.d.ts                         669.00 B
 DTS dist/components/copilot-textarea/copilot-textarea.d.ts                                   875.00 B

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # ui
 
+## 0.15.1
+
+### Patch Changes
+
+- 8f4b3d1: do not include disableBranding in props forwarded to DOM
+
 ## 0.15.0
 
 ### Minor Changes

package/dist/{chunk-DRXBRCHN.mjs → chunk-K3P3PCV7.mjs}

@@ -1,6 +1,6 @@
 import { useMakeStandardAutosuggestionFunction } from './chunk-4ES2IIB6.mjs';
 import { defaultAutosuggestionsConfig } from './chunk-LGK56BTO.mjs';
-import { BaseCopilotTextarea } from './chunk-M6QFKIBE.mjs';
+import { BaseCopilotTextarea } from './chunk-QZ2PN6ZU.mjs';
 import { __spreadValues, __spreadProps } from './chunk-MRXNTQOX.mjs';
 import React from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -29,4 +29,4 @@ var CopilotTextarea = React.forwardRef(
 
 export { CopilotTextarea };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-DRXBRCHN.mjs.map
+//# sourceMappingURL=chunk-K3P3PCV7.mjs.map

package/dist/{chunk-M6QFKIBE.mjs → chunk-QZ2PN6ZU.mjs}

@@ -69,7 +69,6 @@ var BaseCopilotTextarea = React.forwardRef(
         color: "gray"
       }, props.suggestionsStyle);
     }, [props.suggestionsStyle]);
-    useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);
     const renderElementMemoized = useMemo(() => {
       return makeRenderElementFunction(suggestionStyleAugmented);
     }, [suggestionStyleAugmented]);
@@ -96,7 +95,8 @@ var BaseCopilotTextarea = React.forwardRef(
       autosuggestionsFunction,
       className,
       onChange,
-      onKeyDown
+      onKeyDown,
+      disableBranding
     } = _a, propsToForward = __objRest(_a, [
       "placeholderStyle",
       "value",
@@ -105,11 +105,14 @@ var BaseCopilotTextarea = React.forwardRef(
       "autosuggestionsFunction",
       "className",
       "onChange",
-      "onKeyDown"
+      "onKeyDown",
+      "disableBranding"
     ]);
+    useAddBrandingCss(suggestionStyleAugmented, disableBranding);
+    usePopulateCopilotTextareaRef(editor, ref);
     const moddedClassName = (() => {
       const baseClassName = "copilot-textarea";
-      const brandingClass = props.disableBranding ? "no-branding" : "with-branding";
+      const brandingClass = disableBranding ? "no-branding" : "with-branding";
       const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
       const mergedClassName = twMerge(
         defaultTailwindClassName,
@@ -117,7 +120,6 @@ var BaseCopilotTextarea = React.forwardRef(
       );
       return `${baseClassName} ${brandingClass} ${mergedClassName}`;
     })();
-    usePopulateCopilotTextareaRef(editor, ref);
     return /* @__PURE__ */ jsx(Slate, {
       editor,
       initialValue,
@@ -158,4 +160,4 @@ function makeSemiFakeReactTextAreaEvent(currentText) {
 
 export { BaseCopilotTextarea };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-M6QFKIBE.mjs.map
+//# sourceMappingURL=chunk-QZ2PN6ZU.mjs.map

package/dist/chunk-QZ2PN6ZU.mjs.map

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

package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs

@@ -1,4 +1,4 @@
-export { BaseCopilotTextarea } from '../../chunk-M6QFKIBE.mjs';
+export { BaseCopilotTextarea } from '../../chunk-QZ2PN6ZU.mjs';
 import '../../chunk-HZGSG7ST.mjs';
 import '../../chunk-UW3ITU2Y.mjs';
 import '../../chunk-CSGFJU3L.mjs';

package/dist/components/copilot-textarea/copilot-textarea.mjs

@@ -1,9 +1,9 @@
-export { CopilotTextarea } from '../../chunk-DRXBRCHN.mjs';
+export { CopilotTextarea } from '../../chunk-K3P3PCV7.mjs';
 import '../../chunk-4ES2IIB6.mjs';
 import '../../chunk-SL4J5HMW.mjs';
 import '../../chunk-LGK56BTO.mjs';
 import '../../chunk-3A2CNIG5.mjs';
-import '../../chunk-M6QFKIBE.mjs';
+import '../../chunk-QZ2PN6ZU.mjs';
 import '../../chunk-HZGSG7ST.mjs';
 import '../../chunk-UW3ITU2Y.mjs';
 import '../../chunk-CSGFJU3L.mjs';

package/dist/components/index.mjs

@@ -1,10 +1,10 @@
 import '../chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from '../chunk-DRXBRCHN.mjs';
+export { CopilotTextarea } from '../chunk-K3P3PCV7.mjs';
 import '../chunk-4ES2IIB6.mjs';
 import '../chunk-SL4J5HMW.mjs';
 import '../chunk-LGK56BTO.mjs';
 import '../chunk-3A2CNIG5.mjs';
-export { BaseCopilotTextarea } from '../chunk-M6QFKIBE.mjs';
+export { BaseCopilotTextarea } from '../chunk-QZ2PN6ZU.mjs';
 import '../chunk-HZGSG7ST.mjs';
 import '../chunk-UW3ITU2Y.mjs';
 import '../chunk-CSGFJU3L.mjs';

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import './chunk-DE5K76I2.mjs';
 import './chunk-WADHCMPK.mjs';
 import './chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from './chunk-DRXBRCHN.mjs';
+export { CopilotTextarea } from './chunk-K3P3PCV7.mjs';
 import './chunk-4ES2IIB6.mjs';
 import './chunk-SL4J5HMW.mjs';
 export { defaultAutosuggestionsConfig, defaultFewShotMessages, defaultMakeSystemPrompt } from './chunk-LGK56BTO.mjs';
 export { ChatlikeApiEndpoint } from './chunk-3A2CNIG5.mjs';
-export { BaseCopilotTextarea } from './chunk-M6QFKIBE.mjs';
+export { BaseCopilotTextarea } from './chunk-QZ2PN6ZU.mjs';
 import './chunk-HZGSG7ST.mjs';
 import './chunk-UW3ITU2Y.mjs';
 import './chunk-CSGFJU3L.mjs';

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.15.0",
+  "version": "0.15.1",
   "sideEffects": [
     "**/*.css"
   ],

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

@@ -99,8 +99,6 @@ export const BaseCopilotTextarea = React.forwardRef(
       };
     }, [props.suggestionsStyle]);
 
-    useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);
-
     const renderElementMemoized = useMemo(() => {
       return makeRenderElementFunction(suggestionStyleAugmented);
     }, [suggestionStyleAugmented]);
@@ -139,14 +137,16 @@ export const BaseCopilotTextarea = React.forwardRef(
       className,
       onChange,
       onKeyDown,
+      disableBranding,
       ...propsToForward
     } = props;
 
+    useAddBrandingCss(suggestionStyleAugmented, disableBranding);
+    usePopulateCopilotTextareaRef(editor, ref);
+
     const moddedClassName = (() => {
       const baseClassName = "copilot-textarea";
-      const brandingClass = props.disableBranding
-        ? "no-branding"
-        : "with-branding";
+      const brandingClass = disableBranding ? "no-branding" : "with-branding";
       const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
       const mergedClassName = twMerge(
         defaultTailwindClassName,
@@ -155,8 +155,6 @@ export const BaseCopilotTextarea = React.forwardRef(
       return `${baseClassName} ${brandingClass} ${mergedClassName}`;
     })();
 
-    usePopulateCopilotTextareaRef(editor, ref);
-
     return (
       <Slate
         editor={editor}

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