@copilotkit/react-textarea 0.27.0-alpha.3 → 0.27.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.
Files changed (237) hide show
  1. package/.turbo/turbo-build.log +153 -154
  2. package/CHANGELOG.md +26 -8
  3. package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs +1745 -35
  4. package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs.map +1 -1
  5. package/dist/components/base-copilot-textarea/render-element.mjs +51 -3
  6. package/dist/components/base-copilot-textarea/render-element.mjs.map +1 -1
  7. package/dist/components/base-copilot-textarea/render-placeholder.mjs +49 -3
  8. package/dist/components/base-copilot-textarea/render-placeholder.mjs.map +1 -1
  9. package/dist/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.mjs +86 -4
  10. package/dist/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.mjs.map +1 -1
  11. package/dist/components/base-copilot-textarea/use-add-branding-css.mjs +57 -3
  12. package/dist/components/base-copilot-textarea/use-add-branding-css.mjs.map +1 -1
  13. package/dist/components/copilot-textarea/copilot-textarea.mjs +2192 -47
  14. package/dist/components/copilot-textarea/copilot-textarea.mjs.map +1 -1
  15. package/dist/components/hovering-toolbar/hovering-editor-provider.mjs +17 -3
  16. package/dist/components/hovering-toolbar/hovering-editor-provider.mjs.map +1 -1
  17. package/dist/components/hovering-toolbar/hovering-toolbar-components.mjs +137 -3
  18. package/dist/components/hovering-toolbar/hovering-toolbar-components.mjs.map +1 -1
  19. package/dist/components/hovering-toolbar/hovering-toolbar.mjs +875 -18
  20. package/dist/components/hovering-toolbar/hovering-toolbar.mjs.map +1 -1
  21. package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.mjs +558 -12
  22. package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.mjs.map +1 -1
  23. package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.mjs +581 -13
  24. package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.mjs.map +1 -1
  25. package/dist/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.mjs +102 -5
  26. package/dist/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.mjs.map +1 -1
  27. package/dist/components/hovering-toolbar/text-insertion-prompt-box/index.mjs +581 -14
  28. package/dist/components/hovering-toolbar/text-insertion-prompt-box/index.mjs.map +1 -1
  29. package/dist/components/index.mjs +2193 -48
  30. package/dist/components/index.mjs.map +1 -1
  31. package/dist/components/manual-ui/chip-with-icon.mjs +5 -6
  32. package/dist/components/manual-ui/chip-with-icon.mjs.map +1 -1
  33. package/dist/components/source-search-box/source-search-box.mjs +211 -6
  34. package/dist/components/source-search-box/source-search-box.mjs.map +1 -1
  35. package/dist/components/ui/button.mjs +85 -4
  36. package/dist/components/ui/button.mjs.map +1 -1
  37. package/dist/components/ui/card.mjs +53 -7
  38. package/dist/components/ui/card.mjs.map +1 -1
  39. package/dist/components/ui/command.mjs +244 -5
  40. package/dist/components/ui/command.mjs.map +1 -1
  41. package/dist/components/ui/dialog.mjs +144 -4
  42. package/dist/components/ui/dialog.mjs.map +1 -1
  43. package/dist/components/ui/label.mjs +60 -4
  44. package/dist/components/ui/label.mjs.map +1 -1
  45. package/dist/components/ui/separator.mjs +50 -8
  46. package/dist/components/ui/separator.mjs.map +1 -1
  47. package/dist/components/ui/textarea.mjs +48 -7
  48. package/dist/components/ui/textarea.mjs.map +1 -1
  49. package/dist/context/index.mjs +0 -2
  50. package/dist/context/index.mjs.map +1 -1
  51. package/dist/hooks/base-copilot-textarea-implementation/use-autosuggestions.mjs +158 -6
  52. package/dist/hooks/base-copilot-textarea-implementation/use-autosuggestions.mjs.map +1 -1
  53. package/dist/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.mjs +168 -4
  54. package/dist/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.mjs.map +1 -1
  55. package/dist/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.mjs +148 -5
  56. package/dist/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.mjs.map +1 -1
  57. package/dist/hooks/index.mjs +0 -2
  58. package/dist/hooks/index.mjs.map +1 -1
  59. package/dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs +114 -14
  60. package/dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs.map +1 -1
  61. package/dist/hooks/make-autosuggestions-function/use-make-standard-insertion-function.mjs +166 -14
  62. package/dist/hooks/make-autosuggestions-function/use-make-standard-insertion-function.mjs.map +1 -1
  63. package/dist/hooks/misc/use-autosize-textarea.mjs +15 -3
  64. package/dist/hooks/misc/use-autosize-textarea.mjs.map +1 -1
  65. package/dist/index.css +0 -3
  66. package/dist/index.css.map +1 -1
  67. package/dist/index.d.ts +0 -1
  68. package/dist/index.mjs +2195 -50
  69. package/dist/index.mjs.map +1 -1
  70. package/dist/lib/debouncer.mjs +51 -3
  71. package/dist/lib/debouncer.mjs.map +1 -1
  72. package/dist/lib/editor-to-text.mjs +43 -3
  73. package/dist/lib/editor-to-text.mjs.map +1 -1
  74. package/dist/lib/get-text-around-cursor.mjs +102 -3
  75. package/dist/lib/get-text-around-cursor.mjs.map +1 -1
  76. package/dist/lib/retry.mjs +17 -3
  77. package/dist/lib/retry.mjs.map +1 -1
  78. package/dist/lib/slatejs-edits/add-autocompletions.mjs +25 -3
  79. package/dist/lib/slatejs-edits/add-autocompletions.mjs.map +1 -1
  80. package/dist/lib/slatejs-edits/clear-autocompletions.mjs +20 -3
  81. package/dist/lib/slatejs-edits/clear-autocompletions.mjs.map +1 -1
  82. package/dist/lib/slatejs-edits/replace-text.mjs +27 -3
  83. package/dist/lib/slatejs-edits/replace-text.mjs.map +1 -1
  84. package/dist/lib/slatejs-edits/with-partial-history.mjs +106 -3
  85. package/dist/lib/slatejs-edits/with-partial-history.mjs.map +1 -1
  86. package/dist/lib/stream-promise-flatten.mjs +47 -3
  87. package/dist/lib/stream-promise-flatten.mjs.map +1 -1
  88. package/dist/lib/utils.mjs +71 -3
  89. package/dist/lib/utils.mjs.map +1 -1
  90. package/dist/lib/utils.test.mjs +0 -1
  91. package/dist/lib/utils.test.mjs.map +1 -1
  92. package/dist/types/autosuggestions-config/autosuggestions-config-user-specified.mjs +0 -2
  93. package/dist/types/autosuggestions-config/autosuggestions-config-user-specified.mjs.map +1 -1
  94. package/dist/types/autosuggestions-config/autosuggestions-config.mjs +274 -8
  95. package/dist/types/autosuggestions-config/autosuggestions-config.mjs.map +1 -1
  96. package/dist/types/autosuggestions-config/editing-api-config.mjs +87 -3
  97. package/dist/types/autosuggestions-config/editing-api-config.mjs.map +1 -1
  98. package/dist/types/autosuggestions-config/index.d.ts +0 -1
  99. package/dist/types/autosuggestions-config/index.mjs +274 -10
  100. package/dist/types/autosuggestions-config/index.mjs.map +1 -1
  101. package/dist/types/autosuggestions-config/insertions-api-config.mjs +78 -3
  102. package/dist/types/autosuggestions-config/insertions-api-config.mjs.map +1 -1
  103. package/dist/types/autosuggestions-config/subtypes/make-system-prompt.mjs +0 -2
  104. package/dist/types/autosuggestions-config/subtypes/make-system-prompt.mjs.map +1 -1
  105. package/dist/types/autosuggestions-config/subtypes/minimal-chat-gpt-message.mjs +0 -2
  106. package/dist/types/autosuggestions-config/subtypes/minimal-chat-gpt-message.mjs.map +1 -1
  107. package/dist/types/autosuggestions-config/suggestions-api-config.mjs +64 -3
  108. package/dist/types/autosuggestions-config/suggestions-api-config.mjs.map +1 -1
  109. package/dist/types/base/autosuggestion-state.mjs +0 -2
  110. package/dist/types/base/autosuggestion-state.mjs.map +1 -1
  111. package/dist/types/base/autosuggestions-bare-function.mjs +0 -2
  112. package/dist/types/base/autosuggestions-bare-function.mjs.map +1 -1
  113. package/dist/types/base/base-autosuggestions-config.mjs +26 -3
  114. package/dist/types/base/base-autosuggestions-config.mjs.map +1 -1
  115. package/dist/types/base/base-copilot-textarea-props.mjs +0 -2
  116. package/dist/types/base/base-copilot-textarea-props.mjs.map +1 -1
  117. package/dist/types/base/custom-editor.mjs +0 -2
  118. package/dist/types/base/custom-editor.mjs.map +1 -1
  119. package/dist/types/base/editor-autocomplete-state.mjs +17 -4
  120. package/dist/types/base/editor-autocomplete-state.mjs.map +1 -1
  121. package/dist/types/base/index.mjs +26 -4
  122. package/dist/types/base/index.mjs.map +1 -1
  123. package/dist/types/html-copilot-textarea-element.mjs +0 -2
  124. package/dist/types/html-copilot-textarea-element.mjs.map +1 -1
  125. package/dist/types/index.d.ts +0 -1
  126. package/dist/types/index.mjs +275 -12
  127. package/dist/types/index.mjs.map +1 -1
  128. package/package.json +2 -3
  129. package/src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx +15 -9
  130. package/src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx +22 -6
  131. package/src/types/autosuggestions-config/autosuggestions-config-user-specified.tsx +1 -1
  132. package/src/types/autosuggestions-config/autosuggestions-config.tsx +0 -1
  133. package/src/types/autosuggestions-config/editing-api-config.tsx +22 -17
  134. package/src/types/autosuggestions-config/index.ts +0 -2
  135. package/src/types/autosuggestions-config/insertions-api-config.tsx +11 -6
  136. package/dist/chunk-224UKA7C.mjs +0 -33
  137. package/dist/chunk-224UKA7C.mjs.map +0 -1
  138. package/dist/chunk-22SLIB4K.mjs +0 -46
  139. package/dist/chunk-22SLIB4K.mjs.map +0 -1
  140. package/dist/chunk-2C7O2EVM.mjs +0 -27
  141. package/dist/chunk-2C7O2EVM.mjs.map +0 -1
  142. package/dist/chunk-2QDCE7PD.mjs +0 -29
  143. package/dist/chunk-2QDCE7PD.mjs.map +0 -1
  144. package/dist/chunk-3PQ7GSFE.mjs +0 -17
  145. package/dist/chunk-3PQ7GSFE.mjs.map +0 -1
  146. package/dist/chunk-47L4PLG4.mjs +0 -45
  147. package/dist/chunk-47L4PLG4.mjs.map +0 -1
  148. package/dist/chunk-4NHVQZ67.mjs +0 -107
  149. package/dist/chunk-4NHVQZ67.mjs.map +0 -1
  150. package/dist/chunk-5FO6ISW4.mjs +0 -3
  151. package/dist/chunk-5FO6ISW4.mjs.map +0 -1
  152. package/dist/chunk-5UNJXFUO.mjs +0 -29
  153. package/dist/chunk-5UNJXFUO.mjs.map +0 -1
  154. package/dist/chunk-5ZCVCVRZ.mjs +0 -19
  155. package/dist/chunk-5ZCVCVRZ.mjs.map +0 -1
  156. package/dist/chunk-6TZ6V3QI.mjs +0 -217
  157. package/dist/chunk-6TZ6V3QI.mjs.map +0 -1
  158. package/dist/chunk-72P3KOHZ.mjs +0 -91
  159. package/dist/chunk-72P3KOHZ.mjs.map +0 -1
  160. package/dist/chunk-7LSRNPNI.mjs +0 -59
  161. package/dist/chunk-7LSRNPNI.mjs.map +0 -1
  162. package/dist/chunk-7SUZ6CXM.mjs +0 -47
  163. package/dist/chunk-7SUZ6CXM.mjs.map +0 -1
  164. package/dist/chunk-COUN55HQ.mjs +0 -53
  165. package/dist/chunk-COUN55HQ.mjs.map +0 -1
  166. package/dist/chunk-DE5K76I2.mjs +0 -3
  167. package/dist/chunk-DE5K76I2.mjs.map +0 -1
  168. package/dist/chunk-DRV2FOHZ.mjs +0 -65
  169. package/dist/chunk-DRV2FOHZ.mjs.map +0 -1
  170. package/dist/chunk-ECR45NSD.mjs +0 -101
  171. package/dist/chunk-ECR45NSD.mjs.map +0 -1
  172. package/dist/chunk-EPBVNDKE.mjs +0 -46
  173. package/dist/chunk-EPBVNDKE.mjs.map +0 -1
  174. package/dist/chunk-FJNUPSQK.mjs +0 -72
  175. package/dist/chunk-FJNUPSQK.mjs.map +0 -1
  176. package/dist/chunk-FP2EKU3L.mjs +0 -28
  177. package/dist/chunk-FP2EKU3L.mjs.map +0 -1
  178. package/dist/chunk-GQN2HYFJ.mjs +0 -22
  179. package/dist/chunk-GQN2HYFJ.mjs.map +0 -1
  180. package/dist/chunk-H4VKQGVU.mjs +0 -3
  181. package/dist/chunk-H4VKQGVU.mjs.map +0 -1
  182. package/dist/chunk-HSCZA5TS.mjs +0 -27
  183. package/dist/chunk-HSCZA5TS.mjs.map +0 -1
  184. package/dist/chunk-IU3WTXLQ.mjs +0 -3
  185. package/dist/chunk-IU3WTXLQ.mjs.map +0 -1
  186. package/dist/chunk-JJLQVT7S.mjs +0 -10
  187. package/dist/chunk-JJLQVT7S.mjs.map +0 -1
  188. package/dist/chunk-K5LNB36H.mjs +0 -80
  189. package/dist/chunk-K5LNB36H.mjs.map +0 -1
  190. package/dist/chunk-KDVMG3XF.mjs +0 -63
  191. package/dist/chunk-KDVMG3XF.mjs.map +0 -1
  192. package/dist/chunk-KFQZHRPJ.mjs +0 -19
  193. package/dist/chunk-KFQZHRPJ.mjs.map +0 -1
  194. package/dist/chunk-KNQIEOFP.mjs +0 -18
  195. package/dist/chunk-KNQIEOFP.mjs.map +0 -1
  196. package/dist/chunk-KTTN5H7S.mjs +0 -202
  197. package/dist/chunk-KTTN5H7S.mjs.map +0 -1
  198. package/dist/chunk-L7VVZH4Q.mjs +0 -3
  199. package/dist/chunk-L7VVZH4Q.mjs.map +0 -1
  200. package/dist/chunk-LQZBI6XD.mjs +0 -112
  201. package/dist/chunk-LQZBI6XD.mjs.map +0 -1
  202. package/dist/chunk-M2DR4KVB.mjs +0 -33
  203. package/dist/chunk-M2DR4KVB.mjs.map +0 -1
  204. package/dist/chunk-MMVDU6DF.mjs +0 -3
  205. package/dist/chunk-MMVDU6DF.mjs.map +0 -1
  206. package/dist/chunk-MRXNTQOX.mjs +0 -55
  207. package/dist/chunk-MRXNTQOX.mjs.map +0 -1
  208. package/dist/chunk-OHO4G6DR.mjs +0 -19
  209. package/dist/chunk-OHO4G6DR.mjs.map +0 -1
  210. package/dist/chunk-P4QVFRLY.mjs +0 -103
  211. package/dist/chunk-P4QVFRLY.mjs.map +0 -1
  212. package/dist/chunk-PTZVE6NC.mjs +0 -94
  213. package/dist/chunk-PTZVE6NC.mjs.map +0 -1
  214. package/dist/chunk-QDFAIRQF.mjs +0 -45
  215. package/dist/chunk-QDFAIRQF.mjs.map +0 -1
  216. package/dist/chunk-RBR32FWA.mjs +0 -74
  217. package/dist/chunk-RBR32FWA.mjs.map +0 -1
  218. package/dist/chunk-SBV2KVF5.mjs +0 -99
  219. package/dist/chunk-SBV2KVF5.mjs.map +0 -1
  220. package/dist/chunk-T6MTDQZ7.mjs +0 -45
  221. package/dist/chunk-T6MTDQZ7.mjs.map +0 -1
  222. package/dist/chunk-VPEH6V7T.mjs +0 -83
  223. package/dist/chunk-VPEH6V7T.mjs.map +0 -1
  224. package/dist/chunk-WADHCMPK.mjs +0 -3
  225. package/dist/chunk-WADHCMPK.mjs.map +0 -1
  226. package/dist/chunk-WFTAAA7R.mjs +0 -44
  227. package/dist/chunk-WFTAAA7R.mjs.map +0 -1
  228. package/dist/chunk-WJHSY5T6.mjs +0 -3
  229. package/dist/chunk-WJHSY5T6.mjs.map +0 -1
  230. package/dist/chunk-WTASPE2W.mjs +0 -105
  231. package/dist/chunk-WTASPE2W.mjs.map +0 -1
  232. package/dist/chunk-XV7MLLXQ.mjs +0 -18
  233. package/dist/chunk-XV7MLLXQ.mjs.map +0 -1
  234. package/dist/types/autosuggestions-config/subtypes/chatlike-api-endpoint.d.ts +0 -27
  235. package/dist/types/autosuggestions-config/subtypes/chatlike-api-endpoint.mjs +0 -4
  236. package/dist/types/autosuggestions-config/subtypes/chatlike-api-endpoint.mjs.map +0 -1
  237. package/src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx +0 -69
