@copilotkit/react-textarea 0.19.0-alpha.2 → 0.19.0-alpha.4

package/dist/chunk-YQU7WG7T.mjs

@@ -1,83 +0,0 @@
-import { replaceEditorText } from './chunk-RQHOUUXQ.mjs';
-import { getFullEditorTextWithNewlines } from './chunk-IXJ2HCOA.mjs';
-import React from 'react';
-import { ReactEditor } from 'slate-react';
-
-function usePopulateCopilotTextareaRef(editor, ref) {
-  React.useImperativeHandle(
-    ref,
-    () => {
-      class Combined {
-        constructor(customMethods2, editorHtmlElement2) {
-          this.customMethods = customMethods2;
-          this.editorHtmlElement = editorHtmlElement2;
-        }
-        get(target, propKey) {
-          if (this.isKeyOfCustomMethods(propKey)) {
-            const value = this.customMethods[propKey];
-            if (typeof value === "function") {
-              return value.bind(this.customMethods);
-            }
-            return value;
-          } else if (this.isKeyOfHTMLElement(propKey)) {
-            const value = this.editorHtmlElement[propKey];
-            if (typeof value === "function") {
-              return value.bind(this.editorHtmlElement);
-            }
-            return value;
-          }
-        }
-        set(target, propKey, value) {
-          if (this.isKeyOfCustomMethods(propKey)) {
-            this.customMethods[propKey] = value;
-          } else if (this.isKeyOfHTMLElement(propKey)) {
-            this.editorHtmlElement[propKey] = value;
-          } else {
-            target[propKey] = value;
-          }
-          return true;
-        }
-        isKeyOfCustomMethods(key) {
-          return key in this.customMethods;
-        }
-        isKeyOfHTMLElement(key) {
-          return key in this.editorHtmlElement;
-        }
-      }
-      const handler = {
-        get(target, propKey) {
-          return target.get(target, propKey);
-        },
-        set(target, propKey, value) {
-          return target.set(target, propKey, value);
-        }
-      };
-      class CustomMethods {
-        constructor(editor2) {
-          this.editor = editor2;
-        }
-        focus() {
-          ReactEditor.focus(this.editor);
-        }
-        blur() {
-          ReactEditor.blur(this.editor);
-        }
-        get value() {
-          return getFullEditorTextWithNewlines(this.editor);
-        }
-        set value(value) {
-          replaceEditorText(this.editor, value);
-        }
-      }
-      const editorHtmlElement = ReactEditor.toDOMNode(editor, editor);
-      const customMethods = new CustomMethods(editor);
-      const combined = new Combined(customMethods, editorHtmlElement);
-      return new Proxy(combined, handler);
-    },
-    [editor]
-  );
-}
-
-export { usePopulateCopilotTextareaRef };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-YQU7WG7T.mjs.map

