@copilotkit/react-textarea 0.9.0 → 0.11.0

package/dist/chunk-4EA7I44O.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  );\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-6LKDH2UJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/base/base-autosuggestions-config.tsx"],"names":[],"mappings":";AAOO,IAAM,mCAGT;AAAA,EACF,cAAc;AAAA,EACd,yBAAyB;AAAA,EACzB,kBAAkB;AACpB","sourcesContent":["export interface BaseAutosuggestionsConfig {\n  purposePrompt: string;\n  debounceTime: number;\n  acceptAutosuggestionKey: string;\n  disableWhenEmpty: boolean;\n}\n\nexport const defaultBaseAutosuggestionsConfig: Omit<\n  BaseAutosuggestionsConfig,\n  \"purposePrompt\"\n> = {\n  debounceTime: 500,\n  acceptAutosuggestionKey: \"Tab\",\n  disableWhenEmpty: true,\n};\n"]}

package/dist/chunk-ROH375UB.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"]}