@copilotkit/react-textarea 1.1.3-feat-runtime-remote-actions.2 → 1.2.1

package/src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx

@@ -8,7 +8,6 @@ import {
   TextMessage,
   convertGqlOutputToMessages,
   convertMessagesToGqlInput,
-  filterAgentStateMessages,
   CopilotRequestType,
 } from "@copilotkit/runtime-client-gql";
 import { retry } from "../../lib/retry";
@@ -127,7 +126,7 @@ export function useMakeStandardInsertionOrEditingFunction(
                 actions: [],
                 url: window.location.href,
               },
-              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
+              messages: convertMessagesToGqlInput(messages),
               metadata: {
                 requestType: CopilotRequestType.TextareaCompletion,
               },
@@ -192,7 +191,7 @@ export function useMakeStandardInsertionOrEditingFunction(
                 actions: [],
                 url: window.location.href,
               },
-              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
+              messages: convertMessagesToGqlInput(messages),
               metadata: {
                 requestType: CopilotRequestType.TextareaCompletion,
               },

package/src/styles.css

@@ -1,3 +1,10 @@
-@import url("material-icons/iconfont/material-icons.css");
-
 @tailwind utilities;
+
+.copilot-textarea.with-branding::after {
+  content: ''; /* Initially empty because we overrdie this CSS dynamically and we want to avoid flashing */
+  position: absolute;
+}
+
+.copilot-textarea.no-branding::after {
+  content: '';
+}

package/tsup.config.ts

@@ -1,16 +1,64 @@
-import { defineConfig, Options } from "tsup";
+import path from "path";
+import fs from "fs";
+import { defineConfig, Options } from "tsup-async-inject-style";
+import postcss from "postcss";
+import autoprefixer from "autoprefixer";
+import tailwindcss from "tailwindcss";
+import cssnano from "cssnano";
+import postcssPrefixSelector from "postcss-prefix-selector";
+import postcssImport from "postcss-import";
+import postcssNested from "postcss-nested";
 
-export default defineConfig((options: Options) => ({
-  entry: ["src/**/*.{ts,tsx}"],
-  format: ["esm", "cjs"],
-  dts: true,
-  minify: false,
-  external: ["react"],
-  sourcemap: true,
-  exclude: [
-    "**/*.test.ts", // Exclude TypeScript test files
-    "**/*.test.tsx", // Exclude TypeScript React test files
-    "**/__tests__/*", // Exclude any files inside a __tests__ directory
-  ],
-  ...options,
-}));
+export default defineConfig((options: Options) => {
+  return {
+    entry: ["src/**/*.ts", "src/**/*.tsx"],
+    format: ["esm", "cjs"],
+    dts: true,
+    minify: false,
+    external: ["react"],
+    splitting: false,
+    clean: true,
+    sourcemap: true,
+    exclude: [
+      "**/*.test.ts", // Exclude TypeScript test files
+      "**/*.test.tsx", // Exclude TypeScript React test files
+      "**/__tests__/*", // Exclude any files inside a __tests__ directory
+    ],
+    onSuccess: async () => {
+      // Create index.css file for backwards compatibility
+      fs.writeFileSync(
+        path.resolve(process.cwd(), "dist/index.css"),
+        `/* This is here for backwards compatibility */`,
+      );
+    },
+    injectStyle: async (_, filePath) => {
+      const cwd = process.cwd();
+      const outputPath = path.resolve(cwd, "dist/index.css");
+      const rawCSS = fs.readFileSync(filePath, "utf8");
+
+      const resultCSS = await postcss([
+        postcssImport(),
+        postcssNested(),
+        postcssPrefixSelector({
+          prefix: ".copilot-kit-textarea-css-scope",
+        }),
+        tailwindcss,
+        autoprefixer,
+        cssnano({ preset: "default" }),
+      ]).process(rawCSS, { from: filePath, to: outputPath });
+
+      if (resultCSS.css === undefined) {
+        throw new Error("No CSS output");
+      }
+
+      return `
+        if (globalThis.hasOwnProperty("document")) {
+          const style = document?.createElement("style");
+          style.innerHTML = '${resultCSS}';
+          document?.head.appendChild(style);
+        }
+      `;
+    },
+    ...options,
+  };
+});

package/dist/chunk-224UKA7C.mjs

@@ -1,38 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/base-copilot-textarea/render-element.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function makeRenderElementFunction(suggestionsStyle) {
-  return (props) => {
-    switch (props.element.type) {
-      case "paragraph":
-        return /* @__PURE__ */ jsx(DefaultElement, __spreadValues({}, props));
-      case "suggestion":
-        return /* @__PURE__ */ jsx(SuggestionElement, __spreadProps(__spreadValues({}, props), { suggestionsStyle }));
-    }
-  };
-}
-var DefaultElement = (props) => {
-  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, props.attributes), { children: props.children }));
-};
-var SuggestionElement = (props) => {
-  return /* @__PURE__ */ jsxs(
-    "span",
-    __spreadProps(__spreadValues({}, props.attributes), {
-      style: __spreadValues({}, props.suggestionsStyle),
-      contentEditable: false,
-      children: [
-        props.children,
-        props.element.type === "suggestion" && props.element.content
-      ]
-    })
-  );
-};
-
-export {
-  makeRenderElementFunction
-};
-//# sourceMappingURL=chunk-224UKA7C.mjs.map

