@memori.ai/memori-react 8.45.2 → 8.45.5

package/src/components/MemoriArtifactSystem/components/ArtifactActions/utils/PDFExporter.ts

@@ -1,454 +0,0 @@
-/**
- * PDFExporter utility for converting markdown content to PDF
- * Uses browser's print functionality with optimized CSS for PDF output
- * Includes Safari-specific workarounds for better compatibility
- */
-
-import { PDFExportOptions } from '../types';
-import { marked } from 'marked';
-import { isSafari, isSafariIOS } from '../../../../../helpers/utils';
-
-export class PDFExporter {
-  private static instance: PDFExporter;
-  private printWindow: Window | null = null;
-
-  static getInstance(): PDFExporter {
-    if (!PDFExporter.instance) {
-      PDFExporter.instance = new PDFExporter();
-    }
-    return PDFExporter.instance;
-  }
-
-  /**
-   * Convert markdown content to clean HTML for PDF export
-   */
-  private convertMarkdownToHTML(markdown: string): string {
-    return marked(markdown) as string;
-  }
-
-  /**
-   * Generate PDF-optimized CSS
-   */
-  private generatePDFCSS(options: PDFExportOptions = {}): string {
-    const {
-      margin = { top: '1in', right: '1in', bottom: '1in', left: '1in' },
-      fontSize = '12pt',
-      fontFamily = 'system-ui, -apple-system, sans-serif',
-      lineHeight = '1.6',
-      color = '#333',
-      backgroundColor = '#fff',
-    } = options;
-
-    return `
-      <style>
-        @page {
-          margin: ${margin.top} ${margin.right} ${margin.bottom} ${margin.left};
-          size: A4;
-        }
-
-        @media print {
-          * {
-            -webkit-print-color-adjust: exact !important;
-            color-adjust: exact !important;
-          }
-
-          body {
-            font-family: ${fontFamily};
-            font-size: ${fontSize};
-            line-height: ${lineHeight};
-            color: ${color};
-            background-color: ${backgroundColor};
-            margin: 0;
-            padding: 0;
-            max-width: none;
-            word-wrap: break-word;
-            overflow-wrap: break-word;
-          }
-
-          h1, h2, h3, h4, h5, h6 {
-            page-break-after: avoid;
-            margin-top: 1.5em;
-            margin-bottom: 0.5em;
-            font-weight: 600;
-          }
-
-          h1 { font-size: 1.8em; }
-          h2 { font-size: 1.5em; }
-          h3 { font-size: 1.3em; }
-
-          p {
-            margin: 0 0 1em 0;
-            orphans: 3;
-            widows: 3;
-          }
-
-          pre, code {
-            font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-            font-size: 0.9em;
-            background-color: #f5f5f5;
-            border: 1px solid #ddd;
-            border-radius: 3px;
-            padding: 0.2em 0.4em;
-            page-break-inside: avoid;
-          }
-
-          pre {
-            padding: 1em;
-            overflow-x: auto;
-            white-space: pre;
-            margin: 1em 0;
-          }
-
-          pre code {
-            background: none;
-            border: none;
-            padding: 0;
-          }
-
-          blockquote {
-            margin: 1em 0;
-            padding-left: 1em;
-            border-left: 3px solid #ddd;
-            font-style: italic;
-            page-break-inside: avoid;
-          }
-
-          ul, ol {
-            margin: 1em 0;
-            padding-left: 2em;
-          }
-
-          li {
-            margin: 0.25em 0;
-            page-break-inside: avoid;
-          }
-
-          table {
-            border-collapse: collapse;
-            width: 100%;
-            margin: 1em 0;
-            page-break-inside: avoid;
-          }
-
-          th, td {
-            border: 1px solid #ddd;
-            padding: 0.5em;
-            text-align: left;
-          }
-
-          th {
-            background-color: #f5f5f5;
-            font-weight: 600;
-          }
-
-          a {
-            color: #0066cc;
-            text-decoration: none;
-          }
-
-          a:hover {
-            text-decoration: underline;
-          }
-
-          img {
-            max-width: 100%;
-            height: auto;
-            page-break-inside: avoid;
-          }
-
-          .page-break {
-            page-break-before: always;
-          }
-
-          .no-print {
-            display: none !important;
-          }
-        }
-
-        @media screen {
-          body {
-            font-family: ${fontFamily};
-            font-size: ${fontSize};
-            line-height: ${lineHeight};
-            color: ${color};
-            background-color: ${backgroundColor};
-            margin: 20px;
-            padding: 20px;
-            max-width: 800px;
-            margin: 0 auto;
-          }
-        }
-      </style>
-    `;
-  }
-
-  /**
-   * Create the complete HTML document for PDF export
-   */
-  private createPDFDocument(
-    content: string,
-    title: string = 'Artifact',
-    options: PDFExportOptions = {}
-  ): string {
-    const htmlContent = this.convertMarkdownToHTML(content);
-    const css = this.generatePDFCSS(options);
-
-    return `
-      <!DOCTYPE html>
-      <html lang="en">
-      <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>${title}</title>
-        ${css}
-      </head>
-      <body>
-        <div class="content">
-          ${htmlContent}
-        </div>
-      </body>
-      </html>
-    `;
-  }
-
-  /**
-   * Safari-specific PDF export using improved approach
-   */
-  async exportAsPDFSafari(
-    content: string,
-    title: string = 'Artifact',
-    options: PDFExportOptions = {}
-  ): Promise<void> {
-    return new Promise((resolve, reject) => {
-      try {
-        // Generate HTML content
-        const htmlContent = this.createPDFDocument(content, title, options);
-        
-        // For Safari, we'll use a more reliable approach with a new window
-        // that opens the content and then triggers print
-        const printWindow = window.open('', '_blank', 'width=800,height=600,scrollbars=yes,resizable=yes');
-        
-        if (!printWindow) {
-          // Fallback: try data URL approach
-          const dataUrl = `data:text/html;charset=utf-8,${encodeURIComponent(htmlContent)}`;
-          const link = document.createElement('a');
-          link.href = dataUrl;
-          link.download = `${title}.html`; // Safari might not support PDF download directly
-          link.target = '_blank';
-          link.style.display = 'none';
-          
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-          
-          resolve();
-          return;
-        }
-
-        // Write content to the new window
-        printWindow.document.open('text/html', 'replace');
-        printWindow.document.write(htmlContent);
-        printWindow.document.close();
-        
-        // Set title
-        printWindow.document.title = title;
-        
-        // Wait for content to load, then trigger print
-        setTimeout(() => {
-          try {
-            // Focus the window first (important for Safari)
-            printWindow.focus();
-            
-            // Trigger print dialog
-            printWindow.print();
-            
-            // Close window after a delay
-            setTimeout(() => {
-              if (printWindow && !printWindow.closed) {
-                printWindow.close();
-              }
-              resolve();
-            }, 3000); // Give user time to interact with print dialog
-            
-          } catch (printError) {
-            console.warn('Print failed, trying alternative:', printError);
-            
-            // Alternative: show instructions to user
-            if (printWindow && !printWindow.closed) {
-              const instructionDiv = printWindow.document.createElement('div');
-              instructionDiv.style.cssText = `
-                position: fixed;
-                top: 20px;
-                left: 20px;
-                right: 20px;
-                background: #f0f8ff;
-                border: 2px solid #0066cc;
-                padding: 20px;
-                border-radius: 8px;
-                font-family: system-ui, sans-serif;
-                z-index: 10000;
-                box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-              `;
-              instructionDiv.innerHTML = `
-                <h3 style="margin: 0 0 10px 0; color: #0066cc;">📄 PDF Export Instructions</h3>
-                <p style="margin: 0 0 10px 0;">To save as PDF:</p>
-                <ol style="margin: 0 0 15px 0; padding-left: 20px;">
-                  <li>Press <strong>Cmd+P</strong> (Mac) or <strong>Ctrl+P</strong> (Windows)</li>
-                  <li>In the print dialog, click the "PDF" dropdown</li>
-                  <li>Select "Save as PDF"</li>
-                  <li>Choose your save location and click "Save"</li>
-                </ol>
-                <button onclick="this.parentElement.remove()" style="
-                  background: #0066cc;
-                  color: white;
-                  border: none;
-                  padding: 8px 16px;
-                  border-radius: 4px;
-                  cursor: pointer;
-                ">Got it!</button>
-              `;
-              printWindow.document.body.appendChild(instructionDiv);
-            }
-            
-            resolve();
-          }
-        }, 1000); // Wait for content to fully load
-        
-      } catch (error) {
-        reject(new Error(`Safari PDF export failed: ${error}`));
-      }
-    });
-  }
-
-  /**
-   * Export content as PDF using browser save functionality
-   */
-  async exportAsPDF(
-    content: string,
-    title: string = 'Artifact', 
-    options: PDFExportOptions = {}
-  ): Promise<void> {
-    // Use Safari-specific method if Safari is detected
-    if (isSafari()) {
-      return this.exportAsPDFSafari(content, title, options);
-    }
-
-    return new Promise((resolve, reject) => {
-      try {
-        // Close any existing window
-        if (this.printWindow && !this.printWindow.closed) {
-          this.printWindow.close();
-        }
-
-        // Create new window with Safari-friendly parameters
-        const windowFeatures = isSafariIOS() 
-          ? 'width=800,height=600,scrollbars=yes,resizable=yes'
-          : 'width=800,height=600,scrollbars=yes,resizable=yes,toolbar=no,menubar=no,location=no,status=no';
-        
-        this.printWindow = window.open('', '_blank', windowFeatures);
-        if (!this.printWindow) {
-          reject(new Error('Popup blocked! Please enable popups to export PDF.'));
-          return;
-        }
-
-        // Generate HTML content
-        const htmlContent = this.createPDFDocument(content, title, options);
-
-        // Safari-specific content writing approach
-        if (isSafari()) {
-          // For Safari, use a more reliable approach
-          this.printWindow.document.open('text/html', 'replace');
-          this.printWindow.document.write(htmlContent);
-          this.printWindow.document.close();
-          
-          // Wait for content to load with longer timeout for Safari
-          setTimeout(() => {
-            if (this.printWindow && !this.printWindow.closed) {
-              try {
-                this.printWindow.document.title = title;
-                this.printWindow.focus();
-                this.printWindow.print();
-                
-                // Close window after print dialog closes
-                setTimeout(() => {
-                  if (this.printWindow && !this.printWindow.closed) {
-                    this.printWindow.close();
-                  }
-                  resolve();
-                }, 2000); // Longer timeout for Safari
-              } catch (printError) {
-                console.warn('Print dialog failed, trying alternative method:', printError);
-                // Fallback: try to trigger print without focus
-                this.printWindow.print();
-                setTimeout(() => {
-                  if (this.printWindow && !this.printWindow.closed) {
-                    this.printWindow.close();
-                  }
-                  resolve();
-                }, 2000);
-              }
-            }
-          }, 1000); // Longer delay for Safari
-        } else {
-          // Standard approach for other browsers
-          this.printWindow.document.write(htmlContent);
-          this.printWindow.document.close();
-
-          // Wait for content to load
-          this.printWindow.onload = () => {
-            setTimeout(() => {
-              if (this.printWindow) {
-                // Trigger print dialog with PDF save option
-                this.printWindow.document.title = title;
-                this.printWindow.print();
-                
-                // Close window after print dialog closes
-                setTimeout(() => {
-                  if (this.printWindow) {
-                    this.printWindow.close();
-                    resolve();
-                  }
-                }, 1000);
-              }
-            }, 500);
-          };
-
-          // Handle errors
-          this.printWindow.onerror = (error) => {
-            reject(new Error(`PDF export failed: ${error}`));
-          };
-        }
-
-      } catch (error) {
-        reject(new Error(`PDF export failed: ${error}`));
-      }
-    });
-  }
-
-  /**
-   * Check if PDF export is supported
-   */
-  isSupported(): boolean {
-    return typeof window !== 'undefined' && typeof window.open === 'function';
-  }
-
-  /**
-   * Check if Safari-specific PDF export is supported
-   */
-  isSafariSupported(): boolean {
-    return isSafari() && typeof window !== 'undefined' && typeof window.open === 'function';
-  }
-
-  /**
-   * Clean up resources
-   */
-  cleanup(): void {
-    if (this.printWindow && !this.printWindow.closed) {
-      this.printWindow.close();
-    }
-    this.printWindow = null;
-  }
-}
-
-// Export singleton instance
-export const pdfExporter = PDFExporter.getInstance();