snapshot bugfixes

Author: chreman

server/services/getChartSVG.js

@@ -6,12 +6,18 @@ function timeout(ms) {
 };
 
 (async() => {
-    const browser = await puppeteer.launch();
-    const page = await browser.newPage();
-    await page.setViewport({width: 1920, height: 1080})
-    await page.goto(process.argv[2], {waitUntil: 'networkidle2'});
-    await timeout(1000)
-    await page.screenshot({path: process.argv[3], clip: { x: 0, y: 0, width: 1150, height: 1080 }});
-    browser.close();
+    try {
+        const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox', '--disable-setuid-sandbox'] });
+        await timeout(1000)
+        const page = await browser.newPage();
+        await timeout(1000)
+        await page.setViewport({width: 1920, height: 1080})
+        await page.goto(process.argv[2], {waitUntil: 'networkidle2'});
+        await timeout(1000)
+        await page.screenshot({path: process.argv[3], clip: { x: 0, y: 0, width: 1150, height: 1080 }});
+        browser.close();
+    } catch (error) {
+        console.error('Error occurred while generating chart SVG:', error);
+    }
 
 })();

server/services/snapshot/headstart_snapshot.php

@@ -27,10 +27,22 @@
                 data_config.options = options_<?php echo htmlspecialchars($_GET['service']); ?>.dropdowns;
             }
         </script>
-        <script type="text/javascript" src="../../../dist/headstart.js"></script>
-        <link type="text/css" rel="stylesheet" href="../../../dist/headstart.css"></link>
+        <?php include "../../../dist/headstart.php"; ?>
         <script type="text/javascript">
-            headstart.start();
+            // Function to check if headstart is loaded and start it
+            function initializeHeadstart() {
+                if (typeof headstart !== 'undefined' && headstart.start) {
+                    headstart.start();
+                } else {
+                    setTimeout(initializeHeadstart, 100);
+                }
+            }
+            
+            // Wait for DOM to be ready, then start checking for headstart
+            document.addEventListener('DOMContentLoaded', function() {
+                // Give a small delay to ensure deferred scripts have time to load
+                setTimeout(initializeHeadstart, 500);
+            });
         </script>
     </body>
 </html>