package/dist/chunk-224UKA7C.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/base-copilot-textarea/render-element.tsx"],"sourcesContent":["import { RenderElementProps } from \"slate-react\";\n\nexport type RenderElementFunction = (props: RenderElementProps) => JSX.Element;\n\nexport function makeRenderElementFunction(\n  suggestionsStyle: React.CSSProperties,\n): RenderElementFunction {\n  return (props: RenderElementProps) => {\n    switch (props.element.type) {\n      case \"paragraph\":\n        return <DefaultElement {...props} />;\n      case \"suggestion\":\n        return <SuggestionElement {...props} suggestionsStyle={suggestionsStyle} />;\n    }\n  };\n}\n\nconst DefaultElement = (props: RenderElementProps) => {\n  return <div {...props.attributes}>{props.children}</div>;\n};\nconst SuggestionElement = (\n  props: RenderElementProps & {\n    suggestionsStyle: React.CSSProperties;\n  },\n) => {\n  return (\n    <span\n      {...props.attributes}\n      style={{\n        ...props.suggestionsStyle,\n      }}\n      contentEditable={false}\n    >\n      {props.children /* https://github.com/ianstormtaylor/slate/issues/3930 */}\n      {props.element.type === \"suggestion\" && props.element.content}\n    </span>\n  );\n};\n"],"mappings":";;;;;;AAUe,cAgBX,YAhBW;AANR,SAAS,0BACd,kBACuB;AACvB,SAAO,CAAC,UAA8B;AACpC,YAAQ,MAAM,QAAQ,MAAM;AAAA,MAC1B,KAAK;AACH,eAAO,oBAAC,mCAAmB,MAAO;AAAA,MACpC,KAAK;AACH,eAAO,oBAAC,oDAAsB,QAAtB,EAA6B,mBAAoC;AAAA,IAC7E;AAAA,EACF;AACF;AAEA,IAAM,iBAAiB,CAAC,UAA8B;AACpD,SAAO,oBAAC,wCAAQ,MAAM,aAAd,EAA2B,gBAAM,WAAS;AACpD;AACA,IAAM,oBAAoB,CACxB,UAGG;AACH,SACE;AAAA,IAAC;AAAA,qCACK,MAAM,aADX;AAAA,MAEC,OAAO,mBACF,MAAM;AAAA,MAEX,iBAAiB;AAAA,MAEhB;AAAA,cAAM;AAAA,QACN,MAAM,QAAQ,SAAS,gBAAgB,MAAM,QAAQ;AAAA;AAAA;AAAA,EACxD;AAEJ;","names":[]}

package/dist/chunk-23Q6A46J.mjs

