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

package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css

@@ -0,0 +1,343 @@
+/**
+ * ArtifactPreview CSS Styles
+ * Following the project's design system and CSS patterns
+ */
+
+.memori-artifact-preview {
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  flex-direction: column;
+}
+
+/* Tabs */
+.memori-artifact-tabs {
+  display: flex;
+  justify-content: flex-end;
+  padding: 0.5rem;
+  /* border-bottom: 1px solid var(--memori-button-border-color, #e9ecef); */
+  border-radius: var(--memori-border-radius, 6px) var(--memori-border-radius, 6px) 0 0;
+  background: var(--memori-inner-bg, #f8f9fa);
+  gap: 0.25rem;
+}
+
+.memori-artifact-tab-icon{
+  width: 16px;
+  height: 16px;
+}
+
+.memori-artifact-tab {
+  display: flex;
+  align-items: center;
+  padding: 0.75rem 1rem;
+  border: none;
+  border-radius: var(--memori-border-radius, 4px);
+  background: transparent;
+  color: var(--memori-text-color, #666);
+  cursor: pointer;
+  font-size: 0.875rem;
+  font-weight: 500;
+  gap: 0.5rem;
+  transition: all 0.2s ease;
+  white-space: nowrap;
+}
+
+/* .memori-artifact-tab:hover:not(.memori-artifact-tab--active) {
+  background: rgba(0, 123, 255, 0.05);
+  color: var(--memori-text-color, #333);
+} */
+
+.memori-artifact-tab--active, .memori-artifact-tab:hover, .memori-artifact-tab:active, .memori-artifact-tab:focus {
+  background: var(--memori-chat-bubble-bg, #fff);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  color: var(--memori-primary);
+}
+
+/* Content */
+.memori-artifact-content {
+  display: flex;
+  overflow: hidden;
+  min-height: 0;
+  flex: 1;
+  flex-direction: column;
+  border-radius: 0 0 var(--memori-border-radius, 6px) var(--memori-border-radius, 6px);
+  background: var(--memori-chat-bubble-bg, #fff);
+}
+
+.memori-artifact-tab-content {
+  display: none;
+  overflow: hidden;
+  min-height: 0;
+  flex: 1;
+}
+
+.memori-artifact-tab-content--active {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Code Content */
+.memori-artifact-code {
+  overflow: auto;
+  flex: 1;
+  border: 1px solid var(--memori-button-border-color, #e9ecef);
+  border-radius: var(--memori-border-radius, 6px);
+  margin: 1rem;
+  background: var(--memori-chat-bubble-bg, #fff);
+}
+
+.memori-artifact-code-content {
+  padding: 1rem;
+  margin: 0;
+  color: var(--memori-text-color, #333);
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  overflow-wrap: break-word;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+/* Preview Content */
+.memori-artifact-preview-content {
+  position: relative;
+  overflow: auto;
+  flex: 1;
+  border: 1px solid var(--memori-button-border-color, #e9ecef);
+  border-radius: var(--memori-border-radius, 6px);
+  margin: 1rem;
+  background: var(--memori-chat-bubble-bg, #fff);
+}
+
+/* Markdown Preview */
+.memori-artifact-preview-markdown {
+  padding: 1rem;
+  color: var(--memori-text-color, #333);
+  font-family: var(--memori-font-family);
+  line-height: 1.6;
+}
+
+.memori-artifact-preview-markdown h1,
+.memori-artifact-preview-markdown h2,
+.memori-artifact-preview-markdown h3,
+.memori-artifact-preview-markdown h4,
+.memori-artifact-preview-markdown h5,
+.memori-artifact-preview-markdown h6 {
+  margin: 1.5rem 0 0.5rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.memori-artifact-preview-css-content h3 {
+  margin: 0 0 1rem;
+  font-size: 1.125rem;
+  font-weight: 600;
+}
+
+.memori-artifact-preview-markdown h1:first-child,
+.memori-artifact-preview-markdown h2:first-child,
+.memori-artifact-preview-markdown h3:first-child {
+  margin-top: 0;
+}
+
+.memori-artifact-preview-markdown p {
+  margin: 0 0 1rem;
+}
+
+.memori-artifact-preview-markdown code {
+  padding: 0.125rem 0.25rem;
+  border-radius: 3px;
+  background: var(--memori-inner-bg, #f1f3f4);
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-size: 0.875em;
+}
+
+.memori-artifact-preview-markdown pre {
+  padding: 1rem;
+  border-radius: var(--memori-border-radius, 6px);
+  margin: 1rem 0;
+  background: var(--memori-inner-bg, #f1f3f4);
+  overflow-x: auto;
+}
+
+.memori-artifact-preview-markdown pre code {
+  padding: 0;
+  background: none;
+}
+
+.memori-artifact-preview-markdown a {
+  color: var(--memori-primary);
+  text-decoration: none;
+}
+
+.memori-artifact-preview-markdown a:hover {
+  text-decoration: underline;
+}
+
+/* SVG Preview */
+.memori-artifact-preview-svg {
+  display: flex;
+  min-height: 200px;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem;
+}
+
+.memori-artifact-preview-svg svg {
+  max-width: 100%;
+  max-height: 100%;
+  border: 1px solid var(--memori-button-border-color, #e9ecef);
+  border-radius: var(--memori-border-radius, 6px);
+}
+
+/* CSS Preview */
+.memori-artifact-preview-css {
+  padding: 1rem;
+}
+
+.memori-artifact-preview-css-demo {
+  overflow: hidden;
+  border: 1px solid var(--memori-button-border-color, #e9ecef);
+  border-radius: var(--memori-border-radius, 6px);
+}
+
+.memori-artifact-preview-css-content {
+  padding: 1rem;
+  color: var(--memori-text-color, #333);
+  font-family: var(--memori-font-family);
+  line-height: 1.6;
+}
+
+.memori-artifact-preview-css-content p {
+  margin: 0 0 1rem;
+}
+
+.memori-artifact-preview-css-content button {
+  padding: 0.5rem 1rem;
+  border: none;
+  border-radius: var(--memori-border-radius, 4px);
+  margin: 0.5rem 0;
+  background: var(--memori-primary);
+  color: var(--memori-primary-text);
+  cursor: pointer;
+}
+
+.memori-artifact-preview-css-container {
+  padding: 1rem;
+  border-radius: var(--memori-border-radius, 4px);
+  margin: 1rem 0;
+  background: var(--memori-inner-bg, #f1f3f4);
+}
+
+/* Text Preview */
+.memori-artifact-preview-text {
+  padding: 1rem;
+  color: var(--memori-text-color, #333);
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+/* Syntax Highlighting */
+.memori-artifact--comment {
+  color: #6a737d;
+  font-style: italic;
+}
+
+.memori-artifact--keyword {
+  color: #d73a49;
+  font-weight: 600;
+}
+
+.memori-artifact--string {
+  color: #032f62;
+}
+
+.memori-artifact--number {
+  color: #005cc5;
+  font-weight: 500;
+}
+
+.memori-artifact--function {
+  color: #6f42c1;
+  font-weight: 600;
+}
+
+.memori-artifact--operator {
+  color: #d73a49;
+}
+
+.memori-artifact--property {
+  color: #005cc5;
+}
+
+.memori-artifact--selector {
+  color: #6f42c1;
+  font-weight: 600;
+}
+
+.memori-artifact--tag {
+  color: #22863a;
+  font-weight: 600;
+}
+
+.memori-artifact--line-number {
+  margin-right: 1rem;
+  color: #6a737d;
+  user-select: none;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+
+  .memori-artifact-tab {
+    min-height: 42px;
+    padding: 0.5rem 0.75rem;
+    font-size: 0.75rem;
+  }
+
+  .memori-artifact-code,
+  .memori-artifact-preview-content {
+    margin: 0.5rem;
+  }
+
+  .memori-artifact-code-content {
+    padding: 0.75rem;
+    font-size: 0.75rem;
+  }
+
+  .memori-artifact-preview-markdown,
+  .memori-artifact-preview-css,
+  .memori-artifact-preview-text {
+    padding: 0.75rem;
+  }
+}
+
+/* Dark Mode Support */
+@media (prefers-color-scheme: dark) {
+  .memori-artifact-tabs {
+    border-bottom-color: var(--memori-button-border-color, #404040);
+    background: rgba(255, 255, 255, 0.86);
+  }
+
+  /* .memori-artifact-tab--active {
+    background: var(--memori-chat-bubble-bg, #1a1a1a);
+  } */
+
+  .memori-artifact-code,
+  .memori-artifact-preview-content {
+    border-color: var(--memori-button-border-color, #404040);
+  }
+
+  .memori-artifact-preview-markdown code,
+  .memori-artifact-preview-css-demo {
+    border-color: var(--memori-button-border-color, #404040);
+    background: var(--memori-inner-bg, #2a2a2a);
+  }
+
+  .memori-artifact-preview-css-container {
+    background: var(--memori-inner-bg, #2a2a2a);
+  }
+}

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

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

package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import cx from 'classnames';
+import Button from '../../../ui/Button';
+import { SUPPORTED_MIME_TYPES } from '../../types/artifact.types';
+import Code from '../../../icons/Code';
+import { PreviewIcon } from '../../../icons/Preview';
+import Snippet from '../../../Snippet/Snippet';
+const ArtifactPreview = ({ artifact, activeTab, onTabChange, }) => {
+    const { t } = useTranslation();
+    const handleTabChange = useCallback((tab) => {
+        onTabChange(tab);
+    }, [onTabChange]);
+    const renderPreview = useCallback(() => {
+        switch (artifact.mimeType) {
+            case 'html':
+                return (_jsx("iframe", { srcDoc: artifact.content, style: {
+                        width: '100%',
+                        height: '100%',
+                        border: 'none',
+                        borderRadius: '6px',
+                    }, title: `${artifact.title} Preview` }));
+            case 'markdown':
+                return (_jsx("div", { className: "memori-artifact-preview-markdown", dangerouslySetInnerHTML: { __html: renderMarkdown(artifact.content) } }));
+            case 'svg':
+                return (_jsx("div", { className: "memori-artifact-preview-svg", dangerouslySetInnerHTML: { __html: artifact.content } }));
+            case 'css':
+                return (_jsx("div", { className: "memori-artifact-preview-css", children: _jsxs("div", { className: "memori-artifact-preview-css-demo", children: [_jsx("style", { dangerouslySetInnerHTML: { __html: artifact.content } }), _jsxs("div", { className: "memori-artifact-preview-css-content", children: [_jsx("h3", { children: "CSS Preview" }), _jsx("p", { children: "This is an example of text to see the CSS effect." }), _jsx("button", { children: "Example Button" }), _jsx("div", { className: "memori-artifact-preview-css-container", children: "Example Container" })] })] }) }));
+            default:
+                return (_jsx("div", { className: "memori-artifact-preview-text", children: _jsx("pre", { children: artifact.content }) }));
+        }
+    }, [artifact]);
+    const renderMarkdown = useCallback((markdown) => {
+        return markdown
+            .replace(/^# (.*$)/gim, '<h1>$1</h1>')
+            .replace(/^## (.*$)/gim, '<h2>$1</h2>')
+            .replace(/^### (.*$)/gim, '<h3>$1</h3>')
+            .replace(/^#### (.*$)/gim, '<h4>$1</h4>')
+            .replace(/^##### (.*$)/gim, '<h5>$1</h5>')
+            .replace(/^###### (.*$)/gim, '<h6>$1</h6>')
+            .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+            .replace(/\*(.*?)\*/g, '<em>$1</em>')
+            .replace(/`(.*?)`/g, '<code>$1</code>')
+            .replace(/```([\s\S]*?)```/g, '<pre><code>$1</code></pre>')
+            .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>')
+            .replace(/\n/g, '<br>');
+    }, []);
+    const hasPreview = useMemo(() => {
+        return artifact.typeInfo.hasPreview;
+    }, [artifact.typeInfo.hasPreview]);
+    const mapArtifactMimeType = useCallback((mimeType) => {
+        return SUPPORTED_MIME_TYPES[mimeType].mimeType;
+    }, []);
+    return (_jsxs("div", { className: "memori-artifact-preview", children: [hasPreview && (_jsxs("div", { className: "memori-artifact-tabs", children: [_jsxs(Button, { onClick: () => handleTabChange('code'), className: cx('memori-artifact-tab', {
+                            'memori-artifact-tab--active': activeTab === 'code',
+                        }), ghost: true, children: [_jsx(Code, { className: "memori-artifact-tab-icon" }), _jsx("span", { className: "memori-artifact-tab-text", children: t('artifact.code', 'Code') })] }), _jsxs(Button, { onClick: () => handleTabChange('preview'), className: cx('memori-artifact-tab', {
+                            'memori-artifact-tab--active': activeTab === 'preview',
+                        }), ghost: true, children: [_jsx(PreviewIcon, { className: "memori-artifact-tab-icon" }), _jsx("span", { className: "memori-artifact-tab-text", children: t('artifact.preview', 'Preview') })] })] })), _jsxs("div", { className: "memori-artifact-content", children: [_jsx("div", { className: cx('memori-artifact-tab-content', {
+                            'memori-artifact-tab-content--active': activeTab === 'code' || !hasPreview,
+                        }), children: _jsx("div", { className: "memori-artifact-code", children: _jsx(Snippet, { medium: {
+                                    mediumID: artifact.id,
+                                    mimeType: mapArtifactMimeType(artifact.mimeType),
+                                    content: artifact.content,
+                                    title: artifact.title,
+                                    creationTimestamp: artifact.timestamp.toISOString(),
+                                    creationName: 'System',
+                                    lastChangeTimestamp: artifact.timestamp.toISOString(),
+                                    lastChangeName: 'System',
+                                } }) }) }), hasPreview && (_jsx("div", { className: cx('memori-artifact-tab-content', {
+                            'memori-artifact-tab-content--active': activeTab === 'preview',
+                        }), children: _jsx("div", { className: "memori-artifact-preview-content", children: renderPreview() }) }))] })] }));
+};
+export default ArtifactPreview;
+//# sourceMappingURL=ArtifactPreview.js.map

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

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

package/esm/components/MemoriArtifactSystem/context/ArtifactSystemContext.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { ArtifactSystemConfig, ArtifactSystemHook } from '../types/artifact.types';
+interface ArtifactSystemContextType extends ArtifactSystemHook {
+}
+declare const ArtifactSystemContext: React.Context<ArtifactSystemContextType | null>;
+interface ArtifactSystemProviderProps {
+    children: ReactNode;
+    config?: Partial<ArtifactSystemConfig>;
+}
+export declare const ArtifactSystemProvider: React.FC<ArtifactSystemProviderProps>;
+export declare const useArtifactSystemContext: () => ArtifactSystemContextType;
+export { ArtifactSystemContext };

package/esm/components/MemoriArtifactSystem/context/ArtifactSystemContext.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { useArtifactSystem } from '../hooks/useArtifactSystem';
+const ArtifactSystemContext = createContext(null);
+export const ArtifactSystemProvider = ({ children, config = {} }) => {
+    const artifactSystem = useArtifactSystem(config);
+    return (_jsx(ArtifactSystemContext.Provider, { value: artifactSystem, children: children }));
+};
+export const useArtifactSystemContext = () => {
+    const context = useContext(ArtifactSystemContext);
+    if (!context) {
+        throw new Error('useArtifactSystemContext must be used within an ArtifactSystemProvider');
+    }
+    return context;
+};
+export { ArtifactSystemContext };
+//# sourceMappingURL=ArtifactSystemContext.js.map

package/esm/components/MemoriArtifactSystem/context/ArtifactSystemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactSystemContext.js","sourceRoot":"","sources":["../../../../src/components/MemoriArtifactSystem/context/ArtifactSystemContext.tsx"],"names":[],"mappings":";AAKA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQ/D,MAAM,qBAAqB,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAC;AASpF,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,QAAQ,EACR,MAAM,GAAG,EAAE,EACZ,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEjD,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAClD,QAAQ,GACsB,CAClC,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAA8B,EAAE;IACtE,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAElD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAGF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/esm/components/MemoriArtifactSystem/hooks/useArtifactSystem.d.ts

@@ -0,0 +1,12 @@
+import { ArtifactSystemConfig, ArtifactSystemHook, ArtifactData } from '../types/artifact.types';
+export declare const useArtifactSystem: (config?: Partial<ArtifactSystemConfig>) => ArtifactSystemHook;
+export declare const useArtifactCreator: () => {
+    createArtifact: (content: string, mimeType: string, customTitle?: string, messageID?: string) => ArtifactData;
+};
+export declare const useArtifactProcessor: () => {
+    processArtifactContent: (emission: string, onArtifactFound: (content: string, mimeType: string, title?: string) => void) => boolean;
+    processedArtifacts: Set<string>;
+};
+export declare const useArtifactDetector: () => {
+    hasArtifacts: (messageText: string) => boolean;
+};