@copilotkit/react-textarea 0.19.0-alpha.2 → 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.
Files changed (232) hide show
  1. package/.turbo/turbo-build.log +292 -288
  2. package/CHANGELOG.md +17 -0
  3. package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs +1870 -33
  4. package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs.map +1 -1
  5. package/dist/components/base-copilot-textarea/render-element.mjs +52 -3
  6. package/dist/components/base-copilot-textarea/render-element.mjs.map +1 -1
  7. package/dist/components/base-copilot-textarea/render-placeholder.mjs +46 -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 +2339 -43
  14. package/dist/components/copilot-textarea/copilot-textarea.mjs.map +1 -1
  15. package/dist/components/hovering-toolbar/hovering-editor-provider.mjs +22 -3
  16. package/dist/components/hovering-toolbar/hovering-editor-provider.mjs.map +1 -1
  17. package/dist/components/hovering-toolbar/hovering-toolbar-components.mjs +125 -3
  18. package/dist/components/hovering-toolbar/hovering-toolbar-components.mjs.map +1 -1
  19. package/dist/components/hovering-toolbar/hovering-toolbar.mjs +1015 -16
  20. package/dist/components/hovering-toolbar/hovering-toolbar.mjs.map +1 -1
  21. package/dist/components/hovering-toolbar/text-insertion-prompt-box/{mode-suggestion-appearing.d.ts → hovering-insertion-prompt-box-core.d.ts} +5 -13
  22. package/dist/{chunk-ITZHK3YV.mjs → components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.mjs} +488 -243
  23. package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.mjs.map +1 -0
  24. package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.mjs +734 -11
  25. package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.mjs.map +1 -1
  26. package/dist/components/hovering-toolbar/text-insertion-prompt-box/index.mjs +734 -12
  27. package/dist/components/hovering-toolbar/text-insertion-prompt-box/index.mjs.map +1 -1
  28. package/dist/components/index.mjs +2340 -44
  29. package/dist/components/index.mjs.map +1 -1
  30. package/dist/components/manual-ui/chip-with-icon.mjs +5 -6
  31. package/dist/components/manual-ui/chip-with-icon.mjs.map +1 -1
  32. package/dist/components/source-search-box/source-search-box.mjs +323 -9
  33. package/dist/components/source-search-box/source-search-box.mjs.map +1 -1
  34. package/dist/components/ui/button.d.ts +1 -1
  35. package/dist/components/ui/button.mjs +88 -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 +266 -5
  40. package/dist/components/ui/command.mjs.map +1 -1
  41. package/dist/components/ui/dialog.mjs +164 -4
  42. package/dist/components/ui/dialog.mjs.map +1 -1
  43. package/dist/components/ui/label.mjs +63 -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 +168 -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 +155 -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 +90 -4
  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 +143 -4
  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 +3 -27
  66. package/dist/index.css.map +1 -1
  67. package/dist/index.mjs +2343 -48
  68. package/dist/index.mjs.map +1 -1
  69. package/dist/lib/debouncer.mjs +51 -3
  70. package/dist/lib/debouncer.mjs.map +1 -1
  71. package/dist/lib/editor-to-text.mjs +43 -3
  72. package/dist/lib/editor-to-text.mjs.map +1 -1
  73. package/dist/lib/get-text-around-cursor.mjs +109 -3
  74. package/dist/lib/get-text-around-cursor.mjs.map +1 -1
  75. package/dist/lib/retry.mjs +17 -3
  76. package/dist/lib/retry.mjs.map +1 -1
  77. package/dist/lib/slatejs-edits/add-autocompletions.mjs +25 -3
  78. package/dist/lib/slatejs-edits/add-autocompletions.mjs.map +1 -1
  79. package/dist/lib/slatejs-edits/clear-autocompletions.mjs +23 -3
  80. package/dist/lib/slatejs-edits/clear-autocompletions.mjs.map +1 -1
  81. package/dist/lib/slatejs-edits/replace-text.mjs +27 -3
  82. package/dist/lib/slatejs-edits/replace-text.mjs.map +1 -1
  83. package/dist/lib/slatejs-edits/with-partial-history.mjs +106 -3
  84. package/dist/lib/slatejs-edits/with-partial-history.mjs.map +1 -1
  85. package/dist/lib/stream-promise-flatten.d.ts +3 -0
  86. package/dist/lib/stream-promise-flatten.mjs +48 -0
  87. package/dist/lib/stream-promise-flatten.mjs.map +1 -0
  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 +312 -9
  95. package/dist/types/autosuggestions-config/autosuggestions-config.mjs.map +1 -1
  96. package/dist/types/autosuggestions-config/editing-api-config.mjs +155 -4
  97. package/dist/types/autosuggestions-config/editing-api-config.mjs.map +1 -1
  98. package/dist/types/autosuggestions-config/index.mjs +313 -10
  99. package/dist/types/autosuggestions-config/index.mjs.map +1 -1
  100. package/dist/types/autosuggestions-config/insertions-api-config.mjs +149 -4
  101. package/dist/types/autosuggestions-config/insertions-api-config.mjs.map +1 -1
  102. package/dist/types/autosuggestions-config/subtypes/chatlike-api-endpoint.mjs +71 -3
  103. package/dist/types/autosuggestions-config/subtypes/chatlike-api-endpoint.mjs.map +1 -1
  104. package/dist/types/autosuggestions-config/subtypes/make-system-prompt.mjs +0 -2
  105. package/dist/types/autosuggestions-config/subtypes/make-system-prompt.mjs.map +1 -1
  106. package/dist/types/autosuggestions-config/subtypes/minimal-chat-gpt-message.mjs +0 -2
  107. package/dist/types/autosuggestions-config/subtypes/minimal-chat-gpt-message.mjs.map +1 -1
  108. package/dist/types/autosuggestions-config/suggestions-api-config.mjs +137 -4
  109. package/dist/types/autosuggestions-config/suggestions-api-config.mjs.map +1 -1
  110. package/dist/types/base/autosuggestion-state.mjs +0 -2
  111. package/dist/types/base/autosuggestion-state.mjs.map +1 -1
  112. package/dist/types/base/autosuggestions-bare-function.mjs +0 -2
  113. package/dist/types/base/autosuggestions-bare-function.mjs.map +1 -1
  114. package/dist/types/base/base-autosuggestions-config.mjs +11 -3
  115. package/dist/types/base/base-autosuggestions-config.mjs.map +1 -1
  116. package/dist/types/base/base-copilot-textarea-props.mjs +0 -2
  117. package/dist/types/base/base-copilot-textarea-props.mjs.map +1 -1
  118. package/dist/types/base/custom-editor.mjs +0 -2
  119. package/dist/types/base/custom-editor.mjs.map +1 -1
  120. package/dist/types/base/editor-autocomplete-state.mjs +17 -4
  121. package/dist/types/base/editor-autocomplete-state.mjs.map +1 -1
  122. package/dist/types/base/index.mjs +11 -4
  123. package/dist/types/base/index.mjs.map +1 -1
  124. package/dist/types/html-copilot-textarea-element.mjs +0 -2
  125. package/dist/types/html-copilot-textarea-element.mjs.map +1 -1
  126. package/dist/types/index.mjs +314 -12
  127. package/dist/types/index.mjs.map +1 -1
  128. package/package.json +3 -3
  129. package/src/components/hovering-toolbar/text-insertion-prompt-box/{mode-suggestion-appearing.tsx → hovering-insertion-prompt-box-core.tsx} +59 -65
  130. package/src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx +9 -52
  131. package/src/components/source-search-box/source-search-box.tsx +7 -10
  132. package/src/components/ui/command.tsx +1 -1
  133. package/src/lib/stream-promise-flatten.ts +25 -0
  134. package/dist/chunk-2NURR2DX.mjs +0 -47
  135. package/dist/chunk-2NURR2DX.mjs.map +0 -1
  136. package/dist/chunk-3YJ63D5D.mjs +0 -106
  137. package/dist/chunk-3YJ63D5D.mjs.map +0 -1
  138. package/dist/chunk-4S5ZJH3I.mjs +0 -18
  139. package/dist/chunk-4S5ZJH3I.mjs.map +0 -1
  140. package/dist/chunk-55EGOC5T.mjs +0 -87
  141. package/dist/chunk-55EGOC5T.mjs.map +0 -1
  142. package/dist/chunk-5ARCOTW3.mjs +0 -34
  143. package/dist/chunk-5ARCOTW3.mjs.map +0 -1
  144. package/dist/chunk-5EJ5XOGP.mjs +0 -22
  145. package/dist/chunk-5EJ5XOGP.mjs.map +0 -1
  146. package/dist/chunk-5FO6ISW4.mjs +0 -3
  147. package/dist/chunk-5FO6ISW4.mjs.map +0 -1
  148. package/dist/chunk-7SMDOAG2.mjs +0 -201
  149. package/dist/chunk-7SMDOAG2.mjs.map +0 -1
  150. package/dist/chunk-A2RRLD23.mjs +0 -69
  151. package/dist/chunk-A2RRLD23.mjs.map +0 -1
  152. package/dist/chunk-CDB7HFCY.mjs +0 -65
  153. package/dist/chunk-CDB7HFCY.mjs.map +0 -1
  154. package/dist/chunk-CSGFJU3L.mjs +0 -65
  155. package/dist/chunk-CSGFJU3L.mjs.map +0 -1
  156. package/dist/chunk-D7SEV5PR.mjs +0 -12
  157. package/dist/chunk-D7SEV5PR.mjs.map +0 -1
  158. package/dist/chunk-DE5K76I2.mjs +0 -3
  159. package/dist/chunk-DE5K76I2.mjs.map +0 -1
  160. package/dist/chunk-F3MHL6ZY.mjs +0 -25
  161. package/dist/chunk-F3MHL6ZY.mjs.map +0 -1
  162. package/dist/chunk-H4VKQGVU.mjs +0 -3
  163. package/dist/chunk-H4VKQGVU.mjs.map +0 -1
  164. package/dist/chunk-HAFHLU4N.mjs +0 -55
  165. package/dist/chunk-HAFHLU4N.mjs.map +0 -1
  166. package/dist/chunk-ITZHK3YV.mjs.map +0 -1
  167. package/dist/chunk-IU3WTXLQ.mjs +0 -3
  168. package/dist/chunk-IU3WTXLQ.mjs.map +0 -1
  169. package/dist/chunk-IXJ2HCOA.mjs +0 -101
  170. package/dist/chunk-IXJ2HCOA.mjs.map +0 -1
  171. package/dist/chunk-JAFCXEPU.mjs +0 -10
  172. package/dist/chunk-JAFCXEPU.mjs.map +0 -1
  173. package/dist/chunk-KCHYD3EB.mjs +0 -107
  174. package/dist/chunk-KCHYD3EB.mjs.map +0 -1
  175. package/dist/chunk-KGKLUWKW.mjs +0 -47
  176. package/dist/chunk-KGKLUWKW.mjs.map +0 -1
  177. package/dist/chunk-L7VVZH4Q.mjs +0 -3
  178. package/dist/chunk-L7VVZH4Q.mjs.map +0 -1
  179. package/dist/chunk-LNAIMEB2.mjs +0 -34
  180. package/dist/chunk-LNAIMEB2.mjs.map +0 -1
  181. package/dist/chunk-MMVDU6DF.mjs +0 -3
  182. package/dist/chunk-MMVDU6DF.mjs.map +0 -1
  183. package/dist/chunk-MPME5BW2.mjs +0 -59
  184. package/dist/chunk-MPME5BW2.mjs.map +0 -1
  185. package/dist/chunk-MRXNTQOX.mjs +0 -55
  186. package/dist/chunk-MRXNTQOX.mjs.map +0 -1
  187. package/dist/chunk-ND5PXTAW.mjs +0 -17
  188. package/dist/chunk-ND5PXTAW.mjs.map +0 -1
  189. package/dist/chunk-NKW5OU2S.mjs +0 -33
  190. package/dist/chunk-NKW5OU2S.mjs.map +0 -1
  191. package/dist/chunk-O5OWT5GE.mjs +0 -114
  192. package/dist/chunk-O5OWT5GE.mjs.map +0 -1
  193. package/dist/chunk-OD7ZMOVE.mjs +0 -45
  194. package/dist/chunk-OD7ZMOVE.mjs.map +0 -1
  195. package/dist/chunk-OELUUJZY.mjs +0 -16
  196. package/dist/chunk-OELUUJZY.mjs.map +0 -1
  197. package/dist/chunk-OM5WQQOU.mjs +0 -47
  198. package/dist/chunk-OM5WQQOU.mjs.map +0 -1
  199. package/dist/chunk-PF3XRNDB.mjs +0 -44
  200. package/dist/chunk-PF3XRNDB.mjs.map +0 -1
  201. package/dist/chunk-QL2GYGG5.mjs +0 -19
  202. package/dist/chunk-QL2GYGG5.mjs.map +0 -1
  203. package/dist/chunk-RPDVSCLO.mjs +0 -107
  204. package/dist/chunk-RPDVSCLO.mjs.map +0 -1
  205. package/dist/chunk-RQHOUUXQ.mjs +0 -29
  206. package/dist/chunk-RQHOUUXQ.mjs.map +0 -1
  207. package/dist/chunk-UHD44NC5.mjs +0 -101
  208. package/dist/chunk-UHD44NC5.mjs.map +0 -1
  209. package/dist/chunk-VBIJPE3H.mjs +0 -108
  210. package/dist/chunk-VBIJPE3H.mjs.map +0 -1
  211. package/dist/chunk-WADHCMPK.mjs +0 -3
  212. package/dist/chunk-WADHCMPK.mjs.map +0 -1
  213. package/dist/chunk-WJHSY5T6.mjs +0 -3
  214. package/dist/chunk-WJHSY5T6.mjs.map +0 -1
  215. package/dist/chunk-WJYQWL4I.mjs +0 -27
  216. package/dist/chunk-WJYQWL4I.mjs.map +0 -1
  217. package/dist/chunk-XDT7BF3V.mjs +0 -81
  218. package/dist/chunk-XDT7BF3V.mjs.map +0 -1
  219. package/dist/chunk-XHUMROEY.mjs +0 -91
  220. package/dist/chunk-XHUMROEY.mjs.map +0 -1
  221. package/dist/chunk-YQU7WG7T.mjs +0 -83
  222. package/dist/chunk-YQU7WG7T.mjs.map +0 -1
  223. package/dist/chunk-YTOPHPSG.mjs +0 -45
  224. package/dist/chunk-YTOPHPSG.mjs.map +0 -1
  225. package/dist/chunk-YW3REYX6.mjs +0 -23
  226. package/dist/chunk-YW3REYX6.mjs.map +0 -1
  227. package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-pre-suggestion.d.ts +0 -16
  228. package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-pre-suggestion.mjs +0 -5
  229. package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-pre-suggestion.mjs.map +0 -1
  230. package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.mjs +0 -10
  231. package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.mjs.map +0 -1
  232. package/src/components/hovering-toolbar/text-insertion-prompt-box/mode-pre-suggestion.tsx +0 -83