@@ -1,103 +0,0 @@
-import {
-  areEqual_autocompleteState
-} from "./chunk-AJ5OMEXM.mjs";
-import {
-  nullableCompatibleEqualityCheck
-} from "./chunk-YLFAIYRY.mjs";
-import {
-  Debouncer
-} from "./chunk-DFTV4TST.mjs";
-import {
-  __async
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
-function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress, shouldAcceptAutosuggestionOnTouch, autosuggestionFunction, insertAutocompleteSuggestion, disableWhenEmpty, disabled) {
-  const [previousAutocompleteState, setPreviousAutocompleteState] = useState(null);
-  const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] = useState(null);
-  const awaitForAndAppendSuggestion = useCallback(
-    (editorAutocompleteState, abortSignal) => __async(this, null, function* () {
-      if (disabled) {
-        return;
-      }
-      if (disableWhenEmpty && editorAutocompleteState.textBeforeCursor === "" && editorAutocompleteState.textAfterCursor === "") {
-        return;
-      }
-      const suggestion = yield autosuggestionFunction(editorAutocompleteState, abortSignal);
-      if (!suggestion || abortSignal.aborted) {
-        throw new DOMException("Aborted", "AbortError");
-      }
-      setCurrentAutocompleteSuggestion({
-        text: suggestion,
-        point: editorAutocompleteState.cursorPoint
-      });
-    }),
-    [autosuggestionFunction, setCurrentAutocompleteSuggestion, disableWhenEmpty, disabled]
-  );
-  const debouncedFunction = useMemo(
-    () => new Debouncer(debounceTime),
-    [debounceTime]
-  );
-  useEffect(() => {
-    return () => {
-      debouncedFunction.cancel();
-      setCurrentAutocompleteSuggestion(null);
-    };
-  }, [debouncedFunction, disabled]);
-  const onChange = useCallback(
-    (newEditorState) => {
-      const editorStateHasChanged = !nullableCompatibleEqualityCheck(
-        areEqual_autocompleteState,
-        previousAutocompleteState,
-        newEditorState
-      );
-      setPreviousAutocompleteState(newEditorState);
-      if (!editorStateHasChanged) {
-        return;
-      }
-      setCurrentAutocompleteSuggestion(null);
-      if (newEditorState) {
-        debouncedFunction.debounce(awaitForAndAppendSuggestion, newEditorState);
-      } else {
-        debouncedFunction.cancel();
-      }
-    },
-    [
-      previousAutocompleteState,
-      setPreviousAutocompleteState,
-      debouncedFunction,
-      awaitForAndAppendSuggestion,
-      setCurrentAutocompleteSuggestion
-    ]
-  );
-  const keyDownOrTouchHandler = useCallback(
-    (event) => {
-      if (currentAutocompleteSuggestion) {
-        const shouldAcceptSuggestion = event.type === "touchstart" ? shouldAcceptAutosuggestionOnTouch(event) : shouldAcceptAutosuggestionOnKeyPress(event);
-        if (shouldAcceptSuggestion) {
-          event.preventDefault();
-          insertAutocompleteSuggestion(currentAutocompleteSuggestion);
-          setCurrentAutocompleteSuggestion(null);
-        }
-      }
-    },
-    [
-      currentAutocompleteSuggestion,
-      setCurrentAutocompleteSuggestion,
-      insertAutocompleteSuggestion,
-      shouldAcceptAutosuggestionOnKeyPress
-    ]
-  );
-  return {
-    currentAutocompleteSuggestion,
-    onChangeHandler: onChange,
-    onKeyDownHandler: keyDownOrTouchHandler,
-    onTouchStartHandler: keyDownOrTouchHandler
-  };
-}
-
-export {
-  useAutosuggestions
-};
-//# sourceMappingURL=chunk-23Q6A46J.mjs.map

