Update puppeteer_pdf.js

puppeteer_pdf.js

@@ -24,6 +24,9 @@ if (!fs.existsSync(htmlFilePath)) {
 async function convertToPDF() {
     let browser;
     try {
+        console.log('Starting PDF conversion...');
+        console.log(`Aspect Ratio: ${aspectRatio}`);
+        
         // Launch browser with system Chromium
         const browserOptions = {
             headless: 'new',
@@ -66,24 +69,36 @@ async function convertToPDF() {
         }
 
         browser = await puppeteer.launch(browserOptions);
-
         const page = await browser.newPage();
         
-        // Set viewport for better rendering
+        // Set viewport for better rendering based on aspect ratio
+        let viewportWidth = 1920;
+        let viewportHeight = 1080;
+        
+        if (aspectRatio === '9:16') {
+            viewportWidth = 1080;
+            viewportHeight = 1920;
+        } else if (aspectRatio === '1:1') {
+            viewportWidth = 1080;
+            viewportHeight = 1080;
+        }
+        
         await page.setViewport({
-            width: 1920,
-            height: 1080,
+            width: viewportWidth,
+            height: viewportHeight,
             deviceScaleFactor: 2
         });
         
-        // Load the HTML file with absolute path
+        console.log(`Viewport set to: ${viewportWidth}x${viewportHeight}`);
+        
+        // Load the HTML file
         const absoluteHtmlPath = path.resolve(htmlFilePath);
         const htmlContent = fs.readFileSync(absoluteHtmlPath, 'utf8');
         
-        // Set base URL for relative paths (images, etc.)
+        // Set base URL for relative paths
         const baseUrl = 'file://' + path.dirname(absoluteHtmlPath) + '/';
         
-        // Load HTML content with base URL
+        console.log('Loading HTML content...');
         await page.setContent(htmlContent, {
             waitUntil: ['networkidle0', 'domcontentloaded'],
             timeout: 30000
@@ -96,7 +111,8 @@ async function convertToPDF() {
             document.head.appendChild(base);
         }, baseUrl);
 
-        // Wait for images and fonts to load
+        // Wait for all images and fonts to load
+        console.log('Waiting for images and fonts...');
         await page.evaluate(async () => {
             const selectors = Array.from(document.querySelectorAll("img"));
             await Promise.all([
@@ -112,10 +128,18 @@ async function convertToPDF() {
             ]);
         });
         
-        // Emulate screen media (not print)
+        // Count pages for logging
+        const pageCount = await page.evaluate(() => {
+            const pages = document.querySelectorAll('.page, .slide, section.page, article.page');
+            return pages.length || 'unknown';
+        });
+        console.log(`Detected ${pageCount} page element(s) in HTML`);
+        
+        // Emulate screen media (not print) to preserve CSS
         await page.emulateMediaType('screen');
         
-        // Additional wait for rendering
+        // Additional wait for rendering and animations
+        console.log('Waiting for final render...');
         await new Promise(resolve => setTimeout(resolve, 2000));
 
         // Generate PDF path
@@ -125,13 +149,15 @@ async function convertToPDF() {
         let pdfOptions = {
             path: pdfPath,
             printBackground: true,
-            preferCSSPageSize: false,
+            preferCSSPageSize: true,  // CRITICAL: Respect CSS @page rules
             margin: { 
                 top: '0mm', 
                 right: '0mm', 
                 bottom: '0mm', 
                 left: '0mm' 
-            }
+            },
+            displayHeaderFooter: false,
+            scale: 1.0  // No scaling to preserve exact dimensions
         };
 
         // Set dimensions based on aspect ratio
@@ -140,24 +166,38 @@ async function convertToPDF() {
             pdfOptions.landscape = true;
             pdfOptions.width = '297mm';
             pdfOptions.height = '210mm';
+            console.log('PDF format: A4 Landscape (297mm x 210mm)');
         } else if (aspectRatio === '1:1') {
             pdfOptions.width = '210mm';
             pdfOptions.height = '210mm';
+            pdfOptions.landscape = false;
+            console.log('PDF format: Square (210mm x 210mm)');
         } else if (aspectRatio === '9:16') {
             pdfOptions.format = 'A4';
             pdfOptions.landscape = false;
             pdfOptions.width = '210mm';
             pdfOptions.height = '297mm';
+            console.log('PDF format: A4 Portrait (210mm x 297mm)');
         } else {
             pdfOptions.format = 'A4';
             pdfOptions.landscape = true;
+            console.log('PDF format: A4 Landscape (default)');
         }
 
         // Generate the PDF
+        console.log('Generating PDF...');
         await page.pdf(pdfOptions);
 
-        console.log(`Successfully converted ${htmlFilePath} to ${pdfPath}`);
-        process.exit(0);
+        // Verify PDF was created
+        if (fs.existsSync(pdfPath)) {
+            const stats = fs.statSync(pdfPath);
+            console.log(`Successfully converted ${htmlFilePath} to ${pdfPath}`);
+            console.log(`PDF size: ${(stats.size / 1024).toFixed(2)} KB`);
+            process.exit(0);
+        } else {
+            console.error('PDF file was not created');
+            process.exit(1);
+        }
 
     } catch (error) {
         console.error(`PDF conversion failed: ${error.message}`);