npm - @copilotkit/react-textarea - Versions diffs - 0.10.0 → 0.11.0 - Mend

@copilotkit/react-textarea 0.10.0 → 0.11.0

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 (27) hide show

package/.turbo/turbo-build.log +168 -164
package/CHANGELOG.md +6 -0
package/dist/{chunk-CU2M5BIJ.mjs → chunk-YICIML6J.mjs} +26 -5
package/dist/chunk-YICIML6J.mjs.map +1 -0
package/dist/{chunk-NHLYAJCQ.mjs → chunk-YTT5NE6B.mjs} +2 -2
package/dist/chunk-YTT5NE6B.mjs.map +1 -0
package/dist/components/base-copilot-textarea/base-copilot-textarea.d.ts +4 -13
package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs +1 -1
package/dist/components/copilot-textarea/copilot-textarea.d.ts +2 -3
package/dist/components/copilot-textarea/copilot-textarea.mjs +2 -2
package/dist/components/index.d.ts +3 -2
package/dist/components/index.mjs +2 -2
package/dist/index.d.ts +2 -1
package/dist/index.mjs +3 -3
package/dist/types/base/base-copilot-textarea-props.d.ts +38 -0
package/dist/types/base/base-copilot-textarea-props.mjs +3 -0
package/dist/types/base/base-copilot-textarea-props.mjs.map +1 -0
package/dist/types/base/index.d.ts +2 -0
package/dist/types/index.d.ts +2 -0
package/package.json +3 -3
package/src/components/base-copilot-textarea/base-copilot-textarea.tsx +37 -21
package/src/components/copilot-textarea/copilot-textarea.tsx +2 -4
package/src/components/index.ts +0 -1
package/src/types/base/base-copilot-textarea-props.tsx +37 -0
package/src/types/base/index.ts +3 -1
package/dist/chunk-CU2M5BIJ.mjs.map +0 -1
package/dist/chunk-NHLYAJCQ.mjs.map +0 -1

package/.turbo/turbo-build.log CHANGED Viewed

@@ -1,178 +1,182 @@
-> @copilotkit/react-textarea@0.10.0 build /Users/ataibarkai/LocalGit/Recursively.ai/CopilotKit/CopilotKit/packages/react-textarea
+> @copilotkit/react-textarea@0.11.0 build /home/runner/work/CopilotKit/CopilotKit/CopilotKit/packages/react-textarea
 > tsup --treeshake