package/dist/chunk-23Q6A46J.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Debouncer } from \"../../lib/debouncer\";\nimport { nullableCompatibleEqualityCheck } from \"../../lib/utils\";\nimport { AutosuggestionsBareFunction } from \"../../types/base\";\nimport { AutosuggestionState } from \"../../types/base/autosuggestion-state\";\nimport {\n  EditorAutocompleteState,\n  areEqual_autocompleteState,\n} from \"../../types/base/editor-autocomplete-state\";\n\nexport interface UseAutosuggestionsResult {\n  currentAutocompleteSuggestion: AutosuggestionState | null;\n  onChangeHandler: (newEditorState: EditorAutocompleteState | null) => void;\n  onKeyDownHandler: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n  onTouchStartHandler: (event: React.TouchEvent<HTMLDivElement>) => void;\n}\n\nexport function useAutosuggestions(\n  debounceTime: number,\n  shouldAcceptAutosuggestionOnKeyPress: (event: React.KeyboardEvent<HTMLDivElement>) => boolean,\n  shouldAcceptAutosuggestionOnTouch: (event: React.TouchEvent<HTMLDivElement>) => boolean,\n  autosuggestionFunction: AutosuggestionsBareFunction,\n  insertAutocompleteSuggestion: (suggestion: AutosuggestionState) => void,\n  disableWhenEmpty: boolean,\n  disabled: boolean,\n): UseAutosuggestionsResult {\n  const [previousAutocompleteState, setPreviousAutocompleteState] =\n    useState<EditorAutocompleteState | null>(null);\n\n  const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] =\n    useState<AutosuggestionState | null>(null);\n\n  const awaitForAndAppendSuggestion: (\n    editorAutocompleteState: EditorAutocompleteState,\n    abortSignal: AbortSignal,\n  ) => Promise<void> = useCallback(\n    async (editorAutocompleteState: EditorAutocompleteState, abortSignal: AbortSignal) => {\n      // early return if disabled\n      if (disabled) {\n        return;\n      }\n\n      if (\n        disableWhenEmpty &&\n        editorAutocompleteState.textBeforeCursor === \"\" &&\n        editorAutocompleteState.textAfterCursor === \"\"\n      ) {\n        return;\n      }\n\n      // fetch the suggestion\n      const suggestion = await autosuggestionFunction(editorAutocompleteState, abortSignal);\n\n      // We'll assume for now that the autocomplete function might or might not respect the abort signal.\n      if (!suggestion || abortSignal.aborted) {\n        throw new DOMException(\"Aborted\", \"AbortError\");\n      }\n\n      setCurrentAutocompleteSuggestion({\n        text: suggestion,\n        point: editorAutocompleteState.cursorPoint,\n      });\n    },\n    [autosuggestionFunction, setCurrentAutocompleteSuggestion, disableWhenEmpty, disabled],\n  );\n\n  const debouncedFunction = useMemo(\n    () => new Debouncer<[editorAutocompleteState: EditorAutocompleteState]>(debounceTime),\n    [debounceTime],\n  );\n\n  // clean current state when unmounting or disabling\n  useEffect(() => {\n    return () => {\n      debouncedFunction.cancel();\n      setCurrentAutocompleteSuggestion(null);\n    };\n  }, [debouncedFunction, disabled]);\n\n  const onChange = useCallback(\n    (newEditorState: EditorAutocompleteState | null) => {\n      const editorStateHasChanged = !nullableCompatibleEqualityCheck(\n        areEqual_autocompleteState,\n        previousAutocompleteState,\n        newEditorState,\n      );\n      setPreviousAutocompleteState(newEditorState);\n\n      // if no change, do nothing\n      if (!editorStateHasChanged) {\n        return;\n      }\n\n      // if change, then first null out the current suggestion\n      setCurrentAutocompleteSuggestion(null);\n\n      // then try to get a new suggestion, debouncing to avoid too many requests while typing\n      if (newEditorState) {\n        debouncedFunction.debounce(awaitForAndAppendSuggestion, newEditorState);\n      } else {\n        debouncedFunction.cancel();\n      }\n    },\n    [\n      previousAutocompleteState,\n      setPreviousAutocompleteState,\n      debouncedFunction,\n      awaitForAndAppendSuggestion,\n      setCurrentAutocompleteSuggestion,\n    ],\n  );\n\n  const keyDownOrTouchHandler = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => {\n      if (currentAutocompleteSuggestion) {\n        const shouldAcceptSuggestion =\n          event.type === \"touchstart\"\n            ? shouldAcceptAutosuggestionOnTouch(event as React.TouchEvent<HTMLDivElement>)\n            : shouldAcceptAutosuggestionOnKeyPress(event as React.KeyboardEvent<HTMLDivElement>);\n\n        if (shouldAcceptSuggestion) {\n          event.preventDefault();\n          insertAutocompleteSuggestion(currentAutocompleteSuggestion);\n          setCurrentAutocompleteSuggestion(null);\n        }\n      }\n    },\n    [\n      currentAutocompleteSuggestion,\n      setCurrentAutocompleteSuggestion,\n      insertAutocompleteSuggestion,\n      shouldAcceptAutosuggestionOnKeyPress,\n    ],\n  );\n\n  return {\n    currentAutocompleteSuggestion,\n    onChangeHandler: onChange,\n    onKeyDownHandler: keyDownOrTouchHandler,\n    onTouchStartHandler: keyDownOrTouchHandler,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAiBnD,SAAS,mBACd,cACA,sCACA,mCACA,wBACA,8BACA,kBACA,UAC0B;AAC1B,QAAM,CAAC,2BAA2B,4BAA4B,IAC5D,SAAyC,IAAI;AAE/C,QAAM,CAAC,+BAA+B,gCAAgC,IACpE,SAAqC,IAAI;AAE3C,QAAM,8BAGe;AAAA,IACnB,CAAO,yBAAkD,gBAA6B;AAEpF,UAAI,UAAU;AACZ;AAAA,MACF;AAEA,UACE,oBACA,wBAAwB,qBAAqB,MAC7C,wBAAwB,oBAAoB,IAC5C;AACA;AAAA,MACF;AAGA,YAAM,aAAa,MAAM,uBAAuB,yBAAyB,WAAW;AAGpF,UAAI,CAAC,cAAc,YAAY,SAAS;AACtC,cAAM,IAAI,aAAa,WAAW,YAAY;AAAA,MAChD;AAEA,uCAAiC;AAAA,QAC/B,MAAM;AAAA,QACN,OAAO,wBAAwB;AAAA,MACjC,CAAC;AAAA,IACH;AAAA,IACA,CAAC,wBAAwB,kCAAkC,kBAAkB,QAAQ;AAAA,EACvF;AAEA,QAAM,oBAAoB;AAAA,IACxB,MAAM,IAAI,UAA8D,YAAY;AAAA,IACpF,CAAC,YAAY;AAAA,EACf;AAGA,YAAU,MAAM;AACd,WAAO,MAAM;AACX,wBAAkB,OAAO;AACzB,uCAAiC,IAAI;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,mBAAmB,QAAQ,CAAC;AAEhC,QAAM,WAAW;AAAA,IACf,CAAC,mBAAmD;AAClD,YAAM,wBAAwB,CAAC;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,mCAA6B,cAAc;AAG3C,UAAI,CAAC,uBAAuB;AAC1B;AAAA,MACF;AAGA,uCAAiC,IAAI;AAGrC,UAAI,gBAAgB;AAClB,0BAAkB,SAAS,6BAA6B,cAAc;AAAA,MACxE,OAAO;AACL,0BAAkB,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,wBAAwB;AAAA,IAC5B,CAAC,UAAkF;AACjF,UAAI,+BAA+B;AACjC,cAAM,yBACJ,MAAM,SAAS,eACX,kCAAkC,KAAyC,IAC3E,qCAAqC,KAA4C;AAEvF,YAAI,wBAAwB;AAC1B,gBAAM,eAAe;AACrB,uCAA6B,6BAA6B;AAC1D,2CAAiC,IAAI;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,EACvB;AACF;","names":[]}