package/dist/chunk-YQU7WG7T.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts"],"names":["customMethods","editorHtmlElement","editor"],"mappings":";;;;;;;;AAAA,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAMrB,SAAS,8BACd,QACA,KACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AACJ,YAAM,SAAS;AAAA,QACb,YACUA,gBACAC,oBACR;AAFQ,+BAAAD;AACA,mCAAAC;AAAA,QACP;AAAA,QAIH,IAAI,QAAa,SAAsB;AACrC,cAAI,KAAK,qBAAqB,OAAO,GAAG;AACtC,kBAAM,QAAQ,KAAK,cAAc;AACjC,gBAAI,OAAO,UAAU,YAAY;AAC/B,qBAAO,MAAM,KAAK,KAAK,aAAa;AAAA,YACtC;AACA,mBAAO;AAAA,UACT,WAAW,KAAK,mBAAmB,OAAO,GAAG;AAC3C,kBAAM,QAAQ,KAAK,kBAAkB;AACrC,gBAAI,OAAO,UAAU,YAAY;AAC/B,qBAAO,MAAM,KAAK,KAAK,iBAAiB;AAAA,YAC1C;AACA,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,QAEA,IAAI,QAAa,SAAiB,OAAqB;AACrD,cAAI,KAAK,qBAAqB,OAAO,GAAG;AACtC,YAAC,KAAK,cAAsB,WAAW;AAAA,UACzC,WAAW,KAAK,mBAAmB,OAAO,GAAG;AAC3C,YAAC,KAAK,kBAA0B,WAAW;AAAA,UAC7C,OAAO;AAEL,mBAAO,WAAW;AAAA,UACpB;AACA,iBAAO;AAAA,QACT;AAAA,QAEQ,qBAAqB,KAAyC;AACpE,iBAAO,OAAO,KAAK;AAAA,QACrB;AAAA,QAEQ,mBAAmB,KAAuC;AAChE,iBAAO,OAAO,KAAK;AAAA,QACrB;AAAA,MACF;AAEA,YAAM,UAAU;AAAA,QACd,IAAI,QAAa,SAAkD;AACjE,iBAAO,OAAO,IAAI,QAAQ,OAAO;AAAA,QACnC;AAAA,QACA,IACE,QACA,SACA,OACA;AACA,iBAAO,OAAO,IAAI,QAAQ,SAAS,KAAK;AAAA,QAC1C;AAAA,MACF;AAEA,YAAM,cAAc;AAAA,QAClB,YAAoBC,SAAsB;AAAtB,wBAAAA;AAAA,QAAuB;AAAA,QAE3C,QAAQ;AACN,sBAAY,MAAM,KAAK,MAAM;AAAA,QAC/B;AAAA,QAEA,OAAO;AACL,sBAAY,KAAK,KAAK,MAAM;AAAA,QAC9B;AAAA,QAEA,IAAI,QAAQ;AACV,iBAAO,8BAA8B,KAAK,MAAM;AAAA,QAClD;AAAA,QACA,IAAI,MAAM,OAAe;AACvB,4BAAkB,KAAK,QAAQ,KAAK;AAAA,QACtC;AAAA,MACF;AAEA,YAAM,oBAAoB,YAAY,UAAU,QAAQ,MAAM;AAC9D,YAAM,gBAAgB,IAAI,cAAc,MAAM;AAE9C,YAAM,WAAW,IAAI,SAAS,eAAe,iBAAiB;AAC9D,aAAO,IAAI,MAAM,UAAU,OAAO;AAAA,IACpC;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACF","sourcesContent":["import React from \"react\";\nimport { Editor } from \"slate\";\nimport { ReactEditor } from \"slate-react\";\nimport { getFullEditorTextWithNewlines } from \"../../lib/get-text-around-cursor\";\nimport { replaceEditorText } from \"../../lib/slatejs-edits/replace-text\";\nimport { HTMLCopilotTextAreaElement } from \"../../types\";\nimport { CustomEditor } from \"../../types/base/custom-editor\";\n\nexport function usePopulateCopilotTextareaRef(\n  editor: Editor,\n  ref: React.Ref<HTMLCopilotTextAreaElement>\n) {\n  React.useImperativeHandle(\n    ref,\n    () => {\n      class Combined {\n        constructor(\n          private customMethods: CustomMethods,\n          private editorHtmlElement: HTMLElement\n        ) {}\n\n        [key: string]: any;\n\n        get(target: any, propKey: string): any {\n          if (this.isKeyOfCustomMethods(propKey)) {\n            const value = this.customMethods[propKey];\n            if (typeof value === \"function\") {\n              return value.bind(this.customMethods);\n            }\n            return value;\n          } else if (this.isKeyOfHTMLElement(propKey)) {\n            const value = this.editorHtmlElement[propKey];\n            if (typeof value === \"function\") {\n              return value.bind(this.editorHtmlElement);\n            }\n            return value;\n          }\n        }\n\n        set(target: any, propKey: string, value: any): boolean {\n          if (this.isKeyOfCustomMethods(propKey)) {\n            (this.customMethods as any)[propKey] = value;\n          } else if (this.isKeyOfHTMLElement(propKey)) {\n            (this.editorHtmlElement as any)[propKey] = value;\n          } else {\n            // Default behavior (optional)\n            target[propKey] = value;\n          }\n          return true;\n        }\n\n        private isKeyOfCustomMethods(key: string): key is keyof CustomMethods {\n          return key in this.customMethods;\n        }\n\n        private isKeyOfHTMLElement(key: string): key is keyof HTMLElement {\n          return key in this.editorHtmlElement;\n        }\n      }\n\n      const handler = {\n        get(target: any, propKey: keyof CustomMethods | keyof HTMLElement) {\n          return target.get(target, propKey);\n        },\n        set(\n          target: any,\n          propKey: keyof CustomMethods | keyof HTMLElement,\n          value: any\n        ) {\n          return target.set(target, propKey, value);\n        },\n      };\n\n      class CustomMethods {\n        constructor(private editor: CustomEditor) {}\n\n        focus() {\n          ReactEditor.focus(this.editor);\n        }\n\n        blur() {\n          ReactEditor.blur(this.editor);\n        }\n\n        get value() {\n          return getFullEditorTextWithNewlines(this.editor);\n        }\n        set value(value: string) {\n          replaceEditorText(this.editor, value);\n        }\n      }\n\n      const editorHtmlElement = ReactEditor.toDOMNode(editor, editor);\n      const customMethods = new CustomMethods(editor);\n\n      const combined = new Combined(customMethods, editorHtmlElement);\n      return new Proxy(combined, handler);\n    },\n    [editor]\n  );\n}\n"]}

