@copilotkit/react-ui 1.3.16-mme-copilot-suggestions.1 → 1.3.16-mme-reset-chat.2

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.ts","../../src/hooks/use-copilot-chat-suggestions.tsx","../../src/hooks/use-copilot-suggestions.ts"],"sourcesContent":["export * from \"./use-copilot-chat-suggestions\";\nexport * from \"./use-copilot-suggestions\";\n","/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotChatSuggestions` is a React hook that provides auto-suggestions in the Copilot chat.\n *\n * <br/>\n * <img src=\"/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\n * }\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ### Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\n\nimport { useEffect } from \"react\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { randomId } from \"@copilotkit/shared\";\n\ninterface UseCopilotChatSuggestionsConfiguration {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions: string;\n  /**\n   * The minimum number of suggestions to generate. Defaults to `1`.\n   * @default 1\n   */\n  minSuggestions?: number;\n  /**\n   * The maximum number of suggestions to generate. Defaults to `3`.\n   * @default 1\n   */\n  maxSuggestions?: number;\n  /**\n   * An optional class name to apply to the suggestions.\n   */\n  className?: string;\n}\n\nexport function useCopilotChatSuggestions(\n  {\n    instructions,\n    className,\n    minSuggestions = 1,\n    maxSuggestions = 3,\n  }: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  const context = useCopilotContext();\n\n  useEffect(() => {\n    const id = randomId();\n\n    context.addChatSuggestionConfiguration(id, {\n      instructions,\n      minSuggestions,\n      maxSuggestions,\n      className,\n    });\n\n    return () => {\n      context.removeChatSuggestionConfiguration(id);\n    };\n  }, [...dependencies, instructions, minSuggestions, maxSuggestions, className]);\n}\n","/**\n * <Callout type=\"warning\">\n *   useCopilotSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotSuggestions` is a React hook that provides auto-suggestions that can be added to any\n * UI component.\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * TODO\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * TODO\n * }\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ### Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\n\nimport { useEffect, useState, useRef, useCallback } from \"react\";\nimport {\n  CopilotContextParams,\n  CopilotMessagesContextParams,\n  extract,\n  useCopilotContext,\n  useCopilotMessagesContext,\n} from \"@copilotkit/react-core\";\nimport { MappedParameterTypes, Parameter, randomId } from \"@copilotkit/shared\";\nimport { CopilotRequestType } from \"@copilotkit/runtime-client-gql\";\n\nexport interface UseCopilotSuggestionsConfiguration<T extends Parameter[] = []> {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions?: string;\n\n  /**\n   * The data to pass to the suggestions.\n   */\n  parameters: T;\n\n  /**\n   * The current value of the parameter.\n   */\n  value?: Partial<MappedParameterTypes<T>>;\n\n  /**\n   * Whether the suggestions are enabled.\n   * @default true\n   */\n  enabled?: boolean;\n\n  /**\n   * The debounce time in milliseconds.\n   * @default 1000\n   */\n  debounceTime?: number;\n}\nexport type SuggestionsResult<T extends Parameter[]> =\n  | { suggestions: undefined; isAvailable: false; isLoading: boolean }\n  | { suggestions: MappedParameterTypes<T>; isAvailable: true; isLoading: boolean };\n\nexport function useCopilotSuggestions<const T extends Parameter[]>(\n  {\n    instructions,\n    parameters,\n    value,\n    enabled = true,\n    debounceTime = 1000,\n  }: UseCopilotSuggestionsConfiguration<T>,\n  dependencies: any[] = [],\n): SuggestionsResult<T> {\n  const suggestionsAbortControllerRef = useRef<AbortController | null>(null);\n  const debounceTimerRef = useRef<any>();\n  const [suggestions, setSuggestions] = useState<SuggestionsResult<T>>({\n    suggestions: undefined,\n    isAvailable: false,\n    isLoading: false,\n  });\n  const isFirstRunRef = useRef(true);\n\n  const abortSuggestions = useCallback(() => {\n    suggestionsAbortControllerRef.current?.abort();\n    suggestionsAbortControllerRef.current = null;\n  }, []);\n\n  const generalContext = useCopilotContext();\n  const messagesContext = useCopilotMessagesContext();\n  const context = { ...generalContext, ...messagesContext };\n\n  useEffect(() => {\n    abortSuggestions();\n    if (!enabled) {\n      setSuggestions({ suggestions: undefined, isAvailable: false, isLoading: false });\n      return;\n    }\n\n    // if value is the same as the last suggestions, don't reload\n    if (JSON.stringify(value) === JSON.stringify(suggestions.suggestions)) {\n      return;\n    }\n\n    debounceTimerRef.current = setTimeout(\n      async () => {\n        isFirstRunRef.current = false;\n        suggestionsAbortControllerRef.current = new AbortController();\n        setSuggestions({ ...suggestions, isLoading: true });\n        await reloadSuggestions(\n          context,\n          instructions,\n          parameters,\n          value,\n          suggestionsAbortControllerRef,\n          setSuggestions,\n        );\n      },\n      isFirstRunRef.current === true ? 0 : debounceTime,\n    );\n\n    return () => {\n      clearTimeout(debounceTimerRef.current);\n    };\n  }, [\n    instructions,\n    JSON.stringify(parameters),\n    JSON.stringify(value),\n    enabled,\n    debounceTime,\n    ...dependencies,\n  ]);\n\n  return suggestions;\n}\n\nasync function reloadSuggestions(\n  context: CopilotContextParams & CopilotMessagesContextParams,\n  instructions: string | undefined,\n  parameters: Parameter[],\n  value: any,\n  abortControllerRef: React.MutableRefObject<AbortController | null>,\n  setSuggestions: (suggestions: any) => void,\n) {\n  const abortController = abortControllerRef.current;\n  let fullInstructions = `It's your task to generate suggestions based on the application context.`;\n  if (instructions) {\n    fullInstructions += `\\n\\nIn addition, follow these specific instructions: ${instructions}`;\n  }\n  if (value) {\n    fullInstructions +=\n      `\\n\\nThe current value of the parameter is: ${JSON.stringify(value)}.` +\n      `If it makes sense to complete the existing data, i.e. expand string values, add new elements to arrays, etc., do so. ` +\n      `Otherwise, generate a new value.`;\n  }\n\n  await extract({\n    context,\n    instructions: instructions || \"\",\n    data: fullInstructions,\n    parameters,\n    abortSignal: abortController?.signal,\n    requestType: CopilotRequestType.Task,\n    stream({ args, status }) {\n      if (status === \"complete\") {\n        setSuggestions({ suggestions: args, isAvailable: true, isLoading: false });\n      }\n    },\n  });\n}\n"],"mappings":"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","names":["import_react","import_react_core"]}
+{"version":3,"sources":["../../src/hooks/index.ts","../../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["export * from \"./use-copilot-chat-suggestions\";\n","/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotReadable` is a React hook that provides app-state and other information\n * to the Copilot. Optionally, the hook can also handle hierarchical state within your\n * application, passing these parent-child relationships to the Copilot.\n *\n * <br/>\n * <img src=\"/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\n * }\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ### Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\n\nimport { useEffect } from \"react\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { randomId } from \"@copilotkit/shared\";\n\ninterface UseCopilotChatSuggestionsConfiguration {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions: string;\n  /**\n   * The minimum number of suggestions to generate. Defaults to `1`.\n   * @default 1\n   */\n  minSuggestions?: number;\n  /**\n   * The maximum number of suggestions to generate. Defaults to `3`.\n   * @default 1\n   */\n  maxSuggestions?: number;\n  /**\n   * An optional class name to apply to the suggestions.\n   */\n  className?: string;\n}\n\nexport function useCopilotChatSuggestions(\n  {\n    instructions,\n    className,\n    minSuggestions = 1,\n    maxSuggestions = 3,\n  }: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  const context = useCopilotContext();\n\n  useEffect(() => {\n    const id = randomId();\n\n    context.addChatSuggestionConfiguration(id, {\n      instructions,\n      minSuggestions,\n      maxSuggestions,\n      className,\n    });\n\n    return () => {\n      context.removeChatSuggestionConfiguration(id);\n    };\n  }, [...dependencies, instructions, minSuggestions, maxSuggestions, className]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC6DA,mBAA0B;AAC1B,wBAAkC;AAClC,oBAAyB;AAuBlB,SAAS,0BACd;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GACA,eAAsB,CAAC,GACvB;AACA,QAAM,cAAU,qCAAkB;AAElC,8BAAU,MAAM;AACd,UAAM,SAAK,wBAAS;AAEpB,YAAQ,+BAA+B,IAAI;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,cAAQ,kCAAkC,EAAE;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,GAAG,cAAc,cAAc,gBAAgB,gBAAgB,SAAS,CAAC;AAC/E;","names":[]}

package/dist/hooks/index.mjs

@@ -1,13 +1,9 @@
-import "../chunk-RJ54B6VE.mjs";
+import "../chunk-T26KLXLH.mjs";
 import {
   useCopilotChatSuggestions
-} from "../chunk-HGQFDT5I.mjs";
-import {
-  useCopilotSuggestions
-} from "../chunk-G7A3YV3L.mjs";
+} from "../chunk-Z2UZSN3K.mjs";
 import "../chunk-MRXNTQOX.mjs";
 export {
-  useCopilotChatSuggestions,
-  useCopilotSuggestions
+  useCopilotChatSuggestions
 };
 //# sourceMappingURL=index.mjs.map