package/dist/chunk-2C7O2EVM.mjs

@@ -1,27 +0,0 @@
-// src/lib/slatejs-edits/add-autocompletions.ts
-import { Transforms } from "slate";
-function addAutocompletionsToEditor(editor, newSuggestion, point) {
-  const editorPosition = editor.selection;
-  Transforms.insertNodes(
-    editor,
-    [
-      {
-        type: "suggestion",
-        inline: true,
-        content: newSuggestion,
-        children: [{ text: "" }]
-      }
-    ],
-    {
-      at: point
-    }
-  );
-  if (editorPosition) {
-    editor.selection = editorPosition;
-  }
-}
-
-export {
-  addAutocompletionsToEditor
-};
-//# sourceMappingURL=chunk-2C7O2EVM.mjs.map

package/dist/chunk-2C7O2EVM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/slatejs-edits/add-autocompletions.ts"],"sourcesContent":["import { BasePoint, Transforms } from \"slate\";\nimport { CustomEditor } from \"../../types/base/custom-editor\";\n\nexport function addAutocompletionsToEditor(\n  editor: CustomEditor,\n  newSuggestion: string,\n  point: BasePoint,\n) {\n  const editorPosition = editor.selection;\n\n  Transforms.insertNodes(\n    editor,\n    [\n      {\n        type: \"suggestion\",\n        inline: true,\n        content: newSuggestion,\n        children: [{ text: \"\" }],\n      },\n    ],\n    {\n      at: point,\n    },\n  );\n\n  // restore cursor position\n  if (editorPosition) {\n    editor.selection = editorPosition;\n  }\n}\n"],"mappings":";AAAA,SAAoB,kBAAkB;AAG/B,SAAS,2BACd,QACA,eACA,OACA;AACA,QAAM,iBAAiB,OAAO;AAE9B,aAAW;AAAA,IACT;AAAA,IACA;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC;AAAA,MACzB;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,IACN;AAAA,EACF;AAGA,MAAI,gBAAgB;AAClB,WAAO,YAAY;AAAA,EACrB;AACF;","names":[]}

package/dist/chunk-2QDCE7PD.mjs