package/dist/chunk-YTOPHPSG.mjs

@@ -1,45 +0,0 @@
-import { Element } from 'slate';
-
-// src/lib/editor-to-text.ts
-function nodeChildrenToTextComponents(editor, nodes) {
-  const indeciesOfInlineElements = new Set(
-    nodes.map((node, index) => {
-      if (Element.isElement(node) && editor.isInline(node)) {
-        return index;
-      }
-      return -1;
-    }).filter((index) => index !== -1)
-  );
-  const nonIgnorableItems = nodes.filter((node, index) => {
-    const isInline = indeciesOfInlineElements.has(index);
-    if (isInline) {
-      return false;
-    }
-    const isNeighbourOfInline = indeciesOfInlineElements.has(index - 1) || indeciesOfInlineElements.has(index + 1);
-    if (isNeighbourOfInline) {
-      return node.text !== "";
-    }
-    return true;
-  });
-  return nonIgnorableItems.map((node) => {
-    if (Element.isElement(node)) {
-      switch (node.type) {
-        case "paragraph":
-          return nodeChildrenToTextComponents(editor, node.children);
-        case "suggestion":
-          return [];
-      }
-    } else {
-      return [node];
-    }
-  }).reduce((acc, val) => acc.concat(val), []);
-}
-var editorToText = (editor) => {
-  const flattened = nodeChildrenToTextComponents(editor, editor.children);
-  const text = flattened.map((textComponent) => textComponent.text).join("\n");
-  return text;
-};
-
-export { editorToText };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-YTOPHPSG.mjs.map

package/dist/chunk-YTOPHPSG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/editor-to-text.ts"],"names":[],"mappings":";AAAA,SAAiC,eAAe;AAKhD,SAAS,6BACP,QACA,OACuB;AAEvB,QAAM,2BAA2B,IAAI;AAAA,IACnC,MACG,IAAI,CAAC,MAAM,UAAU;AACpB,UAAI,QAAQ,UAAU,IAAI,KAAK,OAAO,SAAS,IAAI,GAAG;AACpD,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC,EACA,OAAO,CAAC,UAAU,UAAU,EAAE;AAAA,EACnC;AAIA,QAAM,oBAAoB,MAAM,OAAO,CAAC,MAAM,UAAU;AACtD,UAAM,WAAW,yBAAyB,IAAI,KAAK;AACnD,QAAI,UAAU;AACZ,aAAO;AAAA,IACT;AAEA,UAAM,sBACJ,yBAAyB,IAAI,QAAQ,CAAC,KACtC,yBAAyB,IAAI,QAAQ,CAAC;AACxC,QAAI,qBAAqB;AACvB,aAAQ,KAAa,SAAS;AAAA,IAChC;AAEA,WAAO;AAAA,EACT,CAAC;AAED,SAAO,kBACJ,IAAI,CAAC,SAAS;AACb,QAAI,QAAQ,UAAU,IAAI,GAAG;AAC3B,cAAQ,KAAK,MAAM;AAAA,QACjB,KAAK;AACH,iBAAO,6BAA6B,QAAQ,KAAK,QAAQ;AAAA,QAC3D,KAAK;AACH,iBAAO,CAAC;AAAA,MACZ;AAAA,IACF,OAAO;AACL,aAAO,CAAC,IAAI;AAAA,IACd;AAAA,EACF,CAAC,EACA,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,GAAG,GAAG,CAAC,CAAC;AAC7C;AAEO,IAAM,eAAe,CAC1B,WACG;AACH,QAAM,YAAY,6BAA6B,QAAQ,OAAO,QAAQ;AAEtE,QAAM,OAAO,UAAU,IAAI,CAAC,kBAAkB,cAAc,IAAI,EAAE,KAAK,IAAI;AAE3E,SAAO;AACT","sourcesContent":["import { BaseEditor, Descendant, Element } from \"slate\";\nimport { HistoryEditor } from \"slate-history\";\nimport { ReactEditor } from \"slate-react\";\nimport { SuggestionAwareText } from \"../types/base/custom-editor\";\n\nfunction nodeChildrenToTextComponents(\n  editor: BaseEditor & ReactEditor & HistoryEditor,\n  nodes: Descendant[]\n): SuggestionAwareText[] {\n  // find inlineable elements\n  const indeciesOfInlineElements = new Set(\n    nodes\n      .map((node, index) => {\n        if (Element.isElement(node) && editor.isInline(node)) {\n          return index;\n        }\n        return -1;\n      })\n      .filter((index) => index !== -1)\n  );\n\n  // ignorable elements = inline elements,\n  // or neighbors of inline elements that are {text: \"\"}\n  const nonIgnorableItems = nodes.filter((node, index) => {\n    const isInline = indeciesOfInlineElements.has(index);\n    if (isInline) {\n      return false;\n    }\n\n    const isNeighbourOfInline =\n      indeciesOfInlineElements.has(index - 1) ||\n      indeciesOfInlineElements.has(index + 1);\n    if (isNeighbourOfInline) {\n      return (node as any).text !== \"\";\n    }\n\n    return true;\n  });\n\n  return nonIgnorableItems\n    .map((node) => {\n      if (Element.isElement(node)) {\n        switch (node.type) {\n          case \"paragraph\":\n            return nodeChildrenToTextComponents(editor, node.children);\n          case \"suggestion\":\n            return [];\n        }\n      } else {\n        return [node];\n      }\n    })\n    .reduce((acc, val) => acc.concat(val), []);\n}\n\nexport const editorToText = (\n  editor: BaseEditor & ReactEditor & HistoryEditor\n) => {\n  const flattened = nodeChildrenToTextComponents(editor, editor.children);\n\n  const text = flattened.map((textComponent) => textComponent.text).join(\"\\n\");\n\n  return text;\n};\n"]}

