@autobe/ui 0.19.1 → 0.20.0

package/lib/AutoBeChatUploadSendButton.d.ts

@@ -0,0 +1,15 @@
+/** Props interface for AutoBeChatUploadSendButton component */
+interface IAutoBeChatUploadSendButtonProps {
+    /** Function to trigger conversation */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
+    /** Whether the button is enabled */
+    enabled: boolean;
+}
+/**
+ * Chat upload send button component for triggering conversations
+ *
+ * @param props - Component props
+ * @returns JSX element representing the send button
+ */
+export declare const AutoBeChatUploadSendButton: (props: IAutoBeChatUploadSendButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default AutoBeChatUploadSendButton;

package/lib/AutoBeChatUploadSendButton.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeChatUploadSendButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Chat upload send button component for triggering conversations
+ *
+ * @param props - Component props
+ * @returns JSX element representing the send button
+ */
+const AutoBeChatUploadSendButton = (props) => {
+    const baseStyles = {
+        padding: "6px",
+        border: "none",
+        borderRadius: "50%", // 4px에서 50%로 변경하여 둥글게
+        backgroundColor: props.enabled ? "#1976d2" : "#e0e0e0",
+        color: props.enabled ? "#ffffff" : "#9e9e9e",
+        cursor: props.enabled ? "pointer" : "not-allowed",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "background-color 0.3s ease",
+        outline: "none",
+        width: "32px",
+        height: "32px",
+    };
+    const hoverStyles = Object.assign(Object.assign({}, baseStyles), { backgroundColor: props.enabled ? "#1565c0" : "#e0e0e0" });
+    return ((0, jsx_runtime_1.jsx)("button", { style: baseStyles, onClick: (e) => { var _a; return void ((_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e)); }, disabled: !props.enabled, onMouseEnter: (e) => {
+            if (props.enabled) {
+                Object.assign(e.currentTarget.style, hoverStyles);
+            }
+        }, onMouseLeave: (e) => {
+            Object.assign(e.currentTarget.style, baseStyles);
+        }, children: (0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", style: { display: "block" }, children: (0, jsx_runtime_1.jsx)("path", { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.59 5.58L20 12l-8-8-8 8z" }) }) }));
+};
+exports.AutoBeChatUploadSendButton = AutoBeChatUploadSendButton;
+exports.default = exports.AutoBeChatUploadSendButton;
+//# sourceMappingURL=AutoBeChatUploadSendButton.js.map

package/lib/AutoBeChatUploadSendButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeChatUploadSendButton.js","sourceRoot":"","sources":["../src/AutoBeChatUploadSendButton.tsx"],"names":[],"mappings":";;;;AAQA;;;;;GAKG;AACI,MAAM,0BAA0B,GAAG,CACxC,KAAuC,EACvC,EAAE;IACF,MAAM,UAAU,GAAwB;QACtC,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK,EAAE,sBAAsB;QAC3C,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACtD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC5C,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;QACjD,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,4BAA4B;QACxC,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAC;IAEF,MAAM,WAAW,mCACZ,UAAU,KACb,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACvD,CAAC;IAEF,OAAO,CACL,mCACE,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,KAAK,CAAA,MAAA,KAAK,CAAC,OAAO,sDAAG,CAAC,CAAC,CAAA,CAAA,EAAA,EACvC,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,EACxB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YACpD,CAAC;QACH,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QACnD,CAAC,YAED,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAE3B,iCAAM,CAAC,EAAC,6DAA6D,GAAG,GACpE,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,0BAA0B,8BAiDrC;AAEF,kBAAe,kCAA0B,CAAC"}

package/lib/AutoBeFileUploadBox.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export declare const AutoBeFileUploadBox: (props: AutoBeFileUploadBox.IProps) => import("react/jsx-runtime").JSX.Element;
+export default AutoBeFileUploadBox;
+export declare namespace AutoBeFileUploadBox {
+    interface IProps {
+        extensionError: ReactNode | null;
+        onClick: () => void;
+        enabled: boolean;
+    }
+}