package/dist/hooks/use-copilot-chat-suggestions.d.ts

@@ -4,7 +4,9 @@
  *   can change without notice.
  * </Callout>
  *
- * `useCopilotChatSuggestions` is a React hook that provides auto-suggestions in the Copilot chat.
+ * `useCopilotReadable` is a React hook that provides app-state and other information
+ * to the Copilot. Optionally, the hook can also handle hierarchical state within your
+ * application, passing these parent-child relationships to the Copilot.
  *
  * <br/>
  * <img src="/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif" width="500" />

package/dist/hooks/use-copilot-chat-suggestions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotChatSuggestions` is a React hook that provides auto-suggestions in the Copilot chat.\n *\n * <br/>\n * <img src=\"/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\n * }\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ### Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\n\nimport { useEffect } from \"react\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { randomId } from \"@copilotkit/shared\";\n\ninterface UseCopilotChatSuggestionsConfiguration {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions: string;\n  /**\n   * The minimum number of suggestions to generate. Defaults to `1`.\n   * @default 1\n   */\n  minSuggestions?: number;\n  /**\n   * The maximum number of suggestions to generate. Defaults to `3`.\n   * @default 1\n   */\n  maxSuggestions?: number;\n  /**\n   * An optional class name to apply to the suggestions.\n   */\n  className?: string;\n}\n\nexport function useCopilotChatSuggestions(\n  {\n    instructions,\n    className,\n    minSuggestions = 1,\n    maxSuggestions = 3,\n  }: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  const context = useCopilotContext();\n\n  useEffect(() => {\n    const id = randomId();\n\n    context.addChatSuggestionConfiguration(id, {\n      instructions,\n      minSuggestions,\n      maxSuggestions,\n      className,\n    });\n\n    return () => {\n      context.removeChatSuggestionConfiguration(id);\n    };\n  }, [...dependencies, instructions, minSuggestions, maxSuggestions, className]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2DA,mBAA0B;AAC1B,wBAAkC;AAClC,oBAAyB;AAuBlB,SAAS,0BACd;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GACA,eAAsB,CAAC,GACvB;AACA,QAAM,cAAU,qCAAkB;AAElC,8BAAU,MAAM;AACd,UAAM,SAAK,wBAAS;AAEpB,YAAQ,+BAA+B,IAAI;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,cAAQ,kCAAkC,EAAE;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,GAAG,cAAc,cAAc,gBAAgB,gBAAgB,SAAS,CAAC;AAC/E;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotReadable` is a React hook that provides app-state and other information\n * to the Copilot. Optionally, the hook can also handle hierarchical state within your\n * application, passing these parent-child relationships to the Copilot.\n *\n * <br/>\n * <img src=\"/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\n * }\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ### Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\n\nimport { useEffect } from \"react\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { randomId } from \"@copilotkit/shared\";\n\ninterface UseCopilotChatSuggestionsConfiguration {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions: string;\n  /**\n   * The minimum number of suggestions to generate. Defaults to `1`.\n   * @default 1\n   */\n  minSuggestions?: number;\n  /**\n   * The maximum number of suggestions to generate. Defaults to `3`.\n   * @default 1\n   */\n  maxSuggestions?: number;\n  /**\n   * An optional class name to apply to the suggestions.\n   */\n  className?: string;\n}\n\nexport function useCopilotChatSuggestions(\n  {\n    instructions,\n    className,\n    minSuggestions = 1,\n    maxSuggestions = 3,\n  }: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  const context = useCopilotContext();\n\n  useEffect(() => {\n    const id = randomId();\n\n    context.addChatSuggestionConfiguration(id, {\n      instructions,\n      minSuggestions,\n      maxSuggestions,\n      className,\n    });\n\n    return () => {\n      context.removeChatSuggestionConfiguration(id);\n    };\n  }, [...dependencies, instructions, minSuggestions, maxSuggestions, className]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DA,mBAA0B;AAC1B,wBAAkC;AAClC,oBAAyB;AAuBlB,SAAS,0BACd;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GACA,eAAsB,CAAC,GACvB;AACA,QAAM,cAAU,qCAAkB;AAElC,8BAAU,MAAM;AACd,UAAM,SAAK,wBAAS;AAEpB,YAAQ,+BAA+B,IAAI;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,cAAQ,kCAAkC,EAAE;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,GAAG,cAAc,cAAc,gBAAgB,gBAAgB,SAAS,CAAC;AAC/E;","names":[]}