@@ -1,107 +0,0 @@
1
- import { HoveringInsertionPromptBox } from './chunk-OM5WQQOU.mjs';
2
- import { useHoveringEditorContext } from './chunk-YW3REYX6.mjs';
3
- import { Portal, Menu } from './chunk-XHUMROEY.mjs';
4
- import { getTextAroundSelection, getFullEditorTextWithNewlines } from './chunk-IXJ2HCOA.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, {
72
- children: /* @__PURE__ */ jsx(Menu, {
73
- ref,
74
- className: "p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700",
75
- children: isDisplayed && selection && /* @__PURE__ */ jsx(HoveringInsertionPromptBox, {
76
- editorState: editorState(editor),
77
- apiConfig: props.apiConfig,
78
- closeWindow: () => {
79
- setIsDisplayed(false);
80
- },
81
- performInsertion: (insertedText) => {
82
- console.log("inserted text", insertedText);
83
- Transforms.delete(editor, { at: selection });
84
- Transforms.insertText(editor, insertedText, {
85
- at: selection
86
- });
87
- setIsDisplayed(false);
88
- }
89
- })
90
- })
91
- });
92
- };
93
- function editorState(editor, selection) {
94
- const textAroundCursor = getTextAroundSelection(editor);
95
- if (textAroundCursor) {
96
- return textAroundCursor;
97
- }
98
- return {
99
- textBeforeCursor: getFullEditorTextWithNewlines(editor),
100
- textAfterCursor: "",
101
- selectedText: ""
102
- };
103
- }
104
-
105
- export { HoveringToolbar };
106
- //# sourceMappingURL=out.js.map
107
- //# sourceMappingURL=chunk-RPDVSCLO.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/hovering-toolbar/hovering-toolbar.tsx"],"names":["selection"],"mappings":";;;;;;;;;;;;;;;;AACA,SAAS,WAAoB,QAAQ,gBAAgB;AACrD,SAAiD,kBAAkB;AACnE,SAAS,UAAU,yBAAyB;AAuHlC;AAtGH,IAAM,kBAEa,CAAC,UAAU;AACnC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,SAAS,SAAS;AACxB,QAAM,YAAY,kBAAkB;AACpC,QAAM,EAAE,aAAa,eAAe,IAAI,yBAAyB;AAGjE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,YAAU,MAAM;AACd,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,KAAK,IAAI;AACf,UAAM,EAAE,WAAAA,WAAU,IAAI;AAEtB,QAAI,CAAC,IAAI;AACP;AAAA,IACF;AAEA,QAAI,CAACA,YAAW;AACd,SAAG,gBAAgB,OAAO;AAC1B;AAAA,IACF;AAEA,UAAM,eAAe,OAAO,aAAa;AACzC,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AAEA,UAAM,WAAW,aAAa,WAAW,CAAC;AAC1C,UAAM,OAAO,SAAS,sBAAsB;AAM5C,QACE,KAAK,QAAQ,KACb,KAAK,SAAS,KACd,KAAK,UAAU,KACf,KAAK,WAAW,GAChB;AACA;AAAA,IACF;AAEA,UAAM,iBAAiB;AACvB,UAAM,2BAA2B;AACjC,UAAM,6BAA6B;AACnC,QAAI,MACF,KAAK,MAAM,OAAO,UAAU,GAAG,eAAe;AAEhD,QAAI,MAAM,gBAAgB;AACxB,YAAM,KAAK,SAAS,OAAO,UAAU;AAAA,IACvC,WAAW,MAAM,GAAG,eAAe,OAAO,cAAc,gBAAgB;AACtE,YAAM,KAAK,MAAM,OAAO,UAAU,GAAG,eAAe;AAAA,IACtD;AAEA,QAAI,OACF,KAAK,OACL,OAAO,UACP,GAAG,cAAc,IACjB,KAAK,QAAQ,IACb;AAEF,QAAI,OAAO,gBAAgB;AACzB,aAAO;AAAA,IACT,WAAW,OAAO,GAAG,cAAc,OAAO,aAAa,gBAAgB;AACrE,aAAO,OAAO,aAAa,GAAG,cAAc;AAAA,IAC9C;AAEA,OAAG,MAAM,UAAU;AACnB,OAAG,MAAM,MAAM,GAAG;AAClB,OAAG,MAAM,OAAO,GAAG;AAAA,EACrB,CAAC;AAED,YAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAsB;AAChD,UAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,MAAc,GAAG;AAC9D,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,KAAK,cAAc,CAAC;AAExB,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SACE,oBAAC;AAAA,IACC,8BAAC;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MAET,yBAAe,aACd,oBAAC;AAAA,QACC,aAAa,YAAY,QAAQ,SAAS;AAAA,QAC1C,WAAW,MAAM;AAAA,QACjB,aAAa,MAAM;AACjB,yBAAe,KAAK;AAAA,QACtB;AAAA,QACA,kBAAkB,CAAC,iBAAiB;AAClC,kBAAQ,IAAI,iBAAiB,YAAY;AAEzC,qBAAW,OAAO,QAAQ,EAAE,IAAI,UAAU,CAAC;AAC3C,qBAAW,WAAW,QAAQ,cAAc;AAAA,YAC1C,IAAI;AAAA,UACN,CAAC;AACD,yBAAe,KAAK;AAAA,QACtB;AAAA,OACF;AAAA,KAEJ;AAAA,GACF;AAEJ;AAEA,SAAS,YAAY,QAAgB,WAAyC;AAC5E,QAAM,mBAAmB,uBAAuB,MAAM;AACtD,MAAI,kBAAkB;AACpB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,kBAAkB,8BAA8B,MAAM;AAAA,IACtD,iBAAiB;AAAA,IACjB,cAAc;AAAA,EAChB;AACF","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}\n\nexport const HoveringToolbar: (\n props: HoveringToolbarProps\n) => 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 (\n rect.top === 0 &&\n rect.left === 0 &&\n rect.width === 0 &&\n rect.height === 0\n ) {\n return;\n }\n\n const minGapFromEdge = 60;\n const verticalOffsetFromCorner = 35;\n const horizontalOffsetFromCorner = 15;\n let top =\n 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 +\n window.scrollX -\n el.offsetWidth / 2 +\n rect.width / 2 +\n 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=\"p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700\"\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 />\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,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"]}
@@ -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"]}
@@ -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"]}
@@ -1,3 +0,0 @@
1
-
2
- //# sourceMappingURL=out.js.map
3
- //# sourceMappingURL=chunk-WADHCMPK.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
-
2
- //# sourceMappingURL=out.js.map
3
- //# sourceMappingURL=chunk-WJHSY5T6.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
@@ -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"]}
@@ -1,81 +0,0 @@
1
- import { ChatlikeApiEndpoint } from './chunk-5ARCOTW3.mjs';
2
-
3
- // src/types/autosuggestions-config/insertions-api-config.tsx
4
- var defaultInsertionsMakeSystemPrompt = (textareaPurpose, contextString) => {
5
- return `You are a versatile writing assistant.
6
-
7
- The user is writing some text.
8
- The purpose is: "${textareaPurpose}"
9
-
10
- The user also provides you with a prompt for INSERTIONS into the text they are writing.
11
- Your job is to come up with an INSERTION into the text that the user would like AS BEST YOU CAN.
12
- Only guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.
13
-
14
- Adjust yourself to the user's style and implied intent.
15
-
16
- The user will provide the text before and after the cursor, as well as the insertion prompt. You should use this to infer the best relevant insertion.
17
- <TextAfterCursor>
18
- <TextBeforeCursor>
19
- <InsertionPrompt>
20
- <YourSuggestion>
21
-
22
- If we need to add a whitespace character to the suggested text, make sure to explicitly add it in.
23
-
24
- The following external context is also provided. Use it to help you make better suggestions!!!
25
- \`\`\`
26
- ${contextString}
27
- \`\`\`
28
- `;
29
- };
30
- var defaultInsertionsFewShotMessages = [
31
- {
32
- role: "user",
33
- name: "TextAfterCursor",
34
- content: "While I was there I also picked up some apples, oranges, and bananas."
35
- },
36
- {
37
- role: "user",
38
- name: "TextBeforeCursor",
39
- content: "This morning I woke up and went straight to the grocery store."
40
- },
41
- {
42
- role: "user",
43
- name: "InsertionPrompt",
44
- content: "I bought a big watermelon"
45
- },
46
- {
47
- role: "assistant",
48
- content: " When I arrived I went straight to the produce section and picked out a big watermelon. "
49
- },
50
- {
51
- role: "user",
52
- name: "TextAfterCursor",
53
- content: "and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof."
54
- },
55
- {
56
- role: "user",
57
- name: "TextBeforeCursor",
58
- content: `The Optionholder, in the Optionholder's capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an "Equityholder" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an "Equityholder" thereunder;`
59
- },
60
- {
61
- role: "user",
62
- name: "InsertionPrompt",
63
- content: "add section about the optionholder's pro rata share"
64
- },
65
- {
66
- role: "assistant",
67
- content: ` (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder's "Pro Rata Share"; `
68
- }
69
- ];
70
- var defaultInsertionsApiConfig = {
71
- apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(
72
- "/api/copilotkit_chatlike"
73
- ),
74
- makeSystemPrompt: defaultInsertionsMakeSystemPrompt,
75
- fewShotMessages: defaultInsertionsFewShotMessages,
76
- forwardedParams: void 0
77
- };
78
-
79
- export { defaultInsertionsApiConfig, defaultInsertionsFewShotMessages, defaultInsertionsMakeSystemPrompt };
80
- //# sourceMappingURL=out.js.map
81
- //# sourceMappingURL=chunk-XDT7BF3V.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/types/autosuggestions-config/insertions-api-config.tsx"],"names":[],"mappings":";;;;;AAWO,IAAM,oCAAsD,CACjE,iBACA,kBACG;AACH,SAAO;AAAA;AAAA;AAAA,mBAGW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBlB;AAAA;AAAA;AAGF;AAEO,IAAM,mCAA4D;AAAA,EACvE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AACF;AAEO,IAAM,6BAAkD;AAAA,EAC7D,aAAa,oBAAoB;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB","sourcesContent":["import { ChatlikeApiEndpoint } from \"./subtypes/chatlike-api-endpoint\";\nimport { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\nimport { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\n\nexport interface InsertionsApiConfig {\n apiEndpoint: ChatlikeApiEndpoint;\n makeSystemPrompt: MakeSystemPrompt;\n fewShotMessages: MinimalChatGPTMessage[];\n forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultInsertionsMakeSystemPrompt: MakeSystemPrompt = (\n textareaPurpose,\n contextString\n) => {\n return `You are a versatile writing assistant.\n \nThe user is writing some text.\nThe purpose is: \\\"${textareaPurpose}\\\"\n\nThe user also provides you with a prompt for INSERTIONS into the text they are writing. \nYour job is to come up with an INSERTION into the text that the user would like AS BEST YOU CAN.\nOnly guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.\n\nAdjust yourself to the user's style and implied intent.\n\nThe user will provide the text before and after the cursor, as well as the insertion prompt. You should use this to infer the best relevant insertion.\n<TextAfterCursor>\n<TextBeforeCursor>\n<InsertionPrompt>\n<YourSuggestion>\n\nIf we need to add a whitespace character to the suggested text, make sure to explicitly add it in.\n\nThe following external context is also provided. Use it to help you make better suggestions!!!\n\\`\\`\\`\n${contextString}\n\\`\\`\\`\n`;\n};\n\nexport const defaultInsertionsFewShotMessages: MinimalChatGPTMessage[] = [\n {\n role: \"user\",\n name: \"TextAfterCursor\",\n content:\n \"While I was there I also picked up some apples, oranges, and bananas.\",\n },\n {\n role: \"user\",\n name: \"TextBeforeCursor\",\n content: \"This morning I woke up and went straight to the grocery store.\",\n },\n {\n role: \"user\",\n name: \"InsertionPrompt\",\n content: \"I bought a big watermelon\",\n },\n {\n role: \"assistant\",\n content:\n \" When I arrived I went straight to the produce section and picked out a big watermelon. \",\n },\n {\n role: \"user\",\n name: \"TextAfterCursor\",\n content:\n \"and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.\",\n },\n {\n role: \"user\",\n name: \"TextBeforeCursor\",\n content:\n 'The Optionholder, in the Optionholder\\'s capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an \"Equityholder\" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an \"Equityholder\" thereunder;',\n },\n {\n role: \"user\",\n name: \"InsertionPrompt\",\n content: \"add section about the optionholder's pro rata share\",\n },\n {\n role: \"assistant\",\n content:\n ' (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder\\'s \"Pro Rata Share\"; ',\n },\n];\n\nexport const defaultInsertionsApiConfig: InsertionsApiConfig = {\n apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(\n \"/api/copilotkit_chatlike\"\n ),\n makeSystemPrompt: defaultInsertionsMakeSystemPrompt,\n fewShotMessages: defaultInsertionsFewShotMessages,\n forwardedParams: undefined,\n};\n"]}
@@ -1,91 +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("span", __spreadProps(__spreadValues({}, props), {
19
- ref,
20
- className: cx(
21
- className,
22
- css`
23
- cursor: pointer;
24
- color: ${reversed ? active ? "white" : "#aaa" : active ? "black" : "#ccc"};
25
- `
26
- )
27
- }));
28
- }
29
- );
30
- var Icon = React.forwardRef(
31
- (_a, ref) => {
32
- var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
33
- return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props), {
34
- ref,
35
- className: cx(
36
- "material-icons",
37
- className,
38
- css`
39
- font-size: 18px;
40
- vertical-align: text-bottom;
41
- `
42
- )
43
- }));
44
- }
45
- );
46
- var Menu = React.forwardRef(
47
- (_a, ref) => {
48
- var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
49
- return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, props), {
50
- "data-test-id": "menu",
51
- ref,
52
- className: cx(
53
- className,
54
- css`
55
- & > * {
56
- display: inline-block;
57
- }
58
-
59
- & > * + * {
60
- margin-left: 15px;
61
- }
62
- `
63
- )
64
- }));
65
- }
66
- );
67
- var Portal = ({ children }) => {
68
- return typeof document === "object" ? ReactDOM.createPortal(children, document.body) : null;
69
- };
70
- var Toolbar = React.forwardRef(
71
- (_a, ref) => {
72
- var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
73
- return /* @__PURE__ */ jsx(Menu, __spreadProps(__spreadValues({}, props), {
74
- ref,
75
- className: cx(
76
- className,
77
- css`
78
- position: relative;
79
- padding: 1px 18px 17px;
80
- margin: 0 -20px;
81
- border-bottom: 2px solid #eee;
82
- margin-bottom: 20px;
83
- `
84
- )
85
- }));
86
- }
87
- );
88
-
89
- export { Button, Icon, Menu, Portal, Toolbar };
90
- //# sourceMappingURL=out.js.map
91
- //# sourceMappingURL=chunk-XHUMROEY.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,+BAAC,yCACK,QADL;AAAA,MAEC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA;AAAA,mBAEW,WACL,SACE,UACA,SACF,SACA,UACA;AAAA;AAAA,MAER;AAAA,MACF;AAAA;AAEJ;AAEO,IAAM,OAAO,MAAM;AAAA,EACxB,CACE,IACA,QACA;AAFA,iBAAE,YA9CN,IA8CI,IAAgB,kBAAhB,IAAgB,CAAd;AAGF,+BAAC,yCACK,QADL;AAAA,MAEC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA,MAIF;AAAA,MACF;AAAA;AAEJ;AAEO,IAAM,OAAO,MAAM;AAAA,EACxB,CACE,IACA,QACA;AAFA,iBAAE,YAlEN,IAkEI,IAAgB,kBAAhB,IAAgB,CAAd;AAGF,+BAAC,wCACK,QADL;AAAA,MAEC,gBAAa;AAAA,MACb;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASF;AAAA,MACF;AAAA;AAEJ;AACO,IAAM,SAAS,CAAC,EAAE,SAAS,MAAqC;AACrE,SAAO,OAAO,aAAa,WACvB,SAAS,aAAa,UAAU,SAAS,IAAI,IAC7C;AACN;AAEO,IAAM,UAAU,MAAM;AAAA,EAC3B,CACE,IACA,QACA;AAFA,iBAAE,YAhGN,IAgGI,IAAgB,kBAAhB,IAAgB,CAAd;AAGF,+BAAC,uCACK,QADL;AAAA,MAEC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOF;AAAA,MACF;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\n ? active\n ? \"white\"\n : \"#aaa\"\n : active\n ? \"black\"\n : \"#ccc\"};\n `\n )}\n />\n )\n);\n\nexport const Icon = React.forwardRef(\n (\n { className, ...props }: PropsWithChildren<BaseProps>,\n ref: Ref<HTMLSpanElement | null>\n ) => (\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 (\n { className, ...props }: PropsWithChildren<BaseProps>,\n ref: Ref<HTMLDivElement | null>\n ) => (\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\"\n ? ReactDOM.createPortal(children, document.body)\n : null;\n};\n\nexport const Toolbar = React.forwardRef(\n (\n { className, ...props }: PropsWithChildren<BaseProps>,\n ref?: Ref<HTMLDivElement>\n ) => (\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"]}