-CLI Building entry: src/index.tsx, src/context/index.ts, src/components/index.ts, src/hooks/index.ts, src/hooks/use-autosuggestions.ts, src/hooks/use-copilot-textarea-editor.tsx, src/lib/debouncer.ts, src/lib/editor-to-text.ts, src/lib/get-text-around-cursor.ts, src/lib/utils.test.ts, src/lib/utils.ts, src/types/index.ts, src/components/base-copilot-textarea/base-copilot-textarea.tsx, src/components/base-copilot-textarea/render-element.tsx, src/components/base-copilot-textarea/render-placeholder.tsx, src/components/base-copilot-textarea/use-add-branding-css.tsx, src/components/copilot-textarea/copilot-textarea.tsx, src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx, src/lib/slatejs-edits/add-autocompletions.ts, src/lib/slatejs-edits/clear-autocompletions.ts, src/lib/slatejs-edits/replace-text.ts, src/lib/slatejs-edits/with-partial-history.ts, src/types/standard-autosuggestions/autosuggestions-config.tsx, src/types/standard-autosuggestions/index.ts, src/types/standard-autosuggestions/minimal-chat-gpt-message.tsx, src/types/base/autosuggestion-state.ts, src/types/base/autosuggestions-bare-function.ts, src/types/base/base-autosuggestions-config.tsx, src/types/base/custom-editor.tsx, src/types/base/editor-autocomplete-state.ts, src/types/base/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v6.5.0
-CLI Using tsup config: /Users/ataibarkai/LocalGit/Recursively.ai/CopilotKit/CopilotKit/packages/react-textarea/tsup.config.ts
-CLI Target: es6
-CLI Cleaning output folder
-ESM Build start
+[34mCLI[39m Building entry: src/index.tsx, src/components/index.ts, src/context/index.ts, src/hooks/index.ts, src/hooks/use-autosuggestions.ts, src/hooks/use-copilot-textarea-editor.tsx, src/lib/debouncer.ts, src/lib/editor-to-text.ts, src/lib/get-text-around-cursor.ts, src/lib/utils.test.ts, src/lib/utils.ts, src/types/index.ts, src/components/base-copilot-textarea/base-copilot-textarea.tsx, src/components/base-copilot-textarea/render-element.tsx, src/components/base-copilot-textarea/render-placeholder.tsx, src/components/base-copilot-textarea/use-add-branding-css.tsx, src/components/copilot-textarea/copilot-textarea.tsx, src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx, src/lib/slatejs-edits/add-autocompletions.ts, src/lib/slatejs-edits/clear-autocompletions.ts, src/lib/slatejs-edits/replace-text.ts, src/lib/slatejs-edits/with-partial-history.ts, src/types/base/autosuggestion-state.ts, src/types/base/autosuggestions-bare-function.ts, src/types/base/base-autosuggestions-config.tsx, src/types/base/base-copilot-textarea-props.tsx, src/types/base/custom-editor.tsx, src/types/base/editor-autocomplete-state.ts, src/types/base/index.ts, src/types/standard-autosuggestions/autosuggestions-config.tsx, src/types/standard-autosuggestions/index.ts, src/types/standard-autosuggestions/minimal-chat-gpt-message.tsx
+[34mCLI[39m Using tsconfig: tsconfig.json
+[34mCLI[39m tsup v6.5.0
+[34mCLI[39m Using tsup config: /home/runner/work/CopilotKit/CopilotKit/CopilotKit/packages/react-textarea/tsup.config.ts
+[34mCLI[39m Target: es6
+[34mCLI[39m Cleaning output folder
+[34mESM[39m Build start
 Browserslist: caniuse-lite is outdated. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
-DTS Build start
+[34mDTS[39m Build start
+Generated an empty chunk: "base-copilot-textarea-props".
+Generated an empty chunk: "custom-editor".
 Generated an empty chunk: "minimal-chat-gpt-message".
 Generated an empty chunk: "autosuggestion-state".
 Generated an empty chunk: "autosuggestions-bare-function".
-Generated an empty chunk: "custom-editor".
 Generated an empty chunk: "chunk-FD6FGKYY".
-Generated an empty chunk: "chunk-IU3WTXLQ".
 Generated an empty chunk: "chunk-MMVDU6DF".
 Generated an empty chunk: "chunk-AZQCUNBV".
 Generated an empty chunk: "chunk-WJHSY5T6".
+Generated an empty chunk: "chunk-IU3WTXLQ".
 Generated an empty chunk: "chunk-H4VKQGVU".
-ESM dist/components/copilot-textarea/copilot-textarea.css                                       253.00 B
-ESM dist/components/base-copilot-textarea/base-copilot-textarea.css                             258.00 B
-ESM dist/index.css                                                                              5.75 KB
-ESM dist/components/index.css                                                                   242.00 B
-ESM dist/components/copilot-textarea/copilot-textarea.css.map                                   432.00 B
-ESM dist/components/base-copilot-textarea/base-copilot-textarea.css.map                         432.00 B
-ESM dist/index.css.map                                                                          12.37 KB
-ESM dist/components/index.css.map                                                               429.00 B
-ESM dist/types/standard-autosuggestions/minimal-chat-gpt-message.mjs                            86.00 B
-ESM dist/types/base/autosuggestion-state.mjs                                                    82.00 B
-ESM dist/types/base/autosuggestions-bare-function.mjs                                           91.00 B
-ESM dist/lib/utils.test.mjs                                                                     200.00 B
-ESM dist/chunk-MMVDU6DF.mjs                                                                     76.00 B
-ESM dist/chunk-AZQCUNBV.mjs                                                                     76.00 B
-ESM dist/chunk-WJHSY5T6.mjs                                                                     76.00 B
-ESM dist/chunk-FD6FGKYY.mjs                                                                     76.00 B
-ESM dist/types/base/custom-editor.mjs                                                           75.00 B
-ESM dist/chunk-IU3WTXLQ.mjs                                                                     76.00 B
-ESM dist/types/base/editor-autocomplete-state.mjs                                               227.00 B
-ESM dist/types/base/index.mjs                                                                   213.00 B
-ESM dist/components/copilot-textarea/copilot-textarea.mjs                                       837.00 B
-ESM dist/types/base/base-autosuggestions-config.mjs                                             200.00 B
-ESM dist/lib/slatejs-edits/add-autocompletions.mjs                                              186.00 B
-ESM dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs     220.00 B
-ESM dist/lib/slatejs-edits/clear-autocompletions.mjs                                            192.00 B
-ESM dist/lib/slatejs-edits/with-partial-history.mjs                                             198.00 B
-ESM dist/types/standard-autosuggestions/index.mjs                                               328.00 B
-ESM dist/lib/slatejs-edits/replace-text.mjs                                                     170.00 B
-ESM dist/types/standard-autosuggestions/autosuggestions-config.mjs                              310.00 B
-ESM dist/lib/utils.mjs                                                                          220.00 B
-ESM dist/lib/get-text-around-cursor.mjs                                                         232.00 B
-ESM dist/components/base-copilot-textarea/base-copilot-textarea.mjs                             706.00 B
-ESM dist/components/base-copilot-textarea/use-add-branding-css.mjs                              178.00 B
-ESM dist/components/base-copilot-textarea/render-placeholder.mjs                                188.00 B
-ESM dist/index.mjs                                                                              1.00 KB
-ESM dist/components/index.mjs                                                                   824.00 B
-ESM dist/chunk-NHLYAJCQ.mjs                                                                     1.06 KB
-ESM dist/components/base-copilot-textarea/render-element.mjs                                    180.00 B
-ESM dist/chunk-7KWRVIYV.mjs                                                                     314.00 B
-ESM dist/chunk-H4VKQGVU.mjs                                                                     76.00 B
-ESM dist/chunk-MRXNTQOX.mjs                                                                     1.92 KB
-ESM dist/chunk-4XYYSJ5C.mjs                                                                     527.00 B
-ESM dist/chunk-TSF4AJIK.mjs                                                                     716.00 B
-ESM dist/types/index.mjs                                                                        387.00 B
-ESM dist/chunk-A3SFEHWZ.mjs                                                                     2.09 KB
-ESM dist/chunk-OELUUJZY.mjs                                                                     625.00 B
-ESM dist/chunk-LNAIMEB2.mjs                                                                     1.09 KB
-ESM dist/hooks/use-autosuggestions.mjs                                                          268.00 B
-ESM dist/context/index.mjs                                                                      98.00 B
-ESM dist/hooks/index.mjs                                                                        98.00 B
-ESM dist/chunk-THWPPG6M.mjs                                                                     1.40 KB
-ESM dist/chunk-CU2M5BIJ.mjs                                                                     5.05 KB
-ESM dist/chunk-6SYD77G6.mjs                                                                     2.01 KB
-ESM dist/chunk-UW3ITU2Y.mjs                                                                     496.00 B
-ESM dist/chunk-KCHYD3EB.mjs                                                                     3.08 KB
-ESM dist/chunk-KGKLUWKW.mjs                                                                     1.37 KB
-ESM dist/chunk-3UQM3NLM.mjs                                                                     1.76 KB
-ESM dist/hooks/use-copilot-textarea-editor.mjs                                                  218.00 B
-ESM dist/lib/debouncer.mjs                                                                      153.00 B
-ESM dist/chunk-E2UEE45I.mjs                                                                     3.02 KB
-ESM dist/lib/editor-to-text.mjs                                                                 1.34 KB
-ESM dist/chunk-NKW5OU2S.mjs                                                                     959.00 B
-ESM dist/chunk-EHQ5TN4R.mjs                                                                     2.75 KB
-ESM dist/chunk-WJYQWL4I.mjs                                                                     595.00 B
-ESM dist/types/standard-autosuggestions/minimal-chat-gpt-message.mjs.map                        51.00 B
-ESM dist/lib/utils.test.mjs.map                                                                 349.00 B
-ESM dist/types/base/autosuggestion-state.mjs.map                                                51.00 B
-ESM dist/chunk-MMVDU6DF.mjs.map                                                                 51.00 B
-ESM dist/types/base/custom-editor.mjs.map                                                       51.00 B
-ESM dist/chunk-WJHSY5T6.mjs.map                                                                 51.00 B
-ESM dist/chunk-AZQCUNBV.mjs.map                                                                 51.00 B
-ESM dist/chunk-FD6FGKYY.mjs.map                                                                 51.00 B
-ESM dist/chunk-IU3WTXLQ.mjs.map                                                                 51.00 B
-ESM dist/components/copilot-textarea/copilot-textarea.mjs.map                                   51.00 B
-ESM dist/types/base/index.mjs.map                                                               51.00 B
-ESM dist/lib/slatejs-edits/add-autocompletions.mjs.map                                          51.00 B
-ESM dist/types/base/autosuggestions-bare-function.mjs.map                                       51.00 B
-ESM dist/lib/slatejs-edits/with-partial-history.mjs.map                                         51.00 B
-ESM dist/lib/slatejs-edits/clear-autocompletions.mjs.map                                        51.00 B
-ESM dist/types/base/editor-autocomplete-state.mjs.map                                           51.00 B
-ESM dist/types/base/base-autosuggestions-config.mjs.map                                         51.00 B
-ESM dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs.map 51.00 B
-ESM dist/lib/get-text-around-cursor.mjs.map                                                     51.00 B
-ESM dist/components/base-copilot-textarea/use-add-branding-css.mjs.map                          51.00 B
-ESM dist/components/base-copilot-textarea/base-copilot-textarea.mjs.map                         51.00 B
-ESM dist/index.mjs.map                                                                          51.00 B
-ESM dist/lib/utils.mjs.map                                                                      51.00 B
-ESM dist/chunk-NHLYAJCQ.mjs.map                                                                 1.75 KB
-ESM dist/types/standard-autosuggestions/index.mjs.map                                           51.00 B
-ESM dist/types/standard-autosuggestions/autosuggestions-config.mjs.map                          51.00 B
-ESM dist/lib/slatejs-edits/replace-text.mjs.map                                                 51.00 B
-ESM dist/chunk-7KWRVIYV.mjs.map                                                                 623.00 B
-ESM dist/components/base-copilot-textarea/render-element.mjs.map                                51.00 B
-ESM dist/components/base-copilot-textarea/render-placeholder.mjs.map                            51.00 B
-ESM dist/chunk-H4VKQGVU.mjs.map                                                                 51.00 B
-ESM dist/chunk-TSF4AJIK.mjs.map                                                                 1.31 KB
-ESM dist/types/index.mjs.map                                                                    51.00 B
-ESM dist/chunk-4XYYSJ5C.mjs.map                                                                 921.00 B
-ESM dist/chunk-LNAIMEB2.mjs.map                                                                 1.73 KB
-ESM dist/hooks/use-autosuggestions.mjs.map                                                      51.00 B
-ESM dist/chunk-OELUUJZY.mjs.map                                                                 957.00 B
-ESM dist/chunk-A3SFEHWZ.mjs.map                                                                 4.73 KB
-ESM dist/hooks/index.mjs.map                                                                    51.00 B
-ESM dist/chunk-THWPPG6M.mjs.map                                                                 2.24 KB
-ESM dist/context/index.mjs.map                                                                  51.00 B
-ESM dist/chunk-6SYD77G6.mjs.map                                                                 3.78 KB
-ESM dist/chunk-KGKLUWKW.mjs.map                                                                 2.45 KB
-ESM dist/chunk-KCHYD3EB.mjs.map                                                                 6.12 KB
-ESM dist/chunk-MRXNTQOX.mjs.map                                                                 71.00 B
-ESM dist/chunk-UW3ITU2Y.mjs.map                                                                 878.00 B
-ESM dist/components/index.mjs.map                                                               51.00 B
-ESM dist/chunk-CU2M5BIJ.mjs.map                                                                 8.62 KB
-ESM dist/hooks/use-copilot-textarea-editor.mjs.map                                              51.00 B
-ESM dist/chunk-E2UEE45I.mjs.map                                                                 5.78 KB
-ESM dist/lib/debouncer.mjs.map                                                                  51.00 B
-ESM dist/chunk-3UQM3NLM.mjs.map                                                                 3.63 KB
-ESM dist/lib/editor-to-text.mjs.map                                                             2.83 KB
-ESM dist/chunk-EHQ5TN4R.mjs.map                                                                 4.01 KB
-ESM dist/chunk-NKW5OU2S.mjs.map                                                                 1.60 KB
-ESM dist/chunk-WJYQWL4I.mjs.map                                                                 1.04 KB
-ESM ⚡️ Build success in 544ms
-DTS ⚡️ Build success in 1401ms
-DTS dist/index.d.ts                                                                          763.00 B
-DTS dist/components/base-copilot-textarea/base-copilot-textarea.d.ts                         820.00 B
-DTS dist/components/copilot-textarea/copilot-textarea.d.ts                                   703.00 B
-DTS dist/types/base/base-autosuggestions-config.d.ts                                         355.00 B
-DTS dist/types/base/autosuggestions-bare-function.d.ts                                       162.00 B
-DTS dist/types/standard-autosuggestions/autosuggestions-config.d.ts                          884.00 B
-DTS dist/types/standard-autosuggestions/minimal-chat-gpt-message.d.ts                        129.00 B
-DTS dist/context/index.d.ts                                                                  1.00 B
-DTS dist/components/index.d.ts                                                               480.00 B
-DTS dist/hooks/index.d.ts                                                                    1.00 B
-DTS dist/hooks/use-autosuggestions.d.ts                                                      879.00 B
-DTS dist/types/base/autosuggestion-state.d.ts                                                143.00 B
-DTS dist/types/base/editor-autocomplete-state.d.ts                                           342.00 B
-DTS dist/hooks/use-copilot-textarea-editor.d.ts                                              223.00 B
-DTS dist/types/base/custom-editor.d.ts                                                       801.00 B
-DTS dist/lib/debouncer.d.ts                                                                  372.00 B
-DTS dist/lib/editor-to-text.d.ts                                                             243.00 B
-DTS dist/lib/get-text-around-cursor.d.ts                                                     453.00 B
-DTS dist/lib/utils.test.d.ts                                                                 1.00 B
-DTS dist/lib/utils.d.ts                                                                      638.00 B
-DTS dist/types/index.d.ts                                                                    491.00 B
-DTS dist/components/base-copilot-textarea/render-element.d.ts                                292.00 B
-DTS dist/components/base-copilot-textarea/render-placeholder.d.ts                            321.00 B
-DTS dist/components/base-copilot-textarea/use-add-branding-css.d.ts                          158.00 B
-DTS dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.d.ts 1.79 KB
-DTS dist/lib/slatejs-edits/add-autocompletions.d.ts                                          302.00 B
-DTS dist/lib/slatejs-edits/clear-autocompletions.d.ts                                        250.00 B
-DTS dist/lib/slatejs-edits/replace-text.d.ts                                                 139.00 B
-DTS dist/lib/slatejs-edits/with-partial-history.d.ts                                         542.00 B
-DTS dist/types/standard-autosuggestions/index.d.ts                                           286.00 B
-DTS dist/types/base/index.d.ts                                                               194.00 B
+[32mESM[39m [1mdist/index.css                                                                              [22m[32m5.75 KB[39m
+[32mESM[39m [1mdist/components/index.css                                                                   [22m[32m242.00 B[39m
+[32mESM[39m [1mdist/components/copilot-textarea/copilot-textarea.css                                       [22m[32m253.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/base-copilot-textarea.css                             [22m[32m258.00 B[39m
+[32mESM[39m [1mdist/index.css.map                                                                          [22m[32m12.37 KB[39m
+[32mESM[39m [1mdist/components/index.css.map                                                               [22m[32m429.00 B[39m
+[32mESM[39m [1mdist/lib/utils.test.mjs                                                                     [22m[32m200.00 B[39m
+[32mESM[39m [1mdist/lib/slatejs-edits/add-autocompletions.mjs                                              [22m[32m186.00 B[39m
+[32mESM[39m [1mdist/types/index.mjs                                                                        [22m[32m387.00 B[39m
+[32mESM[39m [1mdist/context/index.mjs                                                                      [22m[32m98.00 B[39m
+[32mESM[39m [1mdist/hooks/index.mjs                                                                        [22m[32m98.00 B[39m
+[32mESM[39m [1mdist/chunk-FD6FGKYY.mjs                                                                     [22m[32m76.00 B[39m
+[32mESM[39m [1mdist/chunk-MMVDU6DF.mjs                                                                     [22m[32m76.00 B[39m
+[32mESM[39m [1mdist/chunk-AZQCUNBV.mjs                                                                     [22m[32m76.00 B[39m
+[32mESM[39m [1mdist/chunk-WJHSY5T6.mjs                                                                     [22m[32m76.00 B[39m
+[32mESM[39m [1mdist/chunk-7KWRVIYV.mjs                                                                     [22m[32m314.00 B[39m
+[32mESM[39m [1mdist/chunk-IU3WTXLQ.mjs                                                                     [22m[32m76.00 B[39m
+[32mESM[39m [1mdist/chunk-H4VKQGVU.mjs                                                                     [22m[32m76.00 B[39m
+[32mESM[39m [1mdist/chunk-MRXNTQOX.mjs                                                                     [22m[32m1.92 KB[39m
+[32mESM[39m [1mdist/components/copilot-textarea/copilot-textarea.mjs                                       [22m[32m837.00 B[39m
+[32mESM[39m [1mdist/lib/slatejs-edits/clear-autocompletions.mjs                                            [22m[32m192.00 B[39m
+[32mESM[39m [1mdist/lib/slatejs-edits/replace-text.mjs                                                     [22m[32m170.00 B[39m
+[32mESM[39m [1mdist/lib/slatejs-edits/with-partial-history.mjs                                             [22m[32m198.00 B[39m
+[32mESM[39m [1mdist/lib/get-text-around-cursor.mjs                                                         [22m[32m232.00 B[39m
+[32mESM[39m [1mdist/lib/utils.mjs                                                                          [22m[32m220.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/base-copilot-textarea.mjs                             [22m[32m706.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/render-element.mjs                                    [22m[32m180.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/render-placeholder.mjs                                [22m[32m188.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/use-add-branding-css.mjs                              [22m[32m178.00 B[39m
+[32mESM[39m [1mdist/index.mjs                                                                              [22m[32m1.00 KB[39m
+[32mESM[39m [1mdist/components/index.mjs                                                                   [22m[32m824.00 B[39m
+[32mESM[39m [1mdist/chunk-YTT5NE6B.mjs                                                                     [22m[32m1.06 KB[39m
+[32mESM[39m [1mdist/chunk-A3SFEHWZ.mjs                                                                     [22m[32m2.09 KB[39m
+[32mESM[39m [1mdist/chunk-EHQ5TN4R.mjs                                                                     [22m[32m2.75 KB[39m
+[32mESM[39m [1mdist/chunk-YICIML6J.mjs                                                                     [22m[32m5.58 KB[39m
+[32mESM[39m [1mdist/chunk-WJYQWL4I.mjs                                                                     [22m[32m595.00 B[39m
+[32mESM[39m [1mdist/chunk-4XYYSJ5C.mjs                                                                     [22m[32m527.00 B[39m
+[32mESM[39m [1mdist/chunk-TSF4AJIK.mjs                                                                     [22m[32m716.00 B[39m
+[32mESM[39m [1mdist/chunk-3UQM3NLM.mjs                                                                     [22m[32m1.76 KB[39m
+[32mESM[39m [1mdist/chunk-LNAIMEB2.mjs                                                                     [22m[32m1.09 KB[39m
+[32mESM[39m [1mdist/chunk-OELUUJZY.mjs                                                                     [22m[32m625.00 B[39m
+[32mESM[39m [1mdist/chunk-THWPPG6M.mjs                                                                     [22m[32m1.40 KB[39m
+[32mESM[39m [1mdist/hooks/use-autosuggestions.mjs                                                          [22m[32m268.00 B[39m
+[32mESM[39m [1mdist/chunk-E2UEE45I.mjs                                                                     [22m[32m3.02 KB[39m
+[32mESM[39m [1mdist/chunk-UW3ITU2Y.mjs                                                                     [22m[32m496.00 B[39m
+[32mESM[39m [1mdist/chunk-KGKLUWKW.mjs                                                                     [22m[32m1.37 KB[39m
+[32mESM[39m [1mdist/hooks/use-copilot-textarea-editor.mjs                                                  [22m[32m218.00 B[39m
+[32mESM[39m [1mdist/chunk-6SYD77G6.mjs                                                                     [22m[32m2.01 KB[39m
+[32mESM[39m [1mdist/chunk-KCHYD3EB.mjs                                                                     [22m[32m3.08 KB[39m
+[32mESM[39m [1mdist/lib/debouncer.mjs                                                                      [22m[32m153.00 B[39m
+[32mESM[39m [1mdist/chunk-NKW5OU2S.mjs                                                                     [22m[32m959.00 B[39m
+[32mESM[39m [1mdist/lib/editor-to-text.mjs                                                                 [22m[32m1.34 KB[39m
+[32mESM[39m [1mdist/components/copilot-textarea/copilot-textarea.css.map                                   [22m[32m432.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/base-copilot-textarea.css.map                         [22m[32m432.00 B[39m
+[32mESM[39m [1mdist/types/base/base-copilot-textarea-props.mjs                                             [22m[32m89.00 B[39m
+[32mESM[39m [1mdist/types/standard-autosuggestions/minimal-chat-gpt-message.mjs                            [22m[32m86.00 B[39m
+[32mESM[39m [1mdist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs     [22m[32m220.00 B[39m
+[32mESM[39m [1mdist/types/base/custom-editor.mjs                                                           [22m[32m75.00 B[39m
+[32mESM[39m [1mdist/types/base/autosuggestion-state.mjs                                                    [22m[32m82.00 B[39m
+[32mESM[39m [1mdist/types/base/autosuggestions-bare-function.mjs                                           [22m[32m91.00 B[39m
+[32mESM[39m [1mdist/types/base/base-autosuggestions-config.mjs                                             [22m[32m200.00 B[39m
+[32mESM[39m [1mdist/types/base/editor-autocomplete-state.mjs                                               [22m[32m227.00 B[39m
+[32mESM[39m [1mdist/types/base/index.mjs                                                                   [22m[32m213.00 B[39m
+[32mESM[39m [1mdist/types/standard-autosuggestions/autosuggestions-config.mjs                              [22m[32m310.00 B[39m
+[32mESM[39m [1mdist/types/standard-autosuggestions/index.mjs                                               [22m[32m328.00 B[39m
+[32mESM[39m [1mdist/lib/utils.test.mjs.map                                                                 [22m[32m349.00 B[39m
+[32mESM[39m [1mdist/lib/slatejs-edits/add-autocompletions.mjs.map                                          [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/index.mjs.map                                                                    [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/context/index.mjs.map                                                                  [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/hooks/index.mjs.map                                                                    [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-FD6FGKYY.mjs.map                                                                 [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-MMVDU6DF.mjs.map                                                                 [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-AZQCUNBV.mjs.map                                                                 [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-WJHSY5T6.mjs.map                                                                 [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-7KWRVIYV.mjs.map                                                                 [22m[32m623.00 B[39m
+[32mESM[39m [1mdist/chunk-IU3WTXLQ.mjs.map                                                                 [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-H4VKQGVU.mjs.map                                                                 [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-MRXNTQOX.mjs.map                                                                 [22m[32m71.00 B[39m
+[32mESM[39m [1mdist/components/copilot-textarea/copilot-textarea.mjs.map                                   [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/lib/slatejs-edits/clear-autocompletions.mjs.map                                        [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/lib/slatejs-edits/replace-text.mjs.map                                                 [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/lib/slatejs-edits/with-partial-history.mjs.map                                         [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/lib/get-text-around-cursor.mjs.map                                                     [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/lib/utils.mjs.map                                                                      [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/base-copilot-textarea.mjs.map                         [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/render-element.mjs.map                                [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/render-placeholder.mjs.map                            [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/components/base-copilot-textarea/use-add-branding-css.mjs.map                          [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/index.mjs.map                                                                          [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/components/index.mjs.map                                                               [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-YTT5NE6B.mjs.map                                                                 [22m[32m1.81 KB[39m
+[32mESM[39m [1mdist/chunk-A3SFEHWZ.mjs.map                                                                 [22m[32m4.73 KB[39m
+[32mESM[39m [1mdist/chunk-EHQ5TN4R.mjs.map                                                                 [22m[32m4.01 KB[39m
+[32mESM[39m [1mdist/chunk-YICIML6J.mjs.map                                                                 [22m[32m10.01 KB[39m
+[32mESM[39m [1mdist/chunk-WJYQWL4I.mjs.map                                                                 [22m[32m1.04 KB[39m
+[32mESM[39m [1mdist/chunk-4XYYSJ5C.mjs.map                                                                 [22m[32m921.00 B[39m
+[32mESM[39m [1mdist/chunk-TSF4AJIK.mjs.map                                                                 [22m[32m1.31 KB[39m
+[32mESM[39m [1mdist/chunk-3UQM3NLM.mjs.map                                                                 [22m[32m3.63 KB[39m
+[32mESM[39m [1mdist/chunk-LNAIMEB2.mjs.map                                                                 [22m[32m1.73 KB[39m
+[32mESM[39m [1mdist/chunk-OELUUJZY.mjs.map                                                                 [22m[32m957.00 B[39m
+[32mESM[39m [1mdist/chunk-THWPPG6M.mjs.map                                                                 [22m[32m2.24 KB[39m
+[32mESM[39m [1mdist/hooks/use-autosuggestions.mjs.map                                                      [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-E2UEE45I.mjs.map                                                                 [22m[32m5.78 KB[39m
+[32mESM[39m [1mdist/chunk-UW3ITU2Y.mjs.map                                                                 [22m[32m878.00 B[39m
+[32mESM[39m [1mdist/chunk-KGKLUWKW.mjs.map                                                                 [22m[32m2.45 KB[39m
+[32mESM[39m [1mdist/hooks/use-copilot-textarea-editor.mjs.map                                              [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-6SYD77G6.mjs.map                                                                 [22m[32m3.78 KB[39m
+[32mESM[39m [1mdist/chunk-KCHYD3EB.mjs.map                                                                 [22m[32m6.12 KB[39m
+[32mESM[39m [1mdist/lib/debouncer.mjs.map                                                                  [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/chunk-NKW5OU2S.mjs.map                                                                 [22m[32m1.60 KB[39m
+[32mESM[39m [1mdist/lib/editor-to-text.mjs.map                                                             [22m[32m2.83 KB[39m
+[32mESM[39m [1mdist/types/base/base-copilot-textarea-props.mjs.map                                         [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/standard-autosuggestions/minimal-chat-gpt-message.mjs.map                        [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs.map [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/base/custom-editor.mjs.map                                                       [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/base/autosuggestion-state.mjs.map                                                [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/base/autosuggestions-bare-function.mjs.map                                       [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/base/base-autosuggestions-config.mjs.map                                         [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/base/editor-autocomplete-state.mjs.map                                           [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/base/index.mjs.map                                                               [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/standard-autosuggestions/autosuggestions-config.mjs.map                          [22m[32m51.00 B[39m
+[32mESM[39m [1mdist/types/standard-autosuggestions/index.mjs.map                                           [22m[32m51.00 B[39m
+[32mESM[39m ⚡️ Build success in 3609ms
+[32mDTS[39m ⚡️ Build success in 6074ms
+[32mDTS[39m [1mdist/index.d.ts                                                                          [22m[32m825.00 B[39m
+[32mDTS[39m [1mdist/components/base-copilot-textarea/base-copilot-textarea.d.ts                         [22m[32m445.00 B[39m
+[32mDTS[39m [1mdist/components/copilot-textarea/copilot-textarea.d.ts                                   [22m[32m641.00 B[39m
+[32mDTS[39m [1mdist/types/base/base-autosuggestions-config.d.ts                                         [22m[32m355.00 B[39m
+[32mDTS[39m [1mdist/types/base/autosuggestions-bare-function.d.ts                                       [22m[32m162.00 B[39m
+[32mDTS[39m [1mdist/types/base/base-copilot-textarea-props.d.ts                                         [22m[32m1.89 KB[39m
+[32mDTS[39m [1mdist/types/standard-autosuggestions/autosuggestions-config.d.ts                          [22m[32m884.00 B[39m
+[32mDTS[39m [1mdist/types/standard-autosuggestions/minimal-chat-gpt-message.d.ts                        [22m[32m129.00 B[39m
+[32mDTS[39m [1mdist/components/index.d.ts                                                               [22m[32m509.00 B[39m
+[32mDTS[39m [1mdist/context/index.d.ts                                                                  [22m[32m1.00 B[39m
+[32mDTS[39m [1mdist/hooks/index.d.ts                                                                    [22m[32m1.00 B[39m
+[32mDTS[39m [1mdist/hooks/use-autosuggestions.d.ts                                                      [22m[32m879.00 B[39m
+[32mDTS[39m [1mdist/types/base/autosuggestion-state.d.ts                                                [22m[32m143.00 B[39m
+[32mDTS[39m [1mdist/types/base/editor-autocomplete-state.d.ts                                           [22m[32m342.00 B[39m
+[32mDTS[39m [1mdist/hooks/use-copilot-textarea-editor.d.ts                                              [22m[32m223.00 B[39m
+[32mDTS[39m [1mdist/types/base/custom-editor.d.ts                                                       [22m[32m801.00 B[39m
+[32mDTS[39m [1mdist/lib/debouncer.d.ts                                                                  [22m[32m372.00 B[39m
+[32mDTS[39m [1mdist/lib/editor-to-text.d.ts                                                             [22m[32m243.00 B[39m
+[32mDTS[39m [1mdist/lib/get-text-around-cursor.d.ts                                                     [22m[32m453.00 B[39m
+[32mDTS[39m [1mdist/lib/utils.test.d.ts                                                                 [22m[32m1.00 B[39m
+[32mDTS[39m [1mdist/lib/utils.d.ts                                                                      [22m[32m638.00 B[39m
+[32mDTS[39m [1mdist/types/index.d.ts                                                                    [22m[32m589.00 B[39m
+[32mDTS[39m [1mdist/components/base-copilot-textarea/render-element.d.ts                                [22m[32m292.00 B[39m
+[32mDTS[39m [1mdist/components/base-copilot-textarea/render-placeholder.d.ts                            [22m[32m321.00 B[39m
+[32mDTS[39m [1mdist/components/base-copilot-textarea/use-add-branding-css.d.ts                          [22m[32m158.00 B[39m
+[32mDTS[39m [1mdist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.d.ts [22m[32m1.79 KB[39m
+[32mDTS[39m [1mdist/lib/slatejs-edits/add-autocompletions.d.ts                                          [22m[32m302.00 B[39m
+[32mDTS[39m [1mdist/lib/slatejs-edits/clear-autocompletions.d.ts                                        [22m[32m250.00 B[39m
+[32mDTS[39m [1mdist/lib/slatejs-edits/replace-text.d.ts                                                 [22m[32m139.00 B[39m
+[32mDTS[39m [1mdist/lib/slatejs-edits/with-partial-history.d.ts                                         [22m[32m542.00 B[39m
+[32mDTS[39m [1mdist/types/base/index.d.ts                                                               [22m[32m287.00 B[39m
+[32mDTS[39m [1mdist/types/standard-autosuggestions/index.d.ts                                           [22m[32m286.00 B[39m

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,11 @@
 # ui
+## 0.11.0
+### Minor Changes
+- 3517bd5: CopilotTextarea supports standard onChange interface
 ## 0.10.0
 ### Minor Changes

package/dist/{chunk-CU2M5BIJ.mjs → chunk-YICIML6J.mjs} RENAMED Viewed

@@ -92,14 +92,18 @@ function BaseCopilotTextarea(props) {
     onValueChange,
     autosuggestionsConfig: autosuggestionsConfigFromProps,
     autosuggestionsFunction,
-    className
+    className,
+    onChange,
+    onKeyDown
   } = _a, propsToForward = __objRest(_a, [
     "placeholderStyle",
     "value",
     "onValueChange",
     "autosuggestionsConfig",
     "autosuggestionsFunction",
-    "className"
+    "className",
+    "onChange",
+    "onKeyDown"
   ]);
   const moddedClassName = (() => {
     const baseClassName = "copilot-textarea";
@@ -112,22 +116,39 @@ function BaseCopilotTextarea(props) {
     editor,
     initialValue,
     onChange: (value2) => {
-      var _a2;
+      var _a2, _b;
       const newEditorState = getTextAroundCursor(editor);
       const fullEditorText = newEditorState ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor : getFullEditorTextWithNewlines(editor);
       setLastKnownFullEditorText(fullEditorText);
       onChangeHandlerForAutocomplete(newEditorState);
       (_a2 = props.onValueChange) == null ? void 0 : _a2.call(props, fullEditorText);
+      (_b = props.onChange) == null ? void 0 : _b.call(props, makeSemiFakeReactTextAreaEvent(fullEditorText));
     },
     children: /* @__PURE__ */ jsx(Editable, __spreadValues({
       renderElement: renderElementMemoized,
       renderPlaceholder: renderPlaceholderMemoized,
-      onKeyDown: onKeyDownHandlerForAutocomplete,
+      onKeyDown: (event) => {
+        var _a2;
+        onKeyDownHandlerForAutocomplete(event);
+        (_a2 = props.onKeyDown) == null ? void 0 : _a2.call(props, event);
+      },
       className: moddedClassName
     }, propsToForward))
   });
 }
+function makeSemiFakeReactTextAreaEvent(currentText) {
+  return {
+    target: {
+      value: currentText,
+      type: "copilot-textarea"
+    },
+    currentTarget: {
+      value: currentText,
+      type: "copilot-textarea"
+    }
+  };
+}
 export { BaseCopilotTextarea };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-CU2M5BIJ.mjs.map
+//# sourceMappingURL=chunk-YICIML6J.mjs.map

package/dist/chunk-YICIML6J.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/base-copilot-textarea/base-copilot-textarea.tsx"],"names":["_a","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAC1D,SAAqB,cAAc;AACnC,SAAS,UAAU,aAAa;AAChC,SAAS,eAAe;AAiKlB;AA3IC,SAAS,oBACd,OAGa;AACb,QAAM,wBAAmD,kCACpD,mCACA,MAAM;AAGX,QAAM,uBAAuB,QAAQ,MAAG;AAnC1C,QAAAA;AAmC6C,YAAAA,MAAA,MAAM,UAAN,OAAAA,MAAe;AAAA,KAAI,CAAC,CAAC;AAChE,QAAM,CAAC,yBAAyB,0BAA0B,IACxD,SAAS,oBAAoB;AAE/B,QAAM,eAA6B,QAAQ,MAAM;AAC/C,WAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAAA,MAC3C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,SAAS,yBAAyB;AAExC,QAAM,aAAa;AAAA,IACjB,CAAC,mBAAwC;AACvC,aAAO,WAAW,QAAQ,eAAe,MAAM;AAAA,QAC7C,IAAI,eAAe;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM;AAAA,IACJ;AAAA,IACA,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,EACpB,IAAI;AAAA,IACF,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,MAAM;AAAA,IACN;AAAA,IACA,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,EACxB;AAGA,YAAU,MAAM;AACd,mCAA+B,MAAM;AACrC,QAAI,+BAA+B;AACjC;AAAA,QACE;AAAA,QACA,8BAA8B;AAAA,QAC9B,8BAA8B;AAAA,MAChC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,6BAA6B,CAAC;AAElC,QAAM,2BAAgD,QAAQ,MAAM;AAClE,WAAO;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,OACJ,MAAM;AAAA,EAEb,GAAG,CAAC,MAAM,gBAAgB,CAAC;AAE3B,oBAAkB,0BAA0B,MAAM,eAAe;AAEjE,QAAM,wBAAwB,QAAQ,MAAM;AAC1C,WAAO,0BAA0B,wBAAwB;AAAA,EAC3D,GAAG,CAAC,wBAAwB,CAAC;AAE7B,QAAM,4BAA4B,QAAQ,MAAM;AAE9C,UAAM,mCAAwD;AAAA,MAC5D,KAAK;AAAA,IACP;AAEA,UAAM,4BAAiD,kCAClD,mCACA,MAAM;AAGX,WAAO,8BAA8B,yBAAyB;AAAA,EAChE,GAAG,CAAC,MAAM,gBAAgB,CAAC;AAG3B,YAAU,MAAM;AAjHlB,QAAAA,KAAA;AAkHI,QAAI,MAAM,UAAU,yBAAyB;AAC3C;AAAA,IACF;AAEA,gCAA2BA,MAAA,MAAM,UAAN,OAAAA,MAAe,EAAE;AAC5C,sBAAkB,SAAQ,WAAM,UAAN,YAAe,EAAE;AAAA,EAC7C,GAAG,CAAC,MAAM,KAAK,CAAC;AAGhB,QAUI,YATF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAnIJ,IAqIM,IADC,2BACD,IADC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,mBAAmB,MAAM;AAC7B,UAAM,gBAAgB;AACtB,UAAM,gBAAgB,MAAM,kBACxB,gBACA;AACJ,UAAM,2BAA2B;AACjC,UAAM,kBAAkB,QAAQ,0BAA0B,gCAAa,EAAE;AACzE,WAAO,GAAG,iBAAiB,iBAAiB;AAAA,EAC9C,GAAG;AAEH,SAEE,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU,CAACC,WAAU;AAtJ3B,UAAAD,KAAA;AAuJQ,YAAM,iBAAiB,oBAAoB,MAAM;AAEjD,YAAM,iBAAiB,iBACnB,eAAe,mBAAmB,eAAe,kBACjD,8BAA8B,MAAM;AAExC,iCAA2B,cAAc;AACzC,qCAA+B,cAAc;AAE7C,OAAAA,MAAA,MAAM,kBAAN,gBAAAA,IAAA,YAAsB;AACtB,kBAAM,aAAN,+BAAiB,+BAA+B,cAAc;AAAA,IAChE;AAAA,IAEA,8BAAC;AAAA,MACC,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,WAAW,CAAC,UAAU;AAvK9B,YAAAA;AAwKU,wCAAgC,KAAK;AACrC,SAAAA,MAAA,MAAM,cAAN,gBAAAA,IAAA,YAAkB;AAAA,MACpB;AAAA,MACA,WAAW;AAAA,OACP,eACN;AAAA,GACF;AAEJ;AAaA,SAAS,+BACP,aACwC;AACxC,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,eAAe;AAAA,MACb,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF","sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Descendant, Editor } from \"slate\";\nimport { Editable, Slate } from \"slate-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useAutosuggestions } from \"../../hooks/use-autosuggestions\";\nimport { useCopilotTextareaEditor } from \"../../hooks/use-copilot-textarea-editor\";\nimport {\n getFullEditorTextWithNewlines,\n getTextAroundCursor,\n} from \"../../lib/get-text-around-cursor\";\nimport { addAutocompletionsToEditor } from \"../../lib/slatejs-edits/add-autocompletions\";\nimport { clearAutocompletionsFromEditor } from \"../../lib/slatejs-edits/clear-autocompletions\";\nimport { replaceEditorText } from \"../../lib/slatejs-edits/replace-text\";\nimport {\n AutosuggestionsBareFunction,\n BaseAutosuggestionsConfig,\n defaultBaseAutosuggestionsConfig,\n} from \"../../types/base\";\nimport { AutosuggestionState } from \"../../types/base/autosuggestion-state\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport \"./base-copilot-textarea.css\";\nimport { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\nimport { useAddBrandingCss } from \"./use-add-branding-css\";\n\nexport function BaseCopilotTextarea(\n props: BaseCopilotTextareaProps & {\n autosuggestionsFunction: AutosuggestionsBareFunction;\n }\n): JSX.Element {\n const autosuggestionsConfig: BaseAutosuggestionsConfig = {\n ...defaultBaseAutosuggestionsConfig,\n ...props.autosuggestionsConfig,\n };\n\n const valueOnInitialRender = useMemo(() => props.value ?? \"\", []);\n const [lastKnownFullEditorText, setLastKnownFullEditorText] =\n useState(valueOnInitialRender);\n\n const initialValue: Descendant[] = useMemo(() => {\n return [\n {\n type: \"paragraph\",\n children: [{ text: valueOnInitialRender }],\n },\n ];\n }, [valueOnInitialRender]);\n\n const editor = useCopilotTextareaEditor();\n\n const insertText = useCallback(\n (autosuggestion: AutosuggestionState) => {\n Editor.insertText(editor, autosuggestion.text, {\n at: autosuggestion.point,\n });\n },\n [editor]\n );\n\n const {\n currentAutocompleteSuggestion,\n onChangeHandler: onChangeHandlerForAutocomplete,\n onKeyDownHandler: onKeyDownHandlerForAutocomplete,\n } = useAutosuggestions(\n autosuggestionsConfig.debounceTime,\n autosuggestionsConfig.acceptAutosuggestionKey,\n props.autosuggestionsFunction,\n insertText,\n autosuggestionsConfig.disableWhenEmpty,\n autosuggestionsConfig.disabled\n );\n\n // sync autosuggestions state with the editor\n useEffect(() => {\n clearAutocompletionsFromEditor(editor);\n if (currentAutocompleteSuggestion) {\n addAutocompletionsToEditor(\n editor,\n currentAutocompleteSuggestion.text,\n currentAutocompleteSuggestion.point\n );\n }\n }, [currentAutocompleteSuggestion]);\n\n const suggestionStyleAugmented: React.CSSProperties = useMemo(() => {\n return {\n fontStyle: \"italic\",\n color: \"gray\",\n ...props.suggestionsStyle,\n };\n }, [props.suggestionsStyle]);\n\n useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);\n\n const renderElementMemoized = useMemo(() => {\n return makeRenderElementFunction(suggestionStyleAugmented);\n }, [suggestionStyleAugmented]);\n\n const renderPlaceholderMemoized = useMemo(() => {\n // For some reason slateJS specifies a top value of 0, which makes for strange styling. We override this here.\n const placeholderStyleSlatejsOverrides: React.CSSProperties = {\n top: undefined,\n };\n\n const placeholderStyleAugmented: React.CSSProperties = {\n ...placeholderStyleSlatejsOverrides,\n ...props.placeholderStyle,\n };\n\n return makeRenderPlaceholderFunction(placeholderStyleAugmented);\n }, [props.placeholderStyle]);\n\n // update the editor text, but only when the value changes from outside the component\n useEffect(() => {\n if (props.value === lastKnownFullEditorText) {\n return;\n }\n\n setLastKnownFullEditorText(props.value ?? \"\");\n replaceEditorText(editor, props.value ?? \"\");\n }, [props.value]);\n\n // separate into TextareaHTMLAttributes<HTMLDivElement> and CopilotTextareaProps\n const {\n placeholderStyle,\n value,\n onValueChange,\n autosuggestionsConfig: autosuggestionsConfigFromProps,\n autosuggestionsFunction,\n className,\n onChange,\n onKeyDown,\n ...propsToForward\n } = props;\n\n const moddedClassName = (() => {\n const baseClassName = \"copilot-textarea\";\n const brandingClass = props.disableBranding\n ? \"no-branding\"\n : \"with-branding\";\n const defaultTailwindClassName = \"bg-white overflow-y-auto resize-y\";\n const mergedClassName = twMerge(defaultTailwindClassName, className ?? \"\");\n return `${baseClassName} ${brandingClass} ${mergedClassName}`;\n })();\n\n return (\n // Add the editable component inside the context.\n <Slate\n editor={editor}\n initialValue={initialValue}\n onChange={(value) => {\n const newEditorState = getTextAroundCursor(editor);\n\n const fullEditorText = newEditorState\n ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor\n : getFullEditorTextWithNewlines(editor); // we don't double-parse the editor. When `newEditorState` is null, we didn't parse the editor yet.\n\n setLastKnownFullEditorText(fullEditorText);\n onChangeHandlerForAutocomplete(newEditorState);\n\n props.onValueChange?.(fullEditorText);\n props.onChange?.(makeSemiFakeReactTextAreaEvent(fullEditorText));\n }}\n >\n <Editable\n renderElement={renderElementMemoized}\n renderPlaceholder={renderPlaceholderMemoized}\n onKeyDown={(event) => {\n onKeyDownHandlerForAutocomplete(event); // forward the event for internal use\n props.onKeyDown?.(event); // forward the event for external use\n }}\n className={moddedClassName}\n {...propsToForward}\n />\n </Slate>\n );\n}\n\n// Consumers of <textarea> expect a `onChange: (React.ChangeEvent<HTMLTextAreaElement>) => void` event handler to be passed in.\n// This is *extremely* common, and we want to support it.\n//\n// We can't support the full functionality, but in 99% of cases, the consumer only cares about the `event.target.value` property --\n// that's how they get the new value of the textarea.\n//\n// So, the tradeoff we are making is minimizing compiler complaint, with a small chance of runtime error.\n// The alternative would be defining a different onChange entrypoint (we actually do have that in `onValueChange`),\n// And starting to explain subtleties to users the moment they try to use the component for the first time for very basic functionality.\n//\n// If this proves problematic, we can always revisit this decision.\nfunction makeSemiFakeReactTextAreaEvent(\n currentText: string\n): React.ChangeEvent<HTMLTextAreaElement> {\n return {\n target: {\n value: currentText,\n type: \"copilot-textarea\",\n },\n currentTarget: {\n value: currentText,\n type: \"copilot-textarea\",\n },\n } as React.ChangeEvent<HTMLTextAreaElement>;\n}\n"]}

package/dist/{chunk-NHLYAJCQ.mjs → chunk-YTT5NE6B.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { useMakeStandardAutosuggestionFunction } from './chunk-A3SFEHWZ.mjs';
 import { defaultAutosuggestionsConfig } from './chunk-EHQ5TN4R.mjs';
-import { BaseCopilotTextarea } from './chunk-CU2M5BIJ.mjs';
+import { BaseCopilotTextarea } from './chunk-YICIML6J.mjs';
 import { __spreadValues, __spreadProps } from './chunk-MRXNTQOX.mjs';
 import { jsx } from 'react/jsx-runtime';
@@ -22,4 +22,4 @@ function CopilotTextarea(props) {
 export { CopilotTextarea };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-NHLYAJCQ.mjs.map
+//# sourceMappingURL=chunk-YTT5NE6B.mjs.map

package/dist/chunk-YTT5NE6B.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/copilot-textarea/copilot-textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AA+BI;AAhBG,SAAS,gBAAgB,OAA0C;AACxE,QAAM,wBAA+C,kCAChD,+BACA,MAAM;AAGX,QAAM,0BAA0B;AAAA,IAC9B,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,EACxB;AAEA,SACE,oBAAC,sDACK,QADL;AAAA,IAEC;AAAA,IACA;AAAA,IACF;AAEJ","sourcesContent":["// This example is for an Editor with `ReactEditor` and `HistoryEditor`\nimport { useMakeStandardAutosuggestionFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport {\n AutosuggestionsConfig,\n defaultAutosuggestionsConfig,\n} from \"../../types/standard-autosuggestions\";\nimport { BaseCopilotTextarea } from \"../base-copilot-textarea/base-copilot-textarea\";\n\nexport interface CopilotTextareaProps extends BaseCopilotTextareaProps {\n autosuggestionsConfig: Partial<AutosuggestionsConfig> & {\n purposePrompt: string;\n };\n}\n\nexport function CopilotTextarea(props: CopilotTextareaProps): JSX.Element {\n const autosuggestionsConfig: AutosuggestionsConfig = {\n ...defaultAutosuggestionsConfig,\n ...props.autosuggestionsConfig,\n };\n\n const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(\n autosuggestionsConfig.purposePrompt,\n autosuggestionsConfig.apiEndpoint,\n autosuggestionsConfig.makeSystemPrompt,\n autosuggestionsConfig.fewShotMessages,\n autosuggestionsConfig.externalContextCategories,\n autosuggestionsConfig.forwardedParams\n );\n\n return (\n <BaseCopilotTextarea\n {...props}\n autosuggestionsConfig={autosuggestionsConfig}\n autosuggestionsFunction={autosuggestionsFunction}\n />\n );\n}\n"]}

package/dist/components/base-copilot-textarea/base-copilot-textarea.d.ts CHANGED Viewed

@@ -1,19 +1,10 @@
-import { TextareaHTMLAttributes } from 'react';
-import { BaseAutosuggestionsConfig } from '../../types/base/base-autosuggestions-config.js';
 import { AutosuggestionsBareFunction } from '../../types/base/autosuggestions-bare-function.js';
+import { BaseCopilotTextareaProps } from '../../types/base/base-copilot-textarea-props.js';
+import 'react';
+import '../../types/base/base-autosuggestions-config.js';
-interface BaseCopilotTextareaProps extends TextareaHTMLAttributes<HTMLDivElement> {
-    disableBranding?: boolean;
-    placeholderStyle?: React.CSSProperties;
-    suggestionsStyle?: React.CSSProperties;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {
-        purposePrompt: string;
-    };
-}
 declare function BaseCopilotTextarea(props: BaseCopilotTextareaProps & {
     autosuggestionsFunction: AutosuggestionsBareFunction;
 }): JSX.Element;
-export { BaseCopilotTextarea, BaseCopilotTextareaProps };
+export { BaseCopilotTextarea };

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

@@ -1,4 +1,4 @@
-export { BaseCopilotTextarea } from '../../chunk-CU2M5BIJ.mjs';
+export { BaseCopilotTextarea } from '../../chunk-YICIML6J.mjs';
 import '../../chunk-WJYQWL4I.mjs';
 import '../../chunk-4XYYSJ5C.mjs';
 import '../../chunk-TSF4AJIK.mjs';

package/dist/components/copilot-textarea/copilot-textarea.d.ts CHANGED Viewed

@@ -1,9 +1,8 @@
+import { BaseCopilotTextareaProps } from '../../types/base/base-copilot-textarea-props.js';
 import { AutosuggestionsConfig } from '../../types/standard-autosuggestions/autosuggestions-config.js';
-import { BaseCopilotTextareaProps } from '../base-copilot-textarea/base-copilot-textarea.js';
+import 'react';
 import '../../types/base/base-autosuggestions-config.js';
 import '../../types/standard-autosuggestions/minimal-chat-gpt-message.js';
-import 'react';
-import '../../types/base/autosuggestions-bare-function.js';
 interface CopilotTextareaProps extends BaseCopilotTextareaProps {
     autosuggestionsConfig: Partial<AutosuggestionsConfig> & {

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

@@ -1,8 +1,8 @@
-export { CopilotTextarea } from '../../chunk-NHLYAJCQ.mjs';
+export { CopilotTextarea } from '../../chunk-YTT5NE6B.mjs';
 import '../../chunk-A3SFEHWZ.mjs';
 import '../../chunk-AZQCUNBV.mjs';
 import '../../chunk-EHQ5TN4R.mjs';
-import '../../chunk-CU2M5BIJ.mjs';
+import '../../chunk-YICIML6J.mjs';
 import '../../chunk-WJYQWL4I.mjs';
 import '../../chunk-4XYYSJ5C.mjs';
 import '../../chunk-TSF4AJIK.mjs';

package/dist/components/index.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
-export { BaseCopilotTextarea, BaseCopilotTextareaProps } from './base-copilot-textarea/base-copilot-textarea.js';
+export { BaseCopilotTextarea } from './base-copilot-textarea/base-copilot-textarea.js';
 export { CopilotTextarea, CopilotTextareaProps } from './copilot-textarea/copilot-textarea.js';
+import '../types/base/autosuggestions-bare-function.js';
+import '../types/base/base-copilot-textarea-props.js';
 import 'react';
 import '../types/base/base-autosuggestions-config.js';
-import '../types/base/autosuggestions-bare-function.js';
 import '../types/standard-autosuggestions/autosuggestions-config.js';
 import '../types/standard-autosuggestions/minimal-chat-gpt-message.js';

package/dist/components/index.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
 import '../chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from '../chunk-NHLYAJCQ.mjs';
+export { CopilotTextarea } from '../chunk-YTT5NE6B.mjs';
 import '../chunk-A3SFEHWZ.mjs';
 import '../chunk-AZQCUNBV.mjs';
 import '../chunk-EHQ5TN4R.mjs';
-export { BaseCopilotTextarea } from '../chunk-CU2M5BIJ.mjs';
+export { BaseCopilotTextarea } from '../chunk-YICIML6J.mjs';
 import '../chunk-WJYQWL4I.mjs';
 import '../chunk-4XYYSJ5C.mjs';
 import '../chunk-TSF4AJIK.mjs';

package/dist/index.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
-export { BaseCopilotTextarea, BaseCopilotTextareaProps } from './components/base-copilot-textarea/base-copilot-textarea.js';
+export { BaseCopilotTextarea } from './components/base-copilot-textarea/base-copilot-textarea.js';
 export { CopilotTextarea, CopilotTextareaProps } from './components/copilot-textarea/copilot-textarea.js';
 export { BaseAutosuggestionsConfig, defaultBaseAutosuggestionsConfig } from './types/base/base-autosuggestions-config.js';
 export { AutosuggestionsBareFunction } from './types/base/autosuggestions-bare-function.js';
+export { BaseCopilotTextareaProps } from './types/base/base-copilot-textarea-props.js';
 export { AutosuggestionsConfig, MakeSystemPrompt, defaultAutosuggestionsConfig, defaultFewShotMessages, defaultMakeSystemPrompt } from './types/standard-autosuggestions/autosuggestions-config.js';
 export { MinimalChatGPTMessage } from './types/standard-autosuggestions/minimal-chat-gpt-message.js';
 import 'react';

package/dist/index.mjs CHANGED Viewed

@@ -1,11 +1,10 @@
 import './chunk-FD6FGKYY.mjs';
-import './chunk-IU3WTXLQ.mjs';
 import './chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from './chunk-NHLYAJCQ.mjs';
+export { CopilotTextarea } from './chunk-YTT5NE6B.mjs';
 import './chunk-A3SFEHWZ.mjs';
 import './chunk-AZQCUNBV.mjs';
 export { defaultAutosuggestionsConfig, defaultFewShotMessages, defaultMakeSystemPrompt } from './chunk-EHQ5TN4R.mjs';
-export { BaseCopilotTextarea } from './chunk-CU2M5BIJ.mjs';
+export { BaseCopilotTextarea } from './chunk-YICIML6J.mjs';
 import './chunk-WJYQWL4I.mjs';
 import './chunk-4XYYSJ5C.mjs';
 import './chunk-TSF4AJIK.mjs';
@@ -15,6 +14,7 @@ export { defaultBaseAutosuggestionsConfig } from './chunk-7KWRVIYV.mjs';
 import './chunk-LNAIMEB2.mjs';
 import './chunk-OELUUJZY.mjs';
 import './chunk-THWPPG6M.mjs';
+import './chunk-IU3WTXLQ.mjs';
 import './chunk-H4VKQGVU.mjs';
 import './chunk-E2UEE45I.mjs';
 import './chunk-UW3ITU2Y.mjs';

package/dist/types/base/base-copilot-textarea-props.d.ts ADDED Viewed

@@ -0,0 +1,38 @@
+import { TextareaHTMLAttributes } from 'react';
+import { BaseAutosuggestionsConfig } from './base-autosuggestions-config.js';
+/**
+ * `BaseCopilotTextareaProps` defines the properties for the `BaseCopilotTextarea` component.
+ *
+ * @extends {Omit<TextareaHTMLAttributes<HTMLDivElement>, "onChange">}
+ *
+ * @property {boolean} [disableBranding=false] - Determines whether branding should be disabled. Default is `false`.
+ *
+ * @property {React.CSSProperties} [placeholderStyle] - Specifies the CSS styles to apply to the placeholder text.
+ *
+ * @property {React.CSSProperties} [suggestionsStyle] - Specifies the CSS styles to apply to the suggestions list.
+ *
+ * @property {string} [value] - The initial value of the textarea. Can be controlled via `onValueChange`.
+ *
+ * @property {(value: string) => void} [onValueChange] - Callback invoked when the value of the textarea changes.
+ *
+ * @property {(event: React.ChangeEvent<HTMLTextAreaElement>) => void} [onChange] - Callback invoked when a `change` event is triggered on the textarea element. The event only actually includes the `event.target.value` and `event.currentTarget.value` properties (all that is required in 99% of cases).
+ *
+ * @property {Partial<BaseAutosuggestionsConfig> & {
+ *   purposePrompt: string;
+ * }} autosuggestionsConfig - Configuration settings for the autosuggestions feature.
+ * Includes a mandatory `purposePrompt` to guide the autosuggestions.
+ */
+interface BaseCopilotTextareaProps extends Omit<TextareaHTMLAttributes<HTMLDivElement>, "onChange"> {
+    disableBranding?: boolean;
+    placeholderStyle?: React.CSSProperties;
+    suggestionsStyle?: React.CSSProperties;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {
+        purposePrompt: string;
+    };
+}
+export { BaseCopilotTextareaProps };

package/dist/types/base/base-copilot-textarea-props.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=base-copilot-textarea-props.mjs.map

package/dist/types/base/base-copilot-textarea-props.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/base/index.d.ts CHANGED Viewed

@@ -1,2 +1,4 @@
 export { BaseAutosuggestionsConfig, defaultBaseAutosuggestionsConfig } from './base-autosuggestions-config.js';
 export { AutosuggestionsBareFunction } from './autosuggestions-bare-function.js';
+export { BaseCopilotTextareaProps } from './base-copilot-textarea-props.js';
+import 'react';

package/dist/types/index.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
 export { BaseAutosuggestionsConfig, defaultBaseAutosuggestionsConfig } from './base/base-autosuggestions-config.js';
 export { AutosuggestionsBareFunction } from './base/autosuggestions-bare-function.js';
+export { BaseCopilotTextareaProps } from './base/base-copilot-textarea-props.js';
 export { AutosuggestionsConfig, MakeSystemPrompt, defaultAutosuggestionsConfig, defaultFewShotMessages, defaultMakeSystemPrompt } from './standard-autosuggestions/autosuggestions-config.js';
 export { MinimalChatGPTMessage } from './standard-autosuggestions/minimal-chat-gpt-message.js';
+import 'react';

package/package.json CHANGED Viewed

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.10.0",
+  "version": "0.11.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -30,9 +30,9 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.1.3",
     "typescript": "^4.9.4",
+    "eslint-config-custom": "0.2.0",
     "tailwind-config": "0.1.0",
-    "tsconfig": "0.3.0",
-    "eslint-config-custom": "0.2.0"
+    "tsconfig": "0.3.0"
   },
   "dependencies": {
     "ai": "^2.1.22",

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

@@ -1,11 +1,4 @@
-import "./base-copilot-textarea.css";
-import {
-  TextareaHTMLAttributes,
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-} from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { Descendant, Editor } from "slate";
 import { Editable, Slate } from "slate-react";
 import { twMerge } from "tailwind-merge";
@@ -24,22 +17,12 @@ import {
   defaultBaseAutosuggestionsConfig,
 } from "../../types/base";
 import { AutosuggestionState } from "../../types/base/autosuggestion-state";
+import { BaseCopilotTextareaProps } from "../../types/base/base-copilot-textarea-props";
+import "./base-copilot-textarea.css";
 import { makeRenderElementFunction } from "./render-element";
 import { makeRenderPlaceholderFunction } from "./render-placeholder";
 import { useAddBrandingCss } from "./use-add-branding-css";
-export interface BaseCopilotTextareaProps
-  extends TextareaHTMLAttributes<HTMLDivElement> {
-  disableBranding?: boolean;
-  placeholderStyle?: React.CSSProperties;
-  suggestionsStyle?: React.CSSProperties;
-  value?: string;
-  onValueChange?: (value: string) => void;
-  autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {
-    purposePrompt: string;
-  };
-}
 export function BaseCopilotTextarea(
   props: BaseCopilotTextareaProps & {
     autosuggestionsFunction: AutosuggestionsBareFunction;
@@ -145,6 +128,8 @@ export function BaseCopilotTextarea(
     autosuggestionsConfig: autosuggestionsConfigFromProps,
     autosuggestionsFunction,
     className,
+    onChange,
+    onKeyDown,
     ...propsToForward
   } = props;
@@ -172,16 +157,47 @@ export function BaseCopilotTextarea(
         setLastKnownFullEditorText(fullEditorText);
         onChangeHandlerForAutocomplete(newEditorState);
         props.onValueChange?.(fullEditorText);
+        props.onChange?.(makeSemiFakeReactTextAreaEvent(fullEditorText));
       }}
     >
       <Editable
         renderElement={renderElementMemoized}
         renderPlaceholder={renderPlaceholderMemoized}
-        onKeyDown={onKeyDownHandlerForAutocomplete}
+        onKeyDown={(event) => {
+          onKeyDownHandlerForAutocomplete(event); // forward the event for internal use
+          props.onKeyDown?.(event); // forward the event for external use
+        }}
         className={moddedClassName}
         {...propsToForward}
       />
     </Slate>
   );
 }
+// Consumers of <textarea> expect a `onChange: (React.ChangeEvent<HTMLTextAreaElement>) => void` event handler to be passed in.
+// This is *extremely* common, and we want to support it.
+//
+// We can't support the full functionality, but in 99% of cases, the consumer only cares about the `event.target.value` property --
+// that's how they get the new value of the textarea.
+//
+// So, the tradeoff we are making is minimizing compiler complaint, with a small chance of runtime error.
+// The alternative would be defining a different onChange entrypoint (we actually do have that in `onValueChange`),
+// And starting to explain subtleties to users the moment they try to use the component for the first time for very basic functionality.
+//
+// If this proves problematic, we can always revisit this decision.
+function makeSemiFakeReactTextAreaEvent(
+  currentText: string
+): React.ChangeEvent<HTMLTextAreaElement> {
+  return {
+    target: {
+      value: currentText,
+      type: "copilot-textarea",
+    },
+    currentTarget: {
+      value: currentText,
+      type: "copilot-textarea",
+    },
+  } as React.ChangeEvent<HTMLTextAreaElement>;
+}

package/src/components/copilot-textarea/copilot-textarea.tsx CHANGED Viewed

@@ -1,13 +1,11 @@
 // This example is for an Editor with `ReactEditor` and `HistoryEditor`
 import { useMakeStandardAutosuggestionFunction } from "../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function";
+import { BaseCopilotTextareaProps } from "../../types/base/base-copilot-textarea-props";
 import {
   AutosuggestionsConfig,
   defaultAutosuggestionsConfig,
 } from "../../types/standard-autosuggestions";
-import {
-  BaseCopilotTextarea,
-  BaseCopilotTextareaProps,
-} from "../base-copilot-textarea/base-copilot-textarea";
+import { BaseCopilotTextarea } from "../base-copilot-textarea/base-copilot-textarea";
 export interface CopilotTextareaProps extends BaseCopilotTextareaProps {
   autosuggestionsConfig: Partial<AutosuggestionsConfig> & {

package/src/components/index.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 export { BaseCopilotTextarea } from "./base-copilot-textarea/base-copilot-textarea";
-export type { BaseCopilotTextareaProps } from "./base-copilot-textarea/base-copilot-textarea";
 export { CopilotTextarea } from "./copilot-textarea/copilot-textarea";
 export type { CopilotTextareaProps } from "./copilot-textarea/copilot-textarea";

package/src/types/base/base-copilot-textarea-props.tsx ADDED Viewed

@@ -0,0 +1,37 @@
+import { TextareaHTMLAttributes } from "react";
+import { BaseAutosuggestionsConfig } from ".";
+/**
+ * `BaseCopilotTextareaProps` defines the properties for the `BaseCopilotTextarea` component.
+ *
+ * @extends {Omit<TextareaHTMLAttributes<HTMLDivElement>, "onChange">}
+ *
+ * @property {boolean} [disableBranding=false] - Determines whether branding should be disabled. Default is `false`.
+ *
+ * @property {React.CSSProperties} [placeholderStyle] - Specifies the CSS styles to apply to the placeholder text.
+ *
+ * @property {React.CSSProperties} [suggestionsStyle] - Specifies the CSS styles to apply to the suggestions list.
+ *
+ * @property {string} [value] - The initial value of the textarea. Can be controlled via `onValueChange`.
+ *
+ * @property {(value: string) => void} [onValueChange] - Callback invoked when the value of the textarea changes.
+ *
+ * @property {(event: React.ChangeEvent<HTMLTextAreaElement>) => void} [onChange] - Callback invoked when a `change` event is triggered on the textarea element. The event only actually includes the `event.target.value` and `event.currentTarget.value` properties (all that is required in 99% of cases).
+ *
+ * @property {Partial<BaseAutosuggestionsConfig> & {
+ *   purposePrompt: string;
+ * }} autosuggestionsConfig - Configuration settings for the autosuggestions feature.
+ * Includes a mandatory `purposePrompt` to guide the autosuggestions.
+ */
+export interface BaseCopilotTextareaProps
+  extends Omit<TextareaHTMLAttributes<HTMLDivElement>, "onChange"> {
+  disableBranding?: boolean;
+  placeholderStyle?: React.CSSProperties;
+  suggestionsStyle?: React.CSSProperties;
+  value?: string;
+  onValueChange?: (value: string) => void;
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {
+    purposePrompt: string;
+  };
+}

package/src/types/base/index.ts CHANGED Viewed

@@ -1,4 +1,6 @@
 export { defaultBaseAutosuggestionsConfig } from "./base-autosuggestions-config";
-export type { BaseAutosuggestionsConfig } from "./base-autosuggestions-config";
 export type { AutosuggestionsBareFunction } from "./autosuggestions-bare-function";
+export type { BaseAutosuggestionsConfig } from "./base-autosuggestions-config";
+export type { BaseCopilotTextareaProps } from "./base-copilot-textarea-props";

package/dist/chunk-CU2M5BIJ.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/components/base-copilot-textarea/base-copilot-textarea.tsx"],"names":["_a","value"],"mappings":"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","sourcesContent":["import \"./base-copilot-textarea.css\";\nimport {\n TextareaHTMLAttributes,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { Descendant, Editor } from \"slate\";\nimport { Editable, Slate } from \"slate-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useAutosuggestions } from \"../../hooks/use-autosuggestions\";\nimport { useCopilotTextareaEditor } from \"../../hooks/use-copilot-textarea-editor\";\nimport {\n getFullEditorTextWithNewlines,\n getTextAroundCursor,\n} from \"../../lib/get-text-around-cursor\";\nimport { addAutocompletionsToEditor } from \"../../lib/slatejs-edits/add-autocompletions\";\nimport { clearAutocompletionsFromEditor } from \"../../lib/slatejs-edits/clear-autocompletions\";\nimport { replaceEditorText } from \"../../lib/slatejs-edits/replace-text\";\nimport {\n AutosuggestionsBareFunction,\n BaseAutosuggestionsConfig,\n defaultBaseAutosuggestionsConfig,\n} from \"../../types/base\";\nimport { AutosuggestionState } from \"../../types/base/autosuggestion-state\";\nimport { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\nimport { useAddBrandingCss } from \"./use-add-branding-css\";\n\nexport interface BaseCopilotTextareaProps\n extends TextareaHTMLAttributes<HTMLDivElement> {\n disableBranding?: boolean;\n placeholderStyle?: React.CSSProperties;\n suggestionsStyle?: React.CSSProperties;\n value?: string;\n onValueChange?: (value: string) => void;\n autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {\n purposePrompt: string;\n };\n}\n\nexport function BaseCopilotTextarea(\n props: BaseCopilotTextareaProps & {\n autosuggestionsFunction: AutosuggestionsBareFunction;\n }\n): JSX.Element {\n const autosuggestionsConfig: BaseAutosuggestionsConfig = {\n ...defaultBaseAutosuggestionsConfig,\n ...props.autosuggestionsConfig,\n };\n\n const valueOnInitialRender = useMemo(() => props.value ?? \"\", []);\n const [lastKnownFullEditorText, setLastKnownFullEditorText] =\n useState(valueOnInitialRender);\n\n const initialValue: Descendant[] = useMemo(() => {\n return [\n {\n type: \"paragraph\",\n children: [{ text: valueOnInitialRender }],\n },\n ];\n }, [valueOnInitialRender]);\n\n const editor = useCopilotTextareaEditor();\n\n const insertText = useCallback(\n (autosuggestion: AutosuggestionState) => {\n Editor.insertText(editor, autosuggestion.text, {\n at: autosuggestion.point,\n });\n },\n [editor]\n );\n\n const {\n currentAutocompleteSuggestion,\n onChangeHandler: onChangeHandlerForAutocomplete,\n onKeyDownHandler: onKeyDownHandlerForAutocomplete,\n } = useAutosuggestions(\n autosuggestionsConfig.debounceTime,\n autosuggestionsConfig.acceptAutosuggestionKey,\n props.autosuggestionsFunction,\n insertText,\n autosuggestionsConfig.disableWhenEmpty,\n autosuggestionsConfig.disabled\n );\n\n // sync autosuggestions state with the editor\n useEffect(() => {\n clearAutocompletionsFromEditor(editor);\n if (currentAutocompleteSuggestion) {\n addAutocompletionsToEditor(\n editor,\n currentAutocompleteSuggestion.text,\n currentAutocompleteSuggestion.point\n );\n }\n }, [currentAutocompleteSuggestion]);\n\n const suggestionStyleAugmented: React.CSSProperties = useMemo(() => {\n return {\n fontStyle: \"italic\",\n color: \"gray\",\n ...props.suggestionsStyle,\n };\n }, [props.suggestionsStyle]);\n\n useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);\n\n const renderElementMemoized = useMemo(() => {\n return makeRenderElementFunction(suggestionStyleAugmented);\n }, [suggestionStyleAugmented]);\n\n const renderPlaceholderMemoized = useMemo(() => {\n // For some reason slateJS specifies a top value of 0, which makes for strange styling. We override this here.\n const placeholderStyleSlatejsOverrides: React.CSSProperties = {\n top: undefined,\n };\n\n const placeholderStyleAugmented: React.CSSProperties = {\n ...placeholderStyleSlatejsOverrides,\n ...props.placeholderStyle,\n };\n\n return makeRenderPlaceholderFunction(placeholderStyleAugmented);\n }, [props.placeholderStyle]);\n\n // update the editor text, but only when the value changes from outside the component\n useEffect(() => {\n if (props.value === lastKnownFullEditorText) {\n return;\n }\n\n setLastKnownFullEditorText(props.value ?? \"\");\n replaceEditorText(editor, props.value ?? \"\");\n }, [props.value]);\n\n // separate into TextareaHTMLAttributes<HTMLDivElement> and CopilotTextareaProps\n const {\n placeholderStyle,\n value,\n onValueChange,\n autosuggestionsConfig: autosuggestionsConfigFromProps,\n autosuggestionsFunction,\n className,\n ...propsToForward\n } = props;\n\n const moddedClassName = (() => {\n const baseClassName = \"copilot-textarea\";\n const brandingClass = props.disableBranding\n ? \"no-branding\"\n : \"with-branding\";\n const defaultTailwindClassName = \"bg-white overflow-y-auto resize-y\";\n const mergedClassName = twMerge(defaultTailwindClassName, className ?? \"\");\n return `${baseClassName} ${brandingClass} ${mergedClassName}`;\n })();\n\n return (\n // Add the editable component inside the context.\n <Slate\n editor={editor}\n initialValue={initialValue}\n onChange={(value) => {\n const newEditorState = getTextAroundCursor(editor);\n\n const fullEditorText = newEditorState\n ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor\n : getFullEditorTextWithNewlines(editor); // we don't double-parse the editor. When `newEditorState` is null, we didn't parse the editor yet.\n\n setLastKnownFullEditorText(fullEditorText);\n onChangeHandlerForAutocomplete(newEditorState);\n props.onValueChange?.(fullEditorText);\n }}\n >\n <Editable\n renderElement={renderElementMemoized}\n renderPlaceholder={renderPlaceholderMemoized}\n onKeyDown={onKeyDownHandlerForAutocomplete}\n className={moddedClassName}\n {...propsToForward}\n />\n </Slate>\n );\n}\n"]}

package/dist/chunk-NHLYAJCQ.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/components/copilot-textarea/copilot-textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiCI;AAhBG,SAAS,gBAAgB,OAA0C;AACxE,QAAM,wBAA+C,kCAChD,+BACA,MAAM;AAGX,QAAM,0BAA0B;AAAA,IAC9B,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,EACxB;AAEA,SACE,oBAAC,sDACK,QADL;AAAA,IAEC;AAAA,IACA;AAAA,IACF;AAEJ","sourcesContent":["// This example is for an Editor with `ReactEditor` and `HistoryEditor`\nimport { useMakeStandardAutosuggestionFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function\";\nimport {\n AutosuggestionsConfig,\n defaultAutosuggestionsConfig,\n} from \"../../types/standard-autosuggestions\";\nimport {\n BaseCopilotTextarea,\n BaseCopilotTextareaProps,\n} from \"../base-copilot-textarea/base-copilot-textarea\";\n\nexport interface CopilotTextareaProps extends BaseCopilotTextareaProps {\n autosuggestionsConfig: Partial<AutosuggestionsConfig> & {\n purposePrompt: string;\n };\n}\n\nexport function CopilotTextarea(props: CopilotTextareaProps): JSX.Element {\n const autosuggestionsConfig: AutosuggestionsConfig = {\n ...defaultAutosuggestionsConfig,\n ...props.autosuggestionsConfig,\n };\n\n const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(\n autosuggestionsConfig.purposePrompt,\n autosuggestionsConfig.apiEndpoint,\n autosuggestionsConfig.makeSystemPrompt,\n autosuggestionsConfig.fewShotMessages,\n autosuggestionsConfig.externalContextCategories,\n autosuggestionsConfig.forwardedParams\n );\n\n return (\n <BaseCopilotTextarea\n {...props}\n autosuggestionsConfig={autosuggestionsConfig}\n autosuggestionsFunction={autosuggestionsFunction}\n />\n );\n}\n"]}