@@ -1,32 +0,0 @@
-import {
-  __async
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/lib/stream-promise-flatten.ts
-function streamPromiseFlatten(promise) {
-  return new ReadableStream({
-    start(controller) {
-      return __async(this, null, function* () {
-        try {
-          const stream = yield promise;
-          const reader = stream.getReader();
-          while (true) {
-            const { done, value } = yield reader.read();
-            if (done) {
-              controller.close();
-              return;
-            }
-            controller.enqueue(value);
-          }
-        } catch (error) {
-          controller.error(error);
-        }
-      });
-    }
-  });
-}
-
-export {
-  streamPromiseFlatten
-};
-//# sourceMappingURL=chunk-2QDCE7PD.mjs.map

package/dist/chunk-2QDCE7PD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/stream-promise-flatten.ts"],"sourcesContent":["/**\n * Flatten a promise of a stream, into a stream.\n *\n * Useful because a stream already includes the notion of async value delivery,\n * so it often makes sense to simply await the values rather than the generator of the values.\n *\n * @param {Promise<ReadableStream<A>>} promise - The promise to flatten.\n * @returns {ReadableStream<A>} - The flattened stream.\n */\n\nexport function streamPromiseFlatten<A>(promise: Promise<ReadableStream<A>>): ReadableStream<A> {\n  return new ReadableStream<A>({\n    async start(controller) {\n      try {\n        const stream = await promise;\n        const reader = stream.getReader();\n\n        while (true) {\n          const { done, value } = await reader.read();\n\n          if (done) {\n            controller.close();\n            return;\n          }\n\n          controller.enqueue(value);\n        }\n      } catch (error) {\n        controller.error(error);\n      }\n    },\n  });\n}\n"],"mappings":";;;;;AAUO,SAAS,qBAAwB,SAAwD;AAC9F,SAAO,IAAI,eAAkB;AAAA,IACrB,MAAM,YAAY;AAAA;AACtB,YAAI;AACF,gBAAM,SAAS,MAAM;AACrB,gBAAM,SAAS,OAAO,UAAU;AAEhC,iBAAO,MAAM;AACX,kBAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAE1C,gBAAI,MAAM;AACR,yBAAW,MAAM;AACjB;AAAA,YACF;AAEA,uBAAW,QAAQ,KAAK;AAAA,UAC1B;AAAA,QACF,SAAS,OAAP;AACA,qBAAW,MAAM,KAAK;AAAA,QACxB;AAAA,MACF;AAAA;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/chunk-2XDYLKPH.mjs

@@ -1,181 +0,0 @@
-import {
-  retry
-} from "./chunk-KNQIEOFP.mjs";
-import {
-  __async,
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx
-import { COPILOT_CLOUD_PUBLIC_API_KEY_HEADER } from "@copilotkit/shared";
-import { useCopilotContext } from "@copilotkit/react-core";
-import { useCallback } from "react";
-import {
-  CopilotRuntimeClient,
-  Role,
-  TextMessage,
-  convertGqlOutputToMessages,
-  convertMessagesToGqlInput,
-  filterAgentStateMessages,
-  CopilotRequestType
-} from "@copilotkit/runtime-client-gql";
-function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCategories, insertionApiConfig, editingApiConfig) {
-  const { getContextString, copilotApiConfig } = useCopilotContext();
-  const headers = __spreadValues({}, copilotApiConfig.publicApiKey ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {});
-  const runtimeClient = new CopilotRuntimeClient({
-    url: copilotApiConfig.chatApiEndpoint,
-    publicApiKey: copilotApiConfig.publicApiKey,
-    headers,
-    credentials: copilotApiConfig.credentials
-  });
-  function runtimeClientResponseToStringStream(responsePromise) {
-    return __async(this, null, function* () {
-      const messagesStream = yield CopilotRuntimeClient.asStream(responsePromise);
-      return new ReadableStream({
-        start(controller) {
-          return __async(this, null, function* () {
-            const reader = messagesStream.getReader();
-            let sentContent = "";
-            while (true) {
-              const { done, value } = yield reader.read();
-              if (done) {
-                break;
-              }
-              const messages = convertGqlOutputToMessages(value.generateCopilotResponse.messages);
-              let newContent = "";
-              for (const message of messages) {
-                if (message instanceof TextMessage) {
-                  newContent += message.content;
-                }
-              }
-              if (newContent) {
-                const contentToSend = newContent.slice(sentContent.length);
-                controller.enqueue(contentToSend);
-                sentContent += contentToSend;
-              }
-            }
-            controller.close();
-          });
-        }
-      });
-    });
-  }
-  const insertionFunction = useCallback(
-    (editorState, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
-      const res = yield retry(() => __async(this, null, function* () {
-        const messages = [
-          new TextMessage({
-            role: Role.System,
-            content: insertionApiConfig.makeSystemPrompt(
-              textareaPurpose,
-              getContextString(documents, contextCategories)
-            )
-          }),
-          ...insertionApiConfig.fewShotMessages,
-          new TextMessage({
-            role: Role.User,
-            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`
-          }),
-          new TextMessage({
-            role: Role.User,
-            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`
-          }),
-          new TextMessage({
-            role: Role.User,
-            content: `<InsertionPrompt>${insertionPrompt}</InsertionPrompt>`
-          })
-        ];
-        return runtimeClientResponseToStringStream(
-          runtimeClient.generateCopilotResponse({
-            data: {
-              frontend: {
-                actions: [],
-                url: window.location.href
-              },
-              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
-              metadata: {
-                requestType: CopilotRequestType.TextareaCompletion
-              }
-            },
-            properties: copilotApiConfig.properties,
-            signal: abortSignal
-          })
-        );
-      }));
-      return res;
-    }),
-    [insertionApiConfig, getContextString, contextCategories, textareaPurpose]
-  );
-  const editingFunction = useCallback(
-    (editorState, editingPrompt, documents, abortSignal) => __async(this, null, function* () {
-      const res = yield retry(() => __async(this, null, function* () {
-        const messages = [
-          new TextMessage({
-            role: Role.System,
-            content: editingApiConfig.makeSystemPrompt(
-              textareaPurpose,
-              getContextString(documents, contextCategories)
-            )
-          }),
-          ...editingApiConfig.fewShotMessages,
-          new TextMessage({
-            role: Role.User,
-            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`
-          }),
-          new TextMessage({
-            role: Role.User,
-            content: `<TextToEdit>${editorState.selectedText}</TextToEdit>`
-          }),
-          new TextMessage({
-            role: Role.User,
-            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`
-          }),
-          new TextMessage({
-            role: Role.User,
-            content: `<EditingPrompt>${editingPrompt}</EditingPrompt>`
-          })
-        ];
-        const runtimeClient2 = new CopilotRuntimeClient({
-          url: copilotApiConfig.chatApiEndpoint,
-          publicApiKey: copilotApiConfig.publicApiKey,
-          headers,
-          credentials: copilotApiConfig.credentials
-        });
-        return runtimeClientResponseToStringStream(
-          runtimeClient2.generateCopilotResponse({
-            data: {
-              frontend: {
-                actions: [],
-                url: window.location.href
-              },
-              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
-              metadata: {
-                requestType: CopilotRequestType.TextareaCompletion
-              }
-            },
-            properties: copilotApiConfig.properties,
-            signal: abortSignal
-          })
-        );
-      }));
-      return res;
-    }),
-    [editingApiConfig, getContextString, contextCategories, textareaPurpose]
-  );
-  const insertionOrEditingFunction = useCallback(
-    (editorState, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
-      if (editorState.selectedText === "") {
-        return yield insertionFunction(editorState, insertionPrompt, documents, abortSignal);
-      } else {
-        return yield editingFunction(editorState, insertionPrompt, documents, abortSignal);
-      }
-    }),
-    [insertionFunction, editingFunction]
-  );
-  return insertionOrEditingFunction;
-}
-
-export {
-  useMakeStandardInsertionOrEditingFunction
-};
-//# sourceMappingURL=chunk-2XDYLKPH.mjs.map

