@copilotkit/react-textarea 0.19.0-alpha.3 → 0.19.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +147 -143
- package/CHANGELOG.md +6 -0
- package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs +1870 -33
- package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs.map +1 -1
- package/dist/components/base-copilot-textarea/render-element.mjs +52 -3
- package/dist/components/base-copilot-textarea/render-element.mjs.map +1 -1
- package/dist/components/base-copilot-textarea/render-placeholder.mjs +46 -3
- package/dist/components/base-copilot-textarea/render-placeholder.mjs.map +1 -1
- package/dist/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.mjs +86 -4
- package/dist/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.mjs.map +1 -1
- package/dist/components/base-copilot-textarea/use-add-branding-css.mjs +57 -3
- package/dist/components/base-copilot-textarea/use-add-branding-css.mjs.map +1 -1
- package/dist/components/copilot-textarea/copilot-textarea.mjs +2339 -43
- package/dist/components/copilot-textarea/copilot-textarea.mjs.map +1 -1
- package/dist/components/hovering-toolbar/hovering-editor-provider.mjs +22 -3
- package/dist/components/hovering-toolbar/hovering-editor-provider.mjs.map +1 -1
- package/dist/components/hovering-toolbar/hovering-toolbar-components.mjs +125 -3
- package/dist/components/hovering-toolbar/hovering-toolbar-components.mjs.map +1 -1
- package/dist/components/hovering-toolbar/hovering-toolbar.mjs +1015 -16
- package/dist/components/hovering-toolbar/hovering-toolbar.mjs.map +1 -1
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.mjs +721 -10
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.mjs.map +1 -1
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.mjs +734 -11
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.mjs.map +1 -1
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/index.mjs +734 -12
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/index.mjs.map +1 -1
- package/dist/components/index.mjs +2340 -44
- package/dist/components/index.mjs.map +1 -1
- package/dist/components/manual-ui/chip-with-icon.mjs +5 -6
- package/dist/components/manual-ui/chip-with-icon.mjs.map +1 -1
- package/dist/components/source-search-box/source-search-box.mjs +323 -10
- package/dist/components/source-search-box/source-search-box.mjs.map +1 -1
- package/dist/components/ui/button.mjs +88 -4
- package/dist/components/ui/button.mjs.map +1 -1
- package/dist/components/ui/card.mjs +53 -7
- package/dist/components/ui/card.mjs.map +1 -1
- package/dist/components/ui/command.mjs +266 -5
- package/dist/components/ui/command.mjs.map +1 -1
- package/dist/components/ui/dialog.mjs +164 -4
- package/dist/components/ui/dialog.mjs.map +1 -1
- package/dist/components/ui/label.mjs +63 -4
- package/dist/components/ui/label.mjs.map +1 -1
- package/dist/components/ui/separator.mjs +50 -8
- package/dist/components/ui/separator.mjs.map +1 -1
- package/dist/components/ui/textarea.mjs +48 -7
- package/dist/components/ui/textarea.mjs.map +1 -1
- package/dist/context/index.mjs +0 -2
- package/dist/context/index.mjs.map +1 -1
- package/dist/hooks/base-copilot-textarea-implementation/use-autosuggestions.mjs +168 -6
- package/dist/hooks/base-copilot-textarea-implementation/use-autosuggestions.mjs.map +1 -1
- package/dist/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.mjs +168 -4
- package/dist/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.mjs.map +1 -1
- package/dist/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.mjs +155 -5
- package/dist/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.mjs.map +1 -1
- package/dist/hooks/index.mjs +0 -2
- package/dist/hooks/index.mjs.map +1 -1
- package/dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs +90 -4
- package/dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs.map +1 -1
- package/dist/hooks/make-autosuggestions-function/use-make-standard-insertion-function.mjs +143 -4
- package/dist/hooks/make-autosuggestions-function/use-make-standard-insertion-function.mjs.map +1 -1
- package/dist/hooks/misc/use-autosize-textarea.mjs +15 -3
- package/dist/hooks/misc/use-autosize-textarea.mjs.map +1 -1
- package/dist/index.css +3 -12
- package/dist/index.css.map +1 -1
- package/dist/index.mjs +2343 -48
- package/dist/index.mjs.map +1 -1
- package/dist/lib/debouncer.mjs +51 -3
- package/dist/lib/debouncer.mjs.map +1 -1
- package/dist/lib/editor-to-text.mjs +43 -3
- package/dist/lib/editor-to-text.mjs.map +1 -1
- package/dist/lib/get-text-around-cursor.mjs +109 -3
- package/dist/lib/get-text-around-cursor.mjs.map +1 -1
- package/dist/lib/retry.mjs +17 -3
- package/dist/lib/retry.mjs.map +1 -1
- package/dist/lib/slatejs-edits/add-autocompletions.mjs +25 -3
- package/dist/lib/slatejs-edits/add-autocompletions.mjs.map +1 -1
- package/dist/lib/slatejs-edits/clear-autocompletions.mjs +23 -3
- package/dist/lib/slatejs-edits/clear-autocompletions.mjs.map +1 -1
- package/dist/lib/slatejs-edits/replace-text.mjs +27 -3
- package/dist/lib/slatejs-edits/replace-text.mjs.map +1 -1
- package/dist/lib/slatejs-edits/with-partial-history.mjs +106 -3
- package/dist/lib/slatejs-edits/with-partial-history.mjs.map +1 -1
- package/dist/lib/stream-promise-flatten.mjs +47 -3
- package/dist/lib/stream-promise-flatten.mjs.map +1 -1
- package/dist/lib/utils.mjs +71 -3
- package/dist/lib/utils.mjs.map +1 -1
- package/dist/lib/utils.test.mjs +0 -1
- package/dist/lib/utils.test.mjs.map +1 -1
- package/dist/types/autosuggestions-config/autosuggestions-config-user-specified.mjs +0 -2
- package/dist/types/autosuggestions-config/autosuggestions-config-user-specified.mjs.map +1 -1
- package/dist/types/autosuggestions-config/autosuggestions-config.mjs +312 -9
- package/dist/types/autosuggestions-config/autosuggestions-config.mjs.map +1 -1
- package/dist/types/autosuggestions-config/editing-api-config.mjs +155 -4
- package/dist/types/autosuggestions-config/editing-api-config.mjs.map +1 -1
- package/dist/types/autosuggestions-config/index.mjs +313 -10
- package/dist/types/autosuggestions-config/index.mjs.map +1 -1
- package/dist/types/autosuggestions-config/insertions-api-config.mjs +149 -4
- package/dist/types/autosuggestions-config/insertions-api-config.mjs.map +1 -1
- package/dist/types/autosuggestions-config/subtypes/chatlike-api-endpoint.mjs +71 -3
- package/dist/types/autosuggestions-config/subtypes/chatlike-api-endpoint.mjs.map +1 -1
- package/dist/types/autosuggestions-config/subtypes/make-system-prompt.mjs +0 -2
- package/dist/types/autosuggestions-config/subtypes/make-system-prompt.mjs.map +1 -1
- package/dist/types/autosuggestions-config/subtypes/minimal-chat-gpt-message.mjs +0 -2
- package/dist/types/autosuggestions-config/subtypes/minimal-chat-gpt-message.mjs.map +1 -1
- package/dist/types/autosuggestions-config/suggestions-api-config.mjs +137 -4
- package/dist/types/autosuggestions-config/suggestions-api-config.mjs.map +1 -1
- package/dist/types/base/autosuggestion-state.mjs +0 -2
- package/dist/types/base/autosuggestion-state.mjs.map +1 -1
- package/dist/types/base/autosuggestions-bare-function.mjs +0 -2
- package/dist/types/base/autosuggestions-bare-function.mjs.map +1 -1
- package/dist/types/base/base-autosuggestions-config.mjs +11 -3
- package/dist/types/base/base-autosuggestions-config.mjs.map +1 -1
- package/dist/types/base/base-copilot-textarea-props.mjs +0 -2
- package/dist/types/base/base-copilot-textarea-props.mjs.map +1 -1
- package/dist/types/base/custom-editor.mjs +0 -2
- package/dist/types/base/custom-editor.mjs.map +1 -1
- package/dist/types/base/editor-autocomplete-state.mjs +17 -4
- package/dist/types/base/editor-autocomplete-state.mjs.map +1 -1
- package/dist/types/base/index.mjs +11 -4
- package/dist/types/base/index.mjs.map +1 -1
- package/dist/types/html-copilot-textarea-element.mjs +0 -2
- package/dist/types/html-copilot-textarea-element.mjs.map +1 -1
- package/dist/types/index.mjs +314 -12
- package/dist/types/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx +2 -1
- package/src/components/source-search-box/source-search-box.tsx +6 -9
- package/src/components/ui/command.tsx +1 -1
- package/dist/chunk-23UHDUUY.mjs +0 -461
- package/dist/chunk-23UHDUUY.mjs.map +0 -1
- package/dist/chunk-2NURR2DX.mjs +0 -47
- package/dist/chunk-2NURR2DX.mjs.map +0 -1
- package/dist/chunk-3YJ63D5D.mjs +0 -106
- package/dist/chunk-3YJ63D5D.mjs.map +0 -1
- package/dist/chunk-4MDDCR32.mjs +0 -107
- package/dist/chunk-4MDDCR32.mjs.map +0 -1
- package/dist/chunk-4S5ZJH3I.mjs +0 -18
- package/dist/chunk-4S5ZJH3I.mjs.map +0 -1
- package/dist/chunk-55EGOC5T.mjs +0 -87
- package/dist/chunk-55EGOC5T.mjs.map +0 -1
- package/dist/chunk-5ARCOTW3.mjs +0 -34
- package/dist/chunk-5ARCOTW3.mjs.map +0 -1
- package/dist/chunk-5EJ5XOGP.mjs +0 -22
- package/dist/chunk-5EJ5XOGP.mjs.map +0 -1
- package/dist/chunk-5FO6ISW4.mjs +0 -3
- package/dist/chunk-5FO6ISW4.mjs.map +0 -1
- package/dist/chunk-A2RRLD23.mjs +0 -69
- package/dist/chunk-A2RRLD23.mjs.map +0 -1
- package/dist/chunk-CSGFJU3L.mjs +0 -65
- package/dist/chunk-CSGFJU3L.mjs.map +0 -1
- package/dist/chunk-CZMPLTHF.mjs +0 -20
- package/dist/chunk-CZMPLTHF.mjs.map +0 -1
- package/dist/chunk-D7SEV5PR.mjs +0 -12
- package/dist/chunk-D7SEV5PR.mjs.map +0 -1
- package/dist/chunk-DE5K76I2.mjs +0 -3
- package/dist/chunk-DE5K76I2.mjs.map +0 -1
- package/dist/chunk-F3MHL6ZY.mjs +0 -25
- package/dist/chunk-F3MHL6ZY.mjs.map +0 -1
- package/dist/chunk-FN7GDKKG.mjs +0 -29
- package/dist/chunk-FN7GDKKG.mjs.map +0 -1
- package/dist/chunk-H4VKQGVU.mjs +0 -3
- package/dist/chunk-H4VKQGVU.mjs.map +0 -1
- package/dist/chunk-HAFHLU4N.mjs +0 -55
- package/dist/chunk-HAFHLU4N.mjs.map +0 -1
- package/dist/chunk-IU3WTXLQ.mjs +0 -3
- package/dist/chunk-IU3WTXLQ.mjs.map +0 -1
- package/dist/chunk-IXJ2HCOA.mjs +0 -101
- package/dist/chunk-IXJ2HCOA.mjs.map +0 -1
- package/dist/chunk-JAFCXEPU.mjs +0 -10
- package/dist/chunk-JAFCXEPU.mjs.map +0 -1
- package/dist/chunk-KCHYD3EB.mjs +0 -107
- package/dist/chunk-KCHYD3EB.mjs.map +0 -1
- package/dist/chunk-KGKLUWKW.mjs +0 -47
- package/dist/chunk-KGKLUWKW.mjs.map +0 -1
- package/dist/chunk-L7VVZH4Q.mjs +0 -3
- package/dist/chunk-L7VVZH4Q.mjs.map +0 -1
- package/dist/chunk-LNAIMEB2.mjs +0 -34
- package/dist/chunk-LNAIMEB2.mjs.map +0 -1
- package/dist/chunk-MMVDU6DF.mjs +0 -3
- package/dist/chunk-MMVDU6DF.mjs.map +0 -1
- package/dist/chunk-MPME5BW2.mjs +0 -59
- package/dist/chunk-MPME5BW2.mjs.map +0 -1
- package/dist/chunk-MRXNTQOX.mjs +0 -55
- package/dist/chunk-MRXNTQOX.mjs.map +0 -1
- package/dist/chunk-ND5PXTAW.mjs +0 -17
- package/dist/chunk-ND5PXTAW.mjs.map +0 -1
- package/dist/chunk-NKW5OU2S.mjs +0 -33
- package/dist/chunk-NKW5OU2S.mjs.map +0 -1
- package/dist/chunk-O5OWT5GE.mjs +0 -114
- package/dist/chunk-O5OWT5GE.mjs.map +0 -1
- package/dist/chunk-OD7ZMOVE.mjs +0 -45
- package/dist/chunk-OD7ZMOVE.mjs.map +0 -1
- package/dist/chunk-OELUUJZY.mjs +0 -16
- package/dist/chunk-OELUUJZY.mjs.map +0 -1
- package/dist/chunk-OS2YW2UX.mjs +0 -201
- package/dist/chunk-OS2YW2UX.mjs.map +0 -1
- package/dist/chunk-QL2GYGG5.mjs +0 -19
- package/dist/chunk-QL2GYGG5.mjs.map +0 -1
- package/dist/chunk-RQHOUUXQ.mjs +0 -29
- package/dist/chunk-RQHOUUXQ.mjs.map +0 -1
- package/dist/chunk-U5GM2PRT.mjs +0 -44
- package/dist/chunk-U5GM2PRT.mjs.map +0 -1
- package/dist/chunk-UHD44NC5.mjs +0 -101
- package/dist/chunk-UHD44NC5.mjs.map +0 -1
- package/dist/chunk-VBIJPE3H.mjs +0 -108
- package/dist/chunk-VBIJPE3H.mjs.map +0 -1
- package/dist/chunk-WADHCMPK.mjs +0 -3
- package/dist/chunk-WADHCMPK.mjs.map +0 -1
- package/dist/chunk-WJHSY5T6.mjs +0 -3
- package/dist/chunk-WJHSY5T6.mjs.map +0 -1
- package/dist/chunk-WJYQWL4I.mjs +0 -27
- package/dist/chunk-WJYQWL4I.mjs.map +0 -1
- package/dist/chunk-XDT7BF3V.mjs +0 -81
- package/dist/chunk-XDT7BF3V.mjs.map +0 -1
- package/dist/chunk-XHUMROEY.mjs +0 -91
- package/dist/chunk-XHUMROEY.mjs.map +0 -1
- package/dist/chunk-YQU7WG7T.mjs +0 -83
- package/dist/chunk-YQU7WG7T.mjs.map +0 -1
- package/dist/chunk-YTOPHPSG.mjs +0 -45
- package/dist/chunk-YTOPHPSG.mjs.map +0 -1
- package/dist/chunk-YW3REYX6.mjs +0 -23
- package/dist/chunk-YW3REYX6.mjs.map +0 -1
package/dist/chunk-OS2YW2UX.mjs
DELETED
|
@@ -1,201 +0,0 @@
|
|
|
1
|
-
import { useAutosuggestions } from './chunk-UHD44NC5.mjs';
|
|
2
|
-
import { useCopilotTextareaEditor } from './chunk-CSGFJU3L.mjs';
|
|
3
|
-
import { usePopulateCopilotTextareaRef } from './chunk-YQU7WG7T.mjs';
|
|
4
|
-
import { addAutocompletionsToEditor } from './chunk-WJYQWL4I.mjs';
|
|
5
|
-
import { clearAutocompletionsFromEditor } from './chunk-F3MHL6ZY.mjs';
|
|
6
|
-
import { replaceEditorText } from './chunk-RQHOUUXQ.mjs';
|
|
7
|
-
import { makeRenderPlaceholderFunction } from './chunk-OELUUJZY.mjs';
|
|
8
|
-
import { TrackerTextEditedSinceLastCursorMovement } from './chunk-OD7ZMOVE.mjs';
|
|
9
|
-
import { useAddBrandingCss } from './chunk-MPME5BW2.mjs';
|
|
10
|
-
import { HoveringToolbar } from './chunk-4MDDCR32.mjs';
|
|
11
|
-
import { useHoveringEditorContext, HoveringEditorProvider } from './chunk-YW3REYX6.mjs';
|
|
12
|
-
import { defaultBaseAutosuggestionsConfig } from './chunk-D7SEV5PR.mjs';
|
|
13
|
-
import { makeRenderElementFunction } from './chunk-LNAIMEB2.mjs';
|
|
14
|
-
import { getTextAroundCollapsedCursor, getFullEditorTextWithNewlines } from './chunk-IXJ2HCOA.mjs';
|
|
15
|
-
import { __spreadValues, __objRest, __spreadProps } from './chunk-MRXNTQOX.mjs';
|
|
16
|
-
import React, { useMemo, useState, useCallback, useEffect } from 'react';
|
|
17
|
-
import { Editor } from 'slate';
|
|
18
|
-
import { Slate, Editable } from 'slate-react';
|
|
19
|
-
import { twMerge } from 'tailwind-merge';
|
|
20
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
21
|
-
|
|
22
|
-
var BaseCopilotTextareaWithHoveringContext = React.forwardRef(
|
|
23
|
-
(props, ref) => {
|
|
24
|
-
const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
|
|
25
|
-
const valueOnInitialRender = useMemo(() => {
|
|
26
|
-
var _a2;
|
|
27
|
-
return (_a2 = props.value) != null ? _a2 : "";
|
|
28
|
-
}, []);
|
|
29
|
-
const [lastKnownFullEditorText, setLastKnownFullEditorText] = useState(valueOnInitialRender);
|
|
30
|
-
const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = useState(false);
|
|
31
|
-
const initialValue = useMemo(() => {
|
|
32
|
-
return [
|
|
33
|
-
{
|
|
34
|
-
type: "paragraph",
|
|
35
|
-
children: [{ text: valueOnInitialRender }]
|
|
36
|
-
}
|
|
37
|
-
];
|
|
38
|
-
}, [valueOnInitialRender]);
|
|
39
|
-
const editor = useCopilotTextareaEditor();
|
|
40
|
-
const {
|
|
41
|
-
isDisplayed: hoveringEditorIsDisplayed,
|
|
42
|
-
setIsDisplayed: setHoveringEditorIsDisplayed
|
|
43
|
-
} = useHoveringEditorContext();
|
|
44
|
-
const insertText = useCallback(
|
|
45
|
-
(autosuggestion) => {
|
|
46
|
-
Editor.insertText(editor, autosuggestion.text, {
|
|
47
|
-
at: autosuggestion.point
|
|
48
|
-
});
|
|
49
|
-
},
|
|
50
|
-
[editor]
|
|
51
|
-
);
|
|
52
|
-
const {
|
|
53
|
-
currentAutocompleteSuggestion,
|
|
54
|
-
onChangeHandler: onChangeHandlerForAutocomplete,
|
|
55
|
-
onKeyDownHandler: onKeyDownHandlerForAutocomplete
|
|
56
|
-
} = useAutosuggestions(
|
|
57
|
-
autosuggestionsConfig.debounceTime,
|
|
58
|
-
autosuggestionsConfig.acceptAutosuggestionKey,
|
|
59
|
-
autosuggestionsConfig.apiConfig.autosuggestionsFunction,
|
|
60
|
-
insertText,
|
|
61
|
-
autosuggestionsConfig.disableWhenEmpty,
|
|
62
|
-
autosuggestionsConfig.disabled || hoveringEditorIsDisplayed || cursorMovedSinceLastTextChange && autosuggestionsConfig.temporarilyDisableWhenMovingCursorWithoutChangingText
|
|
63
|
-
);
|
|
64
|
-
const onKeyDownHandlerForHoveringEditor = useCallback(
|
|
65
|
-
(event) => {
|
|
66
|
-
if (event.key === "k" && event.metaKey) {
|
|
67
|
-
event.preventDefault();
|
|
68
|
-
setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
[hoveringEditorIsDisplayed, setHoveringEditorIsDisplayed]
|
|
72
|
-
);
|
|
73
|
-
useEffect(() => {
|
|
74
|
-
clearAutocompletionsFromEditor(editor);
|
|
75
|
-
if (currentAutocompleteSuggestion) {
|
|
76
|
-
addAutocompletionsToEditor(
|
|
77
|
-
editor,
|
|
78
|
-
currentAutocompleteSuggestion.text,
|
|
79
|
-
currentAutocompleteSuggestion.point
|
|
80
|
-
);
|
|
81
|
-
}
|
|
82
|
-
}, [currentAutocompleteSuggestion]);
|
|
83
|
-
const suggestionStyleAugmented = useMemo(() => {
|
|
84
|
-
return __spreadValues({
|
|
85
|
-
fontStyle: "italic",
|
|
86
|
-
color: "gray"
|
|
87
|
-
}, props.suggestionsStyle);
|
|
88
|
-
}, [props.suggestionsStyle]);
|
|
89
|
-
const renderElementMemoized = useMemo(() => {
|
|
90
|
-
return makeRenderElementFunction(suggestionStyleAugmented);
|
|
91
|
-
}, [suggestionStyleAugmented]);
|
|
92
|
-
const renderPlaceholderMemoized = useMemo(() => {
|
|
93
|
-
const placeholderStyleSlatejsOverrides = {
|
|
94
|
-
top: void 0
|
|
95
|
-
};
|
|
96
|
-
const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
|
|
97
|
-
return makeRenderPlaceholderFunction(placeholderStyleAugmented);
|
|
98
|
-
}, [props.placeholderStyle]);
|
|
99
|
-
useEffect(() => {
|
|
100
|
-
var _a2, _b;
|
|
101
|
-
if (props.value === lastKnownFullEditorText) {
|
|
102
|
-
return;
|
|
103
|
-
}
|
|
104
|
-
setLastKnownFullEditorText((_a2 = props.value) != null ? _a2 : "");
|
|
105
|
-
replaceEditorText(editor, (_b = props.value) != null ? _b : "");
|
|
106
|
-
}, [props.value]);
|
|
107
|
-
const _a = props, {
|
|
108
|
-
placeholderStyle,
|
|
109
|
-
value,
|
|
110
|
-
onValueChange,
|
|
111
|
-
baseAutosuggestionsConfig: autosuggestionsConfigFromProps,
|
|
112
|
-
className,
|
|
113
|
-
onChange,
|
|
114
|
-
onKeyDown,
|
|
115
|
-
disableBranding
|
|
116
|
-
} = _a, propsToForward = __objRest(_a, [
|
|
117
|
-
"placeholderStyle",
|
|
118
|
-
"value",
|
|
119
|
-
"onValueChange",
|
|
120
|
-
"baseAutosuggestionsConfig",
|
|
121
|
-
"className",
|
|
122
|
-
"onChange",
|
|
123
|
-
"onKeyDown",
|
|
124
|
-
"disableBranding"
|
|
125
|
-
]);
|
|
126
|
-
useAddBrandingCss(suggestionStyleAugmented, disableBranding);
|
|
127
|
-
usePopulateCopilotTextareaRef(editor, ref);
|
|
128
|
-
const moddedClassName = (() => {
|
|
129
|
-
const baseClassName = "copilot-textarea";
|
|
130
|
-
const brandingClass = disableBranding ? "no-branding" : "with-branding";
|
|
131
|
-
const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
|
|
132
|
-
const mergedClassName = twMerge(
|
|
133
|
-
defaultTailwindClassName,
|
|
134
|
-
className != null ? className : ""
|
|
135
|
-
);
|
|
136
|
-
return `${baseClassName} ${brandingClass} ${mergedClassName}`;
|
|
137
|
-
})();
|
|
138
|
-
return /* @__PURE__ */ jsxs(Slate, {
|
|
139
|
-
editor,
|
|
140
|
-
initialValue,
|
|
141
|
-
onChange: (value2) => {
|
|
142
|
-
var _a2, _b;
|
|
143
|
-
const newEditorState = getTextAroundCollapsedCursor(editor);
|
|
144
|
-
const fullEditorText = newEditorState ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor : getFullEditorTextWithNewlines(editor);
|
|
145
|
-
setLastKnownFullEditorText((prev) => {
|
|
146
|
-
if (prev !== fullEditorText) {
|
|
147
|
-
setCursorMovedSinceLastTextChange(false);
|
|
148
|
-
}
|
|
149
|
-
return fullEditorText;
|
|
150
|
-
});
|
|
151
|
-
onChangeHandlerForAutocomplete(newEditorState);
|
|
152
|
-
(_a2 = props.onValueChange) == null ? void 0 : _a2.call(props, fullEditorText);
|
|
153
|
-
(_b = props.onChange) == null ? void 0 : _b.call(props, makeSemiFakeReactTextAreaEvent(fullEditorText));
|
|
154
|
-
},
|
|
155
|
-
children: [
|
|
156
|
-
/* @__PURE__ */ jsx(TrackerTextEditedSinceLastCursorMovement, {
|
|
157
|
-
setCursorMovedSinceLastTextChange
|
|
158
|
-
}),
|
|
159
|
-
/* @__PURE__ */ jsx(HoveringToolbar, {
|
|
160
|
-
apiConfig: autosuggestionsConfig.apiConfig
|
|
161
|
-
}),
|
|
162
|
-
/* @__PURE__ */ jsx(Editable, __spreadValues({
|
|
163
|
-
renderElement: renderElementMemoized,
|
|
164
|
-
renderPlaceholder: renderPlaceholderMemoized,
|
|
165
|
-
onKeyDown: (event) => {
|
|
166
|
-
var _a2;
|
|
167
|
-
onKeyDownHandlerForHoveringEditor(event);
|
|
168
|
-
onKeyDownHandlerForAutocomplete(event);
|
|
169
|
-
(_a2 = props.onKeyDown) == null ? void 0 : _a2.call(props, event);
|
|
170
|
-
},
|
|
171
|
-
className: moddedClassName
|
|
172
|
-
}, propsToForward))
|
|
173
|
-
]
|
|
174
|
-
});
|
|
175
|
-
}
|
|
176
|
-
);
|
|
177
|
-
function makeSemiFakeReactTextAreaEvent(currentText) {
|
|
178
|
-
return {
|
|
179
|
-
target: {
|
|
180
|
-
value: currentText,
|
|
181
|
-
type: "copilot-textarea"
|
|
182
|
-
},
|
|
183
|
-
currentTarget: {
|
|
184
|
-
value: currentText,
|
|
185
|
-
type: "copilot-textarea"
|
|
186
|
-
}
|
|
187
|
-
};
|
|
188
|
-
}
|
|
189
|
-
var BaseCopilotTextarea = React.forwardRef(
|
|
190
|
-
(props, ref) => {
|
|
191
|
-
return /* @__PURE__ */ jsx(HoveringEditorProvider, {
|
|
192
|
-
children: /* @__PURE__ */ jsx(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), {
|
|
193
|
-
ref
|
|
194
|
-
}))
|
|
195
|
-
});
|
|
196
|
-
}
|
|
197
|
-
);
|
|
198
|
-
|
|
199
|
-
export { BaseCopilotTextarea };
|
|
200
|
-
//# sourceMappingURL=out.js.map
|
|
201
|
-
//# sourceMappingURL=chunk-OS2YW2UX.mjs.map
|
|
@@ -1 +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 getTextAroundCollapsedCursor,\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 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 { HoveringToolbar } from \"../hovering-toolbar/hovering-toolbar\";\nimport { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\nimport { useAddBrandingCss } from \"./use-add-branding-css\";\nimport {\n HoveringEditorProvider,\n useHoveringEditorContext,\n} from \"../hovering-toolbar/hovering-editor-provider\";\nimport { EditorAutocompleteState } from \"../../types/base/editor-autocomplete-state\";\nimport { TrackerTextEditedSinceLastCursorMovement } from \"./track-cursor-moved-since-last-text-change\";\n\nexport interface HTMLCopilotTextAreaElement extends HTMLElement {\n value: string;\n focus: () => void;\n blur: () => void;\n}\n\nconst BaseCopilotTextareaWithHoveringContext = React.forwardRef(\n (\n props: BaseCopilotTextareaProps,\n ref: React.Ref<HTMLCopilotTextAreaElement>\n ): JSX.Element => {\n const autosuggestionsConfig: BaseAutosuggestionsConfig = {\n ...defaultBaseAutosuggestionsConfig,\n ...props.baseAutosuggestionsConfig,\n };\n\n const valueOnInitialRender = useMemo(() => props.value ?? \"\", []);\n const [lastKnownFullEditorText, setLastKnownFullEditorText] =\n useState(valueOnInitialRender);\n const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] =\n useState(false);\n\n // // When the editor text changes, we want to reset the `textEditedSinceLastCursorMovement` state.\n // useEffect(() => {\n // setCursorMovedSinceLastTextChange(false);\n // }, [lastKnownFullEditorText]);\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 {\n isDisplayed: hoveringEditorIsDisplayed,\n setIsDisplayed: setHoveringEditorIsDisplayed,\n } = useHoveringEditorContext();\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 autosuggestionsConfig.apiConfig.autosuggestionsFunction,\n insertText,\n autosuggestionsConfig.disableWhenEmpty,\n autosuggestionsConfig.disabled ||\n hoveringEditorIsDisplayed || // disable autosuggestions when the hovering editor is displayed\n (cursorMovedSinceLastTextChange &&\n autosuggestionsConfig.temporarilyDisableWhenMovingCursorWithoutChangingText) // disable autosuggestions when the cursor has moved since the last text change\n );\n const onKeyDownHandlerForHoveringEditor = useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n // if command-k, toggle the hovering editor\n if (event.key === \"k\" && event.metaKey) {\n event.preventDefault();\n setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);\n }\n },\n [hoveringEditorIsDisplayed, setHoveringEditorIsDisplayed]\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 baseAutosuggestionsConfig: autosuggestionsConfigFromProps,\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 = getTextAroundCollapsedCursor(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((prev) => {\n if (prev !== fullEditorText) {\n setCursorMovedSinceLastTextChange(false);\n }\n return fullEditorText;\n });\n onChangeHandlerForAutocomplete(newEditorState);\n\n props.onValueChange?.(fullEditorText);\n props.onChange?.(makeSemiFakeReactTextAreaEvent(fullEditorText));\n }}\n >\n <TrackerTextEditedSinceLastCursorMovement\n setCursorMovedSinceLastTextChange={setCursorMovedSinceLastTextChange}\n />\n <HoveringToolbar apiConfig={autosuggestionsConfig.apiConfig} />\n <Editable\n renderElement={renderElementMemoized}\n renderPlaceholder={renderPlaceholderMemoized}\n onKeyDown={(event) => {\n onKeyDownHandlerForHoveringEditor(event); // forward the event for internal use\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\nexport const BaseCopilotTextarea = React.forwardRef(\n (\n props: BaseCopilotTextareaProps,\n ref: React.Ref<HTMLCopilotTextAreaElement>\n ): JSX.Element => {\n return (\n <HoveringEditorProvider>\n <BaseCopilotTextareaWithHoveringContext {...props} ref={ref} />\n </HoveringEditorProvider>\n );\n }\n);\n"]}
|
package/dist/chunk-QL2GYGG5.mjs
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { defaultEditingApiConfig } from './chunk-55EGOC5T.mjs';
|
|
2
|
-
import { defaultInsertionsApiConfig } from './chunk-XDT7BF3V.mjs';
|
|
3
|
-
import { defaultSuggestionsApiConfig } from './chunk-A2RRLD23.mjs';
|
|
4
|
-
import { defaultBaseAutosuggestionsConfig } from './chunk-D7SEV5PR.mjs';
|
|
5
|
-
import { __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
|
|
6
|
-
|
|
7
|
-
// src/types/autosuggestions-config/autosuggestions-config.tsx
|
|
8
|
-
var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseAutosuggestionsConfig), {
|
|
9
|
-
externalContextCategories: void 0,
|
|
10
|
-
chatApiConfigs: {
|
|
11
|
-
suggestionsApiConfig: defaultSuggestionsApiConfig,
|
|
12
|
-
insertionApiConfig: defaultInsertionsApiConfig,
|
|
13
|
-
editingApiConfig: defaultEditingApiConfig
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
export { defaultAutosuggestionsConfig };
|
|
18
|
-
//# sourceMappingURL=out.js.map
|
|
19
|
-
//# sourceMappingURL=chunk-QL2GYGG5.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/types/autosuggestions-config/autosuggestions-config.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA+BO,IAAM,+BAGT,iCACC,mCADD;AAAA,EAEF,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,IACd,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EACpB;AACF","sourcesContent":["import {\n BaseAutosuggestionsConfig,\n defaultBaseAutosuggestionsConfig,\n} from \"../base\";\nimport {\n SuggestionsApiConfig,\n defaultSuggestionsApiConfig,\n} from \"./suggestions-api-config\";\nimport {\n InsertionsApiConfig,\n defaultInsertionsApiConfig,\n} from \"./insertions-api-config\";\nimport { ChatlikeApiEndpoint } from \".\";\nimport {\n EditingApiConfig,\n defaultEditingApiConfig,\n} from \"./editing-api-config\";\n\n// Like the base autosuggestions config, with 2 additional fields:\n// 1. externalContextCategories: string[] | undefined;\n// 2. instead of apiConfigs, we have chatApiConfigs: a higher-level abstraction that uses a ChatGPT-like API endpoint.\nexport interface AutosuggestionsConfig\n extends Omit<BaseAutosuggestionsConfig, \"apiConfig\"> {\n externalContextCategories: string[] | undefined;\n chatApiConfigs: {\n suggestionsApiConfig: SuggestionsApiConfig;\n insertionApiConfig: InsertionsApiConfig;\n editingApiConfig: EditingApiConfig;\n };\n}\n\nexport const defaultAutosuggestionsConfig: Omit<\n AutosuggestionsConfig,\n \"textareaPurpose\" | \"apiEndpoint\"\n> = {\n ...defaultBaseAutosuggestionsConfig,\n externalContextCategories: undefined,\n chatApiConfigs: {\n suggestionsApiConfig: defaultSuggestionsApiConfig,\n insertionApiConfig: defaultInsertionsApiConfig,\n editingApiConfig: defaultEditingApiConfig,\n },\n};\n"]}
|
package/dist/chunk-RQHOUUXQ.mjs
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Transforms, Editor } from 'slate';
|
|
2
|
-
|
|
3
|
-
// src/lib/slatejs-edits/replace-text.ts
|
|
4
|
-
function replaceEditorText(editor, newText) {
|
|
5
|
-
Transforms.delete(editor, {
|
|
6
|
-
at: {
|
|
7
|
-
anchor: Editor.start(editor, []),
|
|
8
|
-
focus: Editor.end(editor, [])
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
if (newText && newText !== "") {
|
|
12
|
-
Transforms.insertNodes(
|
|
13
|
-
editor,
|
|
14
|
-
[
|
|
15
|
-
{
|
|
16
|
-
type: "paragraph",
|
|
17
|
-
children: [{ text: newText }]
|
|
18
|
-
}
|
|
19
|
-
],
|
|
20
|
-
{
|
|
21
|
-
at: [0]
|
|
22
|
-
}
|
|
23
|
-
);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export { replaceEditorText };
|
|
28
|
-
//# sourceMappingURL=out.js.map
|
|
29
|
-
//# sourceMappingURL=chunk-RQHOUUXQ.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/lib/slatejs-edits/replace-text.ts"],"names":[],"mappings":";AAAA,SAAS,QAAQ,kBAAkB;AAE5B,SAAS,kBAAkB,QAAgB,SAAiB;AAEjE,aAAW,OAAO,QAAQ;AAAA,IACxB,IAAI;AAAA,MACF,QAAQ,OAAO,MAAM,QAAQ,CAAC,CAAC;AAAA,MAC/B,OAAO,OAAO,IAAI,QAAQ,CAAC,CAAC;AAAA,IAC9B;AAAA,EACF,CAAC;AAGD,MAAI,WAAW,YAAY,IAAI;AAE7B,eAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE;AAAA,UACE,MAAM;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,QAAQ,CAAC;AAAA,QAC9B;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI,CAAC,CAAC;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF","sourcesContent":["import { Editor, Transforms } from \"slate\";\n\nexport function replaceEditorText(editor: Editor, newText: string) {\n // clear all previous text\n Transforms.delete(editor, {\n at: {\n anchor: Editor.start(editor, []),\n focus: Editor.end(editor, []),\n },\n });\n\n // insert new text\n if (newText && newText !== \"\") {\n // don't insert empty text - results in strange visual behavior\n Transforms.insertNodes(\n editor,\n [\n {\n type: \"paragraph\",\n children: [{ text: newText }],\n },\n ],\n {\n at: [0],\n }\n );\n }\n}\n"]}
|
package/dist/chunk-U5GM2PRT.mjs
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { useMakeStandardInsertionOrEditingFunction } from './chunk-VBIJPE3H.mjs';
|
|
2
|
-
import { useMakeStandardAutosuggestionFunction } from './chunk-HAFHLU4N.mjs';
|
|
3
|
-
import { defaultAutosuggestionsConfig } from './chunk-QL2GYGG5.mjs';
|
|
4
|
-
import { BaseCopilotTextarea } from './chunk-OS2YW2UX.mjs';
|
|
5
|
-
import { __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
|
|
6
|
-
import React from 'react';
|
|
7
|
-
import merge from 'lodash.merge';
|
|
8
|
-
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var CopilotTextarea = React.forwardRef(
|
|
11
|
-
(props, ref) => {
|
|
12
|
-
const autosuggestionsConfig = merge(
|
|
13
|
-
defaultAutosuggestionsConfig,
|
|
14
|
-
props.autosuggestionsConfig
|
|
15
|
-
);
|
|
16
|
-
const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(
|
|
17
|
-
autosuggestionsConfig.textareaPurpose,
|
|
18
|
-
autosuggestionsConfig.externalContextCategories,
|
|
19
|
-
autosuggestionsConfig.chatApiConfigs.suggestionsApiConfig
|
|
20
|
-
);
|
|
21
|
-
const insertionOrEditingFunction = useMakeStandardInsertionOrEditingFunction(
|
|
22
|
-
autosuggestionsConfig.textareaPurpose,
|
|
23
|
-
autosuggestionsConfig.externalContextCategories,
|
|
24
|
-
autosuggestionsConfig.chatApiConfigs.insertionApiConfig,
|
|
25
|
-
autosuggestionsConfig.chatApiConfigs.editingApiConfig
|
|
26
|
-
);
|
|
27
|
-
return /* @__PURE__ */ jsx(Fragment, {
|
|
28
|
-
children: /* @__PURE__ */ jsx(BaseCopilotTextarea, __spreadProps(__spreadValues({
|
|
29
|
-
ref
|
|
30
|
-
}, props), {
|
|
31
|
-
baseAutosuggestionsConfig: __spreadProps(__spreadValues({}, autosuggestionsConfig), {
|
|
32
|
-
apiConfig: {
|
|
33
|
-
insertionOrEditingFunction,
|
|
34
|
-
autosuggestionsFunction
|
|
35
|
-
}
|
|
36
|
-
})
|
|
37
|
-
}))
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
);
|
|
41
|
-
|
|
42
|
-
export { CopilotTextarea };
|
|
43
|
-
//# sourceMappingURL=out.js.map
|
|
44
|
-
//# sourceMappingURL=chunk-U5GM2PRT.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/copilot-textarea/copilot-textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAUlB,OAAO,WAAW;AAmCZ,mBACE,WADF;AAzBC,IAAM,kBAAkB,MAAM;AAAA,EACnC,CACE,OACA,QACgB;AAChB,UAAM,wBAA+C;AAAA,MACnD;AAAA,MACA,MAAM;AAAA,IACR;AAEA,UAAM,0BAA0B;AAAA,MAC9B,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,IACvC;AAEA,UAAM,6BACJ;AAAA,MACE,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,MACrC,sBAAsB,eAAe;AAAA,IACvC;AAEF,WACE;AAAA,MACE,8BAAC;AAAA,QACC;AAAA,SACI,QAFL;AAAA,QAGC,2BAA2B,iCACtB,wBADsB;AAAA,UAEzB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,QACF;AAAA,KACF;AAAA,EAEJ;AACF","sourcesContent":["// This example is for an Editor with `ReactEditor` and `HistoryEditor`\nimport React from \"react\";\nimport { useMakeStandardAutosuggestionFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function\";\nimport { HTMLCopilotTextAreaElement } from \"../../types\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport {\n AutosuggestionsConfig,\n defaultAutosuggestionsConfig,\n} from \"../../types/autosuggestions-config\";\nimport { BaseCopilotTextarea } from \"../base-copilot-textarea/base-copilot-textarea\";\nimport { useMakeStandardInsertionOrEditingFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-insertion-function\";\nimport merge from \"lodash.merge\";\nimport { AutosuggestionsConfigUserSpecified } from \"../../types/autosuggestions-config/autosuggestions-config-user-specified\";\n\n// Like the base copilot textarea props,\n// but with baseAutosuggestionsConfig replaced with autosuggestionsConfig.\nexport interface CopilotTextareaProps\n extends Omit<BaseCopilotTextareaProps, \"baseAutosuggestionsConfig\"> {\n autosuggestionsConfig: AutosuggestionsConfigUserSpecified;\n}\n\nexport const CopilotTextarea = React.forwardRef(\n (\n props: CopilotTextareaProps,\n ref: React.Ref<HTMLCopilotTextAreaElement>\n ): JSX.Element => {\n const autosuggestionsConfig: AutosuggestionsConfig = merge(\n defaultAutosuggestionsConfig,\n props.autosuggestionsConfig\n );\n\n const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(\n autosuggestionsConfig.textareaPurpose,\n autosuggestionsConfig.externalContextCategories,\n autosuggestionsConfig.chatApiConfigs.suggestionsApiConfig\n );\n\n const insertionOrEditingFunction =\n useMakeStandardInsertionOrEditingFunction(\n autosuggestionsConfig.textareaPurpose,\n autosuggestionsConfig.externalContextCategories,\n autosuggestionsConfig.chatApiConfigs.insertionApiConfig,\n autosuggestionsConfig.chatApiConfigs.editingApiConfig\n );\n\n return (\n <>\n <BaseCopilotTextarea\n ref={ref}\n {...props}\n baseAutosuggestionsConfig={{\n ...autosuggestionsConfig,\n apiConfig: {\n insertionOrEditingFunction: insertionOrEditingFunction,\n autosuggestionsFunction: autosuggestionsFunction,\n },\n }}\n />\n </>\n );\n }\n);\n"]}
|
package/dist/chunk-UHD44NC5.mjs
DELETED
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { areEqual_autocompleteState } from './chunk-JAFCXEPU.mjs';
|
|
2
|
-
import { nullableCompatibleEqualityCheck } from './chunk-KGKLUWKW.mjs';
|
|
3
|
-
import { Debouncer } from './chunk-NKW5OU2S.mjs';
|
|
4
|
-
import { __async } from './chunk-MRXNTQOX.mjs';
|
|
5
|
-
import { useState, useCallback, useMemo, useEffect } from 'react';
|
|
6
|
-
|
|
7
|
-
function useAutosuggestions(debounceTime, acceptAutosuggestionKey, autosuggestionFunction, insertAutocompleteSuggestion, disableWhenEmpty, disabled) {
|
|
8
|
-
const [previousAutocompleteState, setPreviousAutocompleteState] = useState(null);
|
|
9
|
-
const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] = useState(null);
|
|
10
|
-
const awaitForAndAppendSuggestion = useCallback(
|
|
11
|
-
(editorAutocompleteState, abortSignal) => __async(this, null, function* () {
|
|
12
|
-
if (disabled) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
if (disableWhenEmpty && editorAutocompleteState.textBeforeCursor === "" && editorAutocompleteState.textAfterCursor === "") {
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
const suggestion = yield autosuggestionFunction(
|
|
19
|
-
editorAutocompleteState,
|
|
20
|
-
abortSignal
|
|
21
|
-
);
|
|
22
|
-
if (!suggestion || abortSignal.aborted) {
|
|
23
|
-
throw new DOMException("Aborted", "AbortError");
|
|
24
|
-
}
|
|
25
|
-
setCurrentAutocompleteSuggestion({
|
|
26
|
-
text: suggestion,
|
|
27
|
-
point: editorAutocompleteState.cursorPoint
|
|
28
|
-
});
|
|
29
|
-
}),
|
|
30
|
-
[
|
|
31
|
-
autosuggestionFunction,
|
|
32
|
-
setCurrentAutocompleteSuggestion,
|
|
33
|
-
disableWhenEmpty,
|
|
34
|
-
disabled
|
|
35
|
-
]
|
|
36
|
-
);
|
|
37
|
-
const debouncedFunction = useMemo(
|
|
38
|
-
() => new Debouncer(
|
|
39
|
-
debounceTime
|
|
40
|
-
),
|
|
41
|
-
[debounceTime]
|
|
42
|
-
);
|
|
43
|
-
useEffect(() => {
|
|
44
|
-
return () => {
|
|
45
|
-
debouncedFunction.cancel();
|
|
46
|
-
setCurrentAutocompleteSuggestion(null);
|
|
47
|
-
};
|
|
48
|
-
}, [debouncedFunction, disabled]);
|
|
49
|
-
const onChange = useCallback(
|
|
50
|
-
(newEditorState) => {
|
|
51
|
-
const editorStateHasChanged = !nullableCompatibleEqualityCheck(
|
|
52
|
-
areEqual_autocompleteState,
|
|
53
|
-
previousAutocompleteState,
|
|
54
|
-
newEditorState
|
|
55
|
-
);
|
|
56
|
-
setPreviousAutocompleteState(newEditorState);
|
|
57
|
-
if (!editorStateHasChanged) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
setCurrentAutocompleteSuggestion(null);
|
|
61
|
-
if (newEditorState) {
|
|
62
|
-
debouncedFunction.debounce(awaitForAndAppendSuggestion, newEditorState);
|
|
63
|
-
} else {
|
|
64
|
-
debouncedFunction.cancel();
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
[
|
|
68
|
-
previousAutocompleteState,
|
|
69
|
-
setPreviousAutocompleteState,
|
|
70
|
-
debouncedFunction,
|
|
71
|
-
awaitForAndAppendSuggestion,
|
|
72
|
-
setCurrentAutocompleteSuggestion
|
|
73
|
-
]
|
|
74
|
-
);
|
|
75
|
-
const keyDownHandler = useCallback(
|
|
76
|
-
(event) => {
|
|
77
|
-
if (currentAutocompleteSuggestion) {
|
|
78
|
-
if (event.key === acceptAutosuggestionKey) {
|
|
79
|
-
event.preventDefault();
|
|
80
|
-
insertAutocompleteSuggestion(currentAutocompleteSuggestion);
|
|
81
|
-
setCurrentAutocompleteSuggestion(null);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
[
|
|
86
|
-
currentAutocompleteSuggestion,
|
|
87
|
-
setCurrentAutocompleteSuggestion,
|
|
88
|
-
insertAutocompleteSuggestion,
|
|
89
|
-
acceptAutosuggestionKey
|
|
90
|
-
]
|
|
91
|
-
);
|
|
92
|
-
return {
|
|
93
|
-
currentAutocompleteSuggestion,
|
|
94
|
-
onChangeHandler: onChange,
|
|
95
|
-
onKeyDownHandler: keyDownHandler
|
|
96
|
-
};
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
export { useAutosuggestions };
|
|
100
|
-
//# sourceMappingURL=out.js.map
|
|
101
|
-
//# sourceMappingURL=chunk-UHD44NC5.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAgBnD,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;AAAA,QACA;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;AAGA,YAAU,MAAM;AACd,WAAO,MAAM;AACX,wBAAkB,OAAO;AACzB,uCAAiC,IAAI;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,mBAAmB,QAAQ,CAAC;AAEhC,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, useEffect, 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,\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 // clean current state when unmounting or disabling\n useEffect(() => {\n return () => {\n debouncedFunction.cancel();\n setCurrentAutocompleteSuggestion(null);\n };\n }, [debouncedFunction, disabled]);\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-VBIJPE3H.mjs
DELETED
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { retry } from './chunk-4S5ZJH3I.mjs';
|
|
2
|
-
import { __async } from './chunk-MRXNTQOX.mjs';
|
|
3
|
-
import { CopilotContext } from '@copilotkit/react-core';
|
|
4
|
-
import { useContext, useCallback } from 'react';
|
|
5
|
-
|
|
6
|
-
function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCategories, insertionApiConfig, editingApiConfig) {
|
|
7
|
-
const { getContextString } = useContext(CopilotContext);
|
|
8
|
-
const insertionFunction = useCallback(
|
|
9
|
-
(editorState, insertionPrompt, abortSignal) => __async(this, null, function* () {
|
|
10
|
-
const res = yield retry(() => __async(this, null, function* () {
|
|
11
|
-
const messages = [
|
|
12
|
-
{
|
|
13
|
-
role: "system",
|
|
14
|
-
content: insertionApiConfig.makeSystemPrompt(
|
|
15
|
-
textareaPurpose,
|
|
16
|
-
getContextString(contextCategories)
|
|
17
|
-
)
|
|
18
|
-
},
|
|
19
|
-
...insertionApiConfig.fewShotMessages,
|
|
20
|
-
{
|
|
21
|
-
role: "user",
|
|
22
|
-
name: "TextAfterCursor",
|
|
23
|
-
content: editorState.textAfterCursor
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
role: "user",
|
|
27
|
-
name: "TextBeforeCursor",
|
|
28
|
-
content: editorState.textBeforeCursor
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
role: "user",
|
|
32
|
-
name: "InsertionPrompt",
|
|
33
|
-
content: insertionPrompt
|
|
34
|
-
}
|
|
35
|
-
];
|
|
36
|
-
return yield insertionApiConfig.apiEndpoint.run(
|
|
37
|
-
abortSignal,
|
|
38
|
-
messages,
|
|
39
|
-
insertionApiConfig.forwardedParams
|
|
40
|
-
);
|
|
41
|
-
}));
|
|
42
|
-
return res;
|
|
43
|
-
}),
|
|
44
|
-
[insertionApiConfig, getContextString, contextCategories, textareaPurpose]
|
|
45
|
-
);
|
|
46
|
-
const editingFunction = useCallback(
|
|
47
|
-
(editorState, editingPrompt, abortSignal) => __async(this, null, function* () {
|
|
48
|
-
const res = yield retry(() => __async(this, null, function* () {
|
|
49
|
-
const messages = [
|
|
50
|
-
{
|
|
51
|
-
role: "system",
|
|
52
|
-
content: editingApiConfig.makeSystemPrompt(
|
|
53
|
-
textareaPurpose,
|
|
54
|
-
getContextString(contextCategories)
|
|
55
|
-
)
|
|
56
|
-
},
|
|
57
|
-
...editingApiConfig.fewShotMessages,
|
|
58
|
-
{
|
|
59
|
-
role: "user",
|
|
60
|
-
name: "TextBeforeCursor",
|
|
61
|
-
content: editorState.textBeforeCursor
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
role: "user",
|
|
65
|
-
name: "TextToEdit",
|
|
66
|
-
content: editorState.selectedText
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
role: "user",
|
|
70
|
-
name: "TextAfterCursor",
|
|
71
|
-
content: editorState.textAfterCursor
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
role: "user",
|
|
75
|
-
name: "EditingPrompt",
|
|
76
|
-
content: editingPrompt
|
|
77
|
-
}
|
|
78
|
-
];
|
|
79
|
-
return yield editingApiConfig.apiEndpoint.run(
|
|
80
|
-
abortSignal,
|
|
81
|
-
messages,
|
|
82
|
-
editingApiConfig.forwardedParams
|
|
83
|
-
);
|
|
84
|
-
}));
|
|
85
|
-
return res;
|
|
86
|
-
}),
|
|
87
|
-
[editingApiConfig, getContextString, contextCategories, textareaPurpose]
|
|
88
|
-
);
|
|
89
|
-
const insertionOrEditingFunction = useCallback(
|
|
90
|
-
(editorState, insertionPrompt, abortSignal) => __async(this, null, function* () {
|
|
91
|
-
if (editorState.selectedText === "") {
|
|
92
|
-
return yield insertionFunction(
|
|
93
|
-
editorState,
|
|
94
|
-
insertionPrompt,
|
|
95
|
-
abortSignal
|
|
96
|
-
);
|
|
97
|
-
} else {
|
|
98
|
-
return yield editingFunction(editorState, insertionPrompt, abortSignal);
|
|
99
|
-
}
|
|
100
|
-
}),
|
|
101
|
-
[insertionFunction, editingFunction]
|
|
102
|
-
);
|
|
103
|
-
return insertionOrEditingFunction;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
export { useMakeStandardInsertionOrEditingFunction };
|
|
107
|
-
//# sourceMappingURL=out.js.map
|
|
108
|
-
//# sourceMappingURL=chunk-VBIJPE3H.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx"],"names":[],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa,kBAAkB;AAyBjC,SAAS,0CACd,iBACA,mBACA,oBACA,kBACwC;AACxC,QAAM,EAAE,iBAAiB,IAAI,WAAW,cAAc;AAEtD,QAAM,oBAAoB;AAAA,IACxB,CACE,aACA,iBACA,gBACG;AACH,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,mBAAmB;AAAA,cAC1B;AAAA,cACA,iBAAiB,iBAAiB;AAAA,YACpC;AAAA,UACF;AAAA,UACA,GAAG,mBAAmB;AAAA,UACtB;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,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,UACX;AAAA,QACF;AAEA,eAAO,MAAM,mBAAmB,YAAY;AAAA,UAC1C;AAAA,UACA;AAAA,UACA,mBAAmB;AAAA,QACrB;AAAA,MACF,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,oBAAoB,kBAAkB,mBAAmB,eAAe;AAAA,EAC3E;AAEA,QAAM,kBAAkB;AAAA,IACtB,CACE,aACA,eACA,gBACG;AACH,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,iBAAiB;AAAA,cACxB;AAAA,cACA,iBAAiB,iBAAiB;AAAA,YACpC;AAAA,UACF;AAAA,UACA,GAAG,iBAAiB;AAAA,UACpB;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,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,UACX;AAAA,QACF;AAEA,eAAO,MAAM,iBAAiB,YAAY;AAAA,UACxC;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA,QACnB;AAAA,MACF,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,kBAAkB,kBAAkB,mBAAmB,eAAe;AAAA,EACzE;AAEA,QAAM,6BAA6B;AAAA,IACjC,CACE,aACA,iBACA,gBACG;AACH,UAAI,YAAY,iBAAiB,IAAI;AACnC,eAAO,MAAM;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,OAAO;AACL,eAAO,MAAM,gBAAgB,aAAa,iBAAiB,WAAW;AAAA,MACxE;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,eAAe;AAAA,EACrC;AAEA,SAAO;AACT","sourcesContent":["import { CopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback, useContext } from \"react\";\nimport { MinimalChatGPTMessage } from \"../../types\";\nimport { retry } from \"../../lib/retry\";\nimport {\n EditingEditorState,\n Generator_InsertionOrEditingSuggestion,\n InsertionEditorApiConfig,\n InsertionEditorState,\n} from \"../../types/base/autosuggestions-bare-function\";\nimport { InsertionsApiConfig } from \"../../types/autosuggestions-config/insertions-api-config\";\nimport { EditingApiConfig } from \"../../types/autosuggestions-config/editing-api-config\";\n\n/**\n * Returns a memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n * The function takes in the text before and after the cursor, and an abort signal.\n * It sends a POST request to the API endpoint with the messages array containing the system message, few shot messages, and user messages.\n * The function returns the suggestion from the API response.\n *\n * @param textareaPurpose - The purpose of the textarea. This is included in the system message.\n * @param apiEndpoint - The API endpoint to send the autosuggestion request to.\n * @param makeSystemMessage - A function that takes in a context string and returns a system message to include in the autosuggestion request.\n * @param fewShotMessages - An array of few shot messages to include in the autosuggestion request.\n * @param contextCategories - The categories of context strings we want to include. By default, we include the (default) \"global\" context category.\n * @returns A memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n */\nexport function useMakeStandardInsertionOrEditingFunction(\n textareaPurpose: string,\n contextCategories: string[] | undefined,\n insertionApiConfig: InsertionsApiConfig,\n editingApiConfig: EditingApiConfig\n): Generator_InsertionOrEditingSuggestion {\n const { getContextString } = useContext(CopilotContext);\n\n const insertionFunction = useCallback(\n async (\n editorState: EditingEditorState,\n insertionPrompt: string,\n abortSignal: AbortSignal\n ) => {\n const res = await retry(async () => {\n const messages: MinimalChatGPTMessage[] = [\n {\n role: \"system\",\n content: insertionApiConfig.makeSystemPrompt(\n textareaPurpose,\n getContextString(contextCategories)\n ),\n },\n ...insertionApiConfig.fewShotMessages,\n {\n role: \"user\",\n name: \"TextAfterCursor\",\n content: editorState.textAfterCursor,\n },\n {\n role: \"user\",\n name: \"TextBeforeCursor\",\n content: editorState.textBeforeCursor,\n },\n {\n role: \"user\",\n name: \"InsertionPrompt\",\n content: insertionPrompt,\n },\n ];\n\n return await insertionApiConfig.apiEndpoint.run(\n abortSignal,\n messages,\n insertionApiConfig.forwardedParams\n );\n });\n\n return res;\n },\n [insertionApiConfig, getContextString, contextCategories, textareaPurpose]\n );\n\n const editingFunction = useCallback(\n async (\n editorState: EditingEditorState,\n editingPrompt: string,\n abortSignal: AbortSignal\n ) => {\n const res = await retry(async () => {\n const messages: MinimalChatGPTMessage[] = [\n {\n role: \"system\",\n content: editingApiConfig.makeSystemPrompt(\n textareaPurpose,\n getContextString(contextCategories)\n ),\n },\n ...editingApiConfig.fewShotMessages,\n {\n role: \"user\",\n name: \"TextBeforeCursor\",\n content: editorState.textBeforeCursor,\n },\n {\n role: \"user\",\n name: \"TextToEdit\",\n content: editorState.selectedText,\n },\n {\n role: \"user\",\n name: \"TextAfterCursor\",\n content: editorState.textAfterCursor,\n },\n {\n role: \"user\",\n name: \"EditingPrompt\",\n content: editingPrompt,\n },\n ];\n\n return await editingApiConfig.apiEndpoint.run(\n abortSignal,\n messages,\n editingApiConfig.forwardedParams\n );\n });\n\n return res;\n },\n [editingApiConfig, getContextString, contextCategories, textareaPurpose]\n );\n\n const insertionOrEditingFunction = useCallback(\n async (\n editorState: EditingEditorState,\n insertionPrompt: string,\n abortSignal: AbortSignal\n ) => {\n if (editorState.selectedText === \"\") {\n return await insertionFunction(\n editorState,\n insertionPrompt,\n abortSignal\n );\n } else {\n return await editingFunction(editorState, insertionPrompt, abortSignal);\n }\n },\n [insertionFunction, editingFunction]\n );\n\n return insertionOrEditingFunction;\n}\n"]}
|
package/dist/chunk-WADHCMPK.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
package/dist/chunk-WJHSY5T6.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
package/dist/chunk-WJYQWL4I.mjs
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Transforms } from 'slate';
|
|
2
|
-
|
|
3
|
-
// src/lib/slatejs-edits/add-autocompletions.ts
|
|
4
|
-
function addAutocompletionsToEditor(editor, newSuggestion, point) {
|
|
5
|
-
const editorPosition = editor.selection;
|
|
6
|
-
Transforms.insertNodes(
|
|
7
|
-
editor,
|
|
8
|
-
[
|
|
9
|
-
{
|
|
10
|
-
type: "suggestion",
|
|
11
|
-
inline: true,
|
|
12
|
-
content: newSuggestion,
|
|
13
|
-
children: [{ text: "" }]
|
|
14
|
-
}
|
|
15
|
-
],
|
|
16
|
-
{
|
|
17
|
-
at: point
|
|
18
|
-
}
|
|
19
|
-
);
|
|
20
|
-
if (editorPosition) {
|
|
21
|
-
editor.selection = editorPosition;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export { addAutocompletionsToEditor };
|
|
26
|
-
//# sourceMappingURL=out.js.map
|
|
27
|
-
//# sourceMappingURL=chunk-WJYQWL4I.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/lib/slatejs-edits/add-autocompletions.ts"],"names":[],"mappings":";AAAA,SAAoB,kBAAkB;AAG/B,SAAS,2BACd,QACA,eACA,OACA;AACA,QAAM,iBAAiB,OAAO;AAE9B,aAAW;AAAA,IACT;AAAA,IACA;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC;AAAA,MACzB;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,IACN;AAAA,EACF;AAGA,MAAI,gBAAgB;AAClB,WAAO,YAAY;AAAA,EACrB;AACF","sourcesContent":["import { BasePoint, Transforms } from \"slate\";\nimport { CustomEditor } from \"../../types/base/custom-editor\";\n\nexport function addAutocompletionsToEditor(\n editor: CustomEditor,\n newSuggestion: string,\n point: BasePoint\n) {\n const editorPosition = editor.selection;\n\n Transforms.insertNodes(\n editor,\n [\n {\n type: \"suggestion\",\n inline: true,\n content: newSuggestion,\n children: [{ text: \"\" }],\n },\n ],\n {\n at: point,\n }\n );\n\n // restore cursor position\n if (editorPosition) {\n editor.selection = editorPosition;\n }\n}\n"]}
|