@memori.ai/memori-react 8.2.0 → 8.4.0-rc.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 +27 -0
- package/dist/components/Chat/Chat.js +8 -1
- package/dist/components/Chat/Chat.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +160 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.d.ts +4 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js +166 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map +1 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +877 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.d.ts +3 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +115 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css +238 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.d.ts +4 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js +104 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js.map +1 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.css +319 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.d.ts +4 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.js +50 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.js.map +1 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +343 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts +4 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +78 -0
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -0
- package/dist/components/MemoriArtifactSystem/context/ArtifactSystemContext.d.ts +12 -0
- package/dist/components/MemoriArtifactSystem/context/ArtifactSystemContext.js +22 -0
- package/dist/components/MemoriArtifactSystem/context/ArtifactSystemContext.js.map +1 -0
- package/dist/components/MemoriArtifactSystem/hooks/useArtifactSystem.d.ts +12 -0
- package/dist/components/MemoriArtifactSystem/hooks/useArtifactSystem.js +288 -0
- package/dist/components/MemoriArtifactSystem/hooks/useArtifactSystem.js.map +1 -0
- package/dist/components/MemoriArtifactSystem/index.d.ts +9 -0
- package/dist/components/MemoriArtifactSystem/index.js +28 -0
- package/dist/components/MemoriArtifactSystem/index.js.map +1 -0
- package/dist/components/MemoriArtifactSystem/types/artifact.types.d.ts +108 -0
- package/dist/components/MemoriArtifactSystem/types/artifact.types.js +31 -0
- package/dist/components/MemoriArtifactSystem/types/artifact.types.js.map +1 -0
- package/dist/components/icons/Print.d.ts +6 -0
- package/dist/components/icons/Print.js +6 -0
- package/dist/components/icons/Print.js.map +1 -0
- package/dist/components/layouts/Chat.js +29 -1
- package/dist/components/layouts/Chat.js.map +1 -1
- package/dist/components/layouts/FullPage.js +33 -1
- package/dist/components/layouts/FullPage.js.map +1 -1
- package/dist/components/layouts/ZoomedFullBody.js +29 -2
- package/dist/components/layouts/ZoomedFullBody.js.map +1 -1
- package/dist/components/layouts/chat.css +335 -13
- package/dist/components/layouts/zoomed-full-body.css +1 -3
- package/dist/helpers/message.js +1 -0
- package/dist/helpers/message.js.map +1 -1
- package/dist/helpers/stt/useSTT.js +76 -9
- package/dist/helpers/stt/useSTT.js.map +1 -1
- package/dist/index.js +58 -15
- package/dist/index.js.map +1 -1
- package/dist/styles.css +5 -0
- package/esm/components/Chat/Chat.js +8 -1
- package/esm/components/Chat/Chat.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +160 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.d.ts +4 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js +163 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map +1 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +877 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.d.ts +3 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +112 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css +238 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.d.ts +4 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js +101 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js.map +1 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.css +319 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.d.ts +4 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.js +47 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.js.map +1 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +343 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts +4 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +75 -0
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -0
- package/esm/components/MemoriArtifactSystem/context/ArtifactSystemContext.d.ts +12 -0
- package/esm/components/MemoriArtifactSystem/context/ArtifactSystemContext.js +17 -0
- package/esm/components/MemoriArtifactSystem/context/ArtifactSystemContext.js.map +1 -0
- package/esm/components/MemoriArtifactSystem/hooks/useArtifactSystem.d.ts +12 -0
- package/esm/components/MemoriArtifactSystem/hooks/useArtifactSystem.js +281 -0
- package/esm/components/MemoriArtifactSystem/hooks/useArtifactSystem.js.map +1 -0
- package/esm/components/MemoriArtifactSystem/index.d.ts +9 -0
- package/esm/components/MemoriArtifactSystem/index.js +9 -0
- package/esm/components/MemoriArtifactSystem/index.js.map +1 -0
- package/esm/components/MemoriArtifactSystem/types/artifact.types.d.ts +108 -0
- package/esm/components/MemoriArtifactSystem/types/artifact.types.js +28 -0
- package/esm/components/MemoriArtifactSystem/types/artifact.types.js.map +1 -0
- package/esm/components/icons/Print.d.ts +6 -0
- package/esm/components/icons/Print.js +4 -0
- package/esm/components/icons/Print.js.map +1 -0
- package/esm/components/layouts/Chat.js +29 -1
- package/esm/components/layouts/Chat.js.map +1 -1
- package/esm/components/layouts/FullPage.js +33 -1
- package/esm/components/layouts/FullPage.js.map +1 -1
- package/esm/components/layouts/ZoomedFullBody.js +30 -3
- package/esm/components/layouts/ZoomedFullBody.js.map +1 -1
- package/esm/components/layouts/chat.css +335 -13
- package/esm/components/layouts/zoomed-full-body.css +1 -3
- package/esm/helpers/message.js +1 -0
- package/esm/helpers/message.js.map +1 -1
- package/esm/helpers/stt/useSTT.js +76 -9
- package/esm/helpers/stt/useSTT.js.map +1 -1
- package/esm/index.js +58 -15
- package/esm/index.js.map +1 -1
- package/esm/styles.css +5 -0
- package/package.json +1 -1
- package/src/components/Avatar/Avatar.test.tsx +13 -0
- package/src/components/Chat/Chat.stories.tsx +33 -2
- package/src/components/Chat/Chat.test.tsx +340 -213
- package/src/components/Chat/Chat.tsx +27 -4
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +160 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.tsx +278 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +877 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx +308 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css +238 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.tsx +282 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.css +319 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.tsx +178 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +343 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx +190 -0
- package/src/components/MemoriArtifactSystem/context/ArtifactSystemContext.tsx +57 -0
- package/src/components/MemoriArtifactSystem/hooks/useArtifactSystem.ts +419 -0
- package/src/components/MemoriArtifactSystem/index.ts +45 -0
- package/src/components/MemoriArtifactSystem/types/artifact.types.ts +180 -0
- package/src/components/icons/Print.tsx +34 -0
- package/src/components/layouts/Chat.test.tsx +13 -0
- package/src/components/layouts/Chat.tsx +80 -25
- package/src/components/layouts/FullPage.test.tsx +40 -11
- package/src/components/layouts/FullPage.tsx +92 -24
- package/src/components/layouts/HiddenChat.test.tsx +13 -0
- package/src/components/layouts/Totem.test.tsx +13 -0
- package/src/components/layouts/WebsiteAssistant.test.tsx +13 -0
- package/src/components/layouts/ZoomedFullBody.test.tsx +13 -0
- package/src/components/layouts/ZoomedFullBody.tsx +78 -14
- package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +252 -248
- package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +504 -496
- package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +252 -248
- package/src/components/layouts/chat.css +335 -13
- package/src/components/layouts/layouts.stories.tsx +13 -2
- package/src/components/layouts/zoomed-full-body.css +1 -3
- package/src/helpers/message.ts +1 -0
- package/src/helpers/stt/useSTT.ts +101 -16
- package/src/index.stories.tsx +26 -22
- package/src/index.tsx +46 -0
- package/src/mocks/data.ts +258 -0
- package/src/styles.css +5 -0
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_i18next_1 = require("react-i18next");
|
|
7
|
+
const react_2 = require("@headlessui/react");
|
|
8
|
+
const Button_1 = tslib_1.__importDefault(require("../../../ui/Button"));
|
|
9
|
+
const Close_1 = tslib_1.__importDefault(require("../../../icons/Close"));
|
|
10
|
+
const ArtifactActions_1 = tslib_1.__importDefault(require("../ArtifactActions/ArtifactActions"));
|
|
11
|
+
const ArtifactPreview_1 = tslib_1.__importDefault(require("../ArtifactPreview/ArtifactPreview"));
|
|
12
|
+
const ArtifactSystemContext_1 = require("../../context/ArtifactSystemContext");
|
|
13
|
+
const ArtifactDrawer = () => {
|
|
14
|
+
const { actions, state } = (0, ArtifactSystemContext_1.useArtifactSystemContext)();
|
|
15
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
16
|
+
const [activeTab, setActiveTab] = (0, react_1.useState)('preview');
|
|
17
|
+
const [showHistory, setShowHistory] = (0, react_1.useState)(false);
|
|
18
|
+
const [isMobile, setIsMobile] = (0, react_1.useState)(false);
|
|
19
|
+
const [isAnimating, setIsAnimating] = (0, react_1.useState)(false);
|
|
20
|
+
(0, react_1.useEffect)(() => {
|
|
21
|
+
const handleResize = () => {
|
|
22
|
+
const newIsMobile = window.innerWidth < 769;
|
|
23
|
+
if (newIsMobile !== isMobile) {
|
|
24
|
+
setIsAnimating(true);
|
|
25
|
+
setTimeout(() => {
|
|
26
|
+
setIsMobile(newIsMobile);
|
|
27
|
+
setIsAnimating(false);
|
|
28
|
+
}, 150);
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
setIsMobile(newIsMobile);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
handleResize();
|
|
35
|
+
window.addEventListener('resize', handleResize);
|
|
36
|
+
return () => window.removeEventListener('resize', handleResize);
|
|
37
|
+
}, [isMobile]);
|
|
38
|
+
const handleTabChange = (0, react_1.useCallback)((tab) => {
|
|
39
|
+
setActiveTab(tab);
|
|
40
|
+
}, []);
|
|
41
|
+
const handleCopy = (0, react_1.useCallback)(async () => {
|
|
42
|
+
if (!state.currentArtifact)
|
|
43
|
+
return;
|
|
44
|
+
try {
|
|
45
|
+
if (navigator.clipboard && navigator.clipboard.writeText) {
|
|
46
|
+
await navigator.clipboard.writeText(state.currentArtifact.content);
|
|
47
|
+
}
|
|
48
|
+
else {
|
|
49
|
+
const textArea = document.createElement('textarea');
|
|
50
|
+
textArea.value = state.currentArtifact.content;
|
|
51
|
+
textArea.style.position = 'fixed';
|
|
52
|
+
textArea.style.left = '-999999px';
|
|
53
|
+
textArea.style.top = '-999999px';
|
|
54
|
+
document.body.appendChild(textArea);
|
|
55
|
+
textArea.focus();
|
|
56
|
+
textArea.select();
|
|
57
|
+
document.execCommand('copy');
|
|
58
|
+
document.body.removeChild(textArea);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
catch (error) {
|
|
62
|
+
console.error('Copy failed:', error);
|
|
63
|
+
throw error;
|
|
64
|
+
}
|
|
65
|
+
}, [state.currentArtifact]);
|
|
66
|
+
const handleDownload = (0, react_1.useCallback)(() => {
|
|
67
|
+
console.log('Download triggered');
|
|
68
|
+
}, []);
|
|
69
|
+
const handlePrint = (0, react_1.useCallback)(() => {
|
|
70
|
+
console.log('Print triggered');
|
|
71
|
+
}, []);
|
|
72
|
+
const handleOpenExternal = (0, react_1.useCallback)(() => {
|
|
73
|
+
console.log('External open triggered');
|
|
74
|
+
}, []);
|
|
75
|
+
const handleToggleFullscreen = (0, react_1.useCallback)(() => {
|
|
76
|
+
if (actions.toggleFullscreen) {
|
|
77
|
+
actions.toggleFullscreen();
|
|
78
|
+
}
|
|
79
|
+
}, [actions.toggleFullscreen]);
|
|
80
|
+
const handleClose = (0, react_1.useCallback)(() => {
|
|
81
|
+
setIsAnimating(true);
|
|
82
|
+
setTimeout(() => {
|
|
83
|
+
actions.closeDrawer();
|
|
84
|
+
setIsAnimating(false);
|
|
85
|
+
}, 200);
|
|
86
|
+
}, [actions.closeDrawer]);
|
|
87
|
+
const toggleHistory = (0, react_1.useCallback)(() => {
|
|
88
|
+
setShowHistory(prev => !prev);
|
|
89
|
+
}, []);
|
|
90
|
+
if (!state.currentArtifact) {
|
|
91
|
+
return null;
|
|
92
|
+
}
|
|
93
|
+
if (isMobile) {
|
|
94
|
+
return ((0, jsx_runtime_1.jsx)(react_2.Transition, { show: state.isDrawerOpen, children: state.isDrawerOpen && ((0, jsx_runtime_1.jsxs)(react_2.Dialog, { open: state.isDrawerOpen, onClose: handleClose, className: "memori-artifact-drawer memori-artifact-drawer--mobile", as: "div", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-drawer--backdrop", onClick: handleClose }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-drawer--panel memori-artifact-drawer--panel-mobile", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-drawer--header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-drawer--header-content", children: [(0, jsx_runtime_1.jsx)("h2", { className: "memori-artifact-drawer--title", children: state.currentArtifact.title }), (0, jsx_runtime_1.jsx)("p", { className: "memori-artifact-drawer--subtitle", children: state.currentArtifact.customTitle ||
|
|
95
|
+
`${state.currentArtifact.typeInfo.name} Content` }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-drawer--meta", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-artifact-drawer--meta-item", children: [t('artifact.type', 'Type'), ": ", state.currentArtifact.typeInfo.name] }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-artifact-drawer--meta-item", children: [t('artifact.size', 'Size'), ": ", formatBytes(state.currentArtifact.size)] }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-artifact-drawer--meta-item", children: [t('artifact.generated', 'Generated'), ":", ' ', formatTimestamp(state.currentArtifact.timestamp)] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-drawer--header-actions", children: (0, jsx_runtime_1.jsx)(ArtifactActions_1.default, { artifact: state.currentArtifact, onCopy: handleCopy, onDownload: handleDownload, onPrint: handlePrint, onOpenExternal: handleOpenExternal, onToggleFullscreen: handleToggleFullscreen, isFullscreen: state.isFullscreen }) }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handleClose, className: "memori-artifact-drawer--close", ghost: true, title: t('artifact.close', 'Close') || 'Close', children: (0, jsx_runtime_1.jsx)(Close_1.default, { className: "memori-artifact-drawer--close-icon" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-drawer--content", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-drawer--main", children: (0, jsx_runtime_1.jsx)(ArtifactPreview_1.default, { artifact: state.currentArtifact, activeTab: activeTab, onTabChange: handleTabChange }) }) })] })] })) }));
|
|
96
|
+
}
|
|
97
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-panel", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-panel--header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-panel--header-content", children: [(0, jsx_runtime_1.jsx)("h2", { className: "memori-artifact-panel--title", children: state.currentArtifact.title }), (0, jsx_runtime_1.jsx)("p", { className: "memori-artifact-panel--subtitle", children: state.currentArtifact.customTitle ||
|
|
98
|
+
`${state.currentArtifact.typeInfo.name} Content` }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-panel--meta", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-artifact-panel--meta-item", children: [t('artifact.type', 'Type'), ": ", state.currentArtifact.typeInfo.name] }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-artifact-panel--meta-item", children: [t('artifact.size', 'Size'), ": ", formatBytes(state.currentArtifact.size)] }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-artifact-panel--meta-item", children: [t('artifact.generated', 'Generated'), ":", ' ', formatTimestamp(state.currentArtifact.timestamp)] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-panel--header-actions", children: (0, jsx_runtime_1.jsx)(ArtifactActions_1.default, { artifact: state.currentArtifact, onCopy: handleCopy, onDownload: handleDownload, onPrint: handlePrint, onOpenExternal: handleOpenExternal, onToggleFullscreen: handleToggleFullscreen, isFullscreen: state.isFullscreen }) }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handleClose, className: "memori-artifact-panel--close", ghost: true, title: t('artifact.close', 'Close') || 'Close', children: (0, jsx_runtime_1.jsx)(Close_1.default, { className: "memori-artifact-panel--close-icon" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-panel--content", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-panel--main", children: (0, jsx_runtime_1.jsx)(ArtifactPreview_1.default, { artifact: state.currentArtifact, activeTab: activeTab, onTabChange: handleTabChange }) }) })] }));
|
|
99
|
+
};
|
|
100
|
+
function formatBytes(bytes) {
|
|
101
|
+
if (bytes === 0)
|
|
102
|
+
return '0 Bytes';
|
|
103
|
+
const k = 1024;
|
|
104
|
+
const sizes = ['Bytes', 'KB', 'MB'];
|
|
105
|
+
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
106
|
+
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
|
|
107
|
+
}
|
|
108
|
+
function formatTimestamp(timestamp) {
|
|
109
|
+
return timestamp.toLocaleTimeString('en-US', {
|
|
110
|
+
hour: '2-digit',
|
|
111
|
+
minute: '2-digit',
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
exports.default = ArtifactDrawer;
|
|
115
|
+
//# sourceMappingURL=ArtifactDrawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArtifactDrawer.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ArtifactHandler CSS Styles
|
|
3
|
+
* Following the project's design system and CSS patterns
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
.memori-artifact-handler {
|
|
7
|
+
border: 1px solid var(--memori-button-border-color, #e9ecef);
|
|
8
|
+
border-radius: var(--memori-border-radius, 12px);
|
|
9
|
+
margin: 0.75rem 0;
|
|
10
|
+
animation: fadeInUp 0.5s ease forwards;
|
|
11
|
+
backdrop-filter: blur(4px);
|
|
12
|
+
background: rgba(255, 255, 255, 0.95);
|
|
13
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
opacity: 0;
|
|
16
|
+
transform: translateY(10px);
|
|
17
|
+
transition: all 0.3s ease;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.memori-artifact-handler:hover {
|
|
21
|
+
border-color: var(--memori-primary);
|
|
22
|
+
background: rgba(130, 70, 175, 0.05);
|
|
23
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
24
|
+
transform: translateY(-2px);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.memori-artifact-handler--active {
|
|
28
|
+
border-color: var(--memori-primary);
|
|
29
|
+
background: linear-gradient(135deg, var(--memori-primary) 0%, #764ba2 100%);
|
|
30
|
+
box-shadow: 0 4px 16px rgba(130, 70, 175, 0.3);
|
|
31
|
+
color: var(--memori-primary-text, #fff);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.memori-artifact-handler--active:hover {
|
|
35
|
+
box-shadow: 0 6px 20px rgba(130, 70, 175, 0.4);
|
|
36
|
+
transform: translateY(-2px);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.memori-artifact-handler-content {
|
|
40
|
+
display: flex;
|
|
41
|
+
align-items: center;
|
|
42
|
+
padding: 1rem;
|
|
43
|
+
gap: 0.75rem;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.memori-artifact-handler-icon {
|
|
47
|
+
flex-shrink: 0;
|
|
48
|
+
font-size: 1.5rem;
|
|
49
|
+
line-height: 1;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.memori-artifact-handler-info {
|
|
53
|
+
min-width: 0;
|
|
54
|
+
flex: 1;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.memori-artifact-handler-title {
|
|
58
|
+
overflow: hidden;
|
|
59
|
+
margin-bottom: 0.25rem;
|
|
60
|
+
color: inherit;
|
|
61
|
+
font-size: 0.875rem;
|
|
62
|
+
font-weight: 600;
|
|
63
|
+
line-height: 1.3;
|
|
64
|
+
text-overflow: ellipsis;
|
|
65
|
+
white-space: nowrap;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.memori-artifact-handler-subtitle {
|
|
69
|
+
overflow: hidden;
|
|
70
|
+
margin-bottom: 0.25rem;
|
|
71
|
+
color: inherit;
|
|
72
|
+
font-size: 0.75rem;
|
|
73
|
+
opacity: 0.7;
|
|
74
|
+
text-overflow: ellipsis;
|
|
75
|
+
white-space: nowrap;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.memori-artifact-handler-meta {
|
|
79
|
+
display: flex;
|
|
80
|
+
flex-wrap: wrap;
|
|
81
|
+
font-size: 0.625rem;
|
|
82
|
+
gap: 0.5rem;
|
|
83
|
+
opacity: 0.6;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.memori-artifact-handler-type {
|
|
87
|
+
padding: 0.125rem 0.375rem;
|
|
88
|
+
border-radius: 10px;
|
|
89
|
+
background: rgba(0, 0, 0, 0.1);
|
|
90
|
+
color: inherit;
|
|
91
|
+
font-weight: 500;
|
|
92
|
+
letter-spacing: 0.025em;
|
|
93
|
+
text-transform: uppercase;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.memori-artifact-handler-custom-title {
|
|
97
|
+
overflow: hidden;
|
|
98
|
+
max-width: 120px;
|
|
99
|
+
padding: 0.125rem 0.375rem;
|
|
100
|
+
border-radius: 10px;
|
|
101
|
+
background: rgba(0, 0, 0, 0.1);
|
|
102
|
+
color: inherit;
|
|
103
|
+
font-style: italic;
|
|
104
|
+
text-overflow: ellipsis;
|
|
105
|
+
white-space: nowrap;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.memori-artifact-handler--active .memori-artifact-handler-type,
|
|
109
|
+
.memori-artifact-handler--active .memori-artifact-handler-custom-title {
|
|
110
|
+
background: rgba(255, 255, 255, 0.2);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.memori-artifact-handler-actions {
|
|
114
|
+
flex-shrink: 0;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.memori-artifact-handler-toggle {
|
|
118
|
+
display: flex;
|
|
119
|
+
align-items: center;
|
|
120
|
+
justify-content: center;
|
|
121
|
+
padding: 0.375rem;
|
|
122
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
123
|
+
border-radius: var(--memori-border-radius, 6px);
|
|
124
|
+
background: rgba(0, 0, 0, 0.05);
|
|
125
|
+
color: inherit;
|
|
126
|
+
cursor: pointer;
|
|
127
|
+
transition: all 0.2s ease;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.memori-artifact-handler-toggle:hover {
|
|
131
|
+
background: rgba(0, 0, 0, 0.1);
|
|
132
|
+
transform: scale(1.05);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.memori-artifact-handler--active .memori-artifact-handler-toggle {
|
|
136
|
+
border-color: rgba(255, 255, 255, 0.3);
|
|
137
|
+
background: rgba(255, 255, 255, 0.2);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.memori-artifact-handler-toggle:focus {
|
|
141
|
+
outline: 2px solid var(--memori-primary);
|
|
142
|
+
outline-offset: 2px;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.memori-artifact-handler-toggle:focus:not(:focus-visible) {
|
|
146
|
+
outline: none;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.memori-artifact-handler--active .memori-artifact-handler-toggle:hover {
|
|
150
|
+
background: rgba(255, 255, 255, 0.3);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.memori-artifact-handler-toggle svg {
|
|
154
|
+
width: 16px;
|
|
155
|
+
height: 16px;
|
|
156
|
+
stroke-width: 2;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/* Animation */
|
|
160
|
+
@keyframes fadeInUp {
|
|
161
|
+
from {
|
|
162
|
+
opacity: 0;
|
|
163
|
+
transform: translateY(10px);
|
|
164
|
+
}
|
|
165
|
+
to {
|
|
166
|
+
opacity: 1;
|
|
167
|
+
transform: translateY(0);
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/* Responsive Design */
|
|
172
|
+
@media (max-width: 768px) {
|
|
173
|
+
.memori-artifact-handler {
|
|
174
|
+
margin: 0.5rem 0;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.memori-artifact-handler-content {
|
|
178
|
+
padding: 0.75rem;
|
|
179
|
+
gap: 0.5rem;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.memori-artifact-handler-icon {
|
|
183
|
+
font-size: 1.25rem;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.memori-artifact-handler-title {
|
|
187
|
+
font-size: 0.8125rem;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.memori-artifact-handler-subtitle {
|
|
191
|
+
font-size: 0.6875rem;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.memori-artifact-handler-meta {
|
|
195
|
+
font-size: 0.5625rem;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.memori-artifact-handler-custom-title {
|
|
199
|
+
max-width: 80px;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
/* Dark Mode Support */
|
|
204
|
+
@media (prefers-color-scheme: dark) {
|
|
205
|
+
.memori-artifact-handler {
|
|
206
|
+
/* background: rgba(26, 26, 26, 0.95); */
|
|
207
|
+
border-color: var(--memori-button-border-color, #404040);
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.memori-artifact-handler:hover {
|
|
211
|
+
background: rgba(130, 70, 175, 0.1);
|
|
212
|
+
box-shadow: 0 4px 16px rgba(255, 255, 255, 0.1);
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.memori-artifact-handler-type,
|
|
216
|
+
.memori-artifact-handler-custom-title {
|
|
217
|
+
background: rgba(255, 255, 255, 0.1);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.memori-artifact-handler-toggle {
|
|
221
|
+
border-color: rgba(255, 255, 255, 0.1);
|
|
222
|
+
background: rgba(255, 255, 255, 0.05);
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
.memori-artifact-handler-toggle:hover {
|
|
226
|
+
background: rgba(255, 255, 255, 0.1);
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
/* Focus States for Accessibility */
|
|
231
|
+
.memori-artifact-handler:focus {
|
|
232
|
+
outline: 2px solid var(--memori-primary);
|
|
233
|
+
outline-offset: 2px;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.memori-artifact-handler:focus:not(:focus-visible) {
|
|
237
|
+
outline: none;
|
|
238
|
+
}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_i18next_1 = require("react-i18next");
|
|
7
|
+
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
8
|
+
const useArtifactSystem_1 = require("../../hooks/useArtifactSystem");
|
|
9
|
+
const ArtifactHandler = ({ artifact, artifacts, customTitle, config, actions, message, onArtifactCreated, }) => {
|
|
10
|
+
var _a, _b;
|
|
11
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
12
|
+
const { createArtifact } = (0, useArtifactSystem_1.useArtifactCreator)();
|
|
13
|
+
const { processArtifactContent } = (0, useArtifactSystem_1.useArtifactProcessor)();
|
|
14
|
+
const { hasArtifacts } = (0, useArtifactSystem_1.useArtifactDetector)();
|
|
15
|
+
const formatBytes = (0, react_1.useCallback)((bytes) => {
|
|
16
|
+
if (bytes === 0)
|
|
17
|
+
return '0 Bytes';
|
|
18
|
+
const k = 1024;
|
|
19
|
+
const sizes = ['Bytes', 'KB', 'MB'];
|
|
20
|
+
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
21
|
+
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
|
|
22
|
+
}, []);
|
|
23
|
+
const formatTimestamp = (0, react_1.useCallback)((timestamp) => {
|
|
24
|
+
return timestamp === null || timestamp === void 0 ? void 0 : timestamp.toLocaleTimeString('en-US', {
|
|
25
|
+
hour: '2-digit',
|
|
26
|
+
minute: '2-digit',
|
|
27
|
+
});
|
|
28
|
+
}, []);
|
|
29
|
+
const handleArtifactClick = (0, react_1.useCallback)(() => {
|
|
30
|
+
const artifactData = artifact;
|
|
31
|
+
if (onArtifactCreated) {
|
|
32
|
+
onArtifactCreated(artifactData);
|
|
33
|
+
}
|
|
34
|
+
}, [artifact, onArtifactCreated]);
|
|
35
|
+
(0, react_1.useEffect)(() => {
|
|
36
|
+
const handleMemoriNewDialogState = (message) => {
|
|
37
|
+
if (!message || typeof message !== 'string')
|
|
38
|
+
return;
|
|
39
|
+
console.log('🎨 Processing message for artifacts...');
|
|
40
|
+
const processed = processArtifactContent(message, (content, mimeType, title) => {
|
|
41
|
+
var _a, _b, _c, _d, _e;
|
|
42
|
+
const artifact = {
|
|
43
|
+
id: `artifact-${mimeType}-${Date.now()}-${Math.random()
|
|
44
|
+
.toString(36)
|
|
45
|
+
.substr(2, 9)}`,
|
|
46
|
+
content,
|
|
47
|
+
mimeType: mimeType,
|
|
48
|
+
typeInfo: ((_a = config.supportedMimeTypes) === null || _a === void 0 ? void 0 : _a[mimeType]) || {
|
|
49
|
+
name: mimeType.toUpperCase(),
|
|
50
|
+
icon: '📄',
|
|
51
|
+
hasPreview: false,
|
|
52
|
+
language: 'text',
|
|
53
|
+
mimeType: 'text/plain',
|
|
54
|
+
},
|
|
55
|
+
title: title ||
|
|
56
|
+
`${((_c = (_b = config.supportedMimeTypes) === null || _b === void 0 ? void 0 : _b[mimeType]) === null || _c === void 0 ? void 0 : _c.icon) || '📄'} ${((_e = (_d = config.supportedMimeTypes) === null || _d === void 0 ? void 0 : _d[mimeType]) === null || _e === void 0 ? void 0 : _e.name) || mimeType.toUpperCase()} Artifact`,
|
|
57
|
+
customTitle: title,
|
|
58
|
+
messageID: message.timestamp || `msg-${Date.now()}`,
|
|
59
|
+
timestamp: new Date(),
|
|
60
|
+
size: content.length,
|
|
61
|
+
};
|
|
62
|
+
actions.addArtifact(artifact);
|
|
63
|
+
if (config.autoOpenArtifacts) {
|
|
64
|
+
setTimeout(() => {
|
|
65
|
+
actions.selectArtifact(artifact);
|
|
66
|
+
}, 500);
|
|
67
|
+
}
|
|
68
|
+
if (onArtifactCreated) {
|
|
69
|
+
onArtifactCreated(artifact);
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
if (processed) {
|
|
73
|
+
console.log('✅ Artifacts processed successfully');
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
if (!message.fromUser) {
|
|
77
|
+
handleMemoriNewDialogState(message.translatedText || message.text);
|
|
78
|
+
}
|
|
79
|
+
}, [message]);
|
|
80
|
+
const messageText = message.translatedText || message.text || '';
|
|
81
|
+
const messageHasArtifacts = (0, react_1.useMemo)(() => hasArtifacts(messageText), [messageText]);
|
|
82
|
+
if (!messageHasArtifacts) {
|
|
83
|
+
return null;
|
|
84
|
+
}
|
|
85
|
+
if (artifacts && artifacts.length > 0) {
|
|
86
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-container", children: artifacts.map((messageArtifact) => {
|
|
87
|
+
var _a, _b;
|
|
88
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-artifact-handler', 'memori-card', {
|
|
89
|
+
'memori-artifact-handler-active': messageArtifact.isActive,
|
|
90
|
+
}), onClick: () => {
|
|
91
|
+
actions.selectArtifact(messageArtifact);
|
|
92
|
+
if (onArtifactCreated) {
|
|
93
|
+
onArtifactCreated(messageArtifact);
|
|
94
|
+
}
|
|
95
|
+
}, children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-content", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-icon", children: ((_a = messageArtifact.typeInfo) === null || _a === void 0 ? void 0 : _a.icon) || '📄' }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-title", children: messageArtifact.title }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-subtitle", children: [t('artifact.generatedAt', 'Generated at'), ' ', formatTimestamp(messageArtifact.timestamp), " \u2022", ' ', formatBytes(messageArtifact.size)] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-meta", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-artifact-handler-type", children: ((_b = messageArtifact.typeInfo) === null || _b === void 0 ? void 0 : _b.name) || 'Text' }), messageArtifact.customTitle && ((0, jsx_runtime_1.jsx)("span", { className: "memori-artifact-handler-custom-title", children: messageArtifact.customTitle }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-actions", children: (0, jsx_runtime_1.jsx)("button", { className: "memori-artifact-handler-toggle", title: t('artifact.open', 'Open artifact') || 'Open artifact', children: (0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [(0, jsx_runtime_1.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 9l6 6m0-6l-6 6" })] }) }) })] }) }, messageArtifact.id));
|
|
96
|
+
}) }));
|
|
97
|
+
}
|
|
98
|
+
if (artifact) {
|
|
99
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-artifact-handler', 'memori-card'), onClick: handleArtifactClick, children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-content", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-icon", children: ((_a = artifact.typeInfo) === null || _a === void 0 ? void 0 : _a.icon) || '📄' }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-title", children: artifact.title }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-subtitle", children: [t('artifact.generatedAt', 'Generated at'), ' ', formatTimestamp(artifact.timestamp), " \u2022", ' ', formatBytes(artifact.size)] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-handler-meta", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-artifact-handler-type", children: ((_b = artifact.typeInfo) === null || _b === void 0 ? void 0 : _b.name) || 'Text' }), customTitle && ((0, jsx_runtime_1.jsx)("span", { className: "memori-artifact-handler-custom-title", children: customTitle }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-handler-actions", children: (0, jsx_runtime_1.jsx)("button", { className: "memori-artifact-handler-toggle", title: t('artifact.open', 'Open artifact') || 'Open artifact', children: (0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [(0, jsx_runtime_1.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 9l6 6m0-6l-6 6" })] }) }) })] }) }));
|
|
100
|
+
}
|
|
101
|
+
return null;
|
|
102
|
+
};
|
|
103
|
+
exports.default = ArtifactHandler;
|
|
104
|
+
//# sourceMappingURL=ArtifactHandler.js.map
|
package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArtifactHandler.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.tsx"],"names":[],"mappings":"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"}
|