package/dist/chunk-2XDYLKPH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx"],"sourcesContent":["import { COPILOT_CLOUD_PUBLIC_API_KEY_HEADER } from \"@copilotkit/shared\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback } from \"react\";\nimport {\n  CopilotRuntimeClient,\n  Message,\n  Role,\n  TextMessage,\n  convertGqlOutputToMessages,\n  convertMessagesToGqlInput,\n  filterAgentStateMessages,\n  CopilotRequestType,\n} from \"@copilotkit/runtime-client-gql\";\nimport { retry } from \"../../lib/retry\";\nimport {\n  EditingEditorState,\n  Generator_InsertionOrEditingSuggestion,\n} from \"../../types/base/autosuggestions-bare-function\";\nimport { InsertionsApiConfig } from \"../../types/autosuggestions-config/insertions-api-config\";\nimport { EditingApiConfig } from \"../../types/autosuggestions-config/editing-api-config\";\nimport { DocumentPointer } from \"@copilotkit/react-core\";\n\n/**\n * Returns a memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n * The function takes in the text before and after the cursor, and an abort signal.\n * It sends a POST request to the API endpoint with the messages array containing the system message, few shot messages, and user messages.\n * The function returns the suggestion from the API response.\n *\n * @param textareaPurpose - The purpose of the textarea. This is included in the system message.\n * @param apiEndpoint - The API endpoint to send the autosuggestion request to.\n * @param makeSystemMessage - A function that takes in a context string and returns a system message to include in the autosuggestion request.\n * @param fewShotMessages - An array of few shot messages to include in the autosuggestion request.\n * @param contextCategories - The categories of context strings we want to include. By default, we include the (default) \"global\" context category.\n * @returns A memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n */\nexport function useMakeStandardInsertionOrEditingFunction(\n  textareaPurpose: string,\n  contextCategories: string[],\n  insertionApiConfig: InsertionsApiConfig,\n  editingApiConfig: EditingApiConfig,\n): Generator_InsertionOrEditingSuggestion {\n  const { getContextString, copilotApiConfig } = useCopilotContext();\n  const headers = {\n    ...(copilotApiConfig.publicApiKey\n      ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey }\n      : {}),\n  };\n\n  const runtimeClient = new CopilotRuntimeClient({\n    url: copilotApiConfig.chatApiEndpoint,\n    publicApiKey: copilotApiConfig.publicApiKey,\n    headers,\n    credentials: copilotApiConfig.credentials,\n  });\n\n  async function runtimeClientResponseToStringStream(\n    responsePromise: ReturnType<typeof runtimeClient.generateCopilotResponse>,\n  ) {\n    const messagesStream = await CopilotRuntimeClient.asStream(responsePromise);\n\n    return new ReadableStream({\n      async start(controller) {\n        const reader = messagesStream.getReader();\n        let sentContent = \"\";\n\n        while (true) {\n          const { done, value } = await reader.read();\n          if (done) {\n            break;\n          }\n\n          const messages = convertGqlOutputToMessages(value.generateCopilotResponse.messages);\n\n          let newContent = \"\";\n\n          for (const message of messages) {\n            if (message instanceof TextMessage) {\n              newContent += message.content;\n            }\n          }\n          if (newContent) {\n            const contentToSend = newContent.slice(sentContent.length);\n            controller.enqueue(contentToSend);\n            sentContent += contentToSend;\n          }\n        }\n        controller.close();\n      },\n    });\n  }\n\n  const insertionFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      insertionPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      const res = await retry(async () => {\n        const messages: Message[] = [\n          new TextMessage({\n            role: Role.System,\n            content: insertionApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(documents, contextCategories),\n            ),\n          }),\n          ...insertionApiConfig.fewShotMessages,\n          new TextMessage({\n            role: Role.User,\n            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<InsertionPrompt>${insertionPrompt}</InsertionPrompt>`,\n          }),\n        ];\n\n        return runtimeClientResponseToStringStream(\n          runtimeClient.generateCopilotResponse({\n            data: {\n              frontend: {\n                actions: [],\n                url: window.location.href,\n              },\n              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),\n              metadata: {\n                requestType: CopilotRequestType.TextareaCompletion,\n              },\n            },\n            properties: copilotApiConfig.properties,\n            signal: abortSignal,\n          }),\n        );\n      });\n\n      return res;\n    },\n    [insertionApiConfig, getContextString, contextCategories, textareaPurpose],\n  );\n\n  const editingFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      editingPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      const res = await retry(async () => {\n        const messages: Message[] = [\n          new TextMessage({\n            role: Role.System,\n            content: editingApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(documents, contextCategories),\n            ),\n          }),\n          ...editingApiConfig.fewShotMessages,\n          new TextMessage({\n            role: Role.User,\n            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextToEdit>${editorState.selectedText}</TextToEdit>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<EditingPrompt>${editingPrompt}</EditingPrompt>`,\n          }),\n        ];\n\n        const runtimeClient = new CopilotRuntimeClient({\n          url: copilotApiConfig.chatApiEndpoint,\n          publicApiKey: copilotApiConfig.publicApiKey,\n          headers,\n          credentials: copilotApiConfig.credentials,\n        });\n\n        return runtimeClientResponseToStringStream(\n          runtimeClient.generateCopilotResponse({\n            data: {\n              frontend: {\n                actions: [],\n                url: window.location.href,\n              },\n              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),\n              metadata: {\n                requestType: CopilotRequestType.TextareaCompletion,\n              },\n            },\n            properties: copilotApiConfig.properties,\n            signal: abortSignal,\n          }),\n        );\n      });\n\n      return res;\n    },\n    [editingApiConfig, getContextString, contextCategories, textareaPurpose],\n  );\n\n  const insertionOrEditingFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      insertionPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      if (editorState.selectedText === \"\") {\n        return await insertionFunction(editorState, insertionPrompt, documents, abortSignal);\n      } else {\n        return await editingFunction(editorState, insertionPrompt, documents, abortSignal);\n      }\n    },\n    [insertionFunction, editingFunction],\n  );\n\n  return insertionOrEditingFunction;\n}\n"],"mappings":"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","names":["runtimeClient"]}