package/lib/AutoBeFileUploadBox.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeFileUploadBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AutoBeFileUploadBox = (props) => {
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    const hasError = !!props.extensionError;
+    const getButtonStyles = () => {
+        const baseStyles = {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "40px",
+            height: "40px",
+            padding: "0",
+            border: "1px solid",
+            borderRadius: "50%",
+            cursor: props.enabled ? "pointer" : "not-allowed",
+            backgroundColor: hasError ? "#fef2f2" : "transparent",
+            borderColor: hasError ? "#f87171" : isHovered ? "#3b82f6" : "#d1d5db",
+            opacity: props.enabled ? 1 : 0.5,
+            transition: "all 0.3s ease",
+            position: "relative",
+        };
+        if (isHovered && props.enabled) {
+            return Object.assign(Object.assign({}, baseStyles), { backgroundColor: hasError ? "#fef2f2" : "#f3f4f6", borderColor: hasError ? "#f87171" : "#3b82f6" });
+        }
+        return baseStyles;
+    };
+    const iconColor = hasError ? "#ef4444" : "#6b7280";
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: props.onClick, disabled: !props.enabled, style: getButtonStyles(), onMouseEnter: () => {
+                    setIsHovered(true);
+                }, onMouseLeave: () => {
+                    setIsHovered(false);
+                }, children: hasError ? (
+                // Error Icon (SVG)
+                (0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", style: { color: iconColor }, 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 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) })) : (
+                // Add Icon (SVG)
+                (0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", style: { color: iconColor }, children: (0, jsx_runtime_1.jsx)("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" }) })) }), hasError && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    position: "absolute",
+                    bottom: "100%",
+                    left: "50%",
+                    transform: "translateX(-50%)",
+                    marginBottom: "8px",
+                    padding: "8px 12px",
+                    backgroundColor: "#ef4444",
+                    color: "#ffffff",
+                    borderRadius: "6px",
+                    fontSize: "14px",
+                    whiteSpace: "nowrap",
+                    zIndex: 1000,
+                    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
+                }, children: [props.extensionError, (0, jsx_runtime_1.jsx)("div", { style: {
+                            position: "absolute",
+                            top: "100%",
+                            left: "50%",
+                            transform: "translateX(-50%)",
+                            width: 0,
+                            height: 0,
+                            borderLeft: "6px solid transparent",
+                            borderRight: "6px solid transparent",
+                            borderTop: "6px solid #ef4444",
+                        } })] }))] }));
+};
+exports.AutoBeFileUploadBox = AutoBeFileUploadBox;
+exports.default = exports.AutoBeFileUploadBox;
+//# sourceMappingURL=AutoBeFileUploadBox.js.map

package/lib/AutoBeFileUploadBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeFileUploadBox.js","sourceRoot":"","sources":["../src/AutoBeFileUploadBox.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAErC,MAAM,mBAAmB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACvE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;IAExC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,UAAU,GAAG;YACjB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,WAAW;YACnB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;YACjD,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;YACrD,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACrE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;YAChC,UAAU,EAAE,eAAe;YAC3B,QAAQ,EAAE,UAAmB;SAC9B,CAAC;QAEF,IAAI,SAAS,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAC/B,uCACK,UAAU,KACb,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAC7C;QACJ,CAAC;QAED,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnD,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,aAC3D,mCACE,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,EACxB,KAAK,EAAE,eAAe,EAAE,EACxB,YAAY,EAAE,GAAG,EAAE;oBACjB,YAAY,CAAC,IAAI,CAAC,CAAC;gBACrB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;oBACjB,YAAY,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC,YAEA,QAAQ,CAAC,CAAC,CAAC;gBACV,mBAAmB;gBACnB,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,kGAAkG,GAAG,GACzG,CACP,CAAC,CAAC,CAAC;gBACF,iBAAiB;gBACjB,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,qCAAqC,GAAG,GAC5C,CACP,GACM,EAGR,QAAQ,IAAI,CACX,iCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,MAAM;oBACd,IAAI,EAAE,KAAK;oBACX,SAAS,EAAE,kBAAkB;oBAC7B,YAAY,EAAE,KAAK;oBACnB,OAAO,EAAE,UAAU;oBACnB,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,YAAY,EAAE,KAAK;oBACnB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,QAAQ;oBACpB,MAAM,EAAE,IAAI;oBACZ,SAAS,EAAE,+BAA+B;iBAC3C,aAEA,KAAK,CAAC,cAAc,EAErB,gCACE,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,MAAM;4BACX,IAAI,EAAE,KAAK;4BACX,SAAS,EAAE,kBAAkB;4BAC7B,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,CAAC;4BACT,UAAU,EAAE,uBAAuB;4BACnC,WAAW,EAAE,uBAAuB;4BACpC,SAAS,EAAE,mBAAmB;yBAC/B,GACD,IACE,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAhHW,QAAA,mBAAmB,uBAgH9B;AAEF,kBAAe,2BAAmB,CAAC"}

