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

package/dist/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/dist/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/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Button_1 = tslib_1.__importDefault(require("../../../ui/Button"));
+const artifact_types_1 = require("../../types/artifact.types");
+const Code_1 = tslib_1.__importDefault(require("../../../icons/Code"));
+const Preview_1 = require("../../../icons/Preview");
+const Snippet_1 = tslib_1.__importDefault(require("../../../Snippet/Snippet"));
+const ArtifactPreview = ({ artifact, activeTab, onTabChange, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const handleTabChange = (0, react_1.useCallback)((tab) => {
+        onTabChange(tab);
+    }, [onTabChange]);
+    const renderPreview = (0, react_1.useCallback)(() => {
+        switch (artifact.mimeType) {
+            case 'html':
+                return ((0, jsx_runtime_1.jsx)("iframe", { srcDoc: artifact.content, style: {
+                        width: '100%',
+                        height: '100%',
+                        border: 'none',
+                        borderRadius: '6px',
+                    }, title: `${artifact.title} Preview` }));
+            case 'markdown':
+                return ((0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-preview-markdown", dangerouslySetInnerHTML: { __html: renderMarkdown(artifact.content) } }));
+            case 'svg':
+                return ((0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-preview-svg", dangerouslySetInnerHTML: { __html: artifact.content } }));
+            case 'css':
+                return ((0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-preview-css", children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-preview-css-demo", children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: artifact.content } }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-preview-css-content", children: [(0, jsx_runtime_1.jsx)("h3", { children: "CSS Preview" }), (0, jsx_runtime_1.jsx)("p", { children: "This is an example of text to see the CSS effect." }), (0, jsx_runtime_1.jsx)("button", { children: "Example Button" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-preview-css-container", children: "Example Container" })] })] }) }));
+            default:
+                return ((0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-preview-text", children: (0, jsx_runtime_1.jsx)("pre", { children: artifact.content }) }));
+        }
+    }, [artifact]);
+    const renderMarkdown = (0, react_1.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 = (0, react_1.useMemo)(() => {
+        return artifact.typeInfo.hasPreview;
+    }, [artifact.typeInfo.hasPreview]);
+    const mapArtifactMimeType = (0, react_1.useCallback)((mimeType) => {
+        return artifact_types_1.SUPPORTED_MIME_TYPES[mimeType].mimeType;
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-preview", children: [hasPreview && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-tabs", children: [(0, jsx_runtime_1.jsxs)(Button_1.default, { onClick: () => handleTabChange('code'), className: (0, classnames_1.default)('memori-artifact-tab', {
+                            'memori-artifact-tab--active': activeTab === 'code',
+                        }), ghost: true, children: [(0, jsx_runtime_1.jsx)(Code_1.default, { className: "memori-artifact-tab-icon" }), (0, jsx_runtime_1.jsx)("span", { className: "memori-artifact-tab-text", children: t('artifact.code', 'Code') })] }), (0, jsx_runtime_1.jsxs)(Button_1.default, { onClick: () => handleTabChange('preview'), className: (0, classnames_1.default)('memori-artifact-tab', {
+                            'memori-artifact-tab--active': activeTab === 'preview',
+                        }), ghost: true, children: [(0, jsx_runtime_1.jsx)(Preview_1.PreviewIcon, { className: "memori-artifact-tab-icon" }), (0, jsx_runtime_1.jsx)("span", { className: "memori-artifact-tab-text", children: t('artifact.preview', 'Preview') })] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "memori-artifact-content", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-artifact-tab-content', {
+                            'memori-artifact-tab-content--active': activeTab === 'code' || !hasPreview,
+                        }), children: (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-code", children: (0, jsx_runtime_1.jsx)(Snippet_1.default, { 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 && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-artifact-tab-content', {
+                            'memori-artifact-tab-content--active': activeTab === 'preview',
+                        }), children: (0, jsx_runtime_1.jsx)("div", { className: "memori-artifact-preview-content", children: renderPreview() }) }))] })] }));
+};
+exports.default = ArtifactPreview;
+//# sourceMappingURL=ArtifactPreview.js.map

package/dist/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/dist/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/dist/components/MemoriArtifactSystem/context/ArtifactSystemContext.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArtifactSystemContext = exports.useArtifactSystemContext = exports.ArtifactSystemProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useArtifactSystem_1 = require("../hooks/useArtifactSystem");
+const ArtifactSystemContext = (0, react_1.createContext)(null);
+exports.ArtifactSystemContext = ArtifactSystemContext;
+const ArtifactSystemProvider = ({ children, config = {} }) => {
+    const artifactSystem = (0, useArtifactSystem_1.useArtifactSystem)(config);
+    return ((0, jsx_runtime_1.jsx)(ArtifactSystemContext.Provider, { value: artifactSystem, children: children }));
+};
+exports.ArtifactSystemProvider = ArtifactSystemProvider;
+const useArtifactSystemContext = () => {
+    const context = (0, react_1.useContext)(ArtifactSystemContext);
+    if (!context) {
+        throw new Error('useArtifactSystemContext must be used within an ArtifactSystemProvider');
+    }
+    return context;
+};
+exports.useArtifactSystemContext = useArtifactSystemContext;
+//# sourceMappingURL=ArtifactSystemContext.js.map

package/dist/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,iCAAoE;AAOpE,kEAA+D;AAQ/D,MAAM,qBAAqB,GAAG,IAAA,qBAAa,EAAmC,IAAI,CAAC,CAAC;AAoC3E,sDAAqB;AA3BvB,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,QAAQ,EACR,MAAM,GAAG,EAAE,EACZ,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,IAAA,qCAAiB,EAAC,MAAM,CAAC,CAAC;IAEjD,OAAO,CACL,uBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAClD,QAAQ,GACsB,CAClC,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,sBAAsB,0BAWjC;AAGK,MAAM,wBAAwB,GAAG,GAA8B,EAAE;IACtE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAqB,CAAC,CAAC;IAElD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAVW,QAAA,wBAAwB,4BAUnC"}

package/dist/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;
+};