package/dist/chunk-3PQ7GSFE.mjs

@@ -1,17 +0,0 @@
-// src/hooks/misc/use-autosize-textarea.tsx
-import { useEffect } from "react";
-var useAutosizeTextArea = (textAreaRef, value) => {
-  useEffect(() => {
-    if (textAreaRef.current !== null) {
-      textAreaRef.current.style.height = "0px";
-      const scrollHeight = textAreaRef.current.scrollHeight;
-      textAreaRef.current.style.height = scrollHeight + "px";
-    }
-  }, [textAreaRef, value]);
-};
-var use_autosize_textarea_default = useAutosizeTextArea;
-
-export {
-  use_autosize_textarea_default
-};
-//# sourceMappingURL=chunk-3PQ7GSFE.mjs.map

package/dist/chunk-3PQ7GSFE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/misc/use-autosize-textarea.tsx"],"sourcesContent":["import { Ref, RefObject, useEffect } from \"react\";\n\n// Updates the height of a <textarea> when the value changes.\nconst useAutosizeTextArea = (textAreaRef: RefObject<HTMLTextAreaElement>, value: string) => {\n  useEffect(() => {\n    if (textAreaRef.current !== null) {\n      // We need to reset the height momentarily to get the correct scrollHeight for the textarea\n      textAreaRef.current.style.height = \"0px\";\n      const scrollHeight = textAreaRef.current.scrollHeight;\n\n      // We then set the height directly, outside of the render loop\n      // Trying to set this with state or a ref will product an incorrect value.\n      textAreaRef.current.style.height = scrollHeight + \"px\";\n    }\n  }, [textAreaRef, value]);\n};\n\nexport default useAutosizeTextArea;\n"],"mappings":";AAAA,SAAyB,iBAAiB;AAG1C,IAAM,sBAAsB,CAAC,aAA6C,UAAkB;AAC1F,YAAU,MAAM;AACd,QAAI,YAAY,YAAY,MAAM;AAEhC,kBAAY,QAAQ,MAAM,SAAS;AACnC,YAAM,eAAe,YAAY,QAAQ;AAIzC,kBAAY,QAAQ,MAAM,SAAS,eAAe;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,aAAa,KAAK,CAAC;AACzB;AAEA,IAAO,gCAAQ;","names":[]}