@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.
Files changed (146) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/components/Chat/Chat.js +8 -1
  3. package/dist/components/Chat/Chat.js.map +1 -1
  4. package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +160 -0
  5. package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.d.ts +4 -0
  6. package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js +166 -0
  7. package/dist/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map +1 -0
  8. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +877 -0
  9. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.d.ts +3 -0
  10. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +115 -0
  11. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -0
  12. package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css +238 -0
  13. package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.d.ts +4 -0
  14. package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js +104 -0
  15. package/dist/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js.map +1 -0
  16. package/dist/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.css +319 -0
  17. package/dist/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.d.ts +4 -0
  18. package/dist/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.js +50 -0
  19. package/dist/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.js.map +1 -0
  20. package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +343 -0
  21. package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts +4 -0
  22. package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +78 -0
  23. package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -0
  24. package/dist/components/MemoriArtifactSystem/context/ArtifactSystemContext.d.ts +12 -0
  25. package/dist/components/MemoriArtifactSystem/context/ArtifactSystemContext.js +22 -0
  26. package/dist/components/MemoriArtifactSystem/context/ArtifactSystemContext.js.map +1 -0
  27. package/dist/components/MemoriArtifactSystem/hooks/useArtifactSystem.d.ts +12 -0
  28. package/dist/components/MemoriArtifactSystem/hooks/useArtifactSystem.js +288 -0
  29. package/dist/components/MemoriArtifactSystem/hooks/useArtifactSystem.js.map +1 -0
  30. package/dist/components/MemoriArtifactSystem/index.d.ts +9 -0
  31. package/dist/components/MemoriArtifactSystem/index.js +28 -0
  32. package/dist/components/MemoriArtifactSystem/index.js.map +1 -0
  33. package/dist/components/MemoriArtifactSystem/types/artifact.types.d.ts +108 -0
  34. package/dist/components/MemoriArtifactSystem/types/artifact.types.js +31 -0
  35. package/dist/components/MemoriArtifactSystem/types/artifact.types.js.map +1 -0
  36. package/dist/components/icons/Print.d.ts +6 -0
  37. package/dist/components/icons/Print.js +6 -0
  38. package/dist/components/icons/Print.js.map +1 -0
  39. package/dist/components/layouts/Chat.js +29 -1
  40. package/dist/components/layouts/Chat.js.map +1 -1
  41. package/dist/components/layouts/FullPage.js +33 -1
  42. package/dist/components/layouts/FullPage.js.map +1 -1
  43. package/dist/components/layouts/ZoomedFullBody.js +29 -2
  44. package/dist/components/layouts/ZoomedFullBody.js.map +1 -1
  45. package/dist/components/layouts/chat.css +335 -13
  46. package/dist/components/layouts/zoomed-full-body.css +1 -3
  47. package/dist/helpers/message.js +1 -0
  48. package/dist/helpers/message.js.map +1 -1
  49. package/dist/helpers/stt/useSTT.js +76 -9
  50. package/dist/helpers/stt/useSTT.js.map +1 -1
  51. package/dist/index.js +58 -15
  52. package/dist/index.js.map +1 -1
  53. package/dist/styles.css +5 -0
  54. package/esm/components/Chat/Chat.js +8 -1
  55. package/esm/components/Chat/Chat.js.map +1 -1
  56. package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +160 -0
  57. package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.d.ts +4 -0
  58. package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js +163 -0
  59. package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map +1 -0
  60. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +877 -0
  61. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.d.ts +3 -0
  62. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +112 -0
  63. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -0
  64. package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css +238 -0
  65. package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.d.ts +4 -0
  66. package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js +101 -0
  67. package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js.map +1 -0
  68. package/esm/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.css +319 -0
  69. package/esm/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.d.ts +4 -0
  70. package/esm/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.js +47 -0
  71. package/esm/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.js.map +1 -0
  72. package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +343 -0
  73. package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.d.ts +4 -0
  74. package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +75 -0
  75. package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -0
  76. package/esm/components/MemoriArtifactSystem/context/ArtifactSystemContext.d.ts +12 -0
  77. package/esm/components/MemoriArtifactSystem/context/ArtifactSystemContext.js +17 -0
  78. package/esm/components/MemoriArtifactSystem/context/ArtifactSystemContext.js.map +1 -0
  79. package/esm/components/MemoriArtifactSystem/hooks/useArtifactSystem.d.ts +12 -0
  80. package/esm/components/MemoriArtifactSystem/hooks/useArtifactSystem.js +281 -0
  81. package/esm/components/MemoriArtifactSystem/hooks/useArtifactSystem.js.map +1 -0
  82. package/esm/components/MemoriArtifactSystem/index.d.ts +9 -0
  83. package/esm/components/MemoriArtifactSystem/index.js +9 -0
  84. package/esm/components/MemoriArtifactSystem/index.js.map +1 -0
  85. package/esm/components/MemoriArtifactSystem/types/artifact.types.d.ts +108 -0
  86. package/esm/components/MemoriArtifactSystem/types/artifact.types.js +28 -0
  87. package/esm/components/MemoriArtifactSystem/types/artifact.types.js.map +1 -0
  88. package/esm/components/icons/Print.d.ts +6 -0
  89. package/esm/components/icons/Print.js +4 -0
  90. package/esm/components/icons/Print.js.map +1 -0
  91. package/esm/components/layouts/Chat.js +29 -1
  92. package/esm/components/layouts/Chat.js.map +1 -1
  93. package/esm/components/layouts/FullPage.js +33 -1
  94. package/esm/components/layouts/FullPage.js.map +1 -1
  95. package/esm/components/layouts/ZoomedFullBody.js +30 -3
  96. package/esm/components/layouts/ZoomedFullBody.js.map +1 -1
  97. package/esm/components/layouts/chat.css +335 -13
  98. package/esm/components/layouts/zoomed-full-body.css +1 -3
  99. package/esm/helpers/message.js +1 -0
  100. package/esm/helpers/message.js.map +1 -1
  101. package/esm/helpers/stt/useSTT.js +76 -9
  102. package/esm/helpers/stt/useSTT.js.map +1 -1
  103. package/esm/index.js +58 -15
  104. package/esm/index.js.map +1 -1
  105. package/esm/styles.css +5 -0
  106. package/package.json +1 -1
  107. package/src/components/Avatar/Avatar.test.tsx +13 -0
  108. package/src/components/Chat/Chat.stories.tsx +33 -2
  109. package/src/components/Chat/Chat.test.tsx +340 -213
  110. package/src/components/Chat/Chat.tsx +27 -4
  111. package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css +160 -0
  112. package/src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.tsx +278 -0
  113. package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +877 -0
  114. package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx +308 -0
  115. package/src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css +238 -0
  116. package/src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.tsx +282 -0
  117. package/src/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.css +319 -0
  118. package/src/components/MemoriArtifactSystem/components/ArtifactHistory/ArtifactHistory.tsx +178 -0
  119. package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css +343 -0
  120. package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx +190 -0
  121. package/src/components/MemoriArtifactSystem/context/ArtifactSystemContext.tsx +57 -0
  122. package/src/components/MemoriArtifactSystem/hooks/useArtifactSystem.ts +419 -0
  123. package/src/components/MemoriArtifactSystem/index.ts +45 -0
  124. package/src/components/MemoriArtifactSystem/types/artifact.types.ts +180 -0
  125. package/src/components/icons/Print.tsx +34 -0
  126. package/src/components/layouts/Chat.test.tsx +13 -0
  127. package/src/components/layouts/Chat.tsx +80 -25
  128. package/src/components/layouts/FullPage.test.tsx +40 -11
  129. package/src/components/layouts/FullPage.tsx +92 -24
  130. package/src/components/layouts/HiddenChat.test.tsx +13 -0
  131. package/src/components/layouts/Totem.test.tsx +13 -0
  132. package/src/components/layouts/WebsiteAssistant.test.tsx +13 -0
  133. package/src/components/layouts/ZoomedFullBody.test.tsx +13 -0
  134. package/src/components/layouts/ZoomedFullBody.tsx +78 -14
  135. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +252 -248
  136. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +504 -496
  137. package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +252 -248
  138. package/src/components/layouts/chat.css +335 -13
  139. package/src/components/layouts/layouts.stories.tsx +13 -2
  140. package/src/components/layouts/zoomed-full-body.css +1 -3
  141. package/src/helpers/message.ts +1 -0
  142. package/src/helpers/stt/useSTT.ts +101 -16
  143. package/src/index.stories.tsx +26 -22
  144. package/src/index.tsx +46 -0
  145. package/src/mocks/data.ts +258 -0
  146. package/src/styles.css +5 -0
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const ArtifactDrawer: React.FC;
3
+ export default ArtifactDrawer;
@@ -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,4 @@
1
+ import React from 'react';
2
+ import { ArtifactHandlerProps } from '../../types/artifact.types';
3
+ declare const ArtifactHandler: React.FC<ArtifactHandlerProps>;
4
+ export default ArtifactHandler;
@@ -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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ArtifactHandler.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.tsx"],"names":[],"mappings":"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"}