package/dist/hooks/use-copilot-chat-suggestions.mjs

@@ -1,6 +1,6 @@
 import {
   useCopilotChatSuggestions
-} from "../chunk-HGQFDT5I.mjs";
+} from "../chunk-Z2UZSN3K.mjs";
 import "../chunk-MRXNTQOX.mjs";
 export {
   useCopilotChatSuggestions

package/dist/index.d.ts

@@ -4,7 +4,6 @@ export { CopilotSidebar } from './components/chat/Sidebar.js';
 export { CopilotChat } from './components/chat/Chat.js';
 export { useChatContext } from './components/chat/ChatContext.js';
 export { useCopilotChatSuggestions } from './hooks/use-copilot-chat-suggestions.js';
-export { SuggestionsResult, UseCopilotSuggestionsConfiguration, useCopilotSuggestions } from './hooks/use-copilot-suggestions.js';
 export { CopilotKitCSSProperties } from './types/css.js';
 import '@copilotkit/runtime-client-gql';
 import 'react/jsx-runtime';
@@ -12,4 +11,3 @@ import './components/chat/Modal.js';
 import 'react';
 import '@copilotkit/react-core';
 import './types/suggestions.js';
-import '@copilotkit/shared';

package/dist/index.js

@@ -84,8 +84,7 @@ __export(src_exports, {
   CopilotPopup: () => CopilotPopup,
   CopilotSidebar: () => CopilotSidebar,
   useChatContext: () => useChatContext,
-  useCopilotChatSuggestions: () => useCopilotChatSuggestions,
-  useCopilotSuggestions: () => useCopilotSuggestions
+  useCopilotChatSuggestions: () => useCopilotChatSuggestions
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -2310,108 +2309,12 @@ function useCopilotChatSuggestions({
     };
   }, [...dependencies, instructions, minSuggestions, maxSuggestions, className]);
 }
-
-// src/hooks/use-copilot-suggestions.ts
-var import_react15 = require("react");
-var import_react_core10 = require("@copilotkit/react-core");
-var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
-function useCopilotSuggestions({
-  instructions,
-  parameters,
-  value,
-  enabled = true,
-  debounceTime = 1e3
-}, dependencies = []) {
-  const suggestionsAbortControllerRef = (0, import_react15.useRef)(null);
-  const debounceTimerRef = (0, import_react15.useRef)();
-  const [suggestions, setSuggestions] = (0, import_react15.useState)({
-    suggestions: void 0,
-    isAvailable: false,
-    isLoading: false
-  });
-  const isFirstRunRef = (0, import_react15.useRef)(true);
-  const abortSuggestions = (0, import_react15.useCallback)(() => {
-    var _a;
-    (_a = suggestionsAbortControllerRef.current) == null ? void 0 : _a.abort();
-    suggestionsAbortControllerRef.current = null;
-  }, []);
-  const generalContext = (0, import_react_core10.useCopilotContext)();
-  const messagesContext = (0, import_react_core10.useCopilotMessagesContext)();
-  const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
-  (0, import_react15.useEffect)(() => {
-    abortSuggestions();
-    if (!enabled) {
-      setSuggestions({ suggestions: void 0, isAvailable: false, isLoading: false });
-      return;
-    }
-    if (JSON.stringify(value) === JSON.stringify(suggestions.suggestions)) {
-      return;
-    }
-    debounceTimerRef.current = setTimeout(
-      () => __async(this, null, function* () {
-        isFirstRunRef.current = false;
-        suggestionsAbortControllerRef.current = new AbortController();
-        setSuggestions(__spreadProps(__spreadValues({}, suggestions), { isLoading: true }));
-        yield reloadSuggestions2(
-          context,
-          instructions,
-          parameters,
-          value,
-          suggestionsAbortControllerRef,
-          setSuggestions
-        );
-      }),
-      isFirstRunRef.current === true ? 0 : debounceTime
-    );
-    return () => {
-      clearTimeout(debounceTimerRef.current);
-    };
-  }, [
-    instructions,
-    JSON.stringify(parameters),
-    JSON.stringify(value),
-    enabled,
-    debounceTime,
-    ...dependencies
-  ]);
-  return suggestions;
-}
-function reloadSuggestions2(context, instructions, parameters, value, abortControllerRef, setSuggestions) {
-  return __async(this, null, function* () {
-    const abortController = abortControllerRef.current;
-    let fullInstructions = `It's your task to generate suggestions based on the application context.`;
-    if (instructions) {
-      fullInstructions += `
-
-In addition, follow these specific instructions: ${instructions}`;
-    }
-    if (value) {
-      fullInstructions += `
-
-The current value of the parameter is: ${JSON.stringify(value)}.If it makes sense to complete the existing data, i.e. expand string values, add new elements to arrays, etc., do so. Otherwise, generate a new value.`;
-    }
-    yield (0, import_react_core10.extract)({
-      context,
-      instructions: instructions || "",
-      data: fullInstructions,
-      parameters,
-      abortSignal: abortController == null ? void 0 : abortController.signal,
-      requestType: import_runtime_client_gql5.CopilotRequestType.Task,
-      stream({ args, status }) {
-        if (status === "complete") {
-          setSuggestions({ suggestions: args, isAvailable: true, isLoading: false });
-        }
-      }
-    });
-  });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CopilotChat,
   CopilotPopup,
   CopilotSidebar,
   useChatContext,
-  useCopilotChatSuggestions,
-  useCopilotSuggestions
+  useCopilotChatSuggestions
 });
 //# sourceMappingURL=index.js.map