@@ -1,202 +0,0 @@
1
- import { IncludedFilesPreview } from './chunk-EPBVNDKE.mjs';
2
- import { use_autosize_textarea_default } from './chunk-3PQ7GSFE.mjs';
3
- import { Button } from './chunk-WFTAAA7R.mjs';
4
- import { Label } from './chunk-KFQZHRPJ.mjs';
5
- import { SourceSearchBox } from './chunk-FJNUPSQK.mjs';
6
- import { streamPromiseFlatten } from './chunk-2QDCE7PD.mjs';
7
- import { __async } from './chunk-MRXNTQOX.mjs';
8
- import { useContext, useState, useRef, useEffect, useCallback } from 'react';
9
- import { CopilotContext } from '@copilotkit/react-core';
10
- import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
11
-
12
- var HoveringInsertionPromptBoxCore = ({
13
- performInsertion,
14
- state,
15
- insertionOrEditingFunction,
16
- contextCategories
17
- }) => {
18
- const { getDocumentsContext } = useContext(CopilotContext);
19
- const [editSuggestion, setEditSuggestion] = useState("");
20
- const [suggestionIsLoading, setSuggestionIsLoading] = useState(false);
21
- const [adjustmentPrompt, setAdjustmentPrompt] = useState("");
22
- const [generatingSuggestion, setGeneratingSuggestion] = useState(
23
- null
24
- );
25
- const adjustmentTextAreaRef = useRef(null);
26
- const suggestionTextAreaRef = useRef(null);
27
- const [filePointers, setFilePointers] = useState([]);
28
- const [suggestedFiles, setSuggestedFiles] = useState([]);
29
- useEffect(() => {
30
- setSuggestedFiles(getDocumentsContext(contextCategories));
31
- }, [contextCategories, getDocumentsContext]);
32
- use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
33
- use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
34
- useEffect(() => {
35
- var _a;
36
- (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
37
- }, []);
38
- useEffect(() => {
39
- if (!generatingSuggestion) {
40
- return;
41
- }
42
- if (generatingSuggestion.locked) {
43
- return;
44
- }
45
- setEditSuggestion("");
46
- const reader = generatingSuggestion.getReader();
47
- const read = () => __async(void 0, null, function* () {
48
- setSuggestionIsLoading(true);
49
- while (true) {
50
- const { done, value } = yield reader.read();
51
- if (done) {
52
- break;
53
- }
54
- setEditSuggestion((prev) => {
55
- const newSuggestion = prev + value;
56
- if (suggestionTextAreaRef.current) {
57
- suggestionTextAreaRef.current.scrollTop = suggestionTextAreaRef.current.scrollHeight;
58
- }
59
- return newSuggestion;
60
- });
61
- }
62
- setSuggestionIsLoading(false);
63
- });
64
- read();
65
- return () => {
66
- const releaseLockIfNotClosed = () => __async(void 0, null, function* () {
67
- try {
68
- yield reader.closed;
69
- } catch (e) {
70
- reader.releaseLock();
71
- }
72
- });
73
- releaseLockIfNotClosed();
74
- };
75
- }, [generatingSuggestion]);
76
- const beginGeneratingAdjustment = useCallback(() => __async(void 0, null, function* () {
77
- if (!adjustmentPrompt.trim()) {
78
- return;
79
- }
80
- let modificationState = state.editorState;
81
- if (editSuggestion !== "") {
82
- modificationState.selectedText = editSuggestion;
83
- }
84
- const adjustmentSuggestionTextStreamPromise = insertionOrEditingFunction(
85
- modificationState,
86
- adjustmentPrompt,
87
- filePointers,
88
- new AbortController().signal
89
- );
90
- const adjustmentSuggestionTextStream = streamPromiseFlatten(
91
- adjustmentSuggestionTextStreamPromise
92
- );
93
- setGeneratingSuggestion(adjustmentSuggestionTextStream);
94
- }), [
95
- adjustmentPrompt,
96
- editSuggestion,
97
- state.editorState,
98
- insertionOrEditingFunction,
99
- filePointers
100
- ]);
101
- const isLoading = suggestionIsLoading;
102
- const textToEdit = editSuggestion || state.editorState.selectedText;
103
- const adjustmentLabel = textToEdit === "" ? "Describe the text you want to insert" : "Describe adjustments to the suggested text";
104
- const placeholder = textToEdit === "" ? "e.g. 'summarize the client's top 3 pain-points from @CallTranscript'" : "e.g. 'make it more formal', 'be more specific', ...";
105
- const AdjustmentPromptComponent = /* @__PURE__ */ jsxs(Fragment, { children: [
106
- /* @__PURE__ */ jsx(Label, { className: "", children: adjustmentLabel }),
107
- /* @__PURE__ */ jsxs("div", { className: "relative w-full flex items-center", children: [
108
- /* @__PURE__ */ jsx(
109
- "textarea",
110
- {
111
- disabled: suggestionIsLoading,
112
- ref: adjustmentTextAreaRef,
113
- value: adjustmentPrompt,
114
- onChange: (e) => setAdjustmentPrompt(e.target.value),
115
- onKeyDown: (e) => {
116
- if (e.key === "Enter" && e.shiftKey) {
117
- e.preventDefault();
118
- setAdjustmentPrompt(adjustmentPrompt + "\n");
119
- } else if (e.key === "Enter") {
120
- e.preventDefault();
121
- beginGeneratingAdjustment();
122
- }
123
- },
124
- placeholder,
125
- style: { minHeight: "3rem" },
126
- className: "w-full bg-slate-100 h-auto h-min-14 text-sm p-2 rounded-md resize-none overflow-visible focus:outline-none focus:ring-0 focus:border-non pr-[3rem]",
127
- rows: 1
128
- }
129
- ),
130
- /* @__PURE__ */ jsx(
131
- "button",
132
- {
133
- onClick: beginGeneratingAdjustment,
134
- className: "absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center",
135
- children: /* @__PURE__ */ jsx("i", { className: "material-icons", children: "arrow_forward" })
136
- }
137
- )
138
- ] })
139
- ] });
140
- const SuggestionComponent = /* @__PURE__ */ jsxs(Fragment, { children: [
141
- /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-end w-full", children: [
142
- /* @__PURE__ */ jsx(Label, { className: "mt-4", children: "Suggested:" }),
143
- /* @__PURE__ */ jsx("div", { className: "ml-auto", children: isLoading && /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsx(
144
- "div",
145
- {
146
- className: "inline-block h-4 w-4 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]",
147
- role: "status",
148
- children: /* @__PURE__ */ jsx("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
149
- }
150
- ) }) })
151
- ] }),
152
- /* @__PURE__ */ jsx(
153
- "textarea",
154
- {
155
- ref: suggestionTextAreaRef,
156
- value: editSuggestion,
157
- disabled: suggestionIsLoading,
158
- onChange: (e) => setEditSuggestion(e.target.value),
159
- className: "w-full text-base p-2 border border-gray-300 rounded-md resize-none bg-green-50",
160
- style: { overflow: "auto", maxHeight: "10em" }
161
- }
162
- )
163
- ] });
164
- const SubmitComponent = /* @__PURE__ */ jsx("div", { className: "flex w-full gap-4 justify-start", children: /* @__PURE__ */ jsxs(
165
- Button,
166
- {
167
- className: " bg-green-700 text-white",
168
- onClick: () => {
169
- performInsertion(editSuggestion);
170
- },
171
- children: [
172
- "Insert ",
173
- /* @__PURE__ */ jsx("i", { className: "material-icons", children: "check" })
174
- ]
175
- }
176
- ) });
177
- const sourceSearchCandidate = adjustmentPrompt.split(" ").pop();
178
- const sourceSearchWord = (sourceSearchCandidate == null ? void 0 : sourceSearchCandidate.startsWith("@")) ? sourceSearchCandidate.slice(1) : void 0;
179
- return /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col items-start relative gap-2", children: [
180
- AdjustmentPromptComponent,
181
- filePointers.length > 0 && /* @__PURE__ */ jsx(IncludedFilesPreview, { includedFiles: filePointers, setIncludedFiles: setFilePointers }),
182
- sourceSearchWord !== void 0 && /* @__PURE__ */ jsx(
183
- SourceSearchBox,
184
- {
185
- searchTerm: sourceSearchWord,
186
- suggestedFiles,
187
- onSelectedFile: (filePointer) => {
188
- var _a;
189
- setAdjustmentPrompt(adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), ""));
190
- setFilePointers((prev) => [...prev, filePointer]);
191
- (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
192
- }
193
- }
194
- ),
195
- generatingSuggestion ? SuggestionComponent : null,
196
- generatingSuggestion ? SubmitComponent : null
197
- ] });
198
- };
199
-
200
- export { HoveringInsertionPromptBoxCore };
201
- //# sourceMappingURL=out.js.map
202
- //# sourceMappingURL=chunk-KTTN5H7S.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx"],"names":[],"mappings":"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","sourcesContent":["import useAutosizeTextArea from \"../../../hooks/misc/use-autosize-textarea\";\nimport { MinimalChatGPTMessage } from \"../../../types\";\nimport {\n EditingEditorState,\n Generator_InsertionOrEditingSuggestion,\n} from \"../../../types/base/autosuggestions-bare-function\";\nimport { SourceSearchBox } from \"../../source-search-box/source-search-box\";\nimport { DocumentPointer } from \"@copilotkit/react-core\";\nimport { Button } from \"../../ui/button\";\nimport { Label } from \"../../ui/label\";\nimport React, { useCallback, useContext, useEffect, useRef, useState } from \"react\";\n\nimport { streamPromiseFlatten } from \"../../../lib/stream-promise-flatten\";\nimport { CopilotContext } from \"@copilotkit/react-core\";\nimport { IncludedFilesPreview } from \"./included-files-preview\";\n\nexport type SuggestionState = {\n editorState: EditingEditorState;\n};\n\nexport interface HoveringInsertionPromptBoxCoreProps {\n state: SuggestionState;\n performInsertion: (insertedText: string) => void;\n insertionOrEditingFunction: Generator_InsertionOrEditingSuggestion;\n contextCategories: string[];\n}\n\nexport const HoveringInsertionPromptBoxCore: React.FC<HoveringInsertionPromptBoxCoreProps> = ({\n performInsertion,\n state,\n insertionOrEditingFunction,\n contextCategories,\n}) => {\n const { getDocumentsContext } = useContext(CopilotContext);\n\n const [editSuggestion, setEditSuggestion] = useState<string>(\"\");\n const [suggestionIsLoading, setSuggestionIsLoading] = useState<boolean>(false);\n\n const [adjustmentPrompt, setAdjustmentPrompt] = useState<string>(\"\");\n\n const [generatingSuggestion, setGeneratingSuggestion] = useState<ReadableStream<string> | null>(\n null,\n );\n\n const adjustmentTextAreaRef = useRef<HTMLTextAreaElement>(null);\n const suggestionTextAreaRef = useRef<HTMLTextAreaElement>(null);\n\n const [filePointers, setFilePointers] = useState<DocumentPointer[]>([]);\n\n const [suggestedFiles, setSuggestedFiles] = useState<DocumentPointer[]>([]);\n useEffect(() => {\n setSuggestedFiles(getDocumentsContext(contextCategories));\n }, [contextCategories, getDocumentsContext]);\n\n useAutosizeTextArea(suggestionTextAreaRef, editSuggestion || \"\");\n useAutosizeTextArea(adjustmentTextAreaRef, adjustmentPrompt || \"\");\n\n // initially focus on the adjustment prompt text area\n useEffect(() => {\n adjustmentTextAreaRef.current?.focus();\n }, []);\n\n // continuously read the generating suggestion stream and update the edit suggestion\n useEffect(() => {\n // if no generating suggestion, do nothing\n if (!generatingSuggestion) {\n return;\n }\n\n // Check if the stream is already locked (i.e. already reading from it)\n if (generatingSuggestion.locked) {\n return;\n }\n\n // reset the edit suggestion\n setEditSuggestion(\"\");\n\n // read the generating suggestion stream and continuously update the edit suggestion\n const reader = generatingSuggestion.getReader();\n const read = async () => {\n setSuggestionIsLoading(true);\n while (true) {\n const { done, value } = await reader.read();\n if (done) {\n break;\n }\n setEditSuggestion((prev) => {\n const newSuggestion = prev + value;\n\n // Scroll to the bottom of the textarea. We call this here to make sure scroll-to-bottom is synchronous with the state update.\n if (suggestionTextAreaRef.current) {\n suggestionTextAreaRef.current.scrollTop = suggestionTextAreaRef.current.scrollHeight;\n }\n return newSuggestion;\n });\n }\n\n setSuggestionIsLoading(false);\n };\n read();\n\n return () => {\n // release the lock if the reader is not closed on unmount\n const releaseLockIfNotClosed = async () => {\n try {\n await reader.closed;\n } catch {\n reader.releaseLock();\n }\n };\n\n releaseLockIfNotClosed();\n };\n }, [generatingSuggestion]);\n\n // generate an adjustment to the completed text, based on the adjustment prompt\n const beginGeneratingAdjustment = useCallback(async () => {\n // don't generate text if the prompt is empty\n if (!adjustmentPrompt.trim()) {\n return;\n }\n\n // editor state includes the text being edited, and the text before/after the selection\n // if the current edit suggestion is not empty, then use *it* as the \"selected text\" - instead of the editor state's selected text\n let modificationState = state.editorState;\n if (editSuggestion !== \"\") {\n modificationState.selectedText = editSuggestion;\n }\n\n // generate the adjustment suggestion\n const adjustmentSuggestionTextStreamPromise = insertionOrEditingFunction(\n modificationState,\n adjustmentPrompt,\n filePointers,\n new AbortController().signal,\n );\n const adjustmentSuggestionTextStream = streamPromiseFlatten(\n adjustmentSuggestionTextStreamPromise,\n );\n\n setGeneratingSuggestion(adjustmentSuggestionTextStream);\n }, [\n adjustmentPrompt,\n editSuggestion,\n state.editorState,\n insertionOrEditingFunction,\n filePointers,\n ]);\n\n const isLoading = suggestionIsLoading;\n\n const textToEdit = editSuggestion || state.editorState.selectedText;\n const adjustmentLabel =\n textToEdit === \"\"\n ? \"Describe the text you want to insert\"\n : \"Describe adjustments to the suggested text\";\n const placeholder =\n textToEdit === \"\"\n ? \"e.g. 'summarize the client's top 3 pain-points from @CallTranscript'\"\n : \"e.g. 'make it more formal', 'be more specific', ...\";\n\n const AdjustmentPromptComponent = (\n <>\n <Label className=\"\">{adjustmentLabel}</Label>\n <div className=\"relative w-full flex items-center\">\n <textarea\n disabled={suggestionIsLoading}\n ref={adjustmentTextAreaRef}\n value={adjustmentPrompt}\n onChange={(e) => setAdjustmentPrompt(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && e.shiftKey) {\n e.preventDefault();\n setAdjustmentPrompt(adjustmentPrompt + \"\\n\");\n } else if (e.key === \"Enter\") {\n e.preventDefault();\n beginGeneratingAdjustment();\n }\n }}\n placeholder={placeholder}\n style={{ minHeight: \"3rem\" }}\n className=\"w-full bg-slate-100 h-auto h-min-14 text-sm p-2 rounded-md resize-none overflow-visible focus:outline-none focus:ring-0 focus:border-non pr-[3rem]\"\n rows={1}\n />\n <button\n onClick={beginGeneratingAdjustment}\n className=\"absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center\"\n >\n <i className=\"material-icons\">arrow_forward</i>\n </button>\n </div>\n </>\n );\n\n const SuggestionComponent = (\n <>\n <div className=\"flex justify-between items-end w-full\">\n <Label className=\"mt-4\">Suggested:</Label>\n <div className=\"ml-auto\">\n {isLoading && (\n <div className=\"flex justify-center items-center\">\n <div\n className=\"inline-block h-4 w-4 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\"\n role=\"status\"\n >\n <span className=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n Loading...\n </span>\n </div>\n </div>\n )}\n </div>\n </div>\n <textarea\n ref={suggestionTextAreaRef}\n value={editSuggestion}\n disabled={suggestionIsLoading}\n onChange={(e) => setEditSuggestion(e.target.value)}\n className=\"w-full text-base p-2 border border-gray-300 rounded-md resize-none bg-green-50\"\n style={{ overflow: \"auto\", maxHeight: \"10em\" }}\n />\n </>\n );\n\n const SubmitComponent = (\n <div className=\"flex w-full gap-4 justify-start\">\n <Button\n className=\" bg-green-700 text-white\"\n onClick={() => {\n performInsertion(editSuggestion);\n }}\n >\n Insert <i className=\"material-icons\">check</i>\n </Button>\n </div>\n );\n\n // show source search if the last word in the adjustment prompt BEGINS with an @\n const sourceSearchCandidate = adjustmentPrompt.split(\" \").pop();\n // if the candidate is @someCandidate, then 'someCandidate', otherwise undefined\n const sourceSearchWord = sourceSearchCandidate?.startsWith(\"@\")\n ? sourceSearchCandidate.slice(1)\n : undefined;\n\n return (\n <div className=\"w-full flex flex-col items-start relative gap-2\">\n {AdjustmentPromptComponent}\n {filePointers.length > 0 && (\n <IncludedFilesPreview includedFiles={filePointers} setIncludedFiles={setFilePointers} />\n )}\n {sourceSearchWord !== undefined && (\n <SourceSearchBox\n searchTerm={sourceSearchWord}\n suggestedFiles={suggestedFiles}\n onSelectedFile={(filePointer) => {\n setAdjustmentPrompt(adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), \"\"));\n setFilePointers((prev) => [...prev, filePointer]);\n\n // focus back on the adjustment prompt, and move the cursor to the end\n adjustmentTextAreaRef.current?.focus();\n }}\n />\n )}\n {generatingSuggestion ? SuggestionComponent : null}\n {generatingSuggestion ? SubmitComponent : null}\n </div>\n );\n};\n"]}
@@ -1,3 +0,0 @@
1
-
2
- //# sourceMappingURL=out.js.map
3
- //# sourceMappingURL=chunk-L7VVZH4Q.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
@@ -1,112 +0,0 @@
1
- import { HoveringInsertionPromptBox } from './chunk-HSCZA5TS.mjs';
2
- import { useHoveringEditorContext } from './chunk-XV7MLLXQ.mjs';
3
- import { Portal, Menu } from './chunk-P4QVFRLY.mjs';
4
- import { getTextAroundSelection, getFullEditorTextWithNewlines } from './chunk-ECR45NSD.mjs';
5
- import { useRef, useState, useEffect } from 'react';
6
- import { Transforms } from 'slate';
7
- import { useSlate, useSlateSelection } from 'slate-react';
8
- import { jsx } from 'react/jsx-runtime';
9
-
10
- var HoveringToolbar = (props) => {
11
- const ref = useRef(null);
12
- const editor = useSlate();
13
- const selection = useSlateSelection();
14
- const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();
15
- const [isClient, setIsClient] = useState(false);
16
- useEffect(() => {
17
- setIsClient(true);
18
- }, []);
19
- useEffect(() => {
20
- const el = ref.current;
21
- const { selection: selection2 } = editor;
22
- if (!el) {
23
- return;
24
- }
25
- if (!selection2) {
26
- el.removeAttribute("style");
27
- return;
28
- }
29
- const domSelection = window.getSelection();
30
- if (!domSelection) {
31
- return;
32
- }
33
- const domRange = domSelection.getRangeAt(0);
34
- const rect = domRange.getBoundingClientRect();
35
- if (rect.top === 0 && rect.left === 0 && rect.width === 0 && rect.height === 0) {
36
- return;
37
- }
38
- const minGapFromEdge = 60;
39
- const verticalOffsetFromCorner = 35;
40
- const horizontalOffsetFromCorner = 15;
41
- let top = rect.top + window.scrollY - el.offsetHeight + verticalOffsetFromCorner;
42
- if (top < minGapFromEdge) {
43
- top = rect.bottom + window.scrollY + minGapFromEdge;
44
- } else if (top + el.offsetHeight > window.innerHeight - minGapFromEdge) {
45
- top = rect.top + window.scrollY - el.offsetHeight - minGapFromEdge;
46
- }
47
- let left = rect.left + window.scrollX - el.offsetWidth / 2 + rect.width / 2 + horizontalOffsetFromCorner;
48
- if (left < minGapFromEdge) {
49
- left = minGapFromEdge;
50
- } else if (left + el.offsetWidth > window.innerWidth - minGapFromEdge) {
51
- left = window.innerWidth - el.offsetWidth - minGapFromEdge;
52
- }
53
- el.style.opacity = "1";
54
- el.style.top = `${top}px`;
55
- el.style.left = `${left}px`;
56
- });
57
- useEffect(() => {
58
- const handleClickOutside = (event) => {
59
- if (ref.current && !ref.current.contains(event.target)) {
60
- setIsDisplayed(false);
61
- }
62
- };
63
- document.addEventListener("mousedown", handleClickOutside);
64
- return () => {
65
- document.removeEventListener("mousedown", handleClickOutside);
66
- };
67
- }, [ref, setIsDisplayed]);
68
- if (!isClient) {
69
- return null;
70
- }
71
- return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
72
- Menu,
73
- {
74
- ref,
75
- className: props.hoverMenuClassname || "p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700",
76
- children: isDisplayed && selection && /* @__PURE__ */ jsx(
77
- HoveringInsertionPromptBox,
78
- {
79
- editorState: editorState(editor),
80
- apiConfig: props.apiConfig,
81
- closeWindow: () => {
82
- setIsDisplayed(false);
83
- },
84
- performInsertion: (insertedText) => {
85
- console.log("inserted text", insertedText);
86
- Transforms.delete(editor, { at: selection });
87
- Transforms.insertText(editor, insertedText, {
88
- at: selection
89
- });
90
- setIsDisplayed(false);
91
- },
92
- contextCategories: props.contextCategories
93
- }
94
- )
95
- }
96
- ) });
97
- };
98
- function editorState(editor, selection) {
99
- const textAroundCursor = getTextAroundSelection(editor);
100
- if (textAroundCursor) {
101
- return textAroundCursor;
102
- }
103
- return {
104
- textBeforeCursor: getFullEditorTextWithNewlines(editor),
105
- textAfterCursor: "",
106
- selectedText: ""
107
- };
108
- }
109
-
110
- export { HoveringToolbar };
111
- //# sourceMappingURL=out.js.map
112
- //# sourceMappingURL=chunk-LQZBI6XD.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/hovering-toolbar/hovering-toolbar.tsx"],"names":["selection"],"mappings":"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","sourcesContent":["import { css } from \"@emotion/css\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { BaseSelection, Editor, Range, Location, Transforms } from \"slate\";\nimport { useSlate, useSlateSelection } from \"slate-react\";\nimport { HoveringInsertionPromptBox } from \"./text-insertion-prompt-box\";\nimport { Button, Icon, Menu, Portal } from \"./hovering-toolbar-components\";\nimport { useHoveringEditorContext } from \"./hovering-editor-provider\";\nimport {\n getFullEditorTextWithNewlines,\n getTextAroundSelection,\n} from \"../../lib/get-text-around-cursor\";\nimport {\n EditingEditorState,\n InsertionEditorApiConfig,\n} from \"../../types/base/autosuggestions-bare-function\";\n\nexport interface HoveringToolbarProps {\n apiConfig: InsertionEditorApiConfig;\n contextCategories: string[];\n hoverMenuClassname: string | undefined;\n}\n\nexport const HoveringToolbar: (props: HoveringToolbarProps) => JSX.Element | null = (props) => {\n const ref = useRef<HTMLDivElement>(null);\n const editor = useSlate();\n const selection = useSlateSelection();\n const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();\n\n // only render on client\n const [isClient, setIsClient] = useState(false);\n useEffect(() => {\n setIsClient(true);\n }, []);\n\n useEffect(() => {\n const el = ref.current;\n const { selection } = editor;\n\n if (!el) {\n return;\n }\n\n if (!selection) {\n el.removeAttribute(\"style\");\n return;\n }\n\n const domSelection = window.getSelection();\n if (!domSelection) {\n return;\n }\n\n const domRange = domSelection.getRangeAt(0);\n const rect = domRange.getBoundingClientRect();\n\n // We use window = (0,0,0,0) as a signal that the selection is not in the original copilot-textarea,\n // but inside the hovering window.\n //\n // in such case, we simply do nothing.\n if (rect.top === 0 && rect.left === 0 && rect.width === 0 && rect.height === 0) {\n return;\n }\n\n const minGapFromEdge = 60;\n const verticalOffsetFromCorner = 35;\n const horizontalOffsetFromCorner = 15;\n let top = rect.top + window.scrollY - el.offsetHeight + verticalOffsetFromCorner;\n // make sure top is in the viewport and not too close to the edge\n if (top < minGapFromEdge) {\n top = rect.bottom + window.scrollY + minGapFromEdge;\n } else if (top + el.offsetHeight > window.innerHeight - minGapFromEdge) {\n top = rect.top + window.scrollY - el.offsetHeight - minGapFromEdge;\n }\n\n let left =\n rect.left + window.scrollX - el.offsetWidth / 2 + rect.width / 2 + horizontalOffsetFromCorner;\n // make sure left is in the viewport and not too close to the edge\n if (left < minGapFromEdge) {\n left = minGapFromEdge;\n } else if (left + el.offsetWidth > window.innerWidth - minGapFromEdge) {\n left = window.innerWidth - el.offsetWidth - minGapFromEdge;\n }\n\n el.style.opacity = \"1\";\n el.style.top = `${top}px`;\n el.style.left = `${left}px`;\n });\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n setIsDisplayed(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [ref, setIsDisplayed]);\n\n if (!isClient) {\n return null;\n }\n\n return (\n <Portal>\n <Menu\n ref={ref}\n className={\n props.hoverMenuClassname ||\n \"p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700\"\n }\n >\n {isDisplayed && selection && (\n <HoveringInsertionPromptBox\n editorState={editorState(editor, selection)}\n apiConfig={props.apiConfig}\n closeWindow={() => {\n setIsDisplayed(false);\n }}\n performInsertion={(insertedText) => {\n console.log(\"inserted text\", insertedText);\n // replace the selection with the inserted text\n Transforms.delete(editor, { at: selection });\n Transforms.insertText(editor, insertedText, {\n at: selection,\n });\n setIsDisplayed(false);\n }}\n contextCategories={props.contextCategories}\n />\n )}\n </Menu>\n </Portal>\n );\n};\n\nfunction editorState(editor: Editor, selection: Location): EditingEditorState {\n const textAroundCursor = getTextAroundSelection(editor);\n if (textAroundCursor) {\n return textAroundCursor;\n }\n\n return {\n textBeforeCursor: getFullEditorTextWithNewlines(editor),\n textAfterCursor: \"\",\n selectedText: \"\",\n };\n}\n"]}
@@ -1,33 +0,0 @@
1
- import { __async } from './chunk-MRXNTQOX.mjs';
2
-
3
- // src/lib/debouncer.ts
4
- var Debouncer = class {
5
- constructor(wait) {
6
- this.wait = wait;
7
- this.debounce = (func, ...args) => __async(this, null, function* () {
8
- this.cancel();
9
- this.timeoutId = setTimeout(() => __async(this, null, function* () {
10
- try {
11
- this.activeAbortController = new AbortController();
12
- yield func(...args, this.activeAbortController.signal);
13
- this.activeAbortController = void 0;
14
- } catch (error) {
15
- }
16
- }), this.wait);
17
- });
18
- this.cancel = () => {
19
- if (this.activeAbortController) {
20
- this.activeAbortController.abort();
21
- this.activeAbortController = void 0;
22
- }
23
- if (this.timeoutId !== void 0) {
24
- clearTimeout(this.timeoutId);
25
- this.timeoutId = void 0;
26
- }
27
- };
28
- }
29
- };
30
-
31
- export { Debouncer };
32
- //# sourceMappingURL=out.js.map
33
- //# sourceMappingURL=chunk-M2DR4KVB.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/lib/debouncer.ts"],"names":[],"mappings":";;;;;AAEO,IAAM,YAAN,MAAiC;AAAA,EAItC,YAAoB,MAAc;AAAd;AAEpB,oBAAW,CAAO,SAA2B,SAAY;AAEvD,WAAK,OAAO;AAEZ,WAAK,YAAY,WAAW,MAAY;AACtC,YAAI;AACF,eAAK,wBAAwB,IAAI,gBAAgB;AAGjD,gBAAM,KAAK,GAAG,MAAM,KAAK,sBAAsB,MAAM;AAErD,eAAK,wBAAwB;AAAA,QAC/B,SAAS,OAAP;AAAA,QAAe;AAAA,MACnB,IAAG,KAAK,IAAI;AAAA,IACd;AAEA,kBAAS,MAAM;AACb,UAAI,KAAK,uBAAuB;AAC9B,aAAK,sBAAsB,MAAM;AACjC,aAAK,wBAAwB;AAAA,MAC/B;AAEA,UAAI,KAAK,cAAc,QAAW;AAChC,qBAAa,KAAK,SAAS;AAC3B,aAAK,YAAY;AAAA,MACnB;AAAA,IACF;AAAA,EA5BmC;AA6BrC","sourcesContent":["export type AsyncFunction<T extends any[]> = (...args: [...T, AbortSignal]) => Promise<void>;\n\nexport class Debouncer<T extends any[]> {\n private timeoutId?: number;\n private activeAbortController?: AbortController;\n\n constructor(private wait: number) {}\n\n debounce = async (func: AsyncFunction<T>, ...args: T) => {\n // Abort the previous promise immediately\n this.cancel();\n\n this.timeoutId = setTimeout(async () => {\n try {\n this.activeAbortController = new AbortController();\n\n // Pass the signal to the async function, assuming it supports it\n await func(...args, this.activeAbortController.signal);\n\n this.activeAbortController = undefined;\n } catch (error) {}\n }, this.wait);\n };\n\n cancel = () => {\n if (this.activeAbortController) {\n this.activeAbortController.abort();\n this.activeAbortController = undefined;\n }\n\n if (this.timeoutId !== undefined) {\n clearTimeout(this.timeoutId);\n this.timeoutId = undefined;\n }\n };\n}\n"]}
@@ -1,3 +0,0 @@
1
-
2
- //# sourceMappingURL=out.js.map
3
- //# sourceMappingURL=chunk-MMVDU6DF.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
@@ -1,55 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- var __objRest = (source, exclude) => {
21
- var target = {};
22
- for (var prop in source)
23
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
- target[prop] = source[prop];
25
- if (source != null && __getOwnPropSymbols)
26
- for (var prop of __getOwnPropSymbols(source)) {
27
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
- target[prop] = source[prop];
29
- }
30
- return target;
31
- };
32
- var __async = (__this, __arguments, generator) => {
33
- return new Promise((resolve, reject) => {
34
- var fulfilled = (value) => {
35
- try {
36
- step(generator.next(value));
37
- } catch (e) {
38
- reject(e);
39
- }
40
- };
41
- var rejected = (value) => {
42
- try {
43
- step(generator.throw(value));
44
- } catch (e) {
45
- reject(e);
46
- }
47
- };
48
- var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
49
- step((generator = generator.apply(__this, __arguments)).next());
50
- });
51
- };
52
-
53
- export { __async, __objRest, __spreadProps, __spreadValues };
54
- //# sourceMappingURL=out.js.map
55
- //# sourceMappingURL=chunk-MRXNTQOX.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
@@ -1,19 +0,0 @@
1
- import { __objRest, __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
2
- import { jsx } from 'react/jsx-runtime';
3
-
4
- function makeRenderPlaceholderFunction(placeholderStyle) {
5
- return (props) => {
6
- const _a = props.attributes, { style } = _a, restAttributes = __objRest(_a, ["style"]);
7
- return /* @__PURE__ */ jsx(
8
- "div",
9
- __spreadProps(__spreadValues({}, restAttributes), {
10
- style: __spreadValues(__spreadValues({}, style), placeholderStyle),
11
- children: props.children
12
- })
13
- );
14
- };
15
- }
16
-
17
- export { makeRenderPlaceholderFunction };
18
- //# sourceMappingURL=out.js.map
19
- //# sourceMappingURL=chunk-OHO4G6DR.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/base-copilot-textarea/render-placeholder.tsx"],"names":[],"mappings":";;;;;;;AAWM;AAPC,SAAS,8BACd,kBAC2B;AAC3B,SAAO,CAAC,UAAkC;AACxC,UAAqC,WAAM,YAAnC,QARZ,IAQyC,IAAnB,2BAAmB,IAAnB,CAAV;AAER,WACE;AAAA,MAAC;AAAA,uCACK,iBADL;AAAA,QAEC,OAAO,kCACF,QACA;AAAA,QAGJ,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AACF","sourcesContent":["import { RenderElementProps, RenderPlaceholderProps } from \"slate-react\";\n\nexport type RenderPlaceholderFunction = (props: RenderPlaceholderProps) => JSX.Element;\n\nexport function makeRenderPlaceholderFunction(\n placeholderStyle?: React.CSSProperties,\n): RenderPlaceholderFunction {\n return (props: RenderPlaceholderProps) => {\n const { style, ...restAttributes } = props.attributes;\n\n return (\n <div\n {...restAttributes}\n style={{\n ...style,\n ...placeholderStyle,\n }}\n >\n {props.children}\n </div>\n );\n };\n}\n"]}
@@ -1,103 +0,0 @@
1
- import { __objRest, __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
2
- import { cx, css } from '@emotion/css';
3
- import React from 'react';
4
- import ReactDOM from 'react-dom';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- var Button = React.forwardRef(
8
- (_a, ref) => {
9
- var _b = _a, {
10
- className,
11
- active,
12
- reversed
13
- } = _b, props = __objRest(_b, [
14
- "className",
15
- "active",
16
- "reversed"
17
- ]);
18
- return /* @__PURE__ */ jsx(
19
- "span",
20
- __spreadProps(__spreadValues({}, props), {
21
- ref,
22
- className: cx(
23
- className,
24
- css`
25
- cursor: pointer;
26
- color: ${reversed ? active ? "white" : "#aaa" : active ? "black" : "#ccc"};
27
- `
28
- )
29
- })
30
- );
31
- }
32
- );
33
- var Icon = React.forwardRef(
34
- (_a, ref) => {
35
- var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
36
- return /* @__PURE__ */ jsx(
37
- "span",
38
- __spreadProps(__spreadValues({}, props), {
39
- ref,
40
- className: cx(
41
- "material-icons",
42
- className,
43
- css`
44
- font-size: 18px;
45
- vertical-align: text-bottom;
46
- `
47
- )
48
- })
49
- );
50
- }
51
- );
52
- var Menu = React.forwardRef(
53
- (_a, ref) => {
54
- var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
55
- return /* @__PURE__ */ jsx(
56
- "div",
57
- __spreadProps(__spreadValues({}, props), {
58
- "data-test-id": "menu",
59
- ref,
60
- className: cx(
61
- className,
62
- css`
63
- & > * {
64
- display: inline-block;
65
- }
66
-
67
- & > * + * {
68
- margin-left: 15px;
69
- }
70
- `
71
- )
72
- })
73
- );
74
- }
75
- );
76
- var Portal = ({ children }) => {
77
- return typeof document === "object" ? ReactDOM.createPortal(children, document.body) : null;
78
- };
79
- var Toolbar = React.forwardRef(
80
- (_a, ref) => {
81
- var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
82
- return /* @__PURE__ */ jsx(
83
- Menu,
84
- __spreadProps(__spreadValues({}, props), {
85
- ref,
86
- className: cx(
87
- className,
88
- css`
89
- position: relative;
90
- padding: 1px 18px 17px;
91
- margin: 0 -20px;
92
- border-bottom: 2px solid #eee;
93
- margin-bottom: 20px;
94
- `
95
- )
96
- })
97
- );
98
- }
99
- );
100
-
101
- export { Button, Icon, Menu, Portal, Toolbar };
102
- //# sourceMappingURL=out.js.map
103
- //# sourceMappingURL=chunk-P4QVFRLY.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/hovering-toolbar/hovering-toolbar-components.tsx"],"names":[],"mappings":";;;;;;;AAAA,SAAS,KAAK,UAAU;AACxB,OAAO,WAAuC;AAC9C,OAAO,cAAc;AAsBjB;AAfG,IAAM,SAAS,MAAM;AAAA,EAC1B,CACE,IAWA,QACA;AAZA,iBACE;AAAA;AAAA,MACA;AAAA,MACA;AAAA,IAdN,IAWI,IAIK,kBAJL,IAIK;AAAA,MAHH;AAAA,MACA;AAAA,MACA;AAAA;AAUF;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA,mBAEW,WAAY,SAAS,UAAU,SAAU,SAAS,UAAU;AAAA;AAAA,QAEzE;AAAA;AAAA,IACF;AAAA;AAEJ;AAEO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC,IAAuD,QAAkC;AAAzF,iBAAE,YAvCL,IAuCG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,QAIF;AAAA;AAAA,IACF;AAAA;AAEJ;AAEO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC,IAAuD,QAAiC;AAAxF,iBAAE,YAxDL,IAwDG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC,gBAAa;AAAA,QACb;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASF;AAAA;AAAA,IACF;AAAA;AAEJ;AACO,IAAM,SAAS,CAAC,EAAE,SAAS,MAAqC;AACrE,SAAO,OAAO,aAAa,WAAW,SAAS,aAAa,UAAU,SAAS,IAAI,IAAI;AACzF;AAEO,IAAM,UAAU,MAAM;AAAA,EAC3B,CAAC,IAAuD,QAA2B;AAAlF,iBAAE,YAjFL,IAiFG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOF;AAAA;AAAA,IACF;AAAA;AAEJ","sourcesContent":["import { css, cx } from \"@emotion/css\";\nimport React, { PropsWithChildren, Ref } from \"react\";\nimport ReactDOM from \"react-dom\";\n\ninterface BaseProps {\n className: string;\n [key: string]: unknown;\n}\n\nexport const Button = React.forwardRef(\n (\n {\n className,\n active,\n reversed,\n ...props\n }: PropsWithChildren<\n {\n active: boolean;\n reversed: boolean;\n } & BaseProps\n >,\n ref: Ref<HTMLSpanElement | null>,\n ) => (\n <span\n {...props}\n ref={ref as Ref<HTMLSpanElement>}\n className={cx(\n className,\n css`\n cursor: pointer;\n color: ${reversed ? (active ? \"white\" : \"#aaa\") : active ? \"black\" : \"#ccc\"};\n `,\n )}\n />\n ),\n);\n\nexport const Icon = React.forwardRef(\n ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLSpanElement | null>) => (\n <span\n {...props}\n ref={ref as Ref<HTMLSpanElement>}\n className={cx(\n \"material-icons\",\n className,\n css`\n font-size: 18px;\n vertical-align: text-bottom;\n `,\n )}\n />\n ),\n);\n\nexport const Menu = React.forwardRef(\n ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLDivElement | null>) => (\n <div\n {...props}\n data-test-id=\"menu\"\n ref={ref as Ref<HTMLDivElement>}\n className={cx(\n className,\n css`\n & > * {\n display: inline-block;\n }\n\n & > * + * {\n margin-left: 15px;\n }\n `,\n )}\n />\n ),\n);\nexport const Portal = ({ children }: { children: React.ReactNode }) => {\n return typeof document === \"object\" ? ReactDOM.createPortal(children, document.body) : null;\n};\n\nexport const Toolbar = React.forwardRef(\n ({ className, ...props }: PropsWithChildren<BaseProps>, ref?: Ref<HTMLDivElement>) => (\n <Menu\n {...props}\n ref={ref}\n className={cx(\n className,\n css`\n position: relative;\n padding: 1px 18px 17px;\n margin: 0 -20px;\n border-bottom: 2px solid #eee;\n margin-bottom: 20px;\n `,\n )}\n />\n ),\n);\n"]}