Function generatePDF

frontend/src/utils/exportUtils.ts:12–110

(
  htmlContent: string, 
  options: ExportOptions = {}
)

 * Generate PDF from HTML content using jsPDF and html2canvas
 */
export const generatePDF = async (
  htmlContent: string, 
  options: ExportOptions = {}
): Promise<void> => {
  const { 
    filename = 'DataKit_Export', 
    title = 'DataKit Export',
    includeTimestamp = true 
  } = options;

  try {
    // Dynamic imports
    const jsPDF = (await import('jspdf')).default;
    const html2canvas = (await import('html2canvas')).default;
    
    // Create temporary container for PDF generation
    const tempContainer = document.createElement('div');
    tempContainer.style.position = 'absolute';
    tempContainer.style.left = '-9999px';
    tempContainer.style.width = '794px'; // A4 width in pixels
    tempContainer.style.backgroundColor = '#ffffff';
    tempContainer.style.color = '#000000';
    tempContainer.style.fontFamily = 'Arial, sans-serif';
    tempContainer.style.padding = '40px';
    tempContainer.style.lineHeight = '1.4';
    
    // Add title
    const titleElement = document.createElement('h1');
    titleElement.textContent = title;
    titleElement.style.fontSize = '24px';
    titleElement.style.marginBottom = '20px';
    titleElement.style.color = '#000000';
    titleElement.style.fontWeight = 'bold';
    titleElement.style.textAlign = 'center';
    titleElement.style.borderBottom = '2px solid #000000';
    titleElement.style.paddingBottom = '10px';
    tempContainer.appendChild(titleElement);

    // Add timestamp if requested
    if (includeTimestamp) {
      const dateDiv = document.createElement('div');
      dateDiv.textContent = `Generated on: ${new Date().toLocaleDateString()} with DataKit`;
      dateDiv.style.fontSize = '12px';
      dateDiv.style.color = '#666666';
      dateDiv.style.textAlign = 'center';
      dateDiv.style.marginBottom = '30px';
      tempContainer.appendChild(dateDiv);
    }

    // Add main content
    const contentDiv = document.createElement('div');
    contentDiv.innerHTML = htmlContent;
    tempContainer.appendChild(contentDiv);

    document.body.appendChild(tempContainer);

    // Generate canvas from the container
    const canvas = await html2canvas(tempContainer, {