package/lib/AutoBeVoiceRecoderButton.d.ts

@@ -0,0 +1,11 @@
+import { AutoBeUserMessageAudioContent } from "@autobe/interface";
+export declare const AutoBeVoiceRecoderButton: (props: AutoBeVoiceRecoderButton.IProps) => import("react/jsx-runtime").JSX.Element;
+export declare namespace AutoBeVoiceRecoderButton {
+    interface IProps {
+        enabled: boolean;
+        onComplete: (content: {
+            file: File;
+            content: AutoBeUserMessageAudioContent;
+        }) => void;
+    }
+}

package/lib/AutoBeVoiceRecoderButton.js

@@ -0,0 +1,58 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeVoiceRecoderButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AutoBeVoiceRecorder_1 = require("./utils/AutoBeVoiceRecorder");
+const AutoBeVoiceRecoderButton = (props) => {
+    const [isRecording, setIsRecording] = (0, react_1.useState)(false);
+    const [mediaRecorder, setMediaRecorder] = (0, react_1.useState)(null);
+    const startRecording = () => __awaiter(void 0, void 0, void 0, function* () {
+        const recorder = yield AutoBeVoiceRecorder_1.AutoBeVoiceRecorder.start(props.onComplete);
+        recorder.start();
+        setMediaRecorder(recorder);
+        setIsRecording(true);
+    });
+    const stopRecording = () => {
+        if (mediaRecorder && mediaRecorder.state !== "inactive") {
+            mediaRecorder.stop();
+            setIsRecording(false);
+        }
+    };
+    const baseStyles = {
+        padding: "6px",
+        border: "1px solid",
+        borderColor: isRecording ? "#f44336" : "#e0e0e0",
+        borderRadius: "4px",
+        backgroundColor: isRecording ? "#ffebee" : "transparent",
+        color: isRecording ? "#f44336" : "#1976d2",
+        cursor: props.enabled ? "pointer" : "not-allowed",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "all 0.3s ease",
+        outline: "none",
+        width: "32px",
+        height: "32px",
+        opacity: props.enabled ? 1 : 0.5,
+    };
+    const hoverStyles = Object.assign(Object.assign({}, baseStyles), { backgroundColor: isRecording ? "#f44336" : "#f5f5f5", borderColor: isRecording ? "#d32f2f" : "#1976d2", color: isRecording ? "#ffffff" : "#1976d2" });
+    return ((0, jsx_runtime_1.jsx)("button", { style: baseStyles, onClick: isRecording ? stopRecording : () => void startRecording(), disabled: !props.enabled, onMouseEnter: (e) => {
+            if (props.enabled) {
+                Object.assign(e.currentTarget.style, hoverStyles);
+            }
+        }, onMouseLeave: (e) => {
+            Object.assign(e.currentTarget.style, baseStyles);
+        }, children: isRecording ? ((0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", style: { display: "block" }, children: (0, jsx_runtime_1.jsx)("path", { d: "M6 6h12v12H6z" }) })) : ((0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", style: { display: "block" }, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2s-2-.9-2-2V4c0-1.1.9-2 2-2zm5.3 6.7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-1.9 1.9c.03.33.05.66.05 1v.5c0 2.8-2.2 5-5 5s-5-2.2-5-5v-.5c0-.34.02-.67.05-1L4.9 10.1c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l1.9 1.9c1.8-1.6 4.3-1.6 6.1 0l1.9-1.9zM19 10.5v.5c0 3.9-3.1 7-7 7s-7-3.1-7-7v-.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v.5c0 2.2 1.8 4 4 4s4-1.8 4-4v-.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5z" }) })) }));
+};
+exports.AutoBeVoiceRecoderButton = AutoBeVoiceRecoderButton;
+//# sourceMappingURL=AutoBeVoiceRecoderButton.js.map

package/lib/AutoBeVoiceRecoderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeVoiceRecoderButton.js","sourceRoot":"","sources":["../src/AutoBeVoiceRecoderButton.tsx"],"names":[],"mappings":"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"}

package/lib/events/AutoBeCompleteEventMovie.d.ts

@@ -0,0 +1,7 @@
+import { AutoBeAnalyzeCompleteEvent, AutoBeInterfaceCompleteEvent, AutoBePrismaCompleteEvent, AutoBeRealizeCompleteEvent, AutoBeTestCompleteEvent, IAutoBeGetFilesOptions } from "@autobe/interface";
+export interface IAutoBeCompleteEventMovieProps {
+    getFiles: (options?: Partial<IAutoBeGetFilesOptions>) => Promise<Record<string, string>>;
+    event: AutoBeAnalyzeCompleteEvent | AutoBePrismaCompleteEvent | AutoBeInterfaceCompleteEvent | AutoBeTestCompleteEvent | AutoBeRealizeCompleteEvent;
+}
+export declare const AutoBeCompleteEventMovie: (props: IAutoBeCompleteEventMovieProps) => import("react/jsx-runtime").JSX.Element | null;
+export default AutoBeCompleteEventMovie;

package/lib/events/AutoBeCompleteEventMovie.js

@@ -0,0 +1,210 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoBeCompleteEventMovie = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_1 = __importDefault(require("@stackblitz/sdk"));
+const jszip_1 = __importDefault(require("jszip"));
+const react_1 = require("react");
+const tstl_1 = require("tstl");
+const common_1 = require("./common");
+const AutoBeCompleteEventMovie = (props) => {
+    const stage = getStage(props.event);
+    const [size, setSize] = (0, react_1.useState)(null);
+    const [downloading, setDownloading] = (0, react_1.useState)(false);
+    const getFiles = (dbms) => __awaiter(void 0, void 0, void 0, function* () {
+        setDownloading(true);
+        try {
+            const result = yield props.getFiles({
+                dbms,
+                stage,
+            });
+            return result;
+        }
+        catch (error) {
+            throw error;
+        }
+        finally {
+            setDownloading(false);
+        }
+    });
+    const openStackBlitz = () => __awaiter(void 0, void 0, void 0, function* () {
+        const files = Object.fromEntries(Object.entries(yield getFiles("sqlite")).filter(([key, value]) => key.startsWith("autobe/") === false &&
+            new TextEncoder().encode(value).length < 512 * 1024));
+        const size = Object.values(files)
+            .map((str) => new TextEncoder().encode(str).length)
+            .reduce((a, b) => a + b, 0);
+        setSize(size);
+        sdk_1.default.openProject({
+            title: `AutoBE Generated Backend Server (${props.event.type})`,
+            template: "node",
+            files,
+        }, {
+            newWindow: true,
+        });
+    });
+    const download = (dbms) => __awaiter(void 0, void 0, void 0, function* () {
+        const zip = new jszip_1.default();
+        const directory = new tstl_1.VariadicSingleton((location) => {
+            const separated = location.split("/");
+            if (separated.length === 1)
+                return zip.folder(separated[0]);
+            const parent = directory.get(separated.slice(0, -1).join("/"));
+            return parent.folder(separated.at(-1));
+        });
+        for (const [file, content] of Object.entries(yield getFiles(dbms))) {
+            const separated = file.split("/");
+            if (separated.length === 1)
+                zip.file(file, content);
+            else {
+                const folder = directory.get(separated.slice(0, -1).join("/"));
+                folder.file(separated.at(-1), content);
+            }
+        }
+        const data = yield zip.generateAsync({ type: "blob" });
+        const url = URL.createObjectURL(data);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = `AutoBE.${props.event.type}.zip`;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+    });
+    const title = getTitle(props.event);
+    if (title === null)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(common_1.EventCard, { variant: "success", children: [(0, jsx_runtime_1.jsx)(common_1.EventHeader, { title: `${title} Completed`, timestamp: props.event.created_at, iconType: "success" }), (0, jsx_runtime_1.jsxs)(common_1.EventContent, { children: [(0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: "1rem" }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: "inline-flex",
+                                    alignItems: "center",
+                                    padding: "6px 12px",
+                                    border: "1px solid #4caf50",
+                                    borderRadius: "16px",
+                                    backgroundColor: "transparent",
+                                    color: "#4caf50",
+                                    fontSize: "14px",
+                                    fontWeight: 500,
+                                    gap: "6px",
+                                    marginBottom: "1rem",
+                                }, children: ["\u2705 ", title, " Completed"] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), title, " has been completed.", getMessage(openStackBlitz, props.event), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), "Please check the result in the file explorer.", size !== null && size >= LIMIT && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                    backgroundColor: "#fffbeb",
+                                    border: "1px solid #fed7aa",
+                                    borderRadius: "0.5rem",
+                                    padding: "1rem",
+                                    marginTop: "1rem",
+                                    color: "#92400e",
+                                }, children: [(0, jsx_runtime_1.jsx)("strong", { children: "\u26A0\uFE0F Warning:" }), " This project is too large (", (size / 1024 / 1024).toFixed(1), " MB) for StackBlitz.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), "Try downloading it directly instead!"] }))] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                            display: "flex",
+                            gap: "0.75rem",
+                            justifyContent: "flex-end",
+                            flexWrap: "wrap",
+                        }, children: downloading ? ((0, jsx_runtime_1.jsx)("button", { disabled: true, style: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "0.5rem",
+                                padding: "0.75rem 1rem",
+                                backgroundColor: "#f3f4f6",
+                                border: "1px solid #d1d5db",
+                                borderRadius: "0.5rem",
+                                cursor: "not-allowed",
+                                fontSize: "0.875rem",
+                                color: "#6b7280",
+                            }, children: "\u23F3 Downloading Source Codes..." })) : props.event.type === "analyzeComplete" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ActionButton, { icon: "\uD83D\uDCE5", text: "Zip (SQLite)", onClick: () => download("sqlite"), title: stage !== "analyze"
+                                        ? "Download SQLite-based backend application (ideal for local development and testing)"
+                                        : "Download requirement analysis report" }), (0, jsx_runtime_1.jsx)(ActionButton, { icon: "\uD83D\uDE80", text: "StackBlitz", onClick: () => openStackBlitz(), variant: size !== null && size >= LIMIT ? "warning" : "primary", title: "Open project in StackBlitz for instant online development and testing" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ActionButton, { icon: "\u2601\uFE0F", text: "Zip (Postgres)", onClick: () => download("postgres"), title: "Download PostgreSQL-based backend application (optimized for production deployment)" }), (0, jsx_runtime_1.jsx)(ActionButton, { icon: "\uD83D\uDCE5", text: "Zip (SQLite)", onClick: () => download("sqlite"), title: "Download SQLite-based backend application (ideal for local development and testing)" }), (0, jsx_runtime_1.jsx)(ActionButton, { icon: "\uD83D\uDE80", text: "StackBlitz", onClick: () => openStackBlitz(), variant: size !== null && size >= LIMIT ? "warning" : "primary", title: "Open project in StackBlitz for instant online development and testing" })] })) })] })] }));
+};
+exports.AutoBeCompleteEventMovie = AutoBeCompleteEventMovie;
+const ActionButton = (props) => {
+    const { icon, text, onClick, title, variant = "primary" } = props;
+    const getButtonStyles = () => {
+        const baseStyles = {
+            display: "flex",
+            alignItems: "center",
+            gap: "0.5rem",
+            padding: "0.75rem 1rem",
+            borderRadius: "0.5rem",
+            cursor: "pointer",
+            fontSize: "0.875rem",
+            fontWeight: 500,
+            border: "1px solid",
+            transition: "all 0.2s ease",
+        };
+        if (variant === "warning") {
+            return Object.assign(Object.assign({}, baseStyles), { backgroundColor: "#fffbeb", borderColor: "#f59e0b", color: "#92400e" });
+        }
+        return Object.assign(Object.assign({}, baseStyles), { backgroundColor: "#3b82f6", borderColor: "#3b82f6", color: "#ffffff" });
+    };
+    return ((0, jsx_runtime_1.jsxs)("button", { onClick: onClick, title: title, style: getButtonStyles(), onMouseEnter: (e) => {
+            if (variant === "warning") {
+                e.currentTarget.style.backgroundColor = "#fef3c7";
+            }
+            else {
+                e.currentTarget.style.backgroundColor = "#2563eb";
+            }
+        }, onMouseLeave: (e) => {
+            if (variant === "warning") {
+                e.currentTarget.style.backgroundColor = "#fffbeb";
+            }
+            else {
+                e.currentTarget.style.backgroundColor = "#3b82f6";
+            }
+        }, children: [(0, jsx_runtime_1.jsx)("span", { children: icon }), (0, jsx_runtime_1.jsx)("span", { children: text })] }));
+};
+// Helper functions
+function getTitle(event) {
+    switch (event.type) {
+        case "analyzeComplete":
+            return "Analyze";
+        case "prismaComplete":
+            if (event.compiled.type !== "success")
+                return "Prisma (Error)";
+            return "Prisma";
+        case "interfaceComplete":
+            return "Interface";
+        case "testComplete":
+            return "Test";
+        case "realizeComplete":
+            return "Realize";
+        default:
+            event;
+            throw new Error("Unknown event type");
+    }
+}
+const getMessage = (openStackBlitz, event) => {
+    if (event.type === "prismaComplete" && event.compiled.type === "failure")
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), "Succeeded to compose ", (0, jsx_runtime_1.jsx)("code", { children: "AutoBePrisma.IApplication" }), " typed AST (Abstract Syntax Tree) data, but failed to generate Prisma schema files from it. This is a bug of ", (0, jsx_runtime_1.jsx)("code", { children: "@autobe" }), ". Please", " ", (0, jsx_runtime_1.jsx)("a", { href: "https://github.com/wrtnlabs/autobe/issues", target: "_blank", style: { color: "#3b82f6", textDecoration: "underline" }, children: "write a bug report to our repository" }), " ", "with the", " ", (0, jsx_runtime_1.jsx)("a", { href: "#", onClick: () => openStackBlitz(), style: { color: "#3b82f6", textDecoration: "underline" }, children: (0, jsx_runtime_1.jsx)("code", { children: "autobe/histories.json" }) }), " ", "file."] }));
+    else if ((event.type === "testComplete" || event.type === "realizeComplete") &&
+        event.compiled.type !== "success")
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), "Succeeded to compose", " ", event.type === "testComplete" ? "test functions" : "realize functions", ", but failed to pass the TypeScript compilation. This is a bug of", " ", (0, jsx_runtime_1.jsx)("code", { children: "@autobe" }), ". Please", " ", (0, jsx_runtime_1.jsx)("a", { href: "https://github.com/wrtnlabs/autobe/issues", target: "_blank", style: { color: "#3b82f6", textDecoration: "underline" }, children: "write a bug report to our repository" }), " ", "with the", " ", (0, jsx_runtime_1.jsx)("a", { href: "#", onClick: () => openStackBlitz(), style: { color: "#3b82f6", textDecoration: "underline" }, children: (0, jsx_runtime_1.jsx)("code", { children: "autobe/histories.json" }) }), " ", "file."] }));
+    return null;
+};
+const getStage = (event) => {
+    if (event.type === "analyzeComplete")
+        return "analyze";
+    else if (event.type === "prismaComplete")
+        return "prisma";
+    else if (event.type === "interfaceComplete")
+        return "interface";
+    else if (event.type === "testComplete")
+        return "test";
+    else if (event.type === "realizeComplete")
+        return "realize";
+    else {
+        event;
+        return undefined;
+    }
+};
+const LIMIT = 3 * 1024 * 1024;
+exports.default = exports.AutoBeCompleteEventMovie;
+//# sourceMappingURL=AutoBeCompleteEventMovie.js.map

