@memori.ai/memori-react 8.2.0 → 8.4.0-rc.0

package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ArtifactDrawer: React.FC;
+export default ArtifactDrawer;

package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Dialog, Transition } from '@headlessui/react';
+import Button from '../../../ui/Button';
+import Close from '../../../icons/Close';
+import ArtifactActions from '../ArtifactActions/ArtifactActions';
+import ArtifactPreview from '../ArtifactPreview/ArtifactPreview';
+import { useArtifactSystemContext } from '../../context/ArtifactSystemContext';
+const ArtifactDrawer = () => {
+    const { actions, state } = useArtifactSystemContext();
+    const { t } = useTranslation();
+    const [activeTab, setActiveTab] = useState('preview');
+    const [showHistory, setShowHistory] = useState(false);
+    const [isMobile, setIsMobile] = useState(false);
+    const [isAnimating, setIsAnimating] = useState(false);
+    useEffect(() => {
+        const handleResize = () => {
+            const newIsMobile = window.innerWidth < 769;
+            if (newIsMobile !== isMobile) {
+                setIsAnimating(true);
+                setTimeout(() => {
+                    setIsMobile(newIsMobile);
+                    setIsAnimating(false);
+                }, 150);
+            }
+            else {
+                setIsMobile(newIsMobile);
+            }
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, [isMobile]);
+    const handleTabChange = useCallback((tab) => {
+        setActiveTab(tab);
+    }, []);
+    const handleCopy = useCallback(async () => {
+        if (!state.currentArtifact)
+            return;
+        try {
+            if (navigator.clipboard && navigator.clipboard.writeText) {
+                await navigator.clipboard.writeText(state.currentArtifact.content);
+            }
+            else {
+                const textArea = document.createElement('textarea');
+                textArea.value = state.currentArtifact.content;
+                textArea.style.position = 'fixed';
+                textArea.style.left = '-999999px';
+                textArea.style.top = '-999999px';
+                document.body.appendChild(textArea);
+                textArea.focus();
+                textArea.select();
+                document.execCommand('copy');
+                document.body.removeChild(textArea);
+            }
+        }
+        catch (error) {
+            console.error('Copy failed:', error);
+            throw error;
+        }
+    }, [state.currentArtifact]);
+    const handleDownload = useCallback(() => {
+        console.log('Download triggered');
+    }, []);
+    const handlePrint = useCallback(() => {
+        console.log('Print triggered');
+    }, []);
+    const handleOpenExternal = useCallback(() => {
+        console.log('External open triggered');
+    }, []);
+    const handleToggleFullscreen = useCallback(() => {
+        if (actions.toggleFullscreen) {
+            actions.toggleFullscreen();
+        }
+    }, [actions.toggleFullscreen]);
+    const handleClose = useCallback(() => {
+        setIsAnimating(true);
+        setTimeout(() => {
+            actions.closeDrawer();
+            setIsAnimating(false);
+        }, 200);
+    }, [actions.closeDrawer]);
+    const toggleHistory = useCallback(() => {
+        setShowHistory(prev => !prev);
+    }, []);
+    if (!state.currentArtifact) {
+        return null;
+    }
+    if (isMobile) {
+        return (_jsx(Transition, { show: state.isDrawerOpen, children: state.isDrawerOpen && (_jsxs(Dialog, { open: state.isDrawerOpen, onClose: handleClose, className: "memori-artifact-drawer memori-artifact-drawer--mobile", as: "div", children: [_jsx("div", { className: "memori-artifact-drawer--backdrop", onClick: handleClose }), _jsxs("div", { className: "memori-artifact-drawer--panel memori-artifact-drawer--panel-mobile", children: [_jsxs("div", { className: "memori-artifact-drawer--header", children: [_jsxs("div", { className: "memori-artifact-drawer--header-content", children: [_jsx("h2", { className: "memori-artifact-drawer--title", children: state.currentArtifact.title }), _jsx("p", { className: "memori-artifact-drawer--subtitle", children: state.currentArtifact.customTitle ||
+                                                    `${state.currentArtifact.typeInfo.name} Content` }), _jsxs("div", { className: "memori-artifact-drawer--meta", children: [_jsxs("span", { className: "memori-artifact-drawer--meta-item", children: [t('artifact.type', 'Type'), ": ", state.currentArtifact.typeInfo.name] }), _jsxs("span", { className: "memori-artifact-drawer--meta-item", children: [t('artifact.size', 'Size'), ": ", formatBytes(state.currentArtifact.size)] }), _jsxs("span", { className: "memori-artifact-drawer--meta-item", children: [t('artifact.generated', 'Generated'), ":", ' ', formatTimestamp(state.currentArtifact.timestamp)] })] })] }), _jsx("div", { className: "memori-artifact-drawer--header-actions", children: _jsx(ArtifactActions, { artifact: state.currentArtifact, onCopy: handleCopy, onDownload: handleDownload, onPrint: handlePrint, onOpenExternal: handleOpenExternal, onToggleFullscreen: handleToggleFullscreen, isFullscreen: state.isFullscreen }) }), _jsx(Button, { onClick: handleClose, className: "memori-artifact-drawer--close", ghost: true, title: t('artifact.close', 'Close') || 'Close', children: _jsx(Close, { className: "memori-artifact-drawer--close-icon" }) })] }), _jsx("div", { className: "memori-artifact-drawer--content", children: _jsx("div", { className: "memori-artifact-drawer--main", children: _jsx(ArtifactPreview, { artifact: state.currentArtifact, activeTab: activeTab, onTabChange: handleTabChange }) }) })] })] })) }));
+    }
+    return (_jsxs("div", { className: "memori-artifact-panel", children: [_jsxs("div", { className: "memori-artifact-panel--header", children: [_jsxs("div", { className: "memori-artifact-panel--header-content", children: [_jsx("h2", { className: "memori-artifact-panel--title", children: state.currentArtifact.title }), _jsx("p", { className: "memori-artifact-panel--subtitle", children: state.currentArtifact.customTitle ||
+                                    `${state.currentArtifact.typeInfo.name} Content` }), _jsxs("div", { className: "memori-artifact-panel--meta", children: [_jsxs("span", { className: "memori-artifact-panel--meta-item", children: [t('artifact.type', 'Type'), ": ", state.currentArtifact.typeInfo.name] }), _jsxs("span", { className: "memori-artifact-panel--meta-item", children: [t('artifact.size', 'Size'), ": ", formatBytes(state.currentArtifact.size)] }), _jsxs("span", { className: "memori-artifact-panel--meta-item", children: [t('artifact.generated', 'Generated'), ":", ' ', formatTimestamp(state.currentArtifact.timestamp)] })] })] }), _jsx("div", { className: "memori-artifact-panel--header-actions", children: _jsx(ArtifactActions, { artifact: state.currentArtifact, onCopy: handleCopy, onDownload: handleDownload, onPrint: handlePrint, onOpenExternal: handleOpenExternal, onToggleFullscreen: handleToggleFullscreen, isFullscreen: state.isFullscreen }) }), _jsx(Button, { onClick: handleClose, className: "memori-artifact-panel--close", ghost: true, title: t('artifact.close', 'Close') || 'Close', children: _jsx(Close, { className: "memori-artifact-panel--close-icon" }) })] }), _jsx("div", { className: "memori-artifact-panel--content", children: _jsx("div", { className: "memori-artifact-panel--main", children: _jsx(ArtifactPreview, { artifact: state.currentArtifact, activeTab: activeTab, onTabChange: handleTabChange }) }) })] }));
+};
+function formatBytes(bytes) {
+    if (bytes === 0)
+        return '0 Bytes';
+    const k = 1024;
+    const sizes = ['Bytes', 'KB', 'MB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+}
+function formatTimestamp(timestamp) {
+    return timestamp.toLocaleTimeString('en-US', {
+        hour: '2-digit',
+        minute: '2-digit',
+    });
+}
+export default ArtifactDrawer;
+//# sourceMappingURL=ArtifactDrawer.js.map

package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map

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

package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css

@@ -0,0 +1,238 @@
+/**
+ * ArtifactHandler CSS Styles
+ * Following the project's design system and CSS patterns
+ */
+
+.memori-artifact-handler {
+  border: 1px solid var(--memori-button-border-color, #e9ecef);
+  border-radius: var(--memori-border-radius, 12px);
+  margin: 0.75rem 0;
+  animation: fadeInUp 0.5s ease forwards;
+  backdrop-filter: blur(4px);
+  background: rgba(255, 255, 255, 0.95);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  cursor: pointer;
+  opacity: 0;
+  transform: translateY(10px);
+  transition: all 0.3s ease;
+}
+
+.memori-artifact-handler:hover {
+  border-color: var(--memori-primary);
+  background: rgba(130, 70, 175, 0.05);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+  transform: translateY(-2px);
+}
+
+.memori-artifact-handler--active {
+  border-color: var(--memori-primary);
+  background: linear-gradient(135deg, var(--memori-primary) 0%, #764ba2 100%);
+  box-shadow: 0 4px 16px rgba(130, 70, 175, 0.3);
+  color: var(--memori-primary-text, #fff);
+}
+
+.memori-artifact-handler--active:hover {
+  box-shadow: 0 6px 20px rgba(130, 70, 175, 0.4);
+  transform: translateY(-2px);
+}
+
+.memori-artifact-handler-content {
+  display: flex;
+  align-items: center;
+  padding: 1rem;
+  gap: 0.75rem;
+}
+
+.memori-artifact-handler-icon {
+  flex-shrink: 0;
+  font-size: 1.5rem;
+  line-height: 1;
+}
+
+.memori-artifact-handler-info {
+  min-width: 0;
+  flex: 1;
+}
+
+.memori-artifact-handler-title {
+  overflow: hidden;
+  margin-bottom: 0.25rem;
+  color: inherit;
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.3;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.memori-artifact-handler-subtitle {
+  overflow: hidden;
+  margin-bottom: 0.25rem;
+  color: inherit;
+  font-size: 0.75rem;
+  opacity: 0.7;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.memori-artifact-handler-meta {
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 0.625rem;
+  gap: 0.5rem;
+  opacity: 0.6;
+}
+
+.memori-artifact-handler-type {
+  padding: 0.125rem 0.375rem;
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.1);
+  color: inherit;
+  font-weight: 500;
+  letter-spacing: 0.025em;
+  text-transform: uppercase;
+}
+
+.memori-artifact-handler-custom-title {
+  overflow: hidden;
+  max-width: 120px;
+  padding: 0.125rem 0.375rem;
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.1);
+  color: inherit;
+  font-style: italic;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.memori-artifact-handler--active .memori-artifact-handler-type,
+.memori-artifact-handler--active .memori-artifact-handler-custom-title {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.memori-artifact-handler-actions {
+  flex-shrink: 0;
+}
+
+.memori-artifact-handler-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.375rem;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: var(--memori-border-radius, 6px);
+  background: rgba(0, 0, 0, 0.05);
+  color: inherit;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.memori-artifact-handler-toggle:hover {
+  background: rgba(0, 0, 0, 0.1);
+  transform: scale(1.05);
+}
+
+.memori-artifact-handler--active .memori-artifact-handler-toggle {
+  border-color: rgba(255, 255, 255, 0.3);
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.memori-artifact-handler-toggle:focus {
+  outline: 2px solid var(--memori-primary);
+  outline-offset: 2px;
+}
+
+.memori-artifact-handler-toggle:focus:not(:focus-visible) {
+  outline: none;
+}
+
+.memori-artifact-handler--active .memori-artifact-handler-toggle:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+
+.memori-artifact-handler-toggle svg {
+  width: 16px;
+  height: 16px;
+  stroke-width: 2;
+}
+
+/* Animation */
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .memori-artifact-handler {
+    margin: 0.5rem 0;
+  }
+
+  .memori-artifact-handler-content {
+    padding: 0.75rem;
+    gap: 0.5rem;
+  }
+
+  .memori-artifact-handler-icon {
+    font-size: 1.25rem;
+  }
+
+  .memori-artifact-handler-title {
+    font-size: 0.8125rem;
+  }
+
+  .memori-artifact-handler-subtitle {
+    font-size: 0.6875rem;
+  }
+
+  .memori-artifact-handler-meta {
+    font-size: 0.5625rem;
+  }
+
+  .memori-artifact-handler-custom-title {
+    max-width: 80px;
+  }
+}
+
+/* Dark Mode Support */
+@media (prefers-color-scheme: dark) {
+  .memori-artifact-handler {
+    /* background: rgba(26, 26, 26, 0.95); */
+    border-color: var(--memori-button-border-color, #404040);
+  }
+
+  .memori-artifact-handler:hover {
+    background: rgba(130, 70, 175, 0.1);
+    box-shadow: 0 4px 16px rgba(255, 255, 255, 0.1);
+  }
+
+  .memori-artifact-handler-type,
+  .memori-artifact-handler-custom-title {
+    background: rgba(255, 255, 255, 0.1);
+  }
+
+  .memori-artifact-handler-toggle {
+    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.05);
+  }
+
+  .memori-artifact-handler-toggle:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+}
+
+/* Focus States for Accessibility */
+.memori-artifact-handler:focus {
+  outline: 2px solid var(--memori-primary);
+  outline-offset: 2px;
+}
+
+.memori-artifact-handler:focus:not(:focus-visible) {
+  outline: none;
+}

package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ArtifactHandlerProps } from '../../types/artifact.types';
+declare const ArtifactHandler: React.FC<ArtifactHandlerProps>;
+export default ArtifactHandler;

package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import cx from 'classnames';
+import { useArtifactCreator, useArtifactProcessor, useArtifactDetector } from '../../hooks/useArtifactSystem';
+const ArtifactHandler = ({ artifact, artifacts, customTitle, config, actions, message, onArtifactCreated, }) => {
+    var _a, _b;
+    const { t } = useTranslation();
+    const { createArtifact } = useArtifactCreator();
+    const { processArtifactContent } = useArtifactProcessor();
+    const { hasArtifacts } = useArtifactDetector();
+    const formatBytes = useCallback((bytes) => {
+        if (bytes === 0)
+            return '0 Bytes';
+        const k = 1024;
+        const sizes = ['Bytes', 'KB', 'MB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+    }, []);
+    const formatTimestamp = useCallback((timestamp) => {
+        return timestamp === null || timestamp === void 0 ? void 0 : timestamp.toLocaleTimeString('en-US', {
+            hour: '2-digit',
+            minute: '2-digit',
+        });
+    }, []);
+    const handleArtifactClick = useCallback(() => {
+        const artifactData = artifact;
+        if (onArtifactCreated) {
+            onArtifactCreated(artifactData);
+        }
+    }, [artifact, onArtifactCreated]);
+    useEffect(() => {
+        const handleMemoriNewDialogState = (message) => {
+            if (!message || typeof message !== 'string')
+                return;
+            console.log('🎨 Processing message for artifacts...');
+            const processed = processArtifactContent(message, (content, mimeType, title) => {
+                var _a, _b, _c, _d, _e;
+                const artifact = {
+                    id: `artifact-${mimeType}-${Date.now()}-${Math.random()
+                        .toString(36)
+                        .substr(2, 9)}`,
+                    content,
+                    mimeType: mimeType,
+                    typeInfo: ((_a = config.supportedMimeTypes) === null || _a === void 0 ? void 0 : _a[mimeType]) || {
+                        name: mimeType.toUpperCase(),
+                        icon: '📄',
+                        hasPreview: false,
+                        language: 'text',
+                        mimeType: 'text/plain',
+                    },
+                    title: title ||
+                        `${((_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`,
+                    customTitle: title,
+                    messageID: message.timestamp || `msg-${Date.now()}`,
+                    timestamp: new Date(),
+                    size: content.length,
+                };
+                actions.addArtifact(artifact);
+                if (config.autoOpenArtifacts) {
+                    setTimeout(() => {
+                        actions.selectArtifact(artifact);
+                    }, 500);
+                }
+                if (onArtifactCreated) {
+                    onArtifactCreated(artifact);
+                }
+            });
+            if (processed) {
+                console.log('✅ Artifacts processed successfully');
+            }
+        };
+        if (!message.fromUser) {
+            handleMemoriNewDialogState(message.translatedText || message.text);
+        }
+    }, [message]);
+    const messageText = message.translatedText || message.text || '';
+    const messageHasArtifacts = useMemo(() => hasArtifacts(messageText), [messageText]);
+    if (!messageHasArtifacts) {
+        return null;
+    }
+    if (artifacts && artifacts.length > 0) {
+        return (_jsx("div", { className: "memori-artifact-handler-container", children: artifacts.map((messageArtifact) => {
+                var _a, _b;
+                return (_jsx("div", { className: cx('memori-artifact-handler', 'memori-card', {
+                        'memori-artifact-handler-active': messageArtifact.isActive,
+                    }), onClick: () => {
+                        actions.selectArtifact(messageArtifact);
+                        if (onArtifactCreated) {
+                            onArtifactCreated(messageArtifact);
+                        }
+                    }, children: _jsxs("div", { className: "memori-artifact-handler-content", children: [_jsx("div", { className: "memori-artifact-handler-icon", children: ((_a = messageArtifact.typeInfo) === null || _a === void 0 ? void 0 : _a.icon) || '📄' }), _jsxs("div", { className: "memori-artifact-handler-info", children: [_jsx("div", { className: "memori-artifact-handler-title", children: messageArtifact.title }), _jsxs("div", { className: "memori-artifact-handler-subtitle", children: [t('artifact.generatedAt', 'Generated at'), ' ', formatTimestamp(messageArtifact.timestamp), " \u2022", ' ', formatBytes(messageArtifact.size)] }), _jsxs("div", { className: "memori-artifact-handler-meta", children: [_jsx("span", { className: "memori-artifact-handler-type", children: ((_b = messageArtifact.typeInfo) === null || _b === void 0 ? void 0 : _b.name) || 'Text' }), messageArtifact.customTitle && (_jsx("span", { className: "memori-artifact-handler-custom-title", children: messageArtifact.customTitle }))] })] }), _jsx("div", { className: "memori-artifact-handler-actions", children: _jsx("button", { className: "memori-artifact-handler-toggle", title: t('artifact.open', 'Open artifact') || 'Open artifact', children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }), _jsx("path", { d: "M9 9l6 6m0-6l-6 6" })] }) }) })] }) }, messageArtifact.id));
+            }) }));
+    }
+    if (artifact) {
+        return (_jsx("div", { className: cx('memori-artifact-handler', 'memori-card'), onClick: handleArtifactClick, children: _jsxs("div", { className: "memori-artifact-handler-content", children: [_jsx("div", { className: "memori-artifact-handler-icon", children: ((_a = artifact.typeInfo) === null || _a === void 0 ? void 0 : _a.icon) || '📄' }), _jsxs("div", { className: "memori-artifact-handler-info", children: [_jsx("div", { className: "memori-artifact-handler-title", children: artifact.title }), _jsxs("div", { className: "memori-artifact-handler-subtitle", children: [t('artifact.generatedAt', 'Generated at'), ' ', formatTimestamp(artifact.timestamp), " \u2022", ' ', formatBytes(artifact.size)] }), _jsxs("div", { className: "memori-artifact-handler-meta", children: [_jsx("span", { className: "memori-artifact-handler-type", children: ((_b = artifact.typeInfo) === null || _b === void 0 ? void 0 : _b.name) || 'Text' }), customTitle && (_jsx("span", { className: "memori-artifact-handler-custom-title", children: customTitle }))] })] }), _jsx("div", { className: "memori-artifact-handler-actions", children: _jsx("button", { className: "memori-artifact-handler-toggle", title: t('artifact.open', 'Open artifact') || 'Open artifact', children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }), _jsx("path", { d: "M9 9l6 6m0-6l-6 6" })] }) }) })] }) }));
+    }
+    return null;
+};
+export default ArtifactHandler;
+//# sourceMappingURL=ArtifactHandler.js.map

package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.js.map

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