@autobe/ui 0.19.1
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/LICENSE +661 -0
- package/lib/AutoBeAssistantMessageMovie.d.ts +7 -0
- package/lib/AutoBeAssistantMessageMovie.js +13 -0
- package/lib/AutoBeAssistantMessageMovie.js.map +1 -0
- package/lib/AutoBeUserMessageMovie.d.ts +6 -0
- package/lib/AutoBeUserMessageMovie.js +17 -0
- package/lib/AutoBeUserMessageMovie.js.map +1 -0
- package/lib/common/ChatBubble.d.ts +19 -0
- package/lib/common/ChatBubble.js +56 -0
- package/lib/common/ChatBubble.js.map +1 -0
- package/lib/common/openai/OpenAIContent.d.ts +6 -0
- package/lib/common/openai/OpenAIContent.js +37 -0
- package/lib/common/openai/OpenAIContent.js.map +1 -0
- package/lib/common/openai/OpenAIUserAudioContent.d.ts +6 -0
- package/lib/common/openai/OpenAIUserAudioContent.js +39 -0
- package/lib/common/openai/OpenAIUserAudioContent.js.map +1 -0
- package/lib/common/openai/OpenAIUserFileContent.d.ts +6 -0
- package/lib/common/openai/OpenAIUserFileContent.js +45 -0
- package/lib/common/openai/OpenAIUserFileContent.js.map +1 -0
- package/lib/common/openai/OpenAIUserImageContent.d.ts +6 -0
- package/lib/common/openai/OpenAIUserImageContent.js +21 -0
- package/lib/common/openai/OpenAIUserImageContent.js.map +1 -0
- package/lib/common/openai/OpenAIUserTextContent.d.ts +5 -0
- package/lib/common/openai/OpenAIUserTextContent.js +15 -0
- package/lib/common/openai/OpenAIUserTextContent.js.map +1 -0
- package/lib/common/openai/index.d.ts +5 -0
- package/lib/common/openai/index.js +14 -0
- package/lib/common/openai/index.js.map +1 -0
- package/lib/events/AutoBeProgressEventMovie.d.ts +9 -0
- package/lib/events/AutoBeProgressEventMovie.js +163 -0
- package/lib/events/AutoBeProgressEventMovie.js.map +1 -0
- package/lib/events/AutoBeScenarioEventMovie.d.ts +6 -0
- package/lib/events/AutoBeScenarioEventMovie.js +84 -0
- package/lib/events/AutoBeScenarioEventMovie.js.map +1 -0
- package/lib/events/AutoBeStartEventMovie.d.ts +8 -0
- package/lib/events/AutoBeStartEventMovie.js +39 -0
- package/lib/events/AutoBeStartEventMovie.js.map +1 -0
- package/lib/events/index.d.ts +3 -0
- package/lib/events/index.js +13 -0
- package/lib/events/index.js.map +1 -0
- package/lib/index.d.ts +5 -0
- package/lib/index.js +28 -0
- package/lib/index.js.map +1 -0
- package/lib/utils/time.d.ts +7 -0
- package/lib/utils/time.js +19 -0
- package/lib/utils/time.js.map +1 -0
- package/package.json +28 -0
- package/src/AutoBeAssistantMessageMovie.tsx +22 -0
- package/src/AutoBeUserMessageMovie.tsx +25 -0
- package/src/common/ChatBubble.tsx +119 -0
- package/src/common/openai/OpenAIContent.tsx +53 -0
- package/src/common/openai/OpenAIUserAudioContent.tsx +70 -0
- package/src/common/openai/OpenAIUserFileContent.tsx +76 -0
- package/src/common/openai/OpenAIUserImageContent.tsx +34 -0
- package/src/common/openai/OpenAIUserTextContent.tsx +16 -0
- package/src/common/openai/index.ts +5 -0
- package/src/events/AutoBeProgressEventMovie.tsx +250 -0
- package/src/events/AutoBeScenarioEventMovie.tsx +183 -0
- package/src/events/AutoBeStartEventMovie.tsx +82 -0
- package/src/events/index.ts +3 -0
- package/src/index.ts +8 -0
- package/src/utils/time.ts +14 -0
- package/tsconfig.json +9 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const ChatBubble_1 = __importDefault(require("./common/ChatBubble"));
|
|
8
|
+
const AutoBeAssistantMessageMovie = (props) => {
|
|
9
|
+
const { text, isoTimestamp, assistantName = "AutoBe" } = props;
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(ChatBubble_1.default, { content: [text], direction: "left", timestamp: isoTimestamp, assistantName: assistantName }));
|
|
11
|
+
};
|
|
12
|
+
exports.default = AutoBeAssistantMessageMovie;
|
|
13
|
+
//# sourceMappingURL=AutoBeAssistantMessageMovie.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoBeAssistantMessageMovie.js","sourceRoot":"","sources":["../src/AutoBeAssistantMessageMovie.tsx"],"names":[],"mappings":";;;;;;AAAA,qEAA6C;AAQ7C,MAAM,2BAA2B,GAAG,CAAC,KAA6B,EAAE,EAAE;IACpE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE/D,OAAO,CACL,uBAAC,oBAAU,IACT,OAAO,EAAE,CAAC,IAAI,CAAC,EACf,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,YAAY,EACvB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AutoBeUserMessageContent } from "@autobe/interface";
|
|
2
|
+
interface IAutoBeUserMessageHistoryMovieProps {
|
|
3
|
+
message: Array<AutoBeUserMessageContent>;
|
|
4
|
+
}
|
|
5
|
+
declare const AutoBeUserMessageMovie: (props: IAutoBeUserMessageHistoryMovieProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default AutoBeUserMessageMovie;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const ChatBubble_1 = __importDefault(require("./common/ChatBubble"));
|
|
8
|
+
const AutoBeUserMessageMovie = (props) => {
|
|
9
|
+
const { message } = props;
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
11
|
+
display: "flex",
|
|
12
|
+
flexDirection: "column",
|
|
13
|
+
gap: 8,
|
|
14
|
+
}, children: (0, jsx_runtime_1.jsx)(ChatBubble_1.default, { content: message, direction: "right", assistantName: "You" }) }));
|
|
15
|
+
};
|
|
16
|
+
exports.default = AutoBeUserMessageMovie;
|
|
17
|
+
//# sourceMappingURL=AutoBeUserMessageMovie.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoBeUserMessageMovie.js","sourceRoot":"","sources":["../src/AutoBeUserMessageMovie.tsx"],"names":[],"mappings":";;;;;;AAEA,qEAA6C;AAM7C,MAAM,sBAAsB,GAAG,CAAC,KAA0C,EAAE,EAAE;IAC5E,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,gCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,CAAC;SACP,YAED,uBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,GAClE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { AutoBeUserMessageContent } from "@autobe/interface";
|
|
2
|
+
/** Props interface for ChatBubble component */
|
|
3
|
+
export interface IChatBubbleProps {
|
|
4
|
+
/** Message content - supports text, audio, file, and image types */
|
|
5
|
+
content: Array<AutoBeUserMessageContent | string>;
|
|
6
|
+
/** Direction of the chat bubble - left or right */
|
|
7
|
+
direction: "left" | "right";
|
|
8
|
+
/** Timestamp (ISO format) */
|
|
9
|
+
timestamp?: string;
|
|
10
|
+
/** Assistant name (default: "Assistant") */
|
|
11
|
+
assistantName?: string;
|
|
12
|
+
}
|
|
13
|
+
/** Props interface for content renderer functions */
|
|
14
|
+
export interface IContentRendererProps {
|
|
15
|
+
/** Whether the bubble is positioned on the right side */
|
|
16
|
+
isRight: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare const ChatBubble: (props: IChatBubbleProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export default ChatBubble;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const time_1 = require("../utils/time");
|
|
5
|
+
const openai_1 = require("./openai");
|
|
6
|
+
const ChatBubble = (props) => {
|
|
7
|
+
const { content, direction, timestamp, assistantName = "Assistant" } = props;
|
|
8
|
+
const isRight = direction === "right";
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
10
|
+
display: "flex",
|
|
11
|
+
marginBottom: "1rem",
|
|
12
|
+
justifyContent: isRight ? "flex-end" : "flex-start",
|
|
13
|
+
}, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
flexDirection: "column",
|
|
16
|
+
maxWidth: "48rem",
|
|
17
|
+
alignItems: isRight ? "flex-end" : "flex-start",
|
|
18
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
19
|
+
marginBottom: "0.25rem",
|
|
20
|
+
textAlign: isRight ? "right" : "left",
|
|
21
|
+
}, children: (0, jsx_runtime_1.jsxs)("span", { style: {
|
|
22
|
+
fontSize: "0.75rem",
|
|
23
|
+
lineHeight: "1rem",
|
|
24
|
+
color: "#6b7280",
|
|
25
|
+
}, children: [isRight ? "You" : assistantName, timestamp && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { style: {
|
|
26
|
+
marginLeft: "0.25rem",
|
|
27
|
+
marginRight: "0.25rem",
|
|
28
|
+
}, children: "\u2022" }), (0, time_1.formatTime)(timestamp)] }))] }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
29
|
+
position: "relative",
|
|
30
|
+
maxWidth: "32rem",
|
|
31
|
+
paddingLeft: "1rem",
|
|
32
|
+
paddingRight: "1rem",
|
|
33
|
+
paddingTop: "0.75rem",
|
|
34
|
+
paddingBottom: "0.75rem",
|
|
35
|
+
borderRadius: "1rem",
|
|
36
|
+
boxShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
37
|
+
backgroundColor: isRight ? "#3b82f6" : "#f3f4f6",
|
|
38
|
+
color: isRight ? "#ffffff" : "#1f2937",
|
|
39
|
+
borderTopRightRadius: isRight ? "0.375rem" : "1rem",
|
|
40
|
+
borderTopLeftRadius: isRight ? "1rem" : "0.375rem",
|
|
41
|
+
border: isRight ? "none" : "1px solid #e5e7eb",
|
|
42
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
43
|
+
position: "absolute",
|
|
44
|
+
width: "0.75rem",
|
|
45
|
+
height: "0.75rem",
|
|
46
|
+
transform: "rotate(45deg)",
|
|
47
|
+
backgroundColor: isRight ? "#3b82f6" : "#f3f4f6",
|
|
48
|
+
right: isRight ? "-0.25rem" : undefined,
|
|
49
|
+
left: isRight ? undefined : "-0.25rem",
|
|
50
|
+
top: "0.75rem",
|
|
51
|
+
borderLeft: isRight ? "none" : "1px solid #e5e7eb",
|
|
52
|
+
borderBottom: isRight ? "none" : "1px solid #e5e7eb",
|
|
53
|
+
} }), (0, jsx_runtime_1.jsx)(openai_1.OpenAIContent, { content: content })] })] }) }));
|
|
54
|
+
};
|
|
55
|
+
exports.default = ChatBubble;
|
|
56
|
+
//# sourceMappingURL=ChatBubble.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatBubble.js","sourceRoot":"","sources":["../../src/common/ChatBubble.tsx"],"names":[],"mappings":";;;AAEA,wCAA2C;AAC3C,qCAAyC;AAqBzC,MAAM,UAAU,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC7C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IAE7E,MAAM,OAAO,GAAG,SAAS,KAAK,OAAO,CAAC;IAEtC,OAAO,CACL,gCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,MAAM;YACpB,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;SACpD,YAED,iCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,QAAQ,EAAE,OAAO;gBACjB,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;aAChD,aAGD,gCACE,KAAK,EAAE;wBACL,YAAY,EAAE,SAAS;wBACvB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;qBACtC,YAED,kCACE,KAAK,EAAE;4BACL,QAAQ,EAAE,SAAS;4BACnB,UAAU,EAAE,MAAM;4BAClB,KAAK,EAAE,SAAS;yBACjB,aAEA,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,EAC/B,SAAS,IAAI,CACZ,6DACE,iCACE,KAAK,EAAE;4CACL,UAAU,EAAE,SAAS;4CACrB,WAAW,EAAE,SAAS;yCACvB,uBAGI,EACN,IAAA,iBAAU,EAAC,SAAS,CAAC,IACrB,CACJ,IACI,GACH,EAGN,iCACE,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,QAAQ,EAAE,OAAO;wBACjB,WAAW,EAAE,MAAM;wBACnB,YAAY,EAAE,MAAM;wBACpB,UAAU,EAAE,SAAS;wBACrB,aAAa,EAAE,SAAS;wBACxB,YAAY,EAAE,MAAM;wBACpB,SAAS,EAAE,+BAA+B;wBAC1C,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;wBAChD,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;wBACtC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM;wBACnD,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;wBAClD,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB;qBAC/C,aAGD,gCACE,KAAK,EAAE;gCACL,QAAQ,EAAE,UAAU;gCACpB,KAAK,EAAE,SAAS;gCAChB,MAAM,EAAE,SAAS;gCACjB,SAAS,EAAE,eAAe;gCAC1B,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;gCAChD,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;gCACvC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;gCACtC,GAAG,EAAE,SAAS;gCACd,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB;gCAClD,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB;6BACrD,GACD,EAGF,uBAAC,sBAAa,IAAC,OAAO,EAAE,OAAO,GAAI,IAC/B,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AutoBeUserMessageContent } from "@autobe/interface";
|
|
2
|
+
export interface IOpenAIUserContentProps {
|
|
3
|
+
content: Array<AutoBeUserMessageContent | string>;
|
|
4
|
+
}
|
|
5
|
+
export declare const OpenAIContent: (props: IOpenAIUserContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default OpenAIContent;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.OpenAIContent = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const OpenAIUserAudioContent_1 = require("./OpenAIUserAudioContent");
|
|
6
|
+
const OpenAIUserFileContent_1 = require("./OpenAIUserFileContent");
|
|
7
|
+
const OpenAIUserImageContent_1 = require("./OpenAIUserImageContent");
|
|
8
|
+
const OpenAIUserTextContent_1 = require("./OpenAIUserTextContent");
|
|
9
|
+
const OpenAIContent = (props) => {
|
|
10
|
+
const { content } = props;
|
|
11
|
+
/** Renders a single content item */
|
|
12
|
+
const renderSingleContent = (item, index) => {
|
|
13
|
+
if (typeof item === "string") {
|
|
14
|
+
return (0, jsx_runtime_1.jsx)(OpenAIUserTextContent_1.OpenAIUserTextContent, { text: item }, index);
|
|
15
|
+
}
|
|
16
|
+
switch (item.type) {
|
|
17
|
+
case "text":
|
|
18
|
+
return (0, jsx_runtime_1.jsx)(OpenAIUserTextContent_1.OpenAIUserTextContent, { text: item.text }, index);
|
|
19
|
+
case "audio":
|
|
20
|
+
return (0, jsx_runtime_1.jsx)(OpenAIUserAudioContent_1.OpenAIUserAudioContent, { content: item }, index);
|
|
21
|
+
case "file":
|
|
22
|
+
return (0, jsx_runtime_1.jsx)(OpenAIUserFileContent_1.OpenAIUserFileContent, { content: item }, index);
|
|
23
|
+
case "image":
|
|
24
|
+
return (0, jsx_runtime_1.jsx)(OpenAIUserImageContent_1.OpenAIUserImageContent, { content: item }, index);
|
|
25
|
+
default:
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(OpenAIUserTextContent_1.OpenAIUserTextContent, { text: "Unsupported content type" }, index));
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
30
|
+
display: "flex",
|
|
31
|
+
flexDirection: "column",
|
|
32
|
+
gap: "0.75rem",
|
|
33
|
+
}, children: content.map((item, index) => renderSingleContent(item, index)) }));
|
|
34
|
+
};
|
|
35
|
+
exports.OpenAIContent = OpenAIContent;
|
|
36
|
+
exports.default = exports.OpenAIContent;
|
|
37
|
+
//# sourceMappingURL=OpenAIContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OpenAIContent.js","sourceRoot":"","sources":["../../../src/common/openai/OpenAIContent.tsx"],"names":[],"mappings":";;;;AAEA,qEAAkE;AAClE,mEAAgE;AAChE,qEAAkE;AAClE,mEAAgE;AAMzD,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC9D,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,oCAAoC;IACpC,MAAM,mBAAmB,GAAG,CAC1B,IAAuC,EACvC,KAAa,EACb,EAAE;QACF,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,OAAO,uBAAC,6CAAqB,IAAa,IAAI,EAAE,IAAI,IAAjB,KAAK,CAAgB,CAAC;QAC3D,CAAC;QAED,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,MAAM;gBACT,OAAO,uBAAC,6CAAqB,IAAa,IAAI,EAAE,IAAI,CAAC,IAAI,IAAtB,KAAK,CAAqB,CAAC;YAChE,KAAK,OAAO;gBACV,OAAO,uBAAC,+CAAsB,IAAa,OAAO,EAAE,IAAI,IAApB,KAAK,CAAmB,CAAC;YAC/D,KAAK,MAAM;gBACT,OAAO,uBAAC,6CAAqB,IAAa,OAAO,EAAE,IAAI,IAApB,KAAK,CAAmB,CAAC;YAC9D,KAAK,OAAO;gBACV,OAAO,uBAAC,+CAAsB,IAAa,OAAO,EAAE,IAAI,IAApB,KAAK,CAAmB,CAAC;YAC/D;gBACE,OAAO,CACL,uBAAC,6CAAqB,IAAa,IAAI,EAAC,0BAA0B,IAAtC,KAAK,CAAoC,CACtE,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,SAAS;SACf,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,aAAa,iBAuCxB;AAEF,kBAAe,qBAAa,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AutoBeUserMessageAudioContent } from "@autobe/interface";
|
|
2
|
+
/** Audio content renderer component for OpenAI messages */
|
|
3
|
+
export declare const OpenAIUserAudioContent: ({ content, }: {
|
|
4
|
+
content: AutoBeUserMessageAudioContent;
|
|
5
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default OpenAIUserAudioContent;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.OpenAIUserAudioContent = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/** Audio content renderer component for OpenAI messages */
|
|
6
|
+
const OpenAIUserAudioContent = ({ content, }) => {
|
|
7
|
+
const isRight = true; // UserContent는 항상 오른쪽
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
9
|
+
display: "flex",
|
|
10
|
+
flexDirection: "column",
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
justifyContent: "center",
|
|
13
|
+
padding: "1rem",
|
|
14
|
+
minWidth: "6rem",
|
|
15
|
+
minHeight: "6rem",
|
|
16
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
17
|
+
width: "2.5rem",
|
|
18
|
+
height: "2.5rem",
|
|
19
|
+
borderRadius: "50%",
|
|
20
|
+
backgroundColor: isRight ? "rgba(255,255,255,0.2)" : "#3b82f6",
|
|
21
|
+
display: "flex",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
justifyContent: "center",
|
|
24
|
+
marginBottom: "0.5rem",
|
|
25
|
+
}, children: (0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", style: { color: isRight ? "#ffffff" : "#ffffff" }, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z" }) }) }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
26
|
+
fontSize: "0.7rem",
|
|
27
|
+
fontWeight: "bold",
|
|
28
|
+
color: isRight ? "rgba(255,255,255,0.9)" : "#6b7280",
|
|
29
|
+
textAlign: "center",
|
|
30
|
+
}, children: "AUDIO" }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
31
|
+
fontSize: "0.65rem",
|
|
32
|
+
color: isRight ? "rgba(255,255,255,0.7)" : "#9ca3af",
|
|
33
|
+
textAlign: "center",
|
|
34
|
+
marginTop: "0.25rem",
|
|
35
|
+
}, children: content.format.toUpperCase() })] }));
|
|
36
|
+
};
|
|
37
|
+
exports.OpenAIUserAudioContent = OpenAIUserAudioContent;
|
|
38
|
+
exports.default = exports.OpenAIUserAudioContent;
|
|
39
|
+
//# sourceMappingURL=OpenAIUserAudioContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OpenAIUserAudioContent.js","sourceRoot":"","sources":["../../../src/common/openai/OpenAIUserAudioContent.tsx"],"names":[],"mappings":";;;;AAEA,2DAA2D;AACpD,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,GAGR,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,sBAAsB;IAE5C,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,MAAM;SAClB,aAGD,gCACE,KAAK,EAAE;oBACL,KAAK,EAAE,QAAQ;oBACf,MAAM,EAAE,QAAQ;oBAChB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS;oBAC9D,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,YAAY,EAAE,QAAQ;iBACvB,YAED,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,YAEjD,iCAAM,CAAC,EAAC,uFAAuF,GAAG,GAC9F,GACF,EACN,gCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS;oBACpD,SAAS,EAAE,QAAQ;iBACpB,sBAGG,EACN,gCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,SAAS;oBACnB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS;oBACpD,SAAS,EAAE,QAAQ;oBACnB,SAAS,EAAE,SAAS;iBACrB,YAEA,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,GACzB,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,sBAAsB,0BAgEjC;AAEF,kBAAe,8BAAsB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AutoBeUserMessageFileContent } from "@autobe/interface";
|
|
2
|
+
/** File content renderer component for OpenAI messages */
|
|
3
|
+
export declare const OpenAIUserFileContent: ({ content, }: {
|
|
4
|
+
content: AutoBeUserMessageFileContent;
|
|
5
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default OpenAIUserFileContent;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.OpenAIUserFileContent = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/** File content renderer component for OpenAI messages */
|
|
6
|
+
const OpenAIUserFileContent = ({ content, }) => {
|
|
7
|
+
var _a;
|
|
8
|
+
const isRight = true; // UserContent는 항상 오른쪽
|
|
9
|
+
const fileName = content.file.type === "base64"
|
|
10
|
+
? content.file.name
|
|
11
|
+
: `File ID: ${content.file.id}`;
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
13
|
+
display: "flex",
|
|
14
|
+
flexDirection: "column",
|
|
15
|
+
alignItems: "center",
|
|
16
|
+
justifyContent: "center",
|
|
17
|
+
padding: "1rem",
|
|
18
|
+
minWidth: "8rem",
|
|
19
|
+
minHeight: "6rem",
|
|
20
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
21
|
+
width: "2.5rem",
|
|
22
|
+
height: "2.5rem",
|
|
23
|
+
borderRadius: "0.5rem",
|
|
24
|
+
backgroundColor: isRight ? "rgba(255,255,255,0.2)" : "#10b981",
|
|
25
|
+
display: "flex",
|
|
26
|
+
alignItems: "center",
|
|
27
|
+
justifyContent: "center",
|
|
28
|
+
marginBottom: "0.5rem",
|
|
29
|
+
}, children: (0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", style: { color: "#ffffff" }, children: (0, jsx_runtime_1.jsx)("path", { d: "M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z" }) }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
30
|
+
fontSize: "0.7rem",
|
|
31
|
+
fontWeight: "bold",
|
|
32
|
+
color: isRight ? "rgba(255,255,255,0.9)" : "#6b7280",
|
|
33
|
+
textAlign: "center",
|
|
34
|
+
marginBottom: "0.25rem",
|
|
35
|
+
}, children: [(_a = fileName.split(".").at(-1)) === null || _a === void 0 ? void 0 : _a.toUpperCase(), " FILE"] }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
36
|
+
fontSize: "0.65rem",
|
|
37
|
+
color: isRight ? "rgba(255,255,255,0.7)" : "#9ca3af",
|
|
38
|
+
textAlign: "center",
|
|
39
|
+
wordBreak: "break-all",
|
|
40
|
+
maxWidth: "8rem",
|
|
41
|
+
}, children: fileName })] }));
|
|
42
|
+
};
|
|
43
|
+
exports.OpenAIUserFileContent = OpenAIUserFileContent;
|
|
44
|
+
exports.default = exports.OpenAIUserFileContent;
|
|
45
|
+
//# sourceMappingURL=OpenAIUserFileContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OpenAIUserFileContent.js","sourceRoot":"","sources":["../../../src/common/openai/OpenAIUserFileContent.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0D;AACnD,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,GAGR,EAAE,EAAE;;IACH,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,sBAAsB;IAC5C,MAAM,QAAQ,GACZ,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ;QAC5B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QACnB,CAAC,CAAC,YAAY,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;IAEpC,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,MAAM;SAClB,aAGD,gCACE,KAAK,EAAE;oBACL,KAAK,EAAE,QAAQ;oBACf,MAAM,EAAE,QAAQ;oBAChB,YAAY,EAAE,QAAQ;oBACtB,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS;oBAC9D,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,YAAY,EAAE,QAAQ;iBACvB,YAED,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAE3B,iCAAM,CAAC,EAAC,yFAAyF,GAAG,GAChG,GACF,EACN,iCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS;oBACpD,SAAS,EAAE,QAAQ;oBACnB,YAAY,EAAE,SAAS;iBACxB,aAEA,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,0CAAE,WAAW,EAAE,aACtC,EACN,gCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,SAAS;oBACnB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS;oBACpD,SAAS,EAAE,QAAQ;oBACnB,SAAS,EAAE,WAAW;oBACtB,QAAQ,EAAE,MAAM;iBACjB,YAEA,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,qBAAqB,yBAsEhC;AAEF,kBAAe,6BAAqB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AutoBeUserMessageImageContent } from "@autobe/interface";
|
|
2
|
+
/** Image content renderer component for OpenAI messages */
|
|
3
|
+
export declare const OpenAIUserImageContent: ({ content, }: {
|
|
4
|
+
content: AutoBeUserMessageImageContent;
|
|
5
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default OpenAIUserImageContent;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.OpenAIUserImageContent = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/** Image content renderer component for OpenAI messages */
|
|
6
|
+
const OpenAIUserImageContent = ({ content, }) => {
|
|
7
|
+
const imgSrc = content.image.type === "url" ? content.image.url : content.image.data;
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
9
|
+
position: "relative",
|
|
10
|
+
maxWidth: "16rem",
|
|
11
|
+
borderRadius: "0.5rem",
|
|
12
|
+
overflow: "hidden",
|
|
13
|
+
}, children: (0, jsx_runtime_1.jsx)("img", { src: imgSrc, alt: "User uploaded image", style: {
|
|
14
|
+
width: "100%",
|
|
15
|
+
height: "auto",
|
|
16
|
+
display: "block",
|
|
17
|
+
} }) }));
|
|
18
|
+
};
|
|
19
|
+
exports.OpenAIUserImageContent = OpenAIUserImageContent;
|
|
20
|
+
exports.default = exports.OpenAIUserImageContent;
|
|
21
|
+
//# sourceMappingURL=OpenAIUserImageContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OpenAIUserImageContent.js","sourceRoot":"","sources":["../../../src/common/openai/OpenAIUserImageContent.tsx"],"names":[],"mappings":";;;;AAEA,2DAA2D;AACpD,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,GAGR,EAAE,EAAE;IACH,MAAM,MAAM,GACV,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;IAExE,OAAO,CACL,gCACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,OAAO;YACjB,YAAY,EAAE,QAAQ;YACtB,QAAQ,EAAE,QAAQ;SACnB,YAED,gCACE,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,qBAAqB,EACzB,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,OAAO;aACjB,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,sBAAsB,0BA4BjC;AAEF,kBAAe,8BAAsB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.OpenAIUserTextContent = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/** Text content renderer component for OpenAI messages */
|
|
6
|
+
const OpenAIUserTextContent = ({ text }) => ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
7
|
+
position: "relative",
|
|
8
|
+
zIndex: 10,
|
|
9
|
+
fontSize: "0.875rem",
|
|
10
|
+
lineHeight: "1.625",
|
|
11
|
+
whiteSpace: "pre-wrap",
|
|
12
|
+
}, children: text }));
|
|
13
|
+
exports.OpenAIUserTextContent = OpenAIUserTextContent;
|
|
14
|
+
exports.default = exports.OpenAIUserTextContent;
|
|
15
|
+
//# sourceMappingURL=OpenAIUserTextContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OpenAIUserTextContent.js","sourceRoot":"","sources":["../../../src/common/openai/OpenAIUserTextContent.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0D;AACnD,MAAM,qBAAqB,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE,CAAC,CACnE,gCACE,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,UAAU;KACvB,YAEA,IAAI,GACD,CACP,CAAC;AAZW,QAAA,qBAAqB,yBAYhC;AAEF,kBAAe,6BAAqB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { OpenAIUserTextContent } from "./OpenAIUserTextContent";
|
|
2
|
+
export { OpenAIUserAudioContent } from "./OpenAIUserAudioContent";
|
|
3
|
+
export { OpenAIUserFileContent } from "./OpenAIUserFileContent";
|
|
4
|
+
export { OpenAIUserImageContent } from "./OpenAIUserImageContent";
|
|
5
|
+
export { OpenAIContent } from "./OpenAIContent";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.OpenAIContent = exports.OpenAIUserImageContent = exports.OpenAIUserFileContent = exports.OpenAIUserAudioContent = exports.OpenAIUserTextContent = void 0;
|
|
4
|
+
var OpenAIUserTextContent_1 = require("./OpenAIUserTextContent");
|
|
5
|
+
Object.defineProperty(exports, "OpenAIUserTextContent", { enumerable: true, get: function () { return OpenAIUserTextContent_1.OpenAIUserTextContent; } });
|
|
6
|
+
var OpenAIUserAudioContent_1 = require("./OpenAIUserAudioContent");
|
|
7
|
+
Object.defineProperty(exports, "OpenAIUserAudioContent", { enumerable: true, get: function () { return OpenAIUserAudioContent_1.OpenAIUserAudioContent; } });
|
|
8
|
+
var OpenAIUserFileContent_1 = require("./OpenAIUserFileContent");
|
|
9
|
+
Object.defineProperty(exports, "OpenAIUserFileContent", { enumerable: true, get: function () { return OpenAIUserFileContent_1.OpenAIUserFileContent; } });
|
|
10
|
+
var OpenAIUserImageContent_1 = require("./OpenAIUserImageContent");
|
|
11
|
+
Object.defineProperty(exports, "OpenAIUserImageContent", { enumerable: true, get: function () { return OpenAIUserImageContent_1.OpenAIUserImageContent; } });
|
|
12
|
+
var OpenAIContent_1 = require("./OpenAIContent");
|
|
13
|
+
Object.defineProperty(exports, "OpenAIContent", { enumerable: true, get: function () { return OpenAIContent_1.OpenAIContent; } });
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/openai/index.ts"],"names":[],"mappings":";;;AAAA,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA;AAC/B,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA;AAC/B,iDAAgD;AAAvC,8GAAA,aAAa,OAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { AutoBeEvent, AutoBeProgressEventBase } from "@autobe/interface";
|
|
2
|
+
export declare function AutoBeProgressEventMovie(props: AutoBeProgressEventMovie.IProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
type ExtractType<T, U> = T extends U ? T : never;
|
|
4
|
+
export declare namespace AutoBeProgressEventMovie {
|
|
5
|
+
interface IProps {
|
|
6
|
+
event: ExtractType<AutoBeEvent, AutoBeProgressEventBase>;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
export default AutoBeProgressEventMovie;
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AutoBeProgressEventMovie = AutoBeProgressEventMovie;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const time_1 = require("../utils/time");
|
|
6
|
+
function AutoBeProgressEventMovie(props) {
|
|
7
|
+
const state = getState(props.event);
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
9
|
+
backgroundColor: "#f8fafc",
|
|
10
|
+
border: "1px solid #e2e8f0",
|
|
11
|
+
borderRadius: "0.75rem",
|
|
12
|
+
padding: "1.5rem",
|
|
13
|
+
marginBottom: "1rem",
|
|
14
|
+
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
|
|
15
|
+
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
|
|
16
|
+
display: "flex",
|
|
17
|
+
alignItems: "center",
|
|
18
|
+
justifyContent: "space-between",
|
|
19
|
+
marginBottom: "1rem",
|
|
20
|
+
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
|
|
21
|
+
display: "flex",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
gap: "0.75rem",
|
|
24
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
25
|
+
width: "2rem",
|
|
26
|
+
height: "2rem",
|
|
27
|
+
backgroundColor: "#4caf50",
|
|
28
|
+
borderRadius: "50%",
|
|
29
|
+
display: "flex",
|
|
30
|
+
alignItems: "center",
|
|
31
|
+
justifyContent: "center",
|
|
32
|
+
}, children: (0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", style: { color: "#ffffff" }, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h3", { style: {
|
|
33
|
+
fontSize: "1.125rem",
|
|
34
|
+
fontWeight: "600",
|
|
35
|
+
color: "#1e293b",
|
|
36
|
+
margin: 0,
|
|
37
|
+
marginBottom: "0.25rem",
|
|
38
|
+
}, children: state.title }) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
39
|
+
fontSize: "0.75rem",
|
|
40
|
+
color: "#64748b",
|
|
41
|
+
textAlign: "right",
|
|
42
|
+
}, children: (0, time_1.formatTime)(props.event.created_at) })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
43
|
+
fontSize: "0.875rem",
|
|
44
|
+
lineHeight: "1.5",
|
|
45
|
+
color: "#475569",
|
|
46
|
+
backgroundColor: "#ffffff",
|
|
47
|
+
padding: "1rem",
|
|
48
|
+
borderRadius: "0.5rem",
|
|
49
|
+
border: "1px solid #e2e8f0",
|
|
50
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "1rem" }, children: state.description }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
51
|
+
width: "100%",
|
|
52
|
+
height: "10px",
|
|
53
|
+
backgroundColor: "#e2e8f0",
|
|
54
|
+
borderRadius: "10px",
|
|
55
|
+
overflow: "hidden",
|
|
56
|
+
marginBottom: "0.5rem",
|
|
57
|
+
}, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
58
|
+
width: `${Math.round((state.completed / state.total) * 100)}%`,
|
|
59
|
+
height: "100%",
|
|
60
|
+
backgroundColor: "#4caf50",
|
|
61
|
+
borderRadius: "10px",
|
|
62
|
+
transition: "width 0.3s ease",
|
|
63
|
+
} }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
64
|
+
fontSize: "0.75rem",
|
|
65
|
+
color: "#64748b",
|
|
66
|
+
textAlign: "center",
|
|
67
|
+
}, children: [state.completed, " / ", state.total, " completed"] })] })] }));
|
|
68
|
+
}
|
|
69
|
+
function getState(event) {
|
|
70
|
+
const content = (() => {
|
|
71
|
+
switch (event.type) {
|
|
72
|
+
case "analyzeWrite":
|
|
73
|
+
return {
|
|
74
|
+
title: "Analyze Write",
|
|
75
|
+
description: "Analyzing requirements, and writing a report paper",
|
|
76
|
+
};
|
|
77
|
+
case "analyzeReview":
|
|
78
|
+
return {
|
|
79
|
+
title: "Analyze Review",
|
|
80
|
+
description: "Reviewing the analysis results",
|
|
81
|
+
};
|
|
82
|
+
case "prismaSchemas":
|
|
83
|
+
return {
|
|
84
|
+
title: "Prisma Schemas",
|
|
85
|
+
description: "Designing Database schemas",
|
|
86
|
+
};
|
|
87
|
+
case "prismaReview":
|
|
88
|
+
return {
|
|
89
|
+
title: "Prisma Review",
|
|
90
|
+
description: "Reviewing the Prisma schemas",
|
|
91
|
+
};
|
|
92
|
+
case "interfaceEndpoints":
|
|
93
|
+
return {
|
|
94
|
+
title: "Interface Endpoints",
|
|
95
|
+
description: "Collecting API endpoints",
|
|
96
|
+
};
|
|
97
|
+
case "interfaceOperations":
|
|
98
|
+
return {
|
|
99
|
+
title: "Interface Operations",
|
|
100
|
+
description: "Designing API operations",
|
|
101
|
+
};
|
|
102
|
+
case "interfaceOperationsReview":
|
|
103
|
+
return {
|
|
104
|
+
title: "Interface Operations Review",
|
|
105
|
+
description: "Reviewing API operations",
|
|
106
|
+
};
|
|
107
|
+
case "interfaceAuthorization":
|
|
108
|
+
return {
|
|
109
|
+
title: "Interface Authorization",
|
|
110
|
+
description: "Designing API authorization operations",
|
|
111
|
+
};
|
|
112
|
+
case "interfaceSchemas":
|
|
113
|
+
return {
|
|
114
|
+
title: "Interface Schemas",
|
|
115
|
+
description: "Designing API type schemas",
|
|
116
|
+
};
|
|
117
|
+
case "interfaceSchemasReview":
|
|
118
|
+
return {
|
|
119
|
+
title: "Interface Schemas Review",
|
|
120
|
+
description: "Reviewing API type schemas",
|
|
121
|
+
};
|
|
122
|
+
case "testScenarios":
|
|
123
|
+
return {
|
|
124
|
+
title: "Test Scenarios",
|
|
125
|
+
description: "Planning E2E test scenarios",
|
|
126
|
+
};
|
|
127
|
+
case "testWrite":
|
|
128
|
+
return {
|
|
129
|
+
title: "Test Write",
|
|
130
|
+
description: "Writing E2E test functions",
|
|
131
|
+
};
|
|
132
|
+
case "realizeWrite":
|
|
133
|
+
return {
|
|
134
|
+
title: "Realize Write",
|
|
135
|
+
description: "Realizing the API functions",
|
|
136
|
+
};
|
|
137
|
+
case "realizeAuthorizationWrite":
|
|
138
|
+
return {
|
|
139
|
+
title: "Authorization Write",
|
|
140
|
+
description: "Writing authorization decorators and functions",
|
|
141
|
+
};
|
|
142
|
+
case "realizeTestOperation":
|
|
143
|
+
return {
|
|
144
|
+
title: "Realize Test Operation",
|
|
145
|
+
description: "Running the E2E test operations to validate the API functions",
|
|
146
|
+
};
|
|
147
|
+
case "realizeCorrect":
|
|
148
|
+
return {
|
|
149
|
+
title: "Realize Correct",
|
|
150
|
+
description: "Correcting the API functions",
|
|
151
|
+
};
|
|
152
|
+
default:
|
|
153
|
+
event;
|
|
154
|
+
return {
|
|
155
|
+
title: "Unknown Event",
|
|
156
|
+
description: "This event type is not recognized.",
|
|
157
|
+
};
|
|
158
|
+
}
|
|
159
|
+
})();
|
|
160
|
+
return Object.assign(Object.assign({}, content), { completed: event.completed, total: event.total });
|
|
161
|
+
}
|
|
162
|
+
exports.default = AutoBeProgressEventMovie;
|
|
163
|
+
//# sourceMappingURL=AutoBeProgressEventMovie.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoBeProgressEventMovie.js","sourceRoot":"","sources":["../../src/events/AutoBeProgressEventMovie.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AutoBeAnalyzeScenarioEvent, AutoBeInterfaceGroupsEvent, AutoBePrismaComponentsEvent, AutoBeRealizeTestResetEvent } from "@autobe/interface";
|
|
2
|
+
export interface IAutoBeScenarioEventMovieProps {
|
|
3
|
+
event: AutoBeAnalyzeScenarioEvent | AutoBePrismaComponentsEvent | AutoBeInterfaceGroupsEvent | AutoBeRealizeTestResetEvent;
|
|
4
|
+
}
|
|
5
|
+
export declare const AutoBeScenarioEventMovie: (props: IAutoBeScenarioEventMovieProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default AutoBeScenarioEventMovie;
|