package/lib/events/AutoBeCompleteEventMovie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBeCompleteEventMovie.js","sourceRoot":"","sources":["../../src/events/AutoBeCompleteEventMovie.tsx"],"names":[],"mappings":"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"}

package/lib/events/AutoBeProgressEventMovie.js

@@ -2,69 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutoBeProgressEventMovie = AutoBeProgressEventMovie;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const time_1 = require("../utils/time");
+const common_1 = require("./common");
 function AutoBeProgressEventMovie(props) {
     const state = getState(props.event);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            backgroundColor: "#f8fafc",
-            border: "1px solid #e2e8f0",
-            borderRadius: "0.75rem",
-            padding: "1.5rem",
-            marginBottom: "1rem",
-            boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "space-between",
-                    marginBottom: "1rem",
-                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "0.75rem",
-                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                    width: "2rem",
-                                    height: "2rem",
-                                    backgroundColor: "#4caf50",
-                                    borderRadius: "50%",
-                                    display: "flex",
-                                    alignItems: "center",
-                                    justifyContent: "center",
-                                }, 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: {
-                                        fontSize: "1.125rem",
-                                        fontWeight: "600",
-                                        color: "#1e293b",
-                                        margin: 0,
-                                        marginBottom: "0.25rem",
-                                    }, children: state.title }) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                            fontSize: "0.75rem",
-                            color: "#64748b",
-                            textAlign: "right",
-                        }, children: (0, time_1.formatTime)(props.event.created_at) })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                    fontSize: "0.875rem",
-                    lineHeight: "1.5",
-                    color: "#475569",
-                    backgroundColor: "#ffffff",
-                    padding: "1rem",
-                    borderRadius: "0.5rem",
-                    border: "1px solid #e2e8f0",
-                }, children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "1rem" }, children: state.description }), (0, jsx_runtime_1.jsx)("div", { style: {
-                            width: "100%",
-                            height: "10px",
-                            backgroundColor: "#e2e8f0",
-                            borderRadius: "10px",
-                            overflow: "hidden",
-                            marginBottom: "0.5rem",
-                        }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                width: `${Math.round((state.completed / state.total) * 100)}%`,
-                                height: "100%",
-                                backgroundColor: "#4caf50",
-                                borderRadius: "10px",
-                                transition: "width 0.3s ease",
-                            } }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                            fontSize: "0.75rem",
-                            color: "#64748b",
-                            textAlign: "center",
-                        }, children: [state.completed, " / ", state.total, " completed"] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(common_1.EventCard, { children: [(0, jsx_runtime_1.jsx)(common_1.EventHeader, { title: state.title, timestamp: props.event.created_at, iconType: "progress" }), (0, jsx_runtime_1.jsxs)(common_1.EventContent, { children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 0 }, children: state.description }), (0, jsx_runtime_1.jsx)(common_1.ProgressBar, { current: state.completed, total: state.total })] })] }));
 }
 function getState(event) {
     const content = (() => {

package/lib/events/AutoBeProgressEventMovie.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoBeProgressEventMovie.js","sourceRoot":"","sources":["../../src/events/AutoBeProgressEventMovie.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AutoBeProgressEventMovie.js","sourceRoot":"","sources":["../../src/events/AutoBeProgressEventMovie.tsx"],"names":[],"mappings":"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"}

package/lib/events/AutoBeScenarioEventMovie.js

@@ -2,53 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutoBeScenarioEventMovie = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const time_1 = require("../utils/time");
+const common_1 = require("./common");
 const AutoBeScenarioEventMovie = (props) => {
     const { event } = props;
     const { title, description } = getState(event);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            backgroundColor: "#f8fafc",
-            border: "1px solid #e2e8f0",
-            borderRadius: "0.75rem",
-            padding: "1.5rem",
-            marginBottom: "1rem",
-            boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "space-between",
-                    marginBottom: "1rem",
-                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "0.75rem",
-                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                    width: "2rem",
-                                    height: "2rem",
-                                    backgroundColor: "#3b82f6",
-                                    borderRadius: "50%",
-                                    display: "flex",
-                                    alignItems: "center",
-                                    justifyContent: "center",
-                                }, 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 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h3", { style: {
-                                        fontSize: "1.125rem",
-                                        fontWeight: "600",
-                                        color: "#1e293b",
-                                        margin: 0,
-                                        marginBottom: "0.25rem",
-                                    }, children: title }) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                            fontSize: "0.75rem",
-                            color: "#64748b",
-                            textAlign: "right",
-                        }, children: (0, time_1.formatTime)(event.created_at) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    fontSize: "0.875rem",
-                    lineHeight: "1.5",
-                    color: "#475569",
-                    backgroundColor: "#ffffff",
-                    padding: "1rem",
-                    borderRadius: "0.5rem",
-                    border: "1px solid #e2e8f0",
-                }, children: description })] }));
+    return ((0, jsx_runtime_1.jsxs)(common_1.EventCard, { children: [(0, jsx_runtime_1.jsx)(common_1.EventHeader, { title: title, timestamp: event.created_at, iconType: "info" }), (0, jsx_runtime_1.jsx)(common_1.EventContent, { children: description })] }));
 };
 exports.AutoBeScenarioEventMovie = AutoBeScenarioEventMovie;
 exports.default = exports.AutoBeScenarioEventMovie;