package/dist/chunk-YW3REYX6.mjs

@@ -1,23 +0,0 @@
-import { createContext, useState, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/hovering-toolbar/hovering-editor-provider.tsx
-var HoveringEditorContext = createContext({
-  isDisplayed: false,
-  setIsDisplayed: () => {
-  }
-});
-var HoveringEditorProvider = ({
-  children
-}) => {
-  const [isDisplayed, setIsDisplayed] = useState(false);
-  return /* @__PURE__ */ jsx(HoveringEditorContext.Provider, {
-    value: { isDisplayed, setIsDisplayed },
-    children
-  });
-};
-var useHoveringEditorContext = () => useContext(HoveringEditorContext);
-
-export { HoveringEditorProvider, useHoveringEditorContext };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-YW3REYX6.mjs.map

package/dist/chunk-YW3REYX6.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hovering-toolbar/hovering-editor-provider.tsx"],"names":[],"mappings":";AAAA,SAAgB,eAAe,UAAU,kBAA6B;AAsBlE;AAfJ,IAAM,wBAAwB,cAA0C;AAAA,EACtE,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC;AAMM,IAAM,yBAAyB,CAAC;AAAA,EACrC;AACF,MAAmC;AACjC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,SACE,oBAAC,sBAAsB,UAAtB;AAAA,IAA+B,OAAO,EAAE,aAAa,eAAe;AAAA,IAClE;AAAA,GACH;AAEJ;AAEO,IAAM,2BAA2B,MAAM,WAAW,qBAAqB","sourcesContent":["import React, { createContext, useState, useContext, ReactNode } from \"react\";\n\ninterface HoveringEditorContextProps {\n  isDisplayed: boolean;\n  setIsDisplayed: (value: boolean) => void;\n}\n\nconst HoveringEditorContext = createContext<HoveringEditorContextProps>({\n  isDisplayed: false,\n  setIsDisplayed: () => {},\n});\n\ninterface HoveringEditorProviderProps {\n  children: ReactNode;\n}\n\nexport const HoveringEditorProvider = ({\n  children,\n}: HoveringEditorProviderProps) => {\n  const [isDisplayed, setIsDisplayed] = useState(false);\n\n  return (\n    <HoveringEditorContext.Provider value={{ isDisplayed, setIsDisplayed }}>\n      {children}\n    </HoveringEditorContext.Provider>\n  );\n};\n\nexport const useHoveringEditorContext = () => useContext(HoveringEditorContext);\n"]}

package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-pre-suggestion.d.ts

@@ -1,16 +0,0 @@
-import React__default from 'react';
-import { EditingEditorState, Generator_InsertionOrEditingSuggestion } from '../../../types/base/autosuggestions-bare-function.js';
-
-type State_PreSuggestion = {
-    type: "pre-suggestion";
-};
-interface PreSuggestionProps {
-    editorState: EditingEditorState;
-    insertionOrEditingFunction: Generator_InsertionOrEditingSuggestion;
-    onGeneratedText: (generatedText: ReadableStream<string>) => void;
-    insertionOrEditingPrompt: string;
-    setInsertionOrEditingPrompt: (value: string) => void;
-}
-declare const PreSuggestion: React__default.FC<PreSuggestionProps>;
-
-export { PreSuggestion, PreSuggestionProps, State_PreSuggestion };

