@copilotkit/react-ui 1.1.3-feat-runtime-remote-actions.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -14
- package/dist/components/chat/Button.d.mts +7 -0
- package/dist/components/chat/Button.js.map +1 -1
- package/dist/components/chat/Button.mjs +30 -6
- package/dist/components/chat/Button.mjs.map +1 -1
- package/dist/components/chat/Chat.d.mts +87 -0
- package/dist/components/chat/Chat.d.ts +2 -2
- package/dist/components/chat/Chat.js +8 -107
- package/dist/components/chat/Chat.js.map +1 -1
- package/dist/components/chat/Chat.mjs +1754 -20
- package/dist/components/chat/Chat.mjs.map +1 -1
- package/dist/components/chat/ChatContext.d.mts +105 -0
- package/dist/components/chat/ChatContext.d.ts +1 -1
- package/dist/components/chat/ChatContext.mjs +228 -7
- package/dist/components/chat/ChatContext.mjs.map +1 -1
- package/dist/components/chat/CodeBlock.d.mts +14 -0
- package/dist/components/chat/CodeBlock.js +1 -2
- package/dist/components/chat/CodeBlock.js.map +1 -1
- package/dist/components/chat/CodeBlock.mjs +482 -8
- package/dist/components/chat/CodeBlock.mjs.map +1 -1
- package/dist/components/chat/Header.d.mts +7 -0
- package/dist/components/chat/Header.mjs +23 -6
- package/dist/components/chat/Header.mjs.map +1 -1
- package/dist/components/chat/Icons.d.mts +18 -0
- package/dist/components/chat/Icons.mjs +271 -16
- package/dist/components/chat/Icons.mjs.map +1 -1
- package/dist/components/chat/Input.d.mts +7 -0
- package/dist/components/chat/Input.js +2 -4
- package/dist/components/chat/Input.js.map +1 -1
- package/dist/components/chat/Input.mjs +255 -8
- package/dist/components/chat/Input.mjs.map +1 -1
- package/dist/components/chat/Markdown.d.mts +8 -0
- package/dist/components/chat/Markdown.js +1 -2
- package/dist/components/chat/Markdown.js.map +1 -1
- package/dist/components/chat/Markdown.mjs +546 -7
- package/dist/components/chat/Markdown.mjs.map +1 -1
- package/dist/components/chat/Messages.d.mts +7 -0
- package/dist/components/chat/Messages.js +3 -48
- package/dist/components/chat/Messages.js.map +1 -1
- package/dist/components/chat/Messages.mjs +678 -8
- package/dist/components/chat/Messages.mjs.map +1 -1
- package/dist/components/chat/Modal.d.mts +51 -0
- package/dist/components/chat/Modal.d.ts +1 -1
- package/dist/components/chat/Modal.js +8 -107
- package/dist/components/chat/Modal.js.map +1 -1
- package/dist/components/chat/Modal.mjs +1956 -22
- package/dist/components/chat/Modal.mjs.map +1 -1
- package/dist/components/chat/Popup.d.mts +13 -0
- package/dist/components/chat/Popup.js +8 -107
- package/dist/components/chat/Popup.js.map +1 -1
- package/dist/components/chat/Popup.mjs +1965 -23
- package/dist/components/chat/Popup.mjs.map +1 -1
- package/dist/components/chat/Response.d.mts +7 -0
- package/dist/components/chat/Response.mjs +23 -6
- package/dist/components/chat/Response.mjs.map +1 -1
- package/dist/components/chat/Sidebar.d.mts +13 -0
- package/dist/components/chat/Sidebar.js +8 -107
- package/dist/components/chat/Sidebar.js.map +1 -1
- package/dist/components/chat/Sidebar.mjs +1977 -23
- package/dist/components/chat/Sidebar.mjs.map +1 -1
- package/dist/components/chat/Suggestion.d.mts +14 -0
- package/dist/components/chat/Suggestion.js.map +1 -1
- package/dist/components/chat/Suggestion.mjs +152 -5
- package/dist/components/chat/Suggestion.mjs.map +1 -1
- package/dist/components/chat/Textarea.d.mts +13 -0
- package/dist/components/chat/Textarea.js.map +1 -1
- package/dist/components/chat/Textarea.mjs +48 -4
- package/dist/components/chat/Textarea.mjs.map +1 -1
- package/dist/components/chat/Window.d.mts +7 -0
- package/dist/components/chat/Window.js.map +1 -1
- package/dist/components/chat/Window.mjs +125 -6
- package/dist/components/chat/Window.mjs.map +1 -1
- package/dist/components/chat/index.d.mts +11 -0
- package/dist/components/chat/index.js +8 -107
- package/dist/components/chat/index.js.map +1 -1
- package/dist/components/chat/index.mjs +1983 -31
- package/dist/components/chat/index.mjs.map +1 -1
- package/dist/components/chat/props.d.mts +35 -0
- package/dist/components/chat/props.d.ts +1 -1
- package/dist/components/chat/props.mjs +0 -1
- package/dist/components/dev-console/console.d.mts +10 -0
- package/dist/components/dev-console/console.js +0 -52
- package/dist/components/dev-console/console.js.map +1 -1
- package/dist/components/dev-console/console.mjs +426 -8
- package/dist/components/dev-console/console.mjs.map +1 -1
- package/dist/components/dev-console/icons.d.mts +9 -0
- package/dist/components/dev-console/icons.mjs +83 -8
- package/dist/components/dev-console/icons.mjs.map +1 -1
- package/dist/components/dev-console/index.d.mts +5 -0
- package/dist/components/dev-console/index.js +0 -52
- package/dist/components/dev-console/index.js.map +1 -1
- package/dist/components/dev-console/index.mjs +424 -10
- package/dist/components/dev-console/index.mjs.map +1 -1
- package/dist/components/dev-console/types.d.mts +9 -0
- package/dist/components/dev-console/types.d.ts +1 -1
- package/dist/components/dev-console/utils.d.mts +9 -0
- package/dist/components/dev-console/utils.d.ts +1 -2
- package/dist/components/dev-console/utils.js +0 -53
- package/dist/components/dev-console/utils.js.map +1 -1
- package/dist/components/dev-console/utils.mjs +103 -9
- package/dist/components/dev-console/utils.mjs.map +1 -1
- package/dist/components/index.d.mts +11 -0
- package/dist/components/index.js +8 -107
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +1983 -32
- package/dist/components/index.mjs.map +1 -1
- package/dist/context/index.d.mts +2 -0
- package/dist/context/index.d.ts +1 -1
- package/dist/context/index.mjs +0 -1
- package/dist/hooks/index.d.mts +1 -0
- package/dist/hooks/index.mjs +24 -5
- package/dist/hooks/index.mjs.map +1 -1
- package/dist/hooks/use-copilot-chat-suggestions.d.mts +83 -0
- package/dist/hooks/use-copilot-chat-suggestions.mjs +24 -4
- package/dist/hooks/use-copilot-chat-suggestions.mjs.map +1 -1
- package/dist/hooks/use-copy-to-clipboard.d.mts +9 -0
- package/dist/hooks/use-copy-to-clipboard.d.ts +1 -1
- package/dist/hooks/use-copy-to-clipboard.mjs +21 -4
- package/dist/hooks/use-copy-to-clipboard.mjs.map +1 -1
- package/dist/hooks/use-push-to-talk.d.mts +19 -0
- package/dist/hooks/use-push-to-talk.d.ts +1 -1
- package/dist/hooks/use-push-to-talk.js.map +1 -1
- package/dist/hooks/use-push-to-talk.mjs +148 -6
- package/dist/hooks/use-push-to-talk.mjs.map +1 -1
- package/dist/index.css +1 -747
- package/dist/index.d.mts +13 -0
- package/dist/index.js +15 -107
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2015 -38
- package/dist/index.mjs.map +1 -1
- package/dist/lib/utils.d.mts +4 -0
- package/dist/lib/utils.mjs +20 -3
- package/dist/lib/utils.mjs.map +1 -1
- package/dist/lib/utils.test.d.mts +2 -0
- package/dist/lib/utils.test.d.ts +1 -1
- package/dist/types/css.d.mts +16 -0
- package/dist/types/css.d.ts +1 -1
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.mjs +0 -1
- package/dist/types/suggestions.d.mts +8 -0
- package/dist/types/suggestions.d.ts +1 -1
- package/package.json +19 -11
- package/src/components/chat/Chat.tsx +2 -5
- package/src/components/chat/Messages.tsx +2 -83
- package/src/components/chat/Popup.tsx +1 -4
- package/src/components/chat/Sidebar.tsx +1 -3
- package/src/components/chat/Suggestion.tsx +0 -2
- package/src/components/dev-console/console.tsx +0 -6
- package/src/components/dev-console/utils.ts +0 -56
- package/tsup.config.ts +59 -15
- package/dist/chunk-36OL6SEM.mjs +0 -31
- package/dist/chunk-36OL6SEM.mjs.map +0 -1
- package/dist/chunk-54JAUBUJ.mjs +0 -26
- package/dist/chunk-54JAUBUJ.mjs.map +0 -1
- package/dist/chunk-5HHVL5WK.mjs +0 -29
- package/dist/chunk-5HHVL5WK.mjs.map +0 -1
- package/dist/chunk-AFD5I7MW.mjs +0 -21
- package/dist/chunk-AFD5I7MW.mjs.map +0 -1
- package/dist/chunk-BJPGMY3I.mjs +0 -70
- package/dist/chunk-BJPGMY3I.mjs.map +0 -1
- package/dist/chunk-C534T3DM.mjs +0 -92
- package/dist/chunk-C534T3DM.mjs.map +0 -1
- package/dist/chunk-EFZPSZWO.mjs +0 -1
- package/dist/chunk-EFZPSZWO.mjs.map +0 -1
- package/dist/chunk-FLV3J3VX.mjs +0 -18
- package/dist/chunk-FLV3J3VX.mjs.map +0 -1
- package/dist/chunk-FO7Z5LAL.mjs +0 -118
- package/dist/chunk-FO7Z5LAL.mjs.map +0 -1
- package/dist/chunk-FOZVHL73.mjs +0 -171
- package/dist/chunk-FOZVHL73.mjs.map +0 -1
- package/dist/chunk-FZC7X5PK.mjs +0 -262
- package/dist/chunk-FZC7X5PK.mjs.map +0 -1
- package/dist/chunk-H7TM5JE6.mjs +0 -146
- package/dist/chunk-H7TM5JE6.mjs.map +0 -1
- package/dist/chunk-HR36Y2FQ.mjs +0 -167
- package/dist/chunk-HR36Y2FQ.mjs.map +0 -1
- package/dist/chunk-I4QG2ZZU.mjs +0 -220
- package/dist/chunk-I4QG2ZZU.mjs.map +0 -1
- package/dist/chunk-IU3WTXLQ.mjs +0 -1
- package/dist/chunk-IU3WTXLQ.mjs.map +0 -1
- package/dist/chunk-JD7BAH7U.mjs +0 -1
- package/dist/chunk-JD7BAH7U.mjs.map +0 -1
- package/dist/chunk-MRFF7GSQ.mjs +0 -1
- package/dist/chunk-MRFF7GSQ.mjs.map +0 -1
- package/dist/chunk-MRXNTQOX.mjs +0 -59
- package/dist/chunk-MRXNTQOX.mjs.map +0 -1
- package/dist/chunk-OTPAZXVR.mjs +0 -92
- package/dist/chunk-OTPAZXVR.mjs.map +0 -1
- package/dist/chunk-T26KLXLH.mjs +0 -1
- package/dist/chunk-T26KLXLH.mjs.map +0 -1
- package/dist/chunk-U6J5DGOE.mjs +0 -83
- package/dist/chunk-U6J5DGOE.mjs.map +0 -1
- package/dist/chunk-UPTB2MVO.mjs +0 -395
- package/dist/chunk-UPTB2MVO.mjs.map +0 -1
- package/dist/chunk-V7W6IM2V.mjs +0 -1
- package/dist/chunk-V7W6IM2V.mjs.map +0 -1
- package/dist/chunk-VOBX4JOA.mjs +0 -138
- package/dist/chunk-VOBX4JOA.mjs.map +0 -1
- package/dist/chunk-WB3YULQ4.mjs +0 -1
- package/dist/chunk-WB3YULQ4.mjs.map +0 -1
- package/dist/chunk-WCPLXRZX.mjs +0 -106
- package/dist/chunk-WCPLXRZX.mjs.map +0 -1
- package/dist/chunk-XSUSSWDS.mjs +0 -18
- package/dist/chunk-XSUSSWDS.mjs.map +0 -1
- package/dist/chunk-YOH25I6N.mjs +0 -25
- package/dist/chunk-YOH25I6N.mjs.map +0 -1
- package/dist/chunk-YQ3D5IQV.mjs +0 -75
- package/dist/chunk-YQ3D5IQV.mjs.map +0 -1
- package/dist/chunk-YQFVRDNC.mjs +0 -53
- package/dist/chunk-YQFVRDNC.mjs.map +0 -1
- package/dist/index.css.map +0 -1
package/dist/chunk-U6J5DGOE.mjs
DELETED
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Textarea_default
|
|
3
|
-
} from "./chunk-YQFVRDNC.mjs";
|
|
4
|
-
import {
|
|
5
|
-
useChatContext
|
|
6
|
-
} from "./chunk-BJPGMY3I.mjs";
|
|
7
|
-
import {
|
|
8
|
-
usePushToTalk
|
|
9
|
-
} from "./chunk-VOBX4JOA.mjs";
|
|
10
|
-
|
|
11
|
-
// src/components/chat/Input.tsx
|
|
12
|
-
import { useEffect, useRef, useState } from "react";
|
|
13
|
-
import { useCopilotContext } from "@copilotkit/react-core";
|
|
14
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
-
var Input = ({ inProgress, onSend, isVisible = false }) => {
|
|
16
|
-
const context = useChatContext();
|
|
17
|
-
const copilotContext = useCopilotContext();
|
|
18
|
-
const pushToTalkConfigured = copilotContext.copilotApiConfig.textToSpeechUrl !== void 0 && copilotContext.copilotApiConfig.transcribeAudioUrl !== void 0;
|
|
19
|
-
const textareaRef = useRef(null);
|
|
20
|
-
const handleDivClick = (event) => {
|
|
21
|
-
var _a;
|
|
22
|
-
if (event.target !== event.currentTarget)
|
|
23
|
-
return;
|
|
24
|
-
(_a = textareaRef.current) == null ? void 0 : _a.focus();
|
|
25
|
-
};
|
|
26
|
-
const [text, setText] = useState("");
|
|
27
|
-
const send = () => {
|
|
28
|
-
var _a;
|
|
29
|
-
if (inProgress)
|
|
30
|
-
return;
|
|
31
|
-
onSend(text);
|
|
32
|
-
setText("");
|
|
33
|
-
(_a = textareaRef.current) == null ? void 0 : _a.focus();
|
|
34
|
-
};
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
var _a;
|
|
37
|
-
if (isVisible) {
|
|
38
|
-
(_a = textareaRef.current) == null ? void 0 : _a.focus();
|
|
39
|
-
}
|
|
40
|
-
}, [isVisible]);
|
|
41
|
-
const { pushToTalkState, setPushToTalkState } = usePushToTalk({
|
|
42
|
-
sendFunction: onSend,
|
|
43
|
-
inProgress
|
|
44
|
-
});
|
|
45
|
-
const sendIcon = inProgress || pushToTalkState === "transcribing" ? context.icons.activityIcon : context.icons.sendIcon;
|
|
46
|
-
const showPushToTalk = pushToTalkConfigured && (pushToTalkState === "idle" || pushToTalkState === "recording") && !inProgress;
|
|
47
|
-
const sendDisabled = inProgress || text.length === 0 || pushToTalkState !== "idle";
|
|
48
|
-
return /* @__PURE__ */ jsxs("div", { className: "copilotKitInput", onClick: handleDivClick, children: [
|
|
49
|
-
/* @__PURE__ */ jsx(
|
|
50
|
-
Textarea_default,
|
|
51
|
-
{
|
|
52
|
-
ref: textareaRef,
|
|
53
|
-
placeholder: context.labels.placeholder,
|
|
54
|
-
autoFocus: true,
|
|
55
|
-
maxRows: 5,
|
|
56
|
-
value: text,
|
|
57
|
-
onChange: (event) => setText(event.target.value),
|
|
58
|
-
onKeyDown: (event) => {
|
|
59
|
-
if (event.key === "Enter" && !event.shiftKey) {
|
|
60
|
-
event.preventDefault();
|
|
61
|
-
send();
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
),
|
|
66
|
-
/* @__PURE__ */ jsxs("div", { className: "copilotKitInputControls", children: [
|
|
67
|
-
showPushToTalk && /* @__PURE__ */ jsx(
|
|
68
|
-
"button",
|
|
69
|
-
{
|
|
70
|
-
onClick: () => setPushToTalkState(pushToTalkState === "idle" ? "recording" : "transcribing"),
|
|
71
|
-
className: pushToTalkState === "recording" ? "copilotKitPushToTalkRecording" : "",
|
|
72
|
-
children: context.icons.pushToTalkIcon
|
|
73
|
-
}
|
|
74
|
-
),
|
|
75
|
-
/* @__PURE__ */ jsx("button", { disabled: sendDisabled, onClick: send, children: sendIcon })
|
|
76
|
-
] })
|
|
77
|
-
] });
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
export {
|
|
81
|
-
Input
|
|
82
|
-
};
|
|
83
|
-
//# sourceMappingURL=chunk-U6J5DGOE.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/chat/Input.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { InputProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport AutoResizingTextarea from \"./Textarea\";\nimport { usePushToTalk } from \"../../hooks/use-push-to-talk\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\n\nexport const Input = ({ inProgress, onSend, isVisible = false }: InputProps) => {\n const context = useChatContext();\n const copilotContext = useCopilotContext();\n\n const pushToTalkConfigured =\n copilotContext.copilotApiConfig.textToSpeechUrl !== undefined &&\n copilotContext.copilotApiConfig.transcribeAudioUrl !== undefined;\n\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n const handleDivClick = (event: React.MouseEvent<HTMLDivElement>) => {\n // Check if the clicked element is not the textarea itself\n if (event.target !== event.currentTarget) return;\n\n textareaRef.current?.focus();\n };\n\n const [text, setText] = useState(\"\");\n const send = () => {\n if (inProgress) return;\n onSend(text);\n setText(\"\");\n\n textareaRef.current?.focus();\n };\n\n useEffect(() => {\n if (isVisible) {\n textareaRef.current?.focus();\n }\n }, [isVisible]);\n\n const { pushToTalkState, setPushToTalkState } = usePushToTalk({\n sendFunction: onSend,\n inProgress,\n });\n\n const sendIcon =\n inProgress || pushToTalkState === \"transcribing\"\n ? context.icons.activityIcon\n : context.icons.sendIcon;\n const showPushToTalk =\n pushToTalkConfigured &&\n (pushToTalkState === \"idle\" || pushToTalkState === \"recording\") &&\n !inProgress;\n const sendDisabled = inProgress || text.length === 0 || pushToTalkState !== \"idle\";\n\n return (\n <div className=\"copilotKitInput\" onClick={handleDivClick}>\n <AutoResizingTextarea\n ref={textareaRef}\n placeholder={context.labels.placeholder}\n autoFocus={true}\n maxRows={5}\n value={text}\n onChange={(event) => setText(event.target.value)}\n onKeyDown={(event) => {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n send();\n }\n }}\n />\n <div className=\"copilotKitInputControls\">\n {showPushToTalk && (\n <button\n onClick={() =>\n setPushToTalkState(pushToTalkState === \"idle\" ? \"recording\" : \"transcribing\")\n }\n className={pushToTalkState === \"recording\" ? \"copilotKitPushToTalkRecording\" : \"\"}\n >\n {context.icons.pushToTalkIcon}\n </button>\n )}\n <button disabled={sendDisabled} onClick={send}>\n {sendIcon}\n </button>\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAKnD,SAAS,yBAAyB;AAmD5B,cAcA,YAdA;AAjDC,IAAM,QAAQ,CAAC,EAAE,YAAY,QAAQ,YAAY,MAAM,MAAkB;AAC9E,QAAM,UAAU,eAAe;AAC/B,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,uBACJ,eAAe,iBAAiB,oBAAoB,UACpD,eAAe,iBAAiB,uBAAuB;AAEzD,QAAM,cAAc,OAA4B,IAAI;AAEpD,QAAM,iBAAiB,CAAC,UAA4C;AAjBtE;AAmBI,QAAI,MAAM,WAAW,MAAM;AAAe;AAE1C,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,OAAO,MAAM;AAzBrB;AA0BI,QAAI;AAAY;AAChB,WAAO,IAAI;AACX,YAAQ,EAAE;AAEV,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,YAAU,MAAM;AAjClB;AAkCI,QAAI,WAAW;AACb,wBAAY,YAAZ,mBAAqB;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,EAAE,iBAAiB,mBAAmB,IAAI,cAAc;AAAA,IAC5D,cAAc;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,WACJ,cAAc,oBAAoB,iBAC9B,QAAQ,MAAM,eACd,QAAQ,MAAM;AACpB,QAAM,iBACJ,yBACC,oBAAoB,UAAU,oBAAoB,gBACnD,CAAC;AACH,QAAM,eAAe,cAAc,KAAK,WAAW,KAAK,oBAAoB;AAE5E,SACE,qBAAC,SAAI,WAAU,mBAAkB,SAAS,gBACxC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,aAAa,QAAQ,OAAO;AAAA,QAC5B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,UAAU;AAC5C,kBAAM,eAAe;AACrB,iBAAK;AAAA,UACP;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAI,WAAU,2BACZ;AAAA,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MACP,mBAAmB,oBAAoB,SAAS,cAAc,cAAc;AAAA,UAE9E,WAAW,oBAAoB,cAAc,kCAAkC;AAAA,UAE9E,kBAAQ,MAAM;AAAA;AAAA,MACjB;AAAA,MAEF,oBAAC,YAAO,UAAU,cAAc,SAAS,MACtC,oBACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
|
package/dist/chunk-UPTB2MVO.mjs
DELETED
|
@@ -1,395 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
CheckIcon,
|
|
3
|
-
CopyIcon,
|
|
4
|
-
DownloadIcon
|
|
5
|
-
} from "./chunk-FZC7X5PK.mjs";
|
|
6
|
-
import {
|
|
7
|
-
useCopyToClipboard
|
|
8
|
-
} from "./chunk-54JAUBUJ.mjs";
|
|
9
|
-
|
|
10
|
-
// src/components/chat/CodeBlock.tsx
|
|
11
|
-
import { memo } from "react";
|
|
12
|
-
import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
|
|
13
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
14
|
-
var programmingLanguages = {
|
|
15
|
-
javascript: ".js",
|
|
16
|
-
python: ".py",
|
|
17
|
-
java: ".java",
|
|
18
|
-
c: ".c",
|
|
19
|
-
cpp: ".cpp",
|
|
20
|
-
"c++": ".cpp",
|
|
21
|
-
"c#": ".cs",
|
|
22
|
-
ruby: ".rb",
|
|
23
|
-
php: ".php",
|
|
24
|
-
swift: ".swift",
|
|
25
|
-
"objective-c": ".m",
|
|
26
|
-
kotlin: ".kt",
|
|
27
|
-
typescript: ".ts",
|
|
28
|
-
go: ".go",
|
|
29
|
-
perl: ".pl",
|
|
30
|
-
rust: ".rs",
|
|
31
|
-
scala: ".scala",
|
|
32
|
-
haskell: ".hs",
|
|
33
|
-
lua: ".lua",
|
|
34
|
-
shell: ".sh",
|
|
35
|
-
sql: ".sql",
|
|
36
|
-
html: ".html",
|
|
37
|
-
css: ".css"
|
|
38
|
-
// add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component
|
|
39
|
-
};
|
|
40
|
-
var generateRandomString = (length, lowercase = false) => {
|
|
41
|
-
const chars = "ABCDEFGHJKLMNPQRSTUVWXY3456789";
|
|
42
|
-
let result = "";
|
|
43
|
-
for (let i = 0; i < length; i++) {
|
|
44
|
-
result += chars.charAt(Math.floor(Math.random() * chars.length));
|
|
45
|
-
}
|
|
46
|
-
return lowercase ? result.toLowerCase() : result;
|
|
47
|
-
};
|
|
48
|
-
var CodeBlock = memo(({ language, value }) => {
|
|
49
|
-
const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2e3 });
|
|
50
|
-
const downloadAsFile = () => {
|
|
51
|
-
if (typeof window === "undefined") {
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
const fileExtension = programmingLanguages[language] || ".file";
|
|
55
|
-
const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;
|
|
56
|
-
const fileName = window.prompt("Enter file name", suggestedFileName);
|
|
57
|
-
if (!fileName) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
const blob = new Blob([value], { type: "text/plain" });
|
|
61
|
-
const url = URL.createObjectURL(blob);
|
|
62
|
-
const link = document.createElement("a");
|
|
63
|
-
link.download = fileName;
|
|
64
|
-
link.href = url;
|
|
65
|
-
link.style.display = "none";
|
|
66
|
-
document.body.appendChild(link);
|
|
67
|
-
link.click();
|
|
68
|
-
document.body.removeChild(link);
|
|
69
|
-
URL.revokeObjectURL(url);
|
|
70
|
-
};
|
|
71
|
-
const onCopy = () => {
|
|
72
|
-
if (isCopied)
|
|
73
|
-
return;
|
|
74
|
-
copyToClipboard(value);
|
|
75
|
-
};
|
|
76
|
-
return /* @__PURE__ */ jsxs("div", { className: "copilotKitCodeBlock", children: [
|
|
77
|
-
/* @__PURE__ */ jsxs("div", { className: "copilotKitCodeBlockToolbar", children: [
|
|
78
|
-
/* @__PURE__ */ jsx("span", { className: "copilotKitCodeBlockToolbarLanguage", children: language }),
|
|
79
|
-
/* @__PURE__ */ jsxs("div", { className: "copilotKitCodeBlockToolbarButtons", children: [
|
|
80
|
-
/* @__PURE__ */ jsxs("button", { className: "copilotKitCodeBlockToolbarButton", onClick: downloadAsFile, children: [
|
|
81
|
-
/* @__PURE__ */ jsx(DownloadIcon, {}),
|
|
82
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Download" })
|
|
83
|
-
] }),
|
|
84
|
-
/* @__PURE__ */ jsxs("button", { className: "copilotKitCodeBlockToolbarButton", onClick: onCopy, children: [
|
|
85
|
-
isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}),
|
|
86
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Copy code" })
|
|
87
|
-
] })
|
|
88
|
-
] })
|
|
89
|
-
] }),
|
|
90
|
-
/* @__PURE__ */ jsx(
|
|
91
|
-
SyntaxHighlighter,
|
|
92
|
-
{
|
|
93
|
-
language,
|
|
94
|
-
style: highlightStyle,
|
|
95
|
-
PreTag: "div",
|
|
96
|
-
customStyle: {
|
|
97
|
-
margin: 0,
|
|
98
|
-
borderBottomLeftRadius: "0.375rem",
|
|
99
|
-
borderBottomRightRadius: "0.375rem"
|
|
100
|
-
},
|
|
101
|
-
children: value
|
|
102
|
-
}
|
|
103
|
-
)
|
|
104
|
-
] });
|
|
105
|
-
});
|
|
106
|
-
CodeBlock.displayName = "CodeBlock";
|
|
107
|
-
var highlightStyle = {
|
|
108
|
-
'pre[class*="language-"]': {
|
|
109
|
-
color: "#d4d4d4",
|
|
110
|
-
fontSize: "13px",
|
|
111
|
-
textShadow: "none",
|
|
112
|
-
fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
|
|
113
|
-
direction: "ltr",
|
|
114
|
-
textAlign: "left",
|
|
115
|
-
whiteSpace: "pre",
|
|
116
|
-
wordSpacing: "normal",
|
|
117
|
-
wordBreak: "normal",
|
|
118
|
-
lineHeight: "1.5",
|
|
119
|
-
MozTabSize: "4",
|
|
120
|
-
OTabSize: "4",
|
|
121
|
-
tabSize: "4",
|
|
122
|
-
WebkitHyphens: "none",
|
|
123
|
-
MozHyphens: "none",
|
|
124
|
-
msHyphens: "none",
|
|
125
|
-
hyphens: "none",
|
|
126
|
-
padding: "1em",
|
|
127
|
-
margin: ".5em 0",
|
|
128
|
-
overflow: "auto",
|
|
129
|
-
background: "#1e1e1e"
|
|
130
|
-
},
|
|
131
|
-
'code[class*="language-"]': {
|
|
132
|
-
color: "#d4d4d4",
|
|
133
|
-
fontSize: "13px",
|
|
134
|
-
textShadow: "none",
|
|
135
|
-
fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
|
|
136
|
-
direction: "ltr",
|
|
137
|
-
textAlign: "left",
|
|
138
|
-
whiteSpace: "pre",
|
|
139
|
-
wordSpacing: "normal",
|
|
140
|
-
wordBreak: "normal",
|
|
141
|
-
lineHeight: "1.5",
|
|
142
|
-
MozTabSize: "4",
|
|
143
|
-
OTabSize: "4",
|
|
144
|
-
tabSize: "4",
|
|
145
|
-
WebkitHyphens: "none",
|
|
146
|
-
MozHyphens: "none",
|
|
147
|
-
msHyphens: "none",
|
|
148
|
-
hyphens: "none"
|
|
149
|
-
},
|
|
150
|
-
'pre[class*="language-"]::selection': {
|
|
151
|
-
textShadow: "none",
|
|
152
|
-
background: "#264F78"
|
|
153
|
-
},
|
|
154
|
-
'code[class*="language-"]::selection': {
|
|
155
|
-
textShadow: "none",
|
|
156
|
-
background: "#264F78"
|
|
157
|
-
},
|
|
158
|
-
'pre[class*="language-"] *::selection': {
|
|
159
|
-
textShadow: "none",
|
|
160
|
-
background: "#264F78"
|
|
161
|
-
},
|
|
162
|
-
'code[class*="language-"] *::selection': {
|
|
163
|
-
textShadow: "none",
|
|
164
|
-
background: "#264F78"
|
|
165
|
-
},
|
|
166
|
-
':not(pre) > code[class*="language-"]': {
|
|
167
|
-
padding: ".1em .3em",
|
|
168
|
-
borderRadius: ".3em",
|
|
169
|
-
color: "#db4c69",
|
|
170
|
-
background: "#1e1e1e"
|
|
171
|
-
},
|
|
172
|
-
".namespace": {
|
|
173
|
-
Opacity: ".7"
|
|
174
|
-
},
|
|
175
|
-
"doctype.doctype-tag": {
|
|
176
|
-
color: "#569CD6"
|
|
177
|
-
},
|
|
178
|
-
"doctype.name": {
|
|
179
|
-
color: "#9cdcfe"
|
|
180
|
-
},
|
|
181
|
-
comment: {
|
|
182
|
-
color: "#6a9955"
|
|
183
|
-
},
|
|
184
|
-
prolog: {
|
|
185
|
-
color: "#6a9955"
|
|
186
|
-
},
|
|
187
|
-
punctuation: {
|
|
188
|
-
color: "#d4d4d4"
|
|
189
|
-
},
|
|
190
|
-
".language-html .language-css .token.punctuation": {
|
|
191
|
-
color: "#d4d4d4"
|
|
192
|
-
},
|
|
193
|
-
".language-html .language-javascript .token.punctuation": {
|
|
194
|
-
color: "#d4d4d4"
|
|
195
|
-
},
|
|
196
|
-
property: {
|
|
197
|
-
color: "#9cdcfe"
|
|
198
|
-
},
|
|
199
|
-
tag: {
|
|
200
|
-
color: "#569cd6"
|
|
201
|
-
},
|
|
202
|
-
boolean: {
|
|
203
|
-
color: "#569cd6"
|
|
204
|
-
},
|
|
205
|
-
number: {
|
|
206
|
-
color: "#b5cea8"
|
|
207
|
-
},
|
|
208
|
-
constant: {
|
|
209
|
-
color: "#9cdcfe"
|
|
210
|
-
},
|
|
211
|
-
symbol: {
|
|
212
|
-
color: "#b5cea8"
|
|
213
|
-
},
|
|
214
|
-
inserted: {
|
|
215
|
-
color: "#b5cea8"
|
|
216
|
-
},
|
|
217
|
-
unit: {
|
|
218
|
-
color: "#b5cea8"
|
|
219
|
-
},
|
|
220
|
-
selector: {
|
|
221
|
-
color: "#d7ba7d"
|
|
222
|
-
},
|
|
223
|
-
"attr-name": {
|
|
224
|
-
color: "#9cdcfe"
|
|
225
|
-
},
|
|
226
|
-
string: {
|
|
227
|
-
color: "#ce9178"
|
|
228
|
-
},
|
|
229
|
-
char: {
|
|
230
|
-
color: "#ce9178"
|
|
231
|
-
},
|
|
232
|
-
builtin: {
|
|
233
|
-
color: "#ce9178"
|
|
234
|
-
},
|
|
235
|
-
deleted: {
|
|
236
|
-
color: "#ce9178"
|
|
237
|
-
},
|
|
238
|
-
".language-css .token.string.url": {
|
|
239
|
-
textDecoration: "underline"
|
|
240
|
-
},
|
|
241
|
-
operator: {
|
|
242
|
-
color: "#d4d4d4"
|
|
243
|
-
},
|
|
244
|
-
entity: {
|
|
245
|
-
color: "#569cd6"
|
|
246
|
-
},
|
|
247
|
-
"operator.arrow": {
|
|
248
|
-
color: "#569CD6"
|
|
249
|
-
},
|
|
250
|
-
atrule: {
|
|
251
|
-
color: "#ce9178"
|
|
252
|
-
},
|
|
253
|
-
"atrule.rule": {
|
|
254
|
-
color: "#c586c0"
|
|
255
|
-
},
|
|
256
|
-
"atrule.url": {
|
|
257
|
-
color: "#9cdcfe"
|
|
258
|
-
},
|
|
259
|
-
"atrule.url.function": {
|
|
260
|
-
color: "#dcdcaa"
|
|
261
|
-
},
|
|
262
|
-
"atrule.url.punctuation": {
|
|
263
|
-
color: "#d4d4d4"
|
|
264
|
-
},
|
|
265
|
-
keyword: {
|
|
266
|
-
color: "#569CD6"
|
|
267
|
-
},
|
|
268
|
-
"keyword.module": {
|
|
269
|
-
color: "#c586c0"
|
|
270
|
-
},
|
|
271
|
-
"keyword.control-flow": {
|
|
272
|
-
color: "#c586c0"
|
|
273
|
-
},
|
|
274
|
-
function: {
|
|
275
|
-
color: "#dcdcaa"
|
|
276
|
-
},
|
|
277
|
-
"function.maybe-class-name": {
|
|
278
|
-
color: "#dcdcaa"
|
|
279
|
-
},
|
|
280
|
-
regex: {
|
|
281
|
-
color: "#d16969"
|
|
282
|
-
},
|
|
283
|
-
important: {
|
|
284
|
-
color: "#569cd6"
|
|
285
|
-
},
|
|
286
|
-
italic: {
|
|
287
|
-
fontStyle: "italic"
|
|
288
|
-
},
|
|
289
|
-
"class-name": {
|
|
290
|
-
color: "#4ec9b0"
|
|
291
|
-
},
|
|
292
|
-
"maybe-class-name": {
|
|
293
|
-
color: "#4ec9b0"
|
|
294
|
-
},
|
|
295
|
-
console: {
|
|
296
|
-
color: "#9cdcfe"
|
|
297
|
-
},
|
|
298
|
-
parameter: {
|
|
299
|
-
color: "#9cdcfe"
|
|
300
|
-
},
|
|
301
|
-
interpolation: {
|
|
302
|
-
color: "#9cdcfe"
|
|
303
|
-
},
|
|
304
|
-
"punctuation.interpolation-punctuation": {
|
|
305
|
-
color: "#569cd6"
|
|
306
|
-
},
|
|
307
|
-
variable: {
|
|
308
|
-
color: "#9cdcfe"
|
|
309
|
-
},
|
|
310
|
-
"imports.maybe-class-name": {
|
|
311
|
-
color: "#9cdcfe"
|
|
312
|
-
},
|
|
313
|
-
"exports.maybe-class-name": {
|
|
314
|
-
color: "#9cdcfe"
|
|
315
|
-
},
|
|
316
|
-
escape: {
|
|
317
|
-
color: "#d7ba7d"
|
|
318
|
-
},
|
|
319
|
-
"tag.punctuation": {
|
|
320
|
-
color: "#808080"
|
|
321
|
-
},
|
|
322
|
-
cdata: {
|
|
323
|
-
color: "#808080"
|
|
324
|
-
},
|
|
325
|
-
"attr-value": {
|
|
326
|
-
color: "#ce9178"
|
|
327
|
-
},
|
|
328
|
-
"attr-value.punctuation": {
|
|
329
|
-
color: "#ce9178"
|
|
330
|
-
},
|
|
331
|
-
"attr-value.punctuation.attr-equals": {
|
|
332
|
-
color: "#d4d4d4"
|
|
333
|
-
},
|
|
334
|
-
namespace: {
|
|
335
|
-
color: "#4ec9b0"
|
|
336
|
-
},
|
|
337
|
-
'pre[class*="language-javascript"]': {
|
|
338
|
-
color: "#9cdcfe"
|
|
339
|
-
},
|
|
340
|
-
'code[class*="language-javascript"]': {
|
|
341
|
-
color: "#9cdcfe"
|
|
342
|
-
},
|
|
343
|
-
'pre[class*="language-jsx"]': {
|
|
344
|
-
color: "#9cdcfe"
|
|
345
|
-
},
|
|
346
|
-
'code[class*="language-jsx"]': {
|
|
347
|
-
color: "#9cdcfe"
|
|
348
|
-
},
|
|
349
|
-
'pre[class*="language-typescript"]': {
|
|
350
|
-
color: "#9cdcfe"
|
|
351
|
-
},
|
|
352
|
-
'code[class*="language-typescript"]': {
|
|
353
|
-
color: "#9cdcfe"
|
|
354
|
-
},
|
|
355
|
-
'pre[class*="language-tsx"]': {
|
|
356
|
-
color: "#9cdcfe"
|
|
357
|
-
},
|
|
358
|
-
'code[class*="language-tsx"]': {
|
|
359
|
-
color: "#9cdcfe"
|
|
360
|
-
},
|
|
361
|
-
'pre[class*="language-css"]': {
|
|
362
|
-
color: "#ce9178"
|
|
363
|
-
},
|
|
364
|
-
'code[class*="language-css"]': {
|
|
365
|
-
color: "#ce9178"
|
|
366
|
-
},
|
|
367
|
-
'pre[class*="language-html"]': {
|
|
368
|
-
color: "#d4d4d4"
|
|
369
|
-
},
|
|
370
|
-
'code[class*="language-html"]': {
|
|
371
|
-
color: "#d4d4d4"
|
|
372
|
-
},
|
|
373
|
-
".language-regex .token.anchor": {
|
|
374
|
-
color: "#dcdcaa"
|
|
375
|
-
},
|
|
376
|
-
".language-html .token.punctuation": {
|
|
377
|
-
color: "#808080"
|
|
378
|
-
},
|
|
379
|
-
'pre[class*="language-"] > code[class*="language-"]': {
|
|
380
|
-
position: "relative",
|
|
381
|
-
zIndex: "1"
|
|
382
|
-
},
|
|
383
|
-
".line-highlight.line-highlight": {
|
|
384
|
-
background: "#f7ebc6",
|
|
385
|
-
boxShadow: "inset 5px 0 0 #f7d87c",
|
|
386
|
-
zIndex: "0"
|
|
387
|
-
}
|
|
388
|
-
};
|
|
389
|
-
|
|
390
|
-
export {
|
|
391
|
-
programmingLanguages,
|
|
392
|
-
generateRandomString,
|
|
393
|
-
CodeBlock
|
|
394
|
-
};
|
|
395
|
-
//# sourceMappingURL=chunk-UPTB2MVO.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/chat/CodeBlock.tsx"],"sourcesContent":["import { FC, memo } from \"react\";\nimport { Prism as SyntaxHighlighter } from \"react-syntax-highlighter\";\nimport { useCopyToClipboard } from \"../../hooks/use-copy-to-clipboard\";\nimport { CheckIcon, CopyIcon, DownloadIcon } from \"./Icons\";\n\ninterface CodeActionButtonProps {\n onClick: () => void;\n children: React.ReactNode;\n}\n\ninterface Props {\n language: string;\n value: string;\n}\n\ninterface languageMap {\n [key: string]: string | undefined;\n}\n\nexport const programmingLanguages: languageMap = {\n javascript: \".js\",\n python: \".py\",\n java: \".java\",\n c: \".c\",\n cpp: \".cpp\",\n \"c++\": \".cpp\",\n \"c#\": \".cs\",\n ruby: \".rb\",\n php: \".php\",\n swift: \".swift\",\n \"objective-c\": \".m\",\n kotlin: \".kt\",\n typescript: \".ts\",\n go: \".go\",\n perl: \".pl\",\n rust: \".rs\",\n scala: \".scala\",\n haskell: \".hs\",\n lua: \".lua\",\n shell: \".sh\",\n sql: \".sql\",\n html: \".html\",\n css: \".css\",\n // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component\n};\n\nexport const generateRandomString = (length: number, lowercase = false) => {\n const chars = \"ABCDEFGHJKLMNPQRSTUVWXY3456789\"; // excluding similar looking characters like Z, 2, I, 1, O, 0\n let result = \"\";\n for (let i = 0; i < length; i++) {\n result += chars.charAt(Math.floor(Math.random() * chars.length));\n }\n return lowercase ? result.toLowerCase() : result;\n};\n\nconst CodeBlock: FC<Props> = memo(({ language, value }) => {\n const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2000 });\n\n const downloadAsFile = () => {\n if (typeof window === \"undefined\") {\n return;\n }\n const fileExtension = programmingLanguages[language] || \".file\";\n const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;\n const fileName = window.prompt(\"Enter file name\" || \"\", suggestedFileName);\n\n if (!fileName) {\n // User pressed cancel on prompt.\n return;\n }\n\n const blob = new Blob([value], { type: \"text/plain\" });\n const url = URL.createObjectURL(blob);\n const link = document.createElement(\"a\");\n link.download = fileName;\n link.href = url;\n link.style.display = \"none\";\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n };\n\n const onCopy = () => {\n if (isCopied) return;\n copyToClipboard(value);\n };\n\n return (\n <div className=\"copilotKitCodeBlock\">\n <div className=\"copilotKitCodeBlockToolbar\">\n <span className=\"copilotKitCodeBlockToolbarLanguage\">{language}</span>\n <div className=\"copilotKitCodeBlockToolbarButtons\">\n <button className=\"copilotKitCodeBlockToolbarButton\" onClick={downloadAsFile}>\n <DownloadIcon />\n <span className=\"sr-only\">Download</span>\n </button>\n <button className=\"copilotKitCodeBlockToolbarButton\" onClick={onCopy}>\n {isCopied ? <CheckIcon /> : <CopyIcon />}\n <span className=\"sr-only\">Copy code</span>\n </button>\n </div>\n </div>\n <SyntaxHighlighter\n language={language}\n style={highlightStyle}\n PreTag=\"div\"\n customStyle={{\n margin: 0,\n borderBottomLeftRadius: \"0.375rem\",\n borderBottomRightRadius: \"0.375rem\",\n }}\n >\n {value}\n </SyntaxHighlighter>\n </div>\n );\n});\nCodeBlock.displayName = \"CodeBlock\";\n\nexport { CodeBlock };\n\n// import { vscDarkPlus as highlightStyle } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n// As a workaround, we inline the vscDarkPlus from react-syntax-highlighter.\n// Importing it as recommended in the documentation leads to build errors in the non app router\n// (Next.js classic) setup.\nconst highlightStyle: any = {\n 'pre[class*=\"language-\"]': {\n color: \"#d4d4d4\",\n fontSize: \"13px\",\n textShadow: \"none\",\n fontFamily: 'Menlo, Monaco, Consolas, \"Andale Mono\", \"Ubuntu Mono\", \"Courier New\", monospace',\n direction: \"ltr\",\n textAlign: \"left\",\n whiteSpace: \"pre\",\n wordSpacing: \"normal\",\n wordBreak: \"normal\",\n lineHeight: \"1.5\",\n MozTabSize: \"4\",\n OTabSize: \"4\",\n tabSize: \"4\",\n WebkitHyphens: \"none\",\n MozHyphens: \"none\",\n msHyphens: \"none\",\n hyphens: \"none\",\n padding: \"1em\",\n margin: \".5em 0\",\n overflow: \"auto\",\n background: \"#1e1e1e\",\n },\n 'code[class*=\"language-\"]': {\n color: \"#d4d4d4\",\n fontSize: \"13px\",\n textShadow: \"none\",\n fontFamily: 'Menlo, Monaco, Consolas, \"Andale Mono\", \"Ubuntu Mono\", \"Courier New\", monospace',\n direction: \"ltr\",\n textAlign: \"left\",\n whiteSpace: \"pre\",\n wordSpacing: \"normal\",\n wordBreak: \"normal\",\n lineHeight: \"1.5\",\n MozTabSize: \"4\",\n OTabSize: \"4\",\n tabSize: \"4\",\n WebkitHyphens: \"none\",\n MozHyphens: \"none\",\n msHyphens: \"none\",\n hyphens: \"none\",\n },\n 'pre[class*=\"language-\"]::selection': {\n textShadow: \"none\",\n background: \"#264F78\",\n },\n 'code[class*=\"language-\"]::selection': {\n textShadow: \"none\",\n background: \"#264F78\",\n },\n 'pre[class*=\"language-\"] *::selection': {\n textShadow: \"none\",\n background: \"#264F78\",\n },\n 'code[class*=\"language-\"] *::selection': {\n textShadow: \"none\",\n background: \"#264F78\",\n },\n ':not(pre) > code[class*=\"language-\"]': {\n padding: \".1em .3em\",\n borderRadius: \".3em\",\n color: \"#db4c69\",\n background: \"#1e1e1e\",\n },\n \".namespace\": {\n Opacity: \".7\",\n },\n \"doctype.doctype-tag\": {\n color: \"#569CD6\",\n },\n \"doctype.name\": {\n color: \"#9cdcfe\",\n },\n comment: {\n color: \"#6a9955\",\n },\n prolog: {\n color: \"#6a9955\",\n },\n punctuation: {\n color: \"#d4d4d4\",\n },\n \".language-html .language-css .token.punctuation\": {\n color: \"#d4d4d4\",\n },\n \".language-html .language-javascript .token.punctuation\": {\n color: \"#d4d4d4\",\n },\n property: {\n color: \"#9cdcfe\",\n },\n tag: {\n color: \"#569cd6\",\n },\n boolean: {\n color: \"#569cd6\",\n },\n number: {\n color: \"#b5cea8\",\n },\n constant: {\n color: \"#9cdcfe\",\n },\n symbol: {\n color: \"#b5cea8\",\n },\n inserted: {\n color: \"#b5cea8\",\n },\n unit: {\n color: \"#b5cea8\",\n },\n selector: {\n color: \"#d7ba7d\",\n },\n \"attr-name\": {\n color: \"#9cdcfe\",\n },\n string: {\n color: \"#ce9178\",\n },\n char: {\n color: \"#ce9178\",\n },\n builtin: {\n color: \"#ce9178\",\n },\n deleted: {\n color: \"#ce9178\",\n },\n \".language-css .token.string.url\": {\n textDecoration: \"underline\",\n },\n operator: {\n color: \"#d4d4d4\",\n },\n entity: {\n color: \"#569cd6\",\n },\n \"operator.arrow\": {\n color: \"#569CD6\",\n },\n atrule: {\n color: \"#ce9178\",\n },\n \"atrule.rule\": {\n color: \"#c586c0\",\n },\n \"atrule.url\": {\n color: \"#9cdcfe\",\n },\n \"atrule.url.function\": {\n color: \"#dcdcaa\",\n },\n \"atrule.url.punctuation\": {\n color: \"#d4d4d4\",\n },\n keyword: {\n color: \"#569CD6\",\n },\n \"keyword.module\": {\n color: \"#c586c0\",\n },\n \"keyword.control-flow\": {\n color: \"#c586c0\",\n },\n function: {\n color: \"#dcdcaa\",\n },\n \"function.maybe-class-name\": {\n color: \"#dcdcaa\",\n },\n regex: {\n color: \"#d16969\",\n },\n important: {\n color: \"#569cd6\",\n },\n italic: {\n fontStyle: \"italic\",\n },\n \"class-name\": {\n color: \"#4ec9b0\",\n },\n \"maybe-class-name\": {\n color: \"#4ec9b0\",\n },\n console: {\n color: \"#9cdcfe\",\n },\n parameter: {\n color: \"#9cdcfe\",\n },\n interpolation: {\n color: \"#9cdcfe\",\n },\n \"punctuation.interpolation-punctuation\": {\n color: \"#569cd6\",\n },\n variable: {\n color: \"#9cdcfe\",\n },\n \"imports.maybe-class-name\": {\n color: \"#9cdcfe\",\n },\n \"exports.maybe-class-name\": {\n color: \"#9cdcfe\",\n },\n escape: {\n color: \"#d7ba7d\",\n },\n \"tag.punctuation\": {\n color: \"#808080\",\n },\n cdata: {\n color: \"#808080\",\n },\n \"attr-value\": {\n color: \"#ce9178\",\n },\n \"attr-value.punctuation\": {\n color: \"#ce9178\",\n },\n \"attr-value.punctuation.attr-equals\": {\n color: \"#d4d4d4\",\n },\n namespace: {\n color: \"#4ec9b0\",\n },\n 'pre[class*=\"language-javascript\"]': {\n color: \"#9cdcfe\",\n },\n 'code[class*=\"language-javascript\"]': {\n color: \"#9cdcfe\",\n },\n 'pre[class*=\"language-jsx\"]': {\n color: \"#9cdcfe\",\n },\n 'code[class*=\"language-jsx\"]': {\n color: \"#9cdcfe\",\n },\n 'pre[class*=\"language-typescript\"]': {\n color: \"#9cdcfe\",\n },\n 'code[class*=\"language-typescript\"]': {\n color: \"#9cdcfe\",\n },\n 'pre[class*=\"language-tsx\"]': {\n color: \"#9cdcfe\",\n },\n 'code[class*=\"language-tsx\"]': {\n color: \"#9cdcfe\",\n },\n 'pre[class*=\"language-css\"]': {\n color: \"#ce9178\",\n },\n 'code[class*=\"language-css\"]': {\n color: \"#ce9178\",\n },\n 'pre[class*=\"language-html\"]': {\n color: \"#d4d4d4\",\n },\n 'code[class*=\"language-html\"]': {\n color: \"#d4d4d4\",\n },\n \".language-regex .token.anchor\": {\n color: \"#dcdcaa\",\n },\n \".language-html .token.punctuation\": {\n color: \"#808080\",\n },\n 'pre[class*=\"language-\"] > code[class*=\"language-\"]': {\n position: \"relative\",\n zIndex: \"1\",\n },\n \".line-highlight.line-highlight\": {\n background: \"#f7ebc6\",\n boxShadow: \"inset 5px 0 0 #f7d87c\",\n zIndex: \"0\",\n },\n};\n"],"mappings":"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","names":[]}
|
package/dist/chunk-V7W6IM2V.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=chunk-V7W6IM2V.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
package/dist/chunk-VOBX4JOA.mjs
DELETED
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
__async
|
|
3
|
-
} from "./chunk-MRXNTQOX.mjs";
|
|
4
|
-
|
|
5
|
-
// src/hooks/use-push-to-talk.tsx
|
|
6
|
-
import { useCopilotContext } from "@copilotkit/react-core";
|
|
7
|
-
import { TextMessage } from "@copilotkit/runtime-client-gql";
|
|
8
|
-
import { useEffect, useRef, useState } from "react";
|
|
9
|
-
var checkMicrophonePermission = () => __async(void 0, null, function* () {
|
|
10
|
-
try {
|
|
11
|
-
const permissionStatus = yield navigator.permissions.query({
|
|
12
|
-
name: "microphone"
|
|
13
|
-
});
|
|
14
|
-
if (permissionStatus.state === "granted") {
|
|
15
|
-
return true;
|
|
16
|
-
} else {
|
|
17
|
-
return false;
|
|
18
|
-
}
|
|
19
|
-
} catch (err) {
|
|
20
|
-
console.error("Error checking microphone permission", err);
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
var requestMicAndPlaybackPermission = () => __async(void 0, null, function* () {
|
|
24
|
-
try {
|
|
25
|
-
const stream = yield navigator.mediaDevices.getUserMedia({ audio: true });
|
|
26
|
-
const audioContext = new window.AudioContext();
|
|
27
|
-
yield audioContext.resume();
|
|
28
|
-
return { stream, audioContext };
|
|
29
|
-
} catch (err) {
|
|
30
|
-
console.error("Error requesting microphone and playback permissions", err);
|
|
31
|
-
return null;
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
|
|
35
|
-
if (!mediaStreamRef.current || !audioContextRef.current) {
|
|
36
|
-
mediaStreamRef.current = yield navigator.mediaDevices.getUserMedia({ audio: true });
|
|
37
|
-
audioContextRef.current = new window.AudioContext();
|
|
38
|
-
yield audioContextRef.current.resume();
|
|
39
|
-
}
|
|
40
|
-
mediaRecorderRef.current = new MediaRecorder(mediaStreamRef.current);
|
|
41
|
-
mediaRecorderRef.current.start(1e3);
|
|
42
|
-
mediaRecorderRef.current.ondataavailable = (event) => {
|
|
43
|
-
recordedChunks.push(event.data);
|
|
44
|
-
};
|
|
45
|
-
mediaRecorderRef.current.onstop = onStop;
|
|
46
|
-
});
|
|
47
|
-
var stopRecording = (mediaRecorderRef) => {
|
|
48
|
-
if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
|
|
49
|
-
mediaRecorderRef.current.stop();
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
var transcribeAudio = (recordedChunks, transcribeAudioUrl) => __async(void 0, null, function* () {
|
|
53
|
-
const completeBlob = new Blob(recordedChunks, { type: "audio/mp4" });
|
|
54
|
-
const formData = new FormData();
|
|
55
|
-
formData.append("file", completeBlob, "recording.mp4");
|
|
56
|
-
const response = yield fetch(transcribeAudioUrl, {
|
|
57
|
-
method: "POST",
|
|
58
|
-
body: formData
|
|
59
|
-
});
|
|
60
|
-
if (!response.ok) {
|
|
61
|
-
throw new Error(`Error: ${response.statusText}`);
|
|
62
|
-
}
|
|
63
|
-
const transcription = yield response.json();
|
|
64
|
-
return transcription.text;
|
|
65
|
-
});
|
|
66
|
-
var playAudioResponse = (text, textToSpeechUrl, audioContext) => {
|
|
67
|
-
const encodedText = encodeURIComponent(text);
|
|
68
|
-
const url = `${textToSpeechUrl}?text=${encodedText}`;
|
|
69
|
-
fetch(url).then((response) => response.arrayBuffer()).then((arrayBuffer) => audioContext.decodeAudioData(arrayBuffer)).then((audioBuffer) => {
|
|
70
|
-
const source = audioContext.createBufferSource();
|
|
71
|
-
source.buffer = audioBuffer;
|
|
72
|
-
source.connect(audioContext.destination);
|
|
73
|
-
source.start(0);
|
|
74
|
-
}).catch((error) => {
|
|
75
|
-
console.error("Error with decoding audio data", error);
|
|
76
|
-
});
|
|
77
|
-
};
|
|
78
|
-
var usePushToTalk = ({
|
|
79
|
-
sendFunction,
|
|
80
|
-
inProgress
|
|
81
|
-
}) => {
|
|
82
|
-
const [pushToTalkState, setPushToTalkState] = useState("idle");
|
|
83
|
-
const mediaStreamRef = useRef(null);
|
|
84
|
-
const audioContextRef = useRef(null);
|
|
85
|
-
const mediaRecorderRef = useRef(null);
|
|
86
|
-
const recordedChunks = useRef([]);
|
|
87
|
-
const context = useCopilotContext();
|
|
88
|
-
const [startReadingFromMessageId, setStartReadingFromMessageId] = useState(null);
|
|
89
|
-
useEffect(() => {
|
|
90
|
-
if (pushToTalkState === "recording") {
|
|
91
|
-
startRecording(
|
|
92
|
-
mediaStreamRef,
|
|
93
|
-
mediaRecorderRef,
|
|
94
|
-
audioContextRef,
|
|
95
|
-
recordedChunks.current,
|
|
96
|
-
() => {
|
|
97
|
-
setPushToTalkState("transcribing");
|
|
98
|
-
}
|
|
99
|
-
);
|
|
100
|
-
} else {
|
|
101
|
-
stopRecording(mediaRecorderRef);
|
|
102
|
-
if (pushToTalkState === "transcribing") {
|
|
103
|
-
transcribeAudio(recordedChunks.current, context.copilotApiConfig.transcribeAudioUrl).then(
|
|
104
|
-
(transcription) => __async(void 0, null, function* () {
|
|
105
|
-
recordedChunks.current = [];
|
|
106
|
-
setPushToTalkState("idle");
|
|
107
|
-
const message = yield sendFunction(transcription);
|
|
108
|
-
setStartReadingFromMessageId(message.id);
|
|
109
|
-
})
|
|
110
|
-
);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
return () => {
|
|
114
|
-
stopRecording(mediaRecorderRef);
|
|
115
|
-
};
|
|
116
|
-
}, [pushToTalkState]);
|
|
117
|
-
useEffect(() => {
|
|
118
|
-
if (inProgress === false && startReadingFromMessageId) {
|
|
119
|
-
const lastMessageIndex = context.messages.findIndex(
|
|
120
|
-
(message) => message.id === startReadingFromMessageId
|
|
121
|
-
);
|
|
122
|
-
const messagesAfterLast = context.messages.slice(lastMessageIndex + 1).filter(
|
|
123
|
-
(message) => message instanceof TextMessage && message.role === "assistant"
|
|
124
|
-
);
|
|
125
|
-
const text = messagesAfterLast.map((message) => message.content).join("\n");
|
|
126
|
-
playAudioResponse(text, context.copilotApiConfig.textToSpeechUrl, audioContextRef.current);
|
|
127
|
-
setStartReadingFromMessageId(null);
|
|
128
|
-
}
|
|
129
|
-
}, [startReadingFromMessageId, inProgress]);
|
|
130
|
-
return { pushToTalkState, setPushToTalkState };
|
|
131
|
-
};
|
|
132
|
-
|
|
133
|
-
export {
|
|
134
|
-
checkMicrophonePermission,
|
|
135
|
-
requestMicAndPlaybackPermission,
|
|
136
|
-
usePushToTalk
|
|
137
|
-
};
|
|
138
|
-
//# sourceMappingURL=chunk-VOBX4JOA.mjs.map
|