@copilotkit/react-core
Version:
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
385 lines (378 loc) • 13.9 kB
JavaScript
;
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var __async = (__this, __arguments, generator) => {
return new Promise((resolve, reject) => {
var fulfilled = (value) => {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
};
var rejected = (value) => {
try {
step(generator.throw(value));
} catch (e) {
reject(e);
}
};
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
step((generator = generator.apply(__this, __arguments)).next());
});
};
// src/components/copilot-provider/copilot-messages.tsx
var copilot_messages_exports = {};
__export(copilot_messages_exports, {
CopilotMessages: () => CopilotMessages,
MessagesTapProvider: () => MessagesTapProvider,
useMessagesTap: () => useMessagesTap
});
module.exports = __toCommonJS(copilot_messages_exports);
var import_react4 = require("react");
// src/context/copilot-messages-context.tsx
var import_react = __toESM(require("react"));
var emptyCopilotContext = {
messages: [],
setMessages: () => [],
// suggestions state
suggestions: [],
setSuggestions: () => []
};
var CopilotMessagesContext = import_react.default.createContext(emptyCopilotContext);
// src/components/copilot-provider/copilot-messages.tsx
var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
// src/context/copilot-context.tsx
var import_react2 = __toESM(require("react"));
var emptyCopilotContext2 = {
actions: {},
setAction: () => {
},
removeAction: () => {
},
coAgentStateRenders: {},
setCoAgentStateRender: () => {
},
removeCoAgentStateRender: () => {
},
chatComponentsCache: { current: { actions: {}, coAgentStateRenders: {} } },
getContextString: (documents, categories) => returnAndThrowInDebug(""),
addContext: () => "",
removeContext: () => {
},
getAllContext: () => [],
getFunctionCallHandler: () => returnAndThrowInDebug(() => __async(void 0, null, function* () {
})),
isLoading: false,
setIsLoading: () => returnAndThrowInDebug(false),
chatInstructions: "",
setChatInstructions: () => returnAndThrowInDebug(""),
additionalInstructions: [],
setAdditionalInstructions: () => returnAndThrowInDebug([]),
getDocumentsContext: (categories) => returnAndThrowInDebug([]),
addDocumentContext: () => returnAndThrowInDebug(""),
removeDocumentContext: () => {
},
runtimeClient: {},
copilotApiConfig: new class {
get chatApiEndpoint() {
throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
}
get headers() {
return {};
}
get body() {
return {};
}
}(),
chatSuggestionConfiguration: {},
addChatSuggestionConfiguration: () => {
},
removeChatSuggestionConfiguration: () => {
},
showDevConsole: false,
coagentStates: {},
setCoagentStates: () => {
},
coagentStatesRef: { current: {} },
setCoagentStatesWithRef: () => {
},
agentSession: null,
setAgentSession: () => {
},
forwardedParameters: {},
agentLock: null,
threadId: "",
setThreadId: () => {
},
runId: null,
setRunId: () => {
},
chatAbortControllerRef: { current: null },
availableAgents: [],
extensions: {},
setExtensions: () => {
},
langGraphInterruptAction: null,
setLangGraphInterruptAction: () => {
},
removeLangGraphInterruptAction: () => {
},
onError: () => {
},
bannerError: null,
setBannerError: () => {
},
internalErrorHandlers: {},
setInternalErrorHandler: () => {
},
removeInternalErrorHandler: () => {
}
};
var CopilotContext = import_react2.default.createContext(emptyCopilotContext2);
function useCopilotContext() {
const context = import_react2.default.useContext(CopilotContext);
if (context === emptyCopilotContext2) {
throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
}
return context;
}
function returnAndThrowInDebug(_value) {
throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
}
// src/components/toast/toast-provider.tsx
var import_react3 = require("react");
var import_shared = require("@copilotkit/shared");
var import_jsx_runtime = require("react/jsx-runtime");
var ToastContext = (0, import_react3.createContext)(void 0);
function useToast() {
const context = (0, import_react3.useContext)(ToastContext);
if (!context) {
throw new Error("useToast must be used within a ToastProvider");
}
return context;
}
// src/utils/dev-console.ts
function isLocalhost() {
if (typeof window === "undefined")
return false;
return window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname === "0.0.0.0";
}
function shouldShowDevConsole(showDevConsole) {
if (showDevConsole !== void 0) {
return showDevConsole;
}
return isLocalhost();
}
// src/components/copilot-provider/copilot-messages.tsx
var import_shared2 = require("@copilotkit/shared");
var import_jsx_runtime2 = require("react/jsx-runtime");
var MessagesTapContext = (0, import_react4.createContext)(null);
function useMessagesTap() {
const tap = (0, import_react4.useContext)(MessagesTapContext);
if (!tap)
throw new Error("useMessagesTap must be used inside <MessagesTapProvider>");
return tap;
}
function MessagesTapProvider({ children }) {
const messagesRef = (0, import_react4.useRef)([]);
const tapRef = (0, import_react4.useRef)({
getMessagesFromTap: () => messagesRef.current,
updateTapMessages: (messages) => {
messagesRef.current = messages;
}
});
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MessagesTapContext.Provider, { value: tapRef.current, children });
}
function CopilotMessages({ children }) {
const [messages, setMessages] = (0, import_react4.useState)([]);
const lastLoadedThreadId = (0, import_react4.useRef)();
const lastLoadedAgentName = (0, import_react4.useRef)();
const lastLoadedMessages = (0, import_react4.useRef)();
const { updateTapMessages } = useMessagesTap();
const { threadId, agentSession, runtimeClient, showDevConsole, onError, copilotApiConfig } = useCopilotContext();
const { setBannerError } = useToast();
const traceUIError = (0, import_react4.useCallback)(
(error, originalError) => __async(this, null, function* () {
if (!onError || !copilotApiConfig.publicApiKey)
return;
try {
const traceEvent = {
type: "error",
timestamp: Date.now(),
context: {
source: "ui",
request: {
operation: "loadAgentState",
url: copilotApiConfig.chatApiEndpoint,
startTime: Date.now()
},
technical: {
environment: "browser",
userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0,
stackTrace: originalError instanceof Error ? originalError.stack : void 0
}
},
error
};
yield onError(traceEvent);
} catch (traceError) {
console.error("Error in CopilotMessages onError handler:", traceError);
}
}),
[onError, copilotApiConfig.publicApiKey, copilotApiConfig.chatApiEndpoint]
);
const createStructuredError = (gqlError) => {
const extensions = gqlError.extensions;
const originalError = extensions == null ? void 0 : extensions.originalError;
if (originalError == null ? void 0 : originalError.stack) {
if (originalError.stack.includes("CopilotApiDiscoveryError")) {
return new import_shared2.CopilotKitApiDiscoveryError({ message: originalError.message });
}
if (originalError.stack.includes("CopilotKitRemoteEndpointDiscoveryError")) {
return new import_shared2.CopilotKitRemoteEndpointDiscoveryError({ message: originalError.message });
}
if (originalError.stack.includes("CopilotKitAgentDiscoveryError")) {
return new import_shared2.CopilotKitAgentDiscoveryError({
agentName: "",
availableAgents: []
});
}
}
const message = (originalError == null ? void 0 : originalError.message) || gqlError.message;
const code = extensions == null ? void 0 : extensions.code;
if (code) {
return new import_shared2.CopilotKitError({ message, code });
}
return null;
};
const handleGraphQLErrors = (0, import_react4.useCallback)(
(error) => {
var _a;
if ((_a = error.graphQLErrors) == null ? void 0 : _a.length) {
const graphQLErrors = error.graphQLErrors;
const routeError = (gqlError) => {
const extensions = gqlError.extensions;
const visibility = extensions == null ? void 0 : extensions.visibility;
const isDev = shouldShowDevConsole(showDevConsole);
if (!isDev) {
console.error("CopilotKit Error (hidden in production):", gqlError.message);
return;
}
if (visibility === import_shared2.ErrorVisibility.SILENT) {
console.error("CopilotKit Silent Error:", gqlError.message);
return;
}
const ckError = createStructuredError(gqlError);
if (ckError) {
setBannerError(ckError);
traceUIError(ckError, gqlError);
} else {
const fallbackError = new import_shared2.CopilotKitError({
message: gqlError.message,
code: import_shared2.CopilotKitErrorCode.UNKNOWN
});
setBannerError(fallbackError);
traceUIError(fallbackError, gqlError);
}
};
graphQLErrors.forEach(routeError);
} else {
const isDev = shouldShowDevConsole(showDevConsole);
if (!isDev) {
console.error("CopilotKit Error (hidden in production):", error);
} else {
const fallbackError = new import_shared2.CopilotKitError({
message: (error == null ? void 0 : error.message) || String(error),
code: import_shared2.CopilotKitErrorCode.UNKNOWN
});
setBannerError(fallbackError);
traceUIError(fallbackError, error);
}
}
},
[setBannerError, showDevConsole, traceUIError]
);
(0, import_react4.useEffect)(() => {
if (!threadId || threadId === lastLoadedThreadId.current)
return;
if (threadId === lastLoadedThreadId.current && (agentSession == null ? void 0 : agentSession.agentName) === lastLoadedAgentName.current) {
return;
}
const fetchMessages = () => __async(this, null, function* () {
var _a, _b, _c;
if (!(agentSession == null ? void 0 : agentSession.agentName))
return;
const result = yield runtimeClient.loadAgentState({
threadId,
agentName: agentSession == null ? void 0 : agentSession.agentName
});
if (result.error) {
lastLoadedThreadId.current = threadId;
lastLoadedAgentName.current = agentSession == null ? void 0 : agentSession.agentName;
handleGraphQLErrors(result.error);
return;
}
const newMessages = (_b = (_a = result.data) == null ? void 0 : _a.loadAgentState) == null ? void 0 : _b.messages;
if (newMessages === lastLoadedMessages.current)
return;
if ((_c = result.data) == null ? void 0 : _c.loadAgentState) {
lastLoadedMessages.current = newMessages;
lastLoadedThreadId.current = threadId;
lastLoadedAgentName.current = agentSession == null ? void 0 : agentSession.agentName;
const messages2 = (0, import_runtime_client_gql.loadMessagesFromJsonRepresentation)(JSON.parse(newMessages || "[]"));
setMessages(messages2);
}
});
void fetchMessages();
}, [threadId, agentSession == null ? void 0 : agentSession.agentName]);
(0, import_react4.useEffect)(() => {
updateTapMessages(messages);
}, [messages, updateTapMessages]);
const memoizedChildren = (0, import_react4.useMemo)(() => children, [children]);
const [suggestions, setSuggestions] = (0, import_react4.useState)([]);
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
CopilotMessagesContext.Provider,
{
value: {
messages,
setMessages,
suggestions,
setSuggestions
},
children: memoizedChildren
}
);
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
CopilotMessages,
MessagesTapProvider,
useMessagesTap
});
//# sourceMappingURL=copilot-messages.js.map