Merge pull request #73 from SenaxInc/copilot/add-github-action-preview

Add GitHub Actions website preview for 112025 Viewer

Author: dorkmo

.github/workflows/html-render.yml

@@ -6,12 +6,14 @@ on:
     paths:
       - 'TankAlarm-092025-Server-Hologram/*.ino'
       - 'TankAlarm-112025-Server-BluesOpta/*.ino'
+      - 'TankAlarm-112025-Viewer-BluesOpta/*.ino'
       - '.github/workflows/html-render.yml'
   pull_request:
     branches: [main, master]
     paths:
       - 'TankAlarm-092025-Server-Hologram/*.ino'
       - 'TankAlarm-112025-Server-BluesOpta/*.ino'
+      - 'TankAlarm-112025-Viewer-BluesOpta/*.ino'
       - '.github/workflows/html-render.yml'
   workflow_dispatch:
 
@@ -187,6 +189,35 @@ jobs:
               print(f'Extracted config generator HTML: {len(config_html)} bytes')
           EOF
 
+      - name: Extract and render HTML for 112025 Viewer
+        run: |
+          mkdir -p /tmp/html-112025-viewer
+          python3 << 'EOF'
+          import re
+          
+          ino_file = 'TankAlarm-112025-Viewer-BluesOpta/TankAlarm-112025-Viewer-BluesOpta.ino'
+          output_dir = '/tmp/html-112025-viewer'
+          
+          with open(ino_file, 'r', encoding='utf-8', errors='ignore') as f:
+              content = f.read()
+          
+          # Find the VIEWER_DASHBOARD_HTML constant
+          html_pattern = r'static const char VIEWER_DASHBOARD_HTML\[\] PROGMEM = R"HTML\((.*?)\)HTML"'
+          match = re.search(html_pattern, content, re.DOTALL)
+          
+          if match:
+              html_content = match.group(1)
+              
+              # Replace the STR(WEB_REFRESH_SECONDS) macro with a placeholder value
+              html_content = re.sub(r'\)HTML" STR\(WEB_REFRESH_SECONDS\) R"HTML\(', '30', html_content)
+              
+              output_file = output_dir + '/dashboard.html'
+              with open(output_file, 'w', encoding='utf-8') as out:
+                  out.write(html_content)
+              
+              print(f'Extracted viewer dashboard HTML: {len(html_content)} bytes')
+          EOF
+
       - name: Take screenshots with Playwright
         run: |
           node << 'EOF'
@@ -251,6 +282,31 @@ jobs:
                   }
               }
               
+              // Screenshot 112025 Viewer pages
+              const dir112025Viewer = '/tmp/html-112025-viewer';
+              const output112025Viewer = 'TankAlarm-112025-Viewer-BluesOpta/screenshots';
+              
+              if (fs.existsSync(dir112025Viewer)) {
+                  fs.mkdirSync(output112025Viewer, { recursive: true });
+                  const files = fs.readdirSync(dir112025Viewer);
+                  
+                  for (const file of files) {
+                      if (file.endsWith('.html')) {
+                          const htmlPath = path.join(dir112025Viewer, file);
+                          const screenshotName = file.replace('.html', '.png');
+                          const screenshotPath = path.join(output112025Viewer, screenshotName);
+                          
+                          try {
+                              await page.goto('file://' + htmlPath, { waitUntil: 'networkidle' });
+                              await page.screenshot({ path: screenshotPath, fullPage: true });
+                              console.log(`Screenshot saved: ${screenshotPath}`);
+                          } catch (error) {
+                              console.error(`Error capturing ${file}:`, error.message);
+                          }
+                      }
+                  }
+              }
+              
               await browser.close();
           }
           
@@ -302,13 +358,29 @@ jobs:
           *Last updated: $(date -u +"%Y-%m-%d %H:%M:%S UTC")*
           EOF
 
+      - name: Generate WEBSITE_PREVIEW.md for 112025 Viewer
+        run: |
+          cat > TankAlarm-112025-Viewer-BluesOpta/WEBSITE_PREVIEW.md << 'EOF'
+          # Website Preview - TankAlarm 112025 Viewer
+
+          This document contains screenshots of the web interface served by the TankAlarm-112025-Viewer-BluesOpta.
+
+          ## Dashboard
+          ![Dashboard](screenshots/dashboard.png)
+
+          ---
+          *Screenshots automatically generated by GitHub Actions*
+          *Last updated: $(date -u +"%Y-%m-%d %H:%M:%S UTC")*
+          EOF
+
       - name: Commit and push changes
         if: github.event_name == 'push' && (github.ref == 'refs/heads/main' || github.ref == 'refs/heads/master')
         run: |
           git config --local user.email "github-actions[bot]@users.noreply.github.com"
           git config --local user.name "github-actions[bot]"
           git add TankAlarm-092025-Server-Hologram/WEBSITE_PREVIEW.md TankAlarm-092025-Server-Hologram/screenshots/
           git add TankAlarm-112025-Server-BluesOpta/WEBSITE_PREVIEW.md TankAlarm-112025-Server-BluesOpta/screenshots/
+          git add TankAlarm-112025-Viewer-BluesOpta/WEBSITE_PREVIEW.md TankAlarm-112025-Viewer-BluesOpta/screenshots/
           git diff --staged --quiet || git commit -m "Update website preview screenshots [skip ci]"
           git push origin HEAD:${{ github.head_ref || github.ref_name }}
         env:

TankAlarm-112025-Viewer-BluesOpta/WEBSITE_PREVIEW.md

@@ -0,0 +1,9 @@
+# Website Preview - TankAlarm 112025 Viewer
+
+This document contains screenshots of the web interface served by the TankAlarm-112025-Viewer-BluesOpta.
+
+## Dashboard
+![Dashboard](screenshots/dashboard.png)
+
+---
+*Screenshots automatically generated by GitHub Actions*