package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-pre-suggestion.mjs

@@ -1,5 +0,0 @@
-export { PreSuggestion } from '../../../chunk-CDB7HFCY.mjs';
-import '../../../chunk-ND5PXTAW.mjs';
-import '../../../chunk-MRXNTQOX.mjs';
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=mode-pre-suggestion.mjs.map

package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-pre-suggestion.mjs.map

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

package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.mjs

@@ -1,10 +0,0 @@
-export { FileChipPreview, IconForFilePointer, IncludedFilesPreview, SuggestionAppearing } from '../../../chunk-ITZHK3YV.mjs';
-import '../../../chunk-ND5PXTAW.mjs';
-import '../../../chunk-3YJ63D5D.mjs';
-import '../../../chunk-O5OWT5GE.mjs';
-import '../../../chunk-5EJ5XOGP.mjs';
-import '../../../chunk-2NURR2DX.mjs';
-import '../../../chunk-KGKLUWKW.mjs';
-import '../../../chunk-MRXNTQOX.mjs';
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=mode-suggestion-appearing.mjs.map

package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.mjs.map

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

package/src/components/hovering-toolbar/text-insertion-prompt-box/mode-pre-suggestion.tsx

@@ -1,83 +0,0 @@
-import useAutosizeTextArea from "../../../hooks/misc/use-autosize-textarea";
-import React, { useEffect, useRef, useState } from "react";
-import {
-  EditingEditorState,
-  Generator_InsertionOrEditingSuggestion,
-} from "../../../types/base/autosuggestions-bare-function";
-
-export type State_PreSuggestion = {
-  type: "pre-suggestion";
-};
-
-export interface PreSuggestionProps {
-  editorState: EditingEditorState;
-  insertionOrEditingFunction: Generator_InsertionOrEditingSuggestion;
-  onGeneratedText: (generatedText: ReadableStream<string>) => void;
-
-  insertionOrEditingPrompt: string;
-  setInsertionOrEditingPrompt: (value: string) => void;
-}
-
-export const PreSuggestion: React.FC<PreSuggestionProps> = ({
-  editorState,
-  insertionOrEditingFunction: insertionSuggestion,
-  onGeneratedText,
-  insertionOrEditingPrompt: insertionPrompt,
-  setInsertionOrEditingPrompt: setInsertionPrompt,
-}) => {
-  const [loading, setLoading] = useState(false);
-
-  const promptTextAreaRef = useRef<HTMLTextAreaElement>(null);
-  useAutosizeTextArea(promptTextAreaRef, insertionPrompt);
-
-  // initially focus on the prompt text area
-  useEffect(() => {
-    promptTextAreaRef.current?.focus();
-  }, []);
-
-  const generateText = async (abortSignal?: AbortSignal) => {
-    // don't generate text if the prompt is empty
-    if (!insertionPrompt.trim()) {
-      return;
-    }
-
-    setLoading(true);
-    const insertionSuggestionTextStream = await insertionSuggestion(
-      editorState,
-      insertionPrompt,
-      abortSignal || new AbortController().signal
-    );
-    onGeneratedText(insertionSuggestionTextStream);
-
-    setLoading(false);
-  };
-
-  return (
-    <div className="flex flex-col justify-center items-start gap-2">
-      <textarea
-        ref={promptTextAreaRef}
-        value={insertionPrompt}
-        onChange={(e) => setInsertionPrompt(e.target.value)}
-        onKeyDown={(e) => {
-          if (e.key === "Enter" && e.shiftKey) {
-            e.preventDefault();
-            setInsertionPrompt(insertionPrompt + "\n");
-          } else if (e.key === "Enter") {
-            e.preventDefault();
-            generateText();
-          }
-        }}
-        placeholder="Describe the text you'd like to insert..."
-        className="w-full bg-slate-100 h-auto text-sm p-2 rounded-md resize-none overflow-visible focus:outline-none focus:ring-0 focus:border-none"
-        rows={1}
-      />
-      <button
-        disabled={loading || !insertionPrompt.trim()}
-        onClick={() => generateText()}
-        className="w-full py-2 px-4 rounded-md text-white bg-blue-500 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed"
-      >
-        {loading ? "Loading..." : "Generate Text"}
-      </button>
-